:root{color-scheme:light;--ink:#000;--paper:#fff;--display:Impact,'Arial Narrow','Helvetica Neue',Arial,sans-serif;--sans:Arial,Helvetica,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
img,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:3px solid currentColor;outline-offset:5px}
::selection{background:#000;color:#fff}
.display{font-family:var(--display);font-weight:900;font-stretch:condensed;text-transform:uppercase;letter-spacing:-.047em}
.eyebrow{font-size:11px;line-height:1.5;text-transform:uppercase;letter-spacing:.075em;font-weight:800}
.shell{padding-left:3.2%;padding-right:3.2%}
.site-header{position:fixed;z-index:50;inset:0 0 auto;height:68px;background:#fff;border-bottom:1px solid #000;display:flex;align-items:center;justify-content:space-between;padding:0 3.2%}
.header-logo{width:96px;display:block;flex:none}.header-logo img{width:100%;height:auto}
.header-links{display:flex;gap:28px;align-items:center}.header-links a{font-size:11px;font-weight:800;letter-spacing:.08em;transition:opacity .2s}.header-links a:hover{opacity:.45}
.intro{padding-top:106px}.intro-rule{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #000;padding-top:13px}
.intro h1{font-size:clamp(92px,22vw,440px);line-height:.72;margin:70px 0 56px -.014em;max-width:100%;overflow-wrap:anywhere}
.intro h1.long{font-size:clamp(86px,16vw,300px)}
.meta-grid{border-top:1px solid #000;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,2fr);gap:20px;padding:18px 0 50px}
.meta-grid dt{margin:0 0 14px;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.meta-grid dd{margin:0;font-size:clamp(12px,1.25vw,17px);font-weight:700;line-height:1.4}
.hero-media{position:relative;height:clamp(550px,83svh,1100px);background:#090909;color:#fff;overflow:hidden}
.hero-media>img,.hero-media>video{width:100%;height:100%;object-fit:cover}
.hero-media.contain>img,.hero-media.contain>video{object-fit:contain;padding:4%}
.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 54%,rgba(0,0,0,.54) 100%);pointer-events:none}
.hero-caption{position:absolute;z-index:2;bottom:24px;left:3.2%;right:3.2%;display:flex;justify-content:space-between;align-items:end;gap:20px}
.hero-caption span:last-child{font-size:clamp(24px,4vw,70px);line-height:.85}
.lede{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;padding-top:138px;padding-bottom:155px}
.lede .eyebrow{grid-column:1/4}.lede-copy{grid-column:5/12}
.lede-copy p:first-child{font-size:clamp(30px,4.3vw,76px);font-weight:600;line-height:1.08;letter-spacing:-.06em;margin:0}
.lede-copy p:last-child{font-size:clamp(15px,1.3vw,19px);line-height:1.54;max-width:650px;margin:35px 0 0}
.chapter{border-top:1px solid #000;padding:20px 3.2% 55px;display:grid;grid-template-columns:24% 1fr;gap:20px}
.chapter h2{font-size:clamp(74px,12vw,220px);line-height:.82;margin:0}.chapter p{grid-column:2;max-width:560px;margin:5px 0 0;font-size:15px;line-height:1.53}
figure{margin:0;min-width:0}.caption{display:flex;justify-content:space-between;gap:15px;padding-top:12px;font-size:10px;line-height:1.4;text-transform:uppercase;letter-spacing:.06em;font-weight:800}
.frame{overflow:hidden;background:#111}.frame img,.frame video{width:100%;height:100%;object-fit:cover}
.hero-artwork{margin:0 3.2% 120px;background:#101010;min-height:clamp(400px,70vw,1050px);display:grid;place-items:center}
.hero-artwork img{width:100%;height:clamp(400px,70vw,1050px);object-fit:contain}
.pair{display:grid;grid-template-columns:1fr 1.06fr;gap:22px;padding:0 3.2% 160px;align-items:end}
.pair figure:first-child{padding-bottom:120px}.pair figure .frame{height:clamp(420px,50vw,810px)}.pair figure:nth-child(2) .frame{height:clamp(500px,65vw,1040px)}
.motion{background:#000;color:#fff;padding:75px 0 165px}.motion .chapter{border-color:#fff}.motion .chapter p{color:#ddd}
.motion-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:end;padding:0 3.2%}
.motion-frame{background:#0e0e0e}.motion-frame video{width:100%;height:clamp(500px,65vw,880px);object-fit:contain}
.motion-text{padding:0 5% 30px}.motion-text h3{font-size:clamp(72px,10vw,180px);line-height:.83;margin:22px 0 30px}.motion-text p{font-size:16px;line-height:1.54;max-width:450px;margin:0}.motion-text .eyebrow:last-child{display:block;border-top:1px solid #888;margin-top:55px;padding-top:15px}
.context{padding-top:150px}.context .chapter{margin-bottom:20px}
.context-gallery{display:grid;grid-template-columns:1.12fr .88fr;gap:22px;padding:0 3.2% 110px;align-items:start}.context-gallery .frame{height:clamp(550px,68vw,1000px)}.context-gallery figure:nth-child(2){padding-top:155px}.context-gallery figure:nth-child(2) .frame{height:clamp(420px,52vw,790px)}
.wide-close{margin:0 3.2%}.wide-close .frame{height:clamp(540px,80svh,960px)}.wide-close .frame img{object-position:center}
.case-notes{border-top:1px solid #000;margin:140px 3.2% 0;padding-top:18px;display:grid;grid-template-columns:1fr 2fr;gap:22px}.case-notes p{margin:0;max-width:640px;font-size:14px;line-height:1.55}
.next{display:block;background:#000;color:#fff;padding:85px 3.2% 120px;margin-top:125px;overflow:hidden}
.next-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #aaa;padding-bottom:20px}
.next strong{font-size:clamp(82px,17.5vw,320px);line-height:.8;display:block;margin-top:55px;transition:transform .5s cubic-bezier(.19,.7,.21,1)}.next:hover strong{transform:translateX(20px)}
footer{display:flex;justify-content:space-between;gap:20px;padding:35px 3.2% 28px}footer span,footer a{font-size:10px;line-height:1.5;letter-spacing:.065em;text-transform:uppercase;font-weight:800}
@media(max-width:900px){.intro h1{font-size:21vw}.intro h1.long{font-size:17vw}.lede{padding-top:100px;padding-bottom:115px}.lede-copy{grid-column:4/13}.chapter{grid-template-columns:20% 1fr}.chapter h2{font-size:13vw}}
@media(max-width:620px){.shell{padding-left:5%;padding-right:5%}.site-header{height:58px;padding:0 5%}.header-logo{width:80px}.header-links{gap:14px}.header-links a{font-size:9px}.eyebrow{font-size:9px}.intro{padding-top:87px}.intro h1,.intro h1.long{font-size:21vw;line-height:.83;margin:58px 0 35px}.meta-grid{grid-template-columns:1fr 1fr;padding-bottom:30px;gap:22px 15px}.meta-grid dt{font-size:9px;margin-bottom:8px}.meta-grid dd{font-size:13px}.hero-media{height:64svh;min-height:420px}.hero-caption{left:5%;right:5%;bottom:16px}.hero-caption span:last-child{font-size:25px}.lede{display:flex;flex-direction:column;gap:25px;padding-top:85px;padding-bottom:110px}.lede-copy p:first-child{font-size:clamp(32px,8vw,55px)}.lede-copy p:last-child{font-size:15px;margin-top:25px}.chapter{display:block;padding:18px 5% 35px}.chapter h2{font-size:20vw;margin:25px 0}.chapter p{font-size:14px;margin:0}.hero-artwork{margin:0 5% 70px;min-height:0}.hero-artwork img{height:95vw}.pair,.context-gallery{display:flex;flex-direction:column;gap:42px;padding:0 5% 115px}.pair figure:first-child,.context-gallery figure:nth-child(2){padding:0}.pair figure,.context-gallery figure{width:100%}.pair figure .frame,.pair figure:nth-child(2) .frame,.context-gallery .frame,.context-gallery figure:nth-child(2) .frame{height:115vw}.motion{padding:60px 0 110px}.motion-layout{display:flex;flex-direction:column;gap:40px;padding:0 5%;align-items:stretch}.motion-frame video{height:105vw}.motion-text{padding:0}.motion-text h3{font-size:20vw}.motion-text p{font-size:14px}.context{padding-top:95px}.wide-close{margin:0 5%}.wide-close .frame{height:66svh}.case-notes{display:block;margin:110px 5% 0}.case-notes p{margin-top:25px}.next{padding:75px 5% 90px;margin-top:100px}.next strong{font-size:22vw}footer{display:block;padding:35px 5% 25px}footer span,footer a{display:block;margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

@media(max-width:620px){.meta-grid>div:last-child{grid-column:1/-1}}