:root{--ink:#111;--muted:#6f6f6f;--line:#d8d8d8;--paper:#fff;--pad:48px;--nav-h:64px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 24px)}body{margin:0;background:#eee;color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.5}.site-shell{width:100%;max-width:1280px;margin:0 auto;background:var(--paper);overflow:clip}.nav{position:sticky;top:0;z-index:100;height:var(--nav-h);background:rgba(255,255,255,.94);border-bottom:1px solid rgba(17,17,17,.09);backdrop-filter:blur(8px)}.nav-inner{width:800px;height:100%;margin:0 auto;padding:0 48px;display:flex;align-items:center;justify-content:space-between}.wordmark{color:var(--ink);font-size:18px;font-weight:600;line-height:.82;letter-spacing:-.7px;text-decoration:none}.nav nav{display:flex;gap:35px}.nav nav a{position:relative;color:var(--muted);font-size:14px;text-decoration:none;transition:color .2s ease}.nav nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:var(--ink);transition:right .25s ease}.nav nav a:hover,.nav nav a.active{color:var(--ink)}.nav nav a:hover::after,.nav nav a.active::after{right:0}.menu-toggle{display:none;padding:0;border:0;background:none;color:var(--ink);font:inherit;font-size:14px;cursor:pointer}.section-pad{width:800px;margin:0 auto;padding-left:48px;padding-right:48px}.hero{height:935px;padding-top:60px;padding-bottom:60px}.hero-grid{position:relative;min-height:500px}.hero-copy{width:460px;position:relative;z-index:1}.eyebrow,.section-kicker{margin:0 0 30px;font-size:13px;font-weight:600;letter-spacing:.08em}.hero h1{margin:0;font-size:52px;line-height:1.03;letter-spacing:-.055em;font-weight:500}.intro{width:365px;margin:45px 0 0;font-size:17px;line-height:1.6}.hero-portrait{position:absolute;right:0;top:-30px;width:244px;height:384px;object-fit:cover}.hero-wide{display:block;width:800px;height:478px;margin:0 auto;object-fit:cover}.selected{padding-top:85px;padding-bottom:110px}.rule{height:1px;background:var(--ink);margin-bottom:26px}.selected>.section-kicker{margin-bottom:55px}.project-index{border-top:1px solid var(--line)}.project-index a{display:grid;grid-template-columns:44px 1fr 1.18fr;align-items:center;gap:16px;min-height:82px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none;transition:opacity .2s ease}.project-index a:hover{opacity:.58}.project-index span{font-size:13px;color:var(--muted)}.project-index strong{font-size:15px;font-weight:600}.project-index em{font-size:14px;font-style:normal;color:var(--muted)}.case-study{padding-top:70px;padding-bottom:110px}.case-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.title-with-logo{display:flex;align-items:center;gap:13px}.title-with-logo img{width:36px;height:36px;object-fit:contain}.case-heading h2,.archive h2{font-size:31px;line-height:1.1;letter-spacing:-.04em;margin:0;font-weight:600}.case-label{margin:0;max-width:245px;text-align:right;color:var(--muted);font-size:14px}.role{margin:26px 0 18px;font-size:14px;color:var(--muted)}.case-lead{max-width:650px;margin:0;font-size:23px;line-height:1.45;letter-spacing:-.025em}.meta{margin:20px 0 0;color:var(--muted);font-size:14px}.skill-grid{display:grid;grid-template-columns:1fr 1fr;margin:62px 0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.skill-grid article{min-height:168px;padding:24px 25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.skill-grid h3{font-size:13px;letter-spacing:.08em;margin:0 0 18px}.skill-grid p{font-size:14px;line-height:1.55;color:#4f4f4f;margin:0}.full-image{display:block;width:704px;object-fit:cover}.team-photo{height:380px}.reflection,.team-intro,.visual-identity{margin-top:70px}.reflection>.section-kicker,.team-intro>.section-kicker,.visual-identity>.section-kicker{margin-bottom:15px}.reflection>p:not(.section-kicker),.team-intro>p:not(.section-kicker),.visual-identity>p:not(.section-kicker){max-width:630px;margin:0 0 28px;font-size:16px;color:#474747}.meeting-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.meeting-grid img{width:100%;height:174px;object-fit:cover}.built-title{margin-top:75px}.exhibition-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.exhibition-grid figure,.archive figure{margin:0}.exhibition-grid img{width:340px;height:500px;object-fit:cover}.exhibition-grid figcaption{padding-top:13px;display:flex;flex-direction:column;gap:4px}.exhibition-grid strong{font-size:13px;letter-spacing:.05em}.exhibition-grid span{font-size:13px;color:var(--muted)}.crew-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.crew-grid img{width:100%;height:200px;object-fit:cover}.episodes{margin-top:70px;border-top:1px solid var(--line)}.episodes article{display:grid;grid-template-columns:1.6fr 1fr;align-items:center;gap:35px;padding:26px 0;border-bottom:1px solid var(--line)}.episodes img{width:100%;height:190px;object-fit:cover}.episodes p{margin:0;color:var(--muted);font-size:14px}.episodes p span{display:block;margin-bottom:35px;font-size:12px}.episodes p strong{display:block;color:var(--ink);font-size:19px;margin-bottom:3px}.design-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.design-grid img{width:100%;height:280px;object-fit:cover}.process{margin:0 0 28px;font-size:12px;font-weight:600;letter-spacing:.07em}.poster-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.poster-grid img{width:100%;aspect-ratio:224/296;object-fit:cover}.archive{padding-top:70px;padding-bottom:110px}.archive-sub{margin:12px 0 45px;color:var(--muted)}.archive-feature img{width:100%;height:400px;object-fit:cover}.archive figcaption{display:grid;grid-template-columns:1.4fr .8fr .8fr;padding:10px 0 30px;font-size:12px;color:var(--muted)}.archive-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.archive-grid img{width:100%;height:280px;object-fit:cover}.archive-grid figure:nth-last-child(-n+2) img{height:185px}.archive-grid figcaption{grid-template-columns:1.5fr 1fr;padding-bottom:25px}main img:not(.title-with-logo img){transition:transform .45s cubic-bezier(.22,.61,.36,1),opacity .3s ease;transform-origin:center}main img:not(.title-with-logo img):hover{transform:scale(1.012)}footer{width:800px;height:429px;margin:0 auto;background:url('./assets/c80aff58174490334c9c67832ff4d3178b2e910c.webp') center/cover no-repeat;color:#fff}.footer-overlay{height:100%;padding:52px 48px;background:rgba(0,0,0,.32);display:flex;flex-direction:column;justify-content:space-between}.footer-row{display:flex;justify-content:space-between;align-items:flex-end}.footer-row h2{font-size:34px;margin:0 0 5px}.footer-row p{margin:0}.contact-links{display:flex;flex-direction:column;align-items:flex-end;gap:9px}.contact-links a{color:#fff;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:text-decoration-color .2s ease,opacity .2s ease}.contact-links a:hover{text-decoration-color:currentColor;opacity:.72}.reveal{opacity:0;transform:translateY(16px);transition:opacity .62s cubic-bezier(.22,.61,.36,1),transform .62s cubic-bezier(.22,.61,.36,1)}.reveal.visible{opacity:1;transform:none}@media(max-width:800px){:root{--pad:24px;--nav-h:60px}.site-shell{max-width:none}.nav-inner{width:100%;padding:0 var(--pad)}.menu-toggle{display:block}.nav nav{position:absolute;top:var(--nav-h);left:0;right:0;display:none;padding:8px var(--pad) 18px;background:rgba(255,255,255,.98);border-bottom:1px solid rgba(17,17,17,.09)}.nav.open nav{display:flex;flex-direction:column;gap:0}.nav nav a{padding:9px 0;font-size:14px}.nav nav a::after{display:none}.section-pad{width:100%;padding-left:var(--pad);padding-right:var(--pad)}.hero{height:auto;padding-top:46px;padding-bottom:70px}.hero-grid{display:flex;flex-direction:column;min-height:0}.hero-copy{width:100%}.hero h1{font-size:clamp(39px,12vw,56px)}.intro{width:100%;max-width:420px;margin-top:32px}.hero-portrait{position:relative;right:auto;top:auto;width:62%;height:auto;aspect-ratio:244/384;align-self:flex-end;margin-top:38px}.hero-wide{width:100%;height:auto;aspect-ratio:800/478}.selected{padding-top:65px;padding-bottom:75px}.project-index a{grid-template-columns:30px 1fr;padding:19px 0}.project-index em{grid-column:2}.case-study,.archive{padding-top:55px;padding-bottom:78px}.case-heading{align-items:flex-start;flex-direction:column}.case-label{text-align:left}.case-heading h2{font-size:28px}.case-lead{font-size:20px}.skill-grid{grid-template-columns:1fr;margin-top:48px}.skill-grid article{min-height:0}.full-image{width:100%;height:auto}.meeting-grid,.exhibition-grid,.crew-grid,.archive-grid{grid-template-columns:1fr}.meeting-grid img{height:auto;aspect-ratio:1.88}.exhibition-grid img{width:100%;height:auto;aspect-ratio:340/500}.episodes article{grid-template-columns:1fr;gap:15px}.episodes img{height:auto}.episodes p span{margin-bottom:12px}.design-grid,.poster-grid{grid-template-columns:repeat(2,1fr)}.design-grid img{height:auto;aspect-ratio:224/280}.archive-feature img,.archive-grid img,.archive-grid figure:nth-last-child(-n+2) img{height:auto;aspect-ratio:1.45}.archive figcaption{grid-template-columns:1fr}.archive figcaption span{display:block}footer{width:100%;height:390px}.footer-overlay{padding:40px var(--pad)}.footer-row{align-items:flex-start;flex-direction:column;gap:34px}.contact-links{align-items:flex-start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.reveal{opacity:1;transform:none}}