@layer components{.journal-page{min-height:100svh;color:var(--color-graphite);background:var(--color-warm-white);padding-bottom:clamp(64px,7vw,104px)}.journal-intro{grid-template-columns:minmax(0,1fr) auto;align-items:start;padding-block:28px 22px;display:grid}.journal-intro h1{color:var(--color-graphite);font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.035em;margin:0;font-size:clamp(58px,5vw,72px);font-weight:560;line-height:.95}.journal-intro h1 span{color:var(--color-violet)}.journal-intro time{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;padding-top:5px;font-size:14px;line-height:1}.journal-page__inner{width:min(calc(100% - 48px), var(--container));margin-inline:auto}.journal-search{border-radius:var(--radius);height:52px;color:var(--color-warm-white);background:linear-gradient(100deg,#080911,#0d0e15);grid-template-columns:40px minmax(0,1fr);align-items:center;padding-inline:12px 18px;display:grid}.journal-search label{place-items:center;display:grid}.journal-search svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:24px}.journal-search input{width:100%;min-width:0;color:var(--color-warm-white);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;background:0 0;border:0;outline:0;padding:0;font-size:16px;line-height:1}.journal-search input::placeholder{color:#e2dcd8b8}.journal-browser{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"categories navigation""divider divider""heading heading""track track";align-items:center;column-gap:24px;margin-top:24px;display:grid}.journal-categories{grid-area:categories;align-items:center;gap:20px;min-width:0;display:flex}.journal-categories button{color:var(--color-graphite);font-family:var(--font-display);text-transform:uppercase;cursor:pointer;background:0 0;border:0;flex:none;padding:7px 0 11px;font-size:16px;font-weight:520;line-height:1;position:relative}.journal-categories button+button:before{content:"·";position:absolute;top:50%;left:-12px;transform:translateY(-55%)}.journal-categories button:after{content:"";background:var(--color-violet);transform-origin:0;height:2px;transition:transform .18s;position:absolute;bottom:3px;left:0;right:0;transform:scaleX(0)}.journal-categories button:hover,.journal-categories button.is-active{color:var(--color-violet)}.journal-categories button.is-active:after{transform:scaleX(1)}.journal-pinned__navigation{grid-area:navigation;justify-content:flex-end;gap:8px;display:flex}.journal-pinned__navigation button{border-radius:var(--radius);width:48px;height:36px;color:var(--color-graphite);cursor:pointer;background:0 0;border:1px solid #100f183d;place-items:center;padding:0;font-size:20px;transition:color .18s,border-color .18s,opacity .18s;display:grid}.journal-pinned__navigation button:not(:disabled):hover{border-color:var(--color-violet);color:var(--color-violet)}.journal-pinned__navigation button:disabled{opacity:.32;cursor:default}.journal-browser__divider{background:#100f18c7;grid-area:divider;height:1px;margin-top:8px}.journal-context-heading{opacity:1;grid-template-rows:1fr;transition:grid-template-rows .18s,margin-top .18s,opacity .18s;display:grid}.journal-context-heading>*{min-height:0;overflow:hidden}.journal-context-heading--pinned{grid-area:heading;margin-top:18px}.journal-page[data-search-active] .journal-context-heading{opacity:0;grid-template-rows:0fr}.journal-page[data-search-active] .journal-context-heading--pinned,.journal-page[data-search-active] .journal-materials__grid{margin-top:0}.journal-pinned__heading{align-items:center;gap:10px;display:flex}.journal-pinned__heading svg{fill:none;stroke:currentColor;stroke-width:1.45px;width:22px;transform:rotate(-8deg)}.journal-pinned__heading h2,.journal-section-heading h2{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:20px;font-weight:540;line-height:1}.journal-pinned__heading b{font-weight:inherit}.journal-pinned__track{overscroll-behavior-inline:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;grid-area:track;grid-auto-columns:calc(25% - 10.5px);grid-auto-flow:column;gap:14px;margin-top:14px;display:grid;overflow-x:auto}.journal-pinned__track::-webkit-scrollbar{display:none}.journal-card{border-radius:var(--radius);min-width:0}.journal-card[hidden]{display:none}.journal-card__link{color:inherit;text-decoration:none}.journal-card--pinned{min-height:346px;color:var(--color-warm-white);scroll-snap-align:start;background:#090a12;border:1px solid #100f1833;grid-column:auto;position:relative;overflow:hidden}.journal-card--featured{grid-column:span 2}.journal-card--pinned .journal-card__link{height:100%;display:block;position:relative}.journal-card--pinned .journal-card__visual{position:absolute;inset:0;overflow:hidden}.journal-card--pinned .journal-card__visual:after{content:"";background:linear-gradient(#07080e0a 16%,#07080ef0 86%);position:absolute;inset:0}.journal-card--pinned .journal-card__visual img{object-fit:cover;width:100%;height:100%;transition:transform .26s;display:block}.journal-card--featured .journal-card__visual img{object-fit:contain;object-position:right center;width:72%;margin-left:auto;transform:scale(1.12)}.journal-card--pinned:hover .journal-card__visual img{transform:scale(1.035)}.journal-card--featured:hover .journal-card__visual img{transform:scale(1.15)}.journal-card__pin{z-index:2;border-radius:var(--radius);color:var(--color-graphite);background:var(--color-warm-white);font-family:var(--font-display);text-transform:uppercase;align-items:center;gap:6px;padding:7px 10px;font-size:11px;line-height:1;display:inline-flex;position:absolute;top:12px;left:12px}.journal-card__pin svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:14px}.journal-card--pinned .journal-card__content{z-index:2;position:absolute;bottom:18px;left:18px;right:18px}.journal-card--featured .journal-card__content{max-width:none}.journal-card--featured .journal-card__meta,.journal-card--featured h3,.journal-card--featured .journal-card__excerpt{max-width:58%}.journal-card__meta{font-family:var(--font-display);text-transform:uppercase;align-items:center;gap:8px;margin:0;font-size:12px;line-height:1;display:flex}.journal-card__meta span{color:var(--color-violet)}.journal-card__meta i{font-style:normal}.journal-card--pinned h3{font-family:var(--font-display);text-transform:uppercase;margin:14px 0 0;font-size:clamp(28px,2.25vw,36px);font-weight:540;line-height:1.05}.journal-card--featured h3{max-width:430px;font-size:clamp(36px,3vw,48px)}.journal-card__excerpt{max-width:330px;margin:12px 0 0;font-size:14px;line-height:1.45}.journal-card__footer{font-family:var(--font-display);text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;margin-top:22px;font-size:13px;line-height:1;display:flex}.journal-card__footer>span{color:var(--color-violet);font-size:28px;transition:transform .18s}.journal-card__link:hover .journal-card__footer>span{transform:translate(4px)}.journal-pinned__navigation[hidden],.journal-infinite__status[hidden]{display:none}.journal-materials{margin-top:26px}.journal-section-heading span{background:var(--color-violet);width:42px;height:2px;margin-top:8px;display:block}.journal-materials__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px;margin-top:16px;transition:margin-top .18s;display:grid}.journal-card--list{border-right:1px solid #100f1840;border-radius:0;min-height:188px}.journal-card--list:nth-child(3n){border-right:0}.journal-card--list .journal-card__link{grid-template-columns:minmax(118px,42%) minmax(0,1fr);gap:16px;padding-right:18px;display:grid}.journal-card--list .journal-card__visual{border-radius:var(--radius);background:#0b0c14;height:188px;min-height:188px;overflow:hidden}.journal-card--list .journal-card__visual img{object-fit:cover;width:100%;height:100%;transition:transform .24s;display:block}.journal-card--list:hover .journal-card__visual img{transform:scale(1.035)}.journal-card--list .journal-card__content{grid-template-rows:auto minmax(0,1fr) auto;min-width:0;padding-block:6px 2px;display:grid}.journal-card--list .journal-card__meta{font-size:11px}.journal-card--list h3{font-family:var(--font-display);text-transform:uppercase;align-self:center;margin:10px 0;font-size:clamp(22px,1.8vw,28px);font-weight:540;line-height:1.08}.journal-card--list .journal-card__footer{color:#100f18d1;margin-top:0}.journal-materials__empty{color:#100f18ad;text-align:center;margin:42px 0 0}.journal-infinite{place-items:center;min-height:1px;display:grid}.journal-infinite__sentinel{width:100%;height:1px}.journal-infinite__status{color:#100f18ad;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;margin:24px 0 0;font-size:15px;line-height:1}.journal-pagination{font-family:var(--font-display);text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;margin:32px auto 0;font-size:14px;line-height:1;display:flex}.journal-pagination>span{color:#100f1894}.journal-pagination a{border-radius:var(--radius);min-height:42px;color:var(--color-graphite);border:1px solid #100f183d;align-items:center;gap:12px;padding-inline:16px;transition:color .18s,border-color .18s;display:flex}.journal-pagination a:hover{border-color:var(--color-violet);color:var(--color-violet)}.journal-page[data-infinite-ready] .journal-pagination{display:none}.journal-intro--archive{border-bottom:1px solid #100f1885;align-items:end}.journal-intro--archive p{font-family:var(--font-display);text-transform:uppercase;margin:0 0 4px;font-size:15px}@supports (content-visibility:auto){.journal-card--list{content-visibility:auto;contain-intrinsic-size:auto 188px}}@media (width<=1080px){.journal-pinned__track{grid-auto-columns:calc(50% - 6px);gap:12px}.journal-card--pinned{min-height:330px}.journal-card--featured{grid-column:auto}.journal-card--featured .journal-card__content{max-width:none}.journal-card--pinned h3{font-size:28px}.journal-card--featured h3{font-size:38px}.journal-card__excerpt{font-size:13px}.journal-materials__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.journal-card--list:nth-child(3n){border-right:1px solid #100f1840}.journal-card--list:nth-child(2n){border-right:0}}@media (width<=820px){.journal-intro{align-items:end;padding-block:24px 16px}.journal-intro h1{font-size:clamp(38px,10vw,54px)}.journal-intro time{padding-bottom:4px;font-size:11px}.journal-page__inner{width:min(calc(100% - 24px), var(--container))}.journal-search{grid-template-columns:34px minmax(0,1fr);height:40px;padding-inline:8px 12px}.journal-search svg{width:20px}.journal-search input{font-size:14px}.journal-browser{grid-template-columns:minmax(0,1fr) minmax(140px,auto);grid-template-areas:"categories categories""heading navigation""track track";column-gap:12px;margin-top:14px}.journal-categories{scrollbar-width:none;gap:22px;padding-bottom:4px;overflow-x:auto}.journal-categories::-webkit-scrollbar{display:none}.journal-categories button{font-size:13px}.journal-pinned__navigation{margin-top:18px}.journal-browser__divider{display:none}.journal-context-heading--pinned{margin-top:18px}.journal-pinned__heading svg{width:20px}.journal-pinned__heading h2{white-space:nowrap;font-size:16px}.journal-pinned__track{gap:12px;margin-top:12px}.journal-card--pinned,.journal-card--featured{min-height:258px}.journal-card--featured .journal-card__content{max-width:none}.journal-card--featured .journal-card__visual img{width:92%;transform:scale(1.12)}.journal-card--pinned .journal-card__content{bottom:14px;left:14px;right:14px}.journal-card--pinned h3,.journal-card--featured h3{max-width:92%;margin-top:10px;font-size:28px}.journal-card__excerpt{display:none}.journal-card--pinned .journal-card__footer{margin-top:16px}.journal-materials{margin-top:34px}.journal-section-heading h2{font-size:17px}.journal-materials__grid{grid-template-columns:1fr;gap:0;margin-top:12px}.journal-card--list,.journal-card--list:nth-child(2n),.journal-card--list:nth-child(3n){border-bottom:1px solid #100f183d;border-right:0;min-height:96px}.journal-card--list .journal-card__link{grid-template-columns:86px minmax(0,1fr);gap:14px;padding:10px 0}.journal-card--list .journal-card__visual{height:82px;min-height:82px}.journal-card--list .journal-card__content{padding:2px 0}.journal-card--list .journal-card__meta{font-size:10px}.journal-card--list h3{margin-top:7px;font-size:clamp(19px,5vw,24px)}.journal-card--list .journal-card__footer{margin-top:auto;font-size:11px}.journal-card--list .journal-card__footer>span{font-size:22px}.journal-pagination{text-align:center;grid-template-columns:1fr;margin-top:20px;display:grid}.journal-pagination a{justify-content:center}@supports (content-visibility:auto){.journal-card--list{contain-intrinsic-size:auto 96px}}}@media (width<=560px){.journal-pinned__track{grid-auto-columns:82%}}@media (width<=430px){.journal-intro{grid-template-columns:1fr;gap:6px}.journal-intro h1{font-size:38px}.journal-intro time{padding:0}.journal-browser{grid-template-columns:minmax(0,1fr) 144px}.journal-pinned__heading{gap:7px}.journal-pinned__heading h2{font-size:15px}}}