:root{--black:#050505;--white:#f4f3ed;--paper:#ecebe5;--muted:#91918a;--line:rgba(244,243,237,.18);--yellow:#feed00;--pad:clamp(24px,4vw,72px);--max:1680px}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{margin:0;background:var(--black);color:var(--white);font-family:Roboto,Arial,sans-serif;font-weight:300}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.site-header{position:fixed;inset:0 0 auto;z-index:20;display:flex;justify-content:space-between;align-items:center;min-height:92px;padding:18px var(--pad);color:#050505;background:rgba(243,243,239,.80);border-bottom:1px solid rgba(5,5,5,.10);backdrop-filter:blur(18px) saturate(112%)}.brand img{width:74px}.top-nav{display:flex;gap:clamp(18px,2.2vw,38px);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.top-nav a{opacity:.5}.top-nav a:hover,.top-nav .is-current{opacity:1}
main,.site-footer{max-width:var(--max);margin:auto}.intro{min-height:100svh;position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:160px var(--pad) 70px;border-bottom:1px solid var(--line)}.eyebrow{margin:0 0 28px;color:var(--yellow);font-size:11px;letter-spacing:.18em;text-transform:uppercase}h1{margin:0;font-size:clamp(72px,15vw,250px);line-height:.76;letter-spacing:-.075em;font-weight:300}.intro-copy{width:min(760px,82vw);margin:48px 0 0 auto;font-size:clamp(20px,2.5vw,42px);line-height:1.1;letter-spacing:-.03em}.index-number{position:absolute;left:var(--pad);bottom:74px;color:var(--muted);font-size:11px;letter-spacing:.16em}
.manifesto{display:grid;grid-template-columns:.5fr 1.5fr;gap:8vw;padding:150px var(--pad);border-bottom:1px solid var(--line)}.manifesto-index{margin:0;color:var(--yellow);font-size:11px;letter-spacing:.16em;text-transform:uppercase}.manifesto-text{margin:0;max-width:1100px;font-size:clamp(30px,5vw,78px);line-height:1.02;letter-spacing:-.05em}
.chapter{padding:110px var(--pad) 170px;border-bottom:1px solid var(--line)}.chapter--light{background:#111;color:var(--white)}.chapter--paper{background:var(--paper);color:#111}.chapter--paper .chapter-meta,.chapter--paper figcaption,.chapter--paper .statement p{color:#62625d}.chapter-meta{display:flex;justify-content:space-between;margin-bottom:42px;color:var(--muted);font-size:11px;letter-spacing:.15em;text-transform:uppercase}.statement{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end;margin:0 0 90px}.statement--wide{grid-template-columns:1fr}.statement h2{margin:0;max-width:1200px;font-size:clamp(48px,7.8vw,128px);line-height:.96;letter-spacing:-.055em;font-weight:300}.statement p{margin:0 0 8px;max-width:560px;color:#c7c7c0;font-size:clamp(18px,1.7vw,27px);line-height:1.42}
.work{margin:0;position:relative}.work img{width:100%;height:100%;object-fit:contain;transition:transform 1s cubic-bezier(.2,.7,.2,1)}.work:hover img{transform:scale(1.008)}.work figcaption{display:flex;justify-content:space-between;gap:20px;padding-top:14px;color:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.work--contain{background:transparent}.work--hero{height:min(84vh,980px)}.work--portrait{height:min(86vh,1080px)}.work--drawing{height:min(46vw,650px)}.work--wide{height:min(76vh,900px)}.work--cinema{height:min(74vh,860px)}.work--square{width:min(860px,78vw);height:min(78vw,860px);margin-left:auto;margin-right:auto}.work--landscape{height:min(52vw,720px)}.work--offset{width:82%;margin:120px 0 0 auto}.work--offset-right{width:88%;margin:120px 0 0 auto}.work--neutral img{filter:grayscale(.62) saturate(.38) contrast(.96) brightness(1.03)}
.pair{display:grid;gap:clamp(34px,6vw,100px);align-items:start;margin-top:150px}.pair--asymmetric{grid-template-columns:1.25fr .75fr}.pair--asymmetric .work--drawing{margin-top:18vh}.pair--balanced{grid-template-columns:1fr 1fr}.mosaic{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,52px)}.mosaic .work{height:min(54vw,720px)}.mosaic__large{grid-row:span 2;height:min(90vh,1080px)!important}.mosaic__wide{grid-column:1/-1;height:min(84vh,1000px)!important;margin-top:50px}
.closing{min-height:92vh;display:flex;flex-direction:column;justify-content:center;padding:120px var(--pad);border-bottom:1px solid var(--line)}.closing p{margin:0 0 24px;color:var(--yellow);font-size:11px;letter-spacing:.16em;text-transform:uppercase}.closing h2{margin:0;max-width:1250px;font-size:clamp(54px,9vw,154px);line-height:.96;letter-spacing:-.055em;font-weight:300}.closing a{margin-top:70px;width:max-content;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.closing a span{display:inline-block;transition:transform .25s}.closing a:hover span{transform:translate(4px,-4px)}
.site-footer{min-height:58vh;display:grid;grid-template-columns:1fr 1fr 1fr;align-content:end;gap:30px;padding:100px var(--pad) 50px}.footer-brand{font-size:clamp(34px,5vw,78px);letter-spacing:-.05em}.footer-nav{display:flex;flex-direction:column;gap:10px;font-size:13px}.site-footer p{margin:0;text-align:right;color:var(--muted);font-size:12px}
@media(pointer:fine){body,a{cursor:none}.custom-cursor{position:fixed;left:0;top:0;width:34px;height:34px;z-index:100;pointer-events:none;opacity:0;will-change:transform}.custom-cursor::before{content:"";position:absolute;inset:8px;border:1px solid #fff;border-radius:50%;transition:transform .28s,border-radius .28s}.custom-cursor span{position:absolute;left:50%;top:50%;width:2.5px;height:2.5px;margin:-1.25px;border-radius:50%;background:#fff}.custom-cursor.is-visible{opacity:1}.custom-cursor.is-link::before{transform:scale(1.18);border-radius:2px}}
@media(max-width:820px){.site-header{min-height:76px}.brand img{width:58px}.index-number{display:none}.manifesto,.statement{grid-template-columns:1fr}.manifesto{gap:34px;padding:100px var(--pad)}.chapter{padding:72px var(--pad) 110px}.statement{gap:30px;margin-bottom:58px}.work figcaption{flex-direction:column;gap:5px}.work--hero,.work--portrait{height:118vw;max-height:760px}.work--drawing,.work--wide,.work--cinema,.work--landscape{height:72vw}.work--square{width:100%;height:100vw}.pair,.pair--asymmetric,.pair--balanced{grid-template-columns:1fr;margin-top:90px}.pair--asymmetric .work--drawing{margin-top:0}.work--offset,.work--offset-right{width:100%;margin-top:70px}.mosaic{grid-template-columns:1fr}.mosaic .work,.mosaic__large,.mosaic__wide{grid-column:auto;grid-row:auto;height:108vw!important;margin-top:0}.site-footer{grid-template-columns:1fr;min-height:70vh}.site-footer p{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}