/* Photographic edition: neutral light, dark exposures, one continuous image. */
:root{--paper:#fafafa;--ink:#171717;--muted:#616161;--ease-out:cubic-bezier(.23,1,.32,1);--ease-move:cubic-bezier(.77,0,.175,1);--motion-press:160ms;--motion-preview:280ms}
.site-header.is-scrolled{background:rgba(250,250,250,.97)}
.feature-story{position:relative;isolation:isolate;background:#090909;color:#fff;min-height:clamp(640px,calc(100svh - 82px),900px);overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;gap:40px;padding:32px var(--gutter) 30px;max-width:1920px;margin-inline:auto}
.feature-exposure{position:absolute;inset:0;z-index:-2;overflow:hidden}
.feature-exposure .article-art{background:#090909}
.feature-exposure .article-art img{object-position:65% 50%;transform:scale(1.075);transition:none}
.feature-story:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.84) 0%,rgba(0,0,0,.58) 36%,rgba(0,0,0,.06) 80%),linear-gradient(0deg,rgba(0,0,0,.68),transparent 40%)}
.feature-masthead{display:flex;align-items:center;justify-content:space-between;gap:28px;max-width:1400px;width:100%;margin-inline:auto}
.feature-masthead>p{font-size:24px;letter-spacing:-.045em;font-weight:500}
.feature-masthead nav{display:flex;gap:28px;align-items:center;font-size:13px}
.feature-masthead nav a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:5px}
.feature-masthead nav a:hover{text-decoration:underline}
.feature-copy{width:100%;max-width:1400px;margin-inline:auto;align-self:center;padding-block:20px 16px}
.feature-copy .article-meta{color:#fff;margin-bottom:28px;gap:28px}
.feature-copy .article-meta>:first-child{color:#fff}
.feature-copy h1{font-size:clamp(52px,5.9vw,92px);font-weight:500;letter-spacing:-.052em;line-height:1.015;max-width:17.8ch;text-wrap:balance}
.feature-copy h1 a{display:block}
.feature-story :focus-visible{outline-color:#fff;outline-offset:7px}
.feature-bottom{display:grid;grid-template-columns:1fr minmax(220px,400px) auto;gap:clamp(28px,5vw,90px);align-items:end;max-width:1400px;width:100%;margin-inline:auto}
.feature-bottom>p{font-size:14px;line-height:1.65;color:#eee;max-width:44ch}
.feature-down{display:inline-flex;gap:18px;align-items:center;min-height:44px;font-size:13px;justify-self:start;white-space:nowrap}
.feature-down svg{transform:rotate(135deg);width:20px}
.feature-read{display:flex;align-items:center;gap:20px;min-height:56px;font-size:14px;white-space:nowrap}
.feature-read>span{display:grid;place-items:center;width:64px;height:64px;border:1px solid #ffffff9c;border-radius:50%;transition:background var(--motion-press),color var(--motion-press),transform var(--motion-press) var(--ease-out)}
.feature-read:active>span{transform:scale(.96)}
.collection{padding-block:95px 120px}
.collection-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:48px}
.collection-heading h2{font-size:clamp(54px,6.4vw,94px);font-weight:500;letter-spacing:-.055em;line-height:1}
.collection-layout{display:grid;grid-template-columns:.95fr 1.2fr;gap:clamp(45px,7.5vw,120px);align-items:start}
.collection-view{display:none}
.collection.is-enhanced .collection-view{display:block;position:sticky;top:calc(var(--header) + 36px);height:clamp(400px,42vw,620px);overflow:hidden;background:#e7e7e7;margin-top:16px}
.collection-image{position:absolute;inset:0}
.collection-image .article-art img{object-position:center}
.collection-list{min-width:0}
.collection-entry{position:relative}
.collection-link{position:relative;display:flex;align-items:center;gap:25px;padding-block:28px;min-height:145px}
.collection-entry:first-child .collection-link{padding-top:15px}
.collection-copy{flex:1;min-width:0}
.collection-copy .article-meta{font-size:12px;gap:20px;margin-bottom:14px}
.collection-copy h3{font-size:clamp(28px,2.8vw,42px);line-height:1.12;font-weight:500;letter-spacing:-.04em;text-wrap:pretty}
.collection-arrow{align-self:center;flex:none;display:grid;place-items:center;width:36px;height:44px}
.collection-arrow svg{width:26px;transition:transform var(--motion-press) var(--ease-out)}
.collection-thumb{display:block;flex:0 0 110px;aspect-ratio:1;overflow:hidden}
.collection.is-enhanced .collection-thumb{display:none}
.collection:not(.is-enhanced) .collection-layout{display:block}
.collection-entry:after{content:'';position:absolute;inset:auto 0 0;height:1px;background:var(--line);transform-origin:left;transform:scaleX(.16);transition:transform var(--motion-preview) var(--ease-out),background var(--motion-preview)}
.collection-entry.is-active:after,.collection-entry:focus-within:after{transform:scaleX(1);background:var(--ink)}
.collection-link:focus-visible{outline-offset:5px}
.lab-section{background:#141414}
.lab-inner{grid-template-columns:1fr 1fr;gap:clamp(60px,9vw,140px);padding-block:90px 100px}
.lab-intro h2{font-size:clamp(56px,6vw,86px);max-width:7ch;font-weight:500}
.lab-photograph{width:100%;aspect-ratio:1.45;border-radius:0;margin-top:45px}
.project-row{padding-block:35px}
.project-row h3{font-size:clamp(30px,3.1vw,44px);max-width:15ch}
.lab-list{align-self:center}
.card-cover,.article-header-art{border-radius:0}
.article-header{grid-template-columns:1.2fr 1fr;gap:clamp(40px,7vw,110px);padding-block:45px 65px}
.article-header h1{font-size:clamp(48px,4.8vw,74px);font-weight:500;letter-spacing:-.048em;max-width:19ch}
.article-header-art{aspect-ratio:.95;min-height:420px}
.article-header-art .article-art img{object-position:center}
.article-deck{font-size:18px}
.archive-heading h1{font-weight:500;letter-spacing:-.055em}
.jvc-send{transition:transform var(--motion-press) var(--ease-out),background var(--motion-press)}
.jvc-send:active:not(:disabled){transform:scale(.985)}
@media(hover:hover) and (pointer:fine){
 .feature-read:hover>span{background:#fff;color:#171717}
 .collection-entry:hover .collection-arrow svg{transform:translate(4px,-4px)}
}
@media(prefers-reduced-motion:no-preference){
 html:not([data-jv-entry]) .feature-exposure{animation:exposure-open 850ms var(--ease-out) both}
 @keyframes exposure-open{from{clip-path:inset(0 0 12% 0);opacity:.6}to{clip-path:inset(0);opacity:1}}
}
@media(max-width:1100px){
 .feature-copy h1{font-size:clamp(50px,6.4vw,73px);max-width:18ch}
 .feature-bottom{grid-template-columns:1fr 1fr;gap:30px}
 .feature-bottom>p{grid-column:1;grid-row:1}
 .feature-read{grid-column:2;grid-row:1;justify-self:end}
 .feature-down{display:none}
 .collection-layout{grid-template-columns:.8fr 1fr;gap:45px}
 .collection-copy h3{font-size:31px}
 .collection-link{gap:15px}
 .article-header h1{font-size:49px}
 .article-header-art{min-height:400px}
}
@media(max-width:850px){
 .feature-story{min-height:650px;gap:32px}
 .feature-masthead nav{gap:18px;font-size:12px}
 .feature-copy h1{font-size:57px}
 .collection{padding-block:65px 80px}
 .collection-layout{display:block}
 .collection.is-enhanced .collection-view{display:none}
 .collection.is-enhanced .collection-thumb{display:block}
 .collection-heading{margin-bottom:30px}
 .collection-link{gap:26px;padding-block:25px}
 .collection-thumb{flex-basis:140px;aspect-ratio:1.25}
 .collection-copy h3{font-size:32px}
 .collection-entry:after{transform:scaleX(1)}
 .lab-inner{gap:45px;grid-template-columns:1fr 1fr;padding-block:65px}
 .lab-intro h2{font-size:59px}
 .project-row h3{font-size:31px}
 .article-header{display:grid;grid-template-columns:1fr;gap:30px}
 .article-header-art{display:block;aspect-ratio:2;min-height:0;max-height:360px}
 .article-header h1{font-size:57px}
}
@media(max-width:600px){
 .feature-story{min-height:calc(100svh - 72px);padding:22px 22px 28px;gap:35px}
 .feature-story:after{background:linear-gradient(0deg,rgba(0,0,0,.85),rgba(0,0,0,.34) 64%,rgba(0,0,0,.3))}
 .feature-exposure .article-art img{object-position:63% 50%}
 .feature-masthead>p{font-size:23px}
 .feature-masthead nav{display:none}
 .feature-copy{padding-block:80px 0;align-self:end}
 .feature-copy h1{font-size:clamp(38px,10.5vw,57px);line-height:1.035;max-width:19ch;letter-spacing:-.04em}
 .feature-copy .article-meta{font-size:12px;margin-bottom:20px}
 .feature-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
 .feature-bottom>p{display:none}
 .feature-down{display:flex;font-size:12px}
 .feature-read{font-size:12px;gap:12px}
 .feature-read>span{width:50px;height:50px}
 .collection{padding-block:50px 65px}
 .collection-heading h2{font-size:58px}
 .collection-heading .text-link{font-size:12px;gap:8px}
 .collection-heading{margin-bottom:22px;align-items:center}
 .collection-link{gap:18px;min-height:140px;padding-block:25px;align-items:flex-start}
 .collection-thumb{flex-basis:80px;aspect-ratio:.83;margin-top:3px}
 .collection-arrow{display:none}
 .collection-copy .article-meta{font-size:11px;gap:6px 16px;margin-bottom:11px}
 .collection-copy h3{font-size:25px;line-height:1.13;letter-spacing:-.03em}
 .lab-inner{display:block;padding-block:55px 65px}
 .lab-intro{display:block;margin-bottom:40px}
 .lab-intro h2{font-size:58px;max-width:none}
 .lab-photograph{display:block;aspect-ratio:1.85;margin-top:28px}
 .project-row{padding-block:26px}
 .article-header{padding-block:16px 32px;gap:30px}
 .article-header h1{font-size:42px;line-height:1.065}
 .article-header-art{aspect-ratio:1.55;max-height:none}
}
@media(prefers-reduced-motion:reduce){
 .feature-exposure,.feature-exposure .article-art img{animation:none!important;transform:none!important}
 .collection-entry:after,.collection-arrow svg,.feature-read>span,.jvc-send{transition:none}
}
@media(forced-colors:active){.feature-story{background:Canvas;color:CanvasText}.feature-story:after{display:none}.feature-exposure{opacity:.12}.feature-copy .article-meta,.feature-copy .article-meta>:first-child,.feature-bottom>p{color:CanvasText}.feature-story :focus-visible{outline-color:Highlight}}