:root{--ink:#151411;--paper:#f1eee7;--cream:#faf7f0;--red:#c8412f;--blue:#2347a3;--lime:#d8ee63;--line:rgba(21,20,17,.2);--pad:clamp(20px,4vw,64px);--display:"Fraunces",Georgia,serif;--body:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{max-width:100%;scroll-behavior:smooth;overflow-x:hidden}body{width:100%;max-width:100%;margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);line-height:1.5;overflow-x:hidden}main,section,header,footer{max-width:100%}img{display:block;width:100%;height:100%;object-fit:cover}button,a{color:inherit}a{text-decoration:none}button{font:inherit}
.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px var(--pad);background:rgba(241,238,231,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{font-family:var(--display);font-size:1.35rem}.site-nav{display:flex;gap:clamp(18px,3vw,40px);font-size:.9rem}.site-nav a{border-bottom:1px solid transparent}.site-nav a:hover{border-color:currentColor}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:22px;height:1px;margin:6px;background:var(--ink)}
.hero{display:grid;grid-template-columns:.8fr 1.2fr;min-height:calc(100vh - 65px);border-bottom:1px solid var(--line)}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(60px,9vw,130px) var(--pad)}.kicker,.section-number{font-size:.73rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.kicker{color:var(--red)}h1,h2{font-family:var(--display);font-weight:500;line-height:.88;letter-spacing:-.045em}h1{margin:24px 0 30px;font-size:clamp(4.5rem,9.5vw,9rem)}.hero-intro{max-width:460px;color:#514d45;font-size:clamp(1rem,1.5vw,1.25rem)}.text-link{width:fit-content;margin-top:28px;padding-bottom:4px;border-bottom:1px solid}.text-link span{margin-left:18px}.hero-art{position:relative;min-height:520px;padding:0;border:0;background:#111;cursor:zoom-in;overflow:hidden}.hero-art img{transition:transform .7s ease}.hero-art:hover img{transform:scale(1.015)}.image-label{position:absolute;right:18px;bottom:18px;display:grid;max-width:300px;padding:12px 15px;background:var(--lime);color:var(--ink);text-align:left}.image-label small{margin-top:2px}
.manifesto{display:grid;grid-template-columns:1fr 3fr;gap:30px;padding:clamp(80px,12vw,180px) var(--pad);background:var(--blue);color:white}.manifesto-text{max-width:1100px;margin:0;font-family:var(--display);font-size:clamp(2rem,5vw,5.4rem);line-height:1.05;letter-spacing:-.03em}
.works,.trajectory,.contact{padding:clamp(80px,10vw,150px) var(--pad)}.section-head{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;gap:24px;margin-bottom:60px}.section-head h2{margin:0;font-size:clamp(3.6rem,8vw,8rem)}.section-head>p:last-child{text-align:right}.works-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(24px,5vw,72px) 22px}.work-card{grid-column:span 4}.work-card:nth-child(5n+1),.work-card:nth-child(5n+4){grid-column:span 7}.work-card:nth-child(5n+2),.work-card:nth-child(5n+5){grid-column:span 5}.work-card:nth-child(5n+3){grid-column:3/span 8}.work-image-button{width:100%;padding:0;border:0;background:#d8d1c3;cursor:zoom-in}.work-card .work-image-button{aspect-ratio:4/3}.work-card img{object-fit:contain;transition:transform .35s ease}.work-card button:hover img{transform:scale(.985)}.work-info{display:grid;grid-template-columns:1fr auto;gap:14px;padding-top:13px;border-top:1px solid var(--ink)}.work-info h3,.trajectory h3{margin:0;font-family:var(--display);font-size:1.35rem}.work-info p{margin:3px 0 0;color:#5b564d;font-size:.85rem}.work-info span{font-size:.75rem}
.trajectory{background:var(--cream)}.trajectory-list{margin-left:25%;border-top:1px solid}.trajectory-list article{display:grid;grid-template-columns:110px 1fr;gap:24px;padding:28px 0;border-bottom:1px solid}.trajectory-list p{margin:5px 0 0;color:#5b564d}.archive-images{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:22px;margin:70px 0 0 25%;align-items:start;max-width:100%}.archive-images button{display:block;min-width:0;width:100%;max-width:100%;overflow:hidden}.archive-images button:first-child{aspect-ratio:4/5}.archive-images button:last-child{aspect-ratio:1.15}.archive-images img{min-width:0;max-width:100%;object-fit:contain}
.contact{background:var(--red);color:var(--cream)}.contact h2{margin:40px 0 20px;font-size:clamp(5rem,14vw,13rem)}.contact>p:not(.section-number){font-size:1.2rem}.contact .contact-note{display:inline-block;margin-top:28px;padding-bottom:6px;border-bottom:2px solid;font-size:clamp(1rem,2.2vw,2rem)}footer{display:flex;justify-content:space-between;padding:25px var(--pad);background:var(--ink);color:var(--cream);font-size:.85rem}footer p{margin:0}
.lightbox{width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:28px 80px;background:rgba(10,10,9,.96);color:white;border:0}.lightbox[open]{display:grid;place-items:center}.lightbox::backdrop{background:#0a0a09}.lightbox figure{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:12px;width:100%;height:100%;margin:0;text-align:center}.lightbox figure img{min-height:0;object-fit:contain}.lightbox button{position:fixed;z-index:2;width:46px;height:46px;padding:0;border:1px solid #777;border-radius:50%;background:#222;color:white;cursor:pointer;font-size:2rem}.lightbox-close{top:18px;right:18px}.lightbox-nav{top:50%;transform:translateY(-50%)}.lightbox-prev{left:16px}.lightbox-next{right:16px}
@media(max-width:800px){.site-nav{position:absolute;top:64px;left:14px;right:14px;display:none;padding:22px;background:var(--cream);border:1px solid}.site-nav.is-open{display:grid}.menu-toggle{display:block}.hero{grid-template-columns:minmax(0,1fr)}.hero-copy{min-width:0;min-height:58vh}.hero-art{min-width:0;min-height:58vh}.manifesto{grid-template-columns:minmax(0,1fr)}.manifesto-text{min-width:0}.section-head{grid-template-columns:minmax(0,1fr)}.section-head>*{min-width:0}.section-head h2{font-size:clamp(3rem,14vw,5.5rem);overflow-wrap:anywhere}.section-head>p:last-child{text-align:left}.works-grid{display:block}.work-card{margin-bottom:54px}.trajectory-list,.archive-images{margin-left:0}.trajectory-list article{grid-template-columns:minmax(70px,90px) minmax(0,1fr)}.archive-images{grid-template-columns:minmax(0,1fr)}.contact h2{font-size:clamp(4rem,20vw,7rem);overflow-wrap:anywhere}footer{gap:20px;flex-wrap:wrap}.lightbox{width:100%;padding:65px 12px 75px}.lightbox-nav{top:auto;bottom:16px;transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
