:root{--muted:#aaa;--secondary:#b6b6af;--header-scrim:#0b0b0be8;--drawing-filter:none;--signature-filter:none;color-scheme:dark}
html[data-theme=light]{--black:#fff;--white:#111;--lime:#111;--line:#00000025;--muted:#606060;--secondary:#4e4e4e;--header-scrim:#fffffff0;--drawing-filter:brightness(0);--signature-filter:brightness(0);color-scheme:light}
body,.page,.gallery-section,.film-stage,.film-sketch{transition:background-color .28s,color .28s}
.gallery-section,.film-stage,.film-sketch{background:var(--black)}
.edge-fade{background:linear-gradient(180deg,var(--black),transparent 12%,transparent 85%,var(--black))}
.page-nav{background:linear-gradient(var(--black),var(--header-scrim))}
.gallery-signature svg,.gallery-signature img{filter:var(--signature-filter)}
.case-drawings img,.film-sketch img{filter:var(--drawing-filter)!important}
.project-case p,.brief-notes p,.process-grid p{color:var(--secondary)}
.project-case figcaption,.project-meta,.project-row span,.about-wrap p,.contact-wrap p,.contact-wrap small,.next-label{color:var(--muted)}
.project-case .next-label{color:var(--muted)!important}.project-meta strong{color:var(--white)}
.brief-notes,.design-decision{border-color:var(--line)}.brief-notes h3,.case-drawings figcaption{color:var(--lime)}
.case-drawings figcaption,.next-project,.project-case .next-project,.tile,.project-row,.site-menu button{text-align:start}
.close b{margin:0;margin-inline-start:12px}
.menu-preferences{display:grid;grid-template-columns:1fr 1fr;align-self:stretch;max-width:500px;gap:20px;margin-top:16px;padding-top:24px;border-top:1px solid var(--line)}
.site-menu .menu-preferences button{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:400;padding:12px 0;min-height:48px;line-height:1.4;white-space:nowrap}
.menu-preferences svg{width:22px;height:22px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.moon-icon{display:none}
html[data-theme=light] .sun-icon{display:none}html[data-theme=light] .moon-icon{display:block}

html[data-theme=light] .process-grid img{filter:none}
html[data-theme=light] .concept-study img{filter:grayscale(1)}
html[data-theme=light] .film-progress{background:#00000018}
html[data-theme=light] .film-progress i{background:#111}
.film-copy{direction:inherit;text-align:start;color:#fff}.film-hint{color:#ffffffbb}
html[lang=en] body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
html[lang=en] .project-list{direction:ltr}
html[lang=en] .project-row small{margin-right:0;margin-inline-start:auto}
html[lang=en] .project-heading h1{font-size:clamp(42px,5.5vw,88px);line-height:1.05;letter-spacing:-.04em;text-wrap:balance;max-width:15ch}
html[lang=en] .case-brief>p{font-size:clamp(20px,2vw,29px);line-height:1.6;text-wrap:pretty}
html[lang=en] .about-wrap h1{font-size:clamp(42px,5vw,72px);letter-spacing:-.04em;text-wrap:balance}
html[lang=en] .about-wrap p{font-size:20px;line-height:1.65;text-wrap:balance}
html[lang=en] .site-menu>button{letter-spacing:-.04em}
html[lang=en] .film-copy h1{font-size:clamp(38px,5.5vw,80px);letter-spacing:-.045em;line-height:1.08;max-width:12ch;text-wrap:balance}
html[lang=en] .contact-wrap h1{font-size:clamp(44px,9vw,120px);letter-spacing:-.045em;line-height:1.05;max-width:12ch;text-wrap:balance}
html[lang=en] #language-switch{font-family:Somar,Arial,sans-serif}
html[lang=en] .next-label strong{font-size:clamp(28px,3vw,40px);letter-spacing:-.025em}
@media(max-width:700px){.menu-preferences{gap:12px}.site-menu .menu-preferences button{font-size:15px;gap:9px}html[lang=en] .site-menu>button{font-size:42px}html[lang=en] .project-heading h1{font-size:clamp(36px,11vw,52px)}html[lang=en] .about-wrap p{font-size:18px}html[lang=en] .film-copy h1{font-size:43px}html[lang=en] .contact-wrap h1{font-size:54px}}
@media(prefers-reduced-motion:reduce){body,.page,.gallery-section,.film-stage,.film-sketch{transition:none}}

.ui-arrow{display:inline-block;width:.85em;height:.85em;margin-inline-start:.2em;vertical-align:-.08em;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.next-arrow{width:40px;height:40px;display:block;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}html[dir=ltr] .next-arrow{transform:rotate(180deg)}
html[data-theme=light] .menu-toggle{mix-blend-mode:normal}html[data-theme=light] .menu-toggle span{background:#111}
html[data-theme=light] .film-copy{color:#111}html[data-theme=light] .film-hint{color:#111b}html[data-theme=light] .film-shade{background:linear-gradient(transparent 45%,#ffffffe0)}
.page-nav .close [data-i18n]{font:inherit;letter-spacing:normal}
.contact-wrap p{font-size:20px;line-height:1.65;max-width:38ch;margin:0 0 26px}