:root{--charcoal:#1B1C1E;--bone:#F4F5F0;--lime:#E1FA85;--mono:'Liberation Mono',monospace;--sans:Lato,Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sans)}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}
body.lab{background:var(--bone);color:var(--charcoal)}body.studio{background:var(--charcoal);color:var(--bone)}
.mono{font-family:var(--mono);font-size:11px;line-height:1.6;letter-spacing:.12em;text-transform:uppercase}
.top{position:relative;z-index:4;padding:30px clamp(24px,4.4vw,74px);display:flex;justify-content:space-between;align-items:start;gap:32px;border-bottom:1px solid currentColor}
.top .brand{display:flex;flex-direction:column;gap:6px;width:clamp(150px,14vw,220px)}.top .brand img{width:100%;height:auto}
.top .brand span{font:10px var(--mono);letter-spacing:.32em}
body.lab .top .brand img{filter:invert(1)}
.nav{display:flex;align-items:center;gap:clamp(16px,2.4vw,44px);padding-top:6px}.nav a{font:11px var(--mono);letter-spacing:.08em;text-transform:uppercase;padding-bottom:7px;border-bottom:1px solid transparent}
.nav a:hover,.nav a[aria-current="page"]{border-bottom-color:var(--lime)}body.lab .nav a[aria-current="page"]{border-bottom-color:var(--charcoal)}
.menu-button{display:none;background:transparent;border:0;color:inherit;font:11px var(--mono);padding:8px;cursor:pointer}.mobile-menu{display:none}
.intro{position:relative;padding:clamp(36px,5vw,84px) clamp(24px,4.4vw,74px) 42px;min-height:70svh;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.intro-meta{display:flex;justify-content:space-between;gap:20px;max-width:100%;position:relative;z-index:1}
.intro-main{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(135px,27%);align-items:end;gap:20px;margin-top:60px}
.intro-title{font:900 clamp(72px,12.1vw,205px)/.81 var(--sans);letter-spacing:-.085em;text-transform:uppercase;margin:0;max-width:13ch;overflow-wrap:normal}
.intro-title span{display:block}.intro-aside{display:flex;flex-direction:column;align-items:start;justify-content:flex-end;min-height:100%;padding:0 0 9px;gap:60px}
.slash{width:clamp(42px,5.1vw,94px);height:auto;max-height:33vh;object-fit:contain;transform:rotate(0deg)}
.intro-aside p{font-size:clamp(17px,1.65vw,25px);line-height:1.28;margin:0;max-width:15ch;font-weight:400}
.intro-bottom{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid currentColor;padding-top:18px;margin-top:75px}
.intro-bottom a{display:inline-flex;gap:14px;align-items:center}.intro-bottom a::after{content:'↘';font:23px var(--sans);color:var(--lime)}body.lab .intro-bottom a::after{color:var(--charcoal)}
.editorial-index{padding:clamp(40px,5vw,74px) clamp(24px,4.4vw,74px) clamp(85px,12vw,190px);background:var(--charcoal);color:var(--bone)}body.studio .editorial-index{background:var(--bone);color:var(--charcoal)}
.section-intro{display:flex;justify-content:space-between;gap:16px;margin-bottom:clamp(90px,12vh,170px);border-top:1px solid currentColor;padding-top:15px}
.work{border-bottom:1px solid currentColor;scroll-margin-top:20px;position:relative}
.work:first-of-type{border-top:1px solid currentColor}
.work-top{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:clamp(14px,2.5vw,50px);align-items:start;padding:clamp(34px,5.5vw,78px) 0}
.work-num{padding-top:9px;opacity:.64}.work-text h2{font:900 clamp(50px,8.25vw,148px)/.86 var(--sans);letter-spacing:-.078em;text-transform:uppercase;margin:0;max-width:14ch;overflow-wrap:anywhere}.work-desc{font-size:clamp(16px,1.6vw,24px);line-height:1.35;max-width:30ch;margin:24px 0 0}
.work-note{opacity:.6;margin:0 0 15px}.work-mark{font:clamp(34px,5vw,76px)/.8 var(--sans);color:var(--lime)}body.studio .work-mark{color:var(--charcoal)}
.work-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 26px}.work-bottom .action{display:inline-flex;gap:20px;align-items:center;border-bottom:1px solid currentColor;padding-bottom:6px}.work-bottom .action::after{content:'↗';font:23px var(--sans);color:var(--lime)}body.studio .work-bottom .action::after{color:var(--charcoal)}
.copy-note{opacity:.65}
.closing{min-height:45svh;padding:clamp(40px,5vw,74px) clamp(24px,4.4vw,74px);display:flex;flex-direction:column;justify-content:space-between;gap:50px}
body.lab .closing{background:var(--bone)}body.studio .closing{background:var(--charcoal)}
.closing-heading{font:900 clamp(56px,10vw,160px)/.87 var(--sans);letter-spacing:-.07em;max-width:12ch;text-transform:uppercase;margin:0}
.closing-bottom{display:flex;justify-content:space-between;gap:15px;align-items:end;border-top:1px solid currentColor;padding-top:16px}
.closing-bottom a{text-decoration:underline;text-underline-offset:5px}
footer{padding:18px clamp(24px,4.4vw,74px);background:var(--charcoal);color:var(--bone);border-top:1px solid rgba(244,245,240,.2);display:flex;justify-content:space-between;align-items:center;gap:14px}
footer img{width:clamp(120px,12vw,170px)}
:focus-visible{outline:2px solid var(--lime);outline-offset:5px}
@media(max-width:800px){.top{padding:20px 22px;align-items:center}.nav{display:none}.menu-button{display:block}.mobile-menu.is-open{display:flex;position:absolute;top:100%;left:0;right:0;z-index:10;background:var(--charcoal);color:var(--bone);flex-direction:column;padding:15px 22px 22px;box-shadow:0 16px 35px rgba(0,0,0,.2)}.mobile-menu a{padding:15px 0;border-bottom:1px solid rgba(244,245,240,.3)}.intro{min-height:65svh;padding:38px 22px 26px}.intro-main{grid-template-columns:1fr;margin-top:45px}.intro-title{font-size:clamp(66px,17vw,138px)}.intro-aside{flex-direction:row;min-height:0;align-items:end;justify-content:space-between;gap:24px;margin-top:45px}.intro-aside p{max-width:23ch;font-size:16px}.slash{height:110px;width:50px}.intro-bottom{margin-top:50px}.editorial-index{padding:40px 22px 105px}.section-intro{margin-bottom:60px}.work-top{grid-template-columns:28px minmax(0,1fr) 23px;gap:12px;padding:50px 0}.work-text h2{font-size:clamp(39px,12vw,86px);overflow-wrap:normal}.work-desc{font-size:17px;margin-top:16px}.work-mark{font-size:28px}.closing{padding:45px 22px;min-height:38svh}.closing-heading{font-size:clamp(54px,14vw,100px)}footer{padding:22px}}
@media(max-width:390px){.intro-title{font-size:clamp(55px,17vw,67px)}.work-text h2{font-size:clamp(39px,10.7vw,48px)}.mono{font-size:10px}.section-intro,.intro-meta{flex-wrap:wrap}.intro-aside{align-items:end}.intro-aside p{max-width:24ch;font-size:15px}.closing-bottom{flex-direction:column;align-items:start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Header and original white/lime wordmark kept on charcoal to preserve the source asset. */
.top{background:var(--charcoal);color:var(--bone)}
body.lab .top .brand img{filter:none}
body.lab .nav a[aria-current="page"]{border-bottom-color:var(--lime)}
