/* Shared surfaces keep the artwork and the brand accents intact in both modes. */
:root{--surface:#101010;--surface-ink:#f1f0ec;--surface-muted:#b0b0a8;--surface-subtle:#93938d;--surface-line:#46463f;--chrome:#191919e8;--chrome-line:#ffffff24;--chip-bg:#ffffff05;--chip-hover:#ffffff0e;--accent-readable:#dfff00;--focus-overlay:#101010d9;--invert-logo:0;color-scheme:dark}
:root[data-theme=light]{--surface:#f8f7f2;--surface-ink:#171813;--surface-muted:#606257;--surface-subtle:#717466;--surface-line:#cdcec1;--chrome:#fcfbf6ed;--chrome-line:#17181324;--chip-bg:#17181305;--chip-hover:#1718130c;--accent-readable:#617400;--focus-overlay:#fcfbf4eb;--invert-logo:1;color-scheme:light}
body{background:var(--surface);color:var(--surface-ink)}
.theme-ready body,.theme-ready .hero,.theme-ready .studio-section,.theme-ready .site-footer,.theme-ready .header-shell,.theme-ready dialog,.theme-ready .case-toolbar,.theme-ready .menu-dialog nav a,.theme-ready .studio-description p,.theme-ready .hero-period,.theme-ready .hero-baseline,.theme-ready .orbit-label,.theme-ready .orbit-label svg{transition:background-color .45s ease,color .45s ease,border-color .45s ease,box-shadow .45s ease}
.brand img,.footer-brand img,.menu-top>img,.case-brand img{filter:invert(var(--invert-logo));transition:filter .4s ease}

/* Floating navigation. */
.site-header{height:108px;background:transparent;box-shadow:none;padding:0 var(--pad);backdrop-filter:none}
.site-header.scrolled{background:transparent;box-shadow:none;backdrop-filter:none}
.header-shell{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;width:100%;padding:11px 12px 11px 25px;border:1px solid var(--chrome-line);border-radius:54px;background:var(--chrome);backdrop-filter:blur(22px);box-shadow:0 6px 35px #0000000c;transition:box-shadow .3s,background .35s,border-color .35s}
.site-header.scrolled .header-shell{box-shadow:0 10px 40px #00000016}
.brand{width:86px}
.desktop-nav{gap:5px;margin:0;justify-self:center;padding:4px;background:var(--chip-bg);border:1px solid var(--chrome-line);border-radius:30px;font-size:16px}
.desktop-nav a{padding:11px 15px;border-radius:25px;line-height:1.15;white-space:nowrap;transition:background .3s,color .3s,box-shadow .3s}
.desktop-nav a:after{display:none}
.desktop-nav a:hover{background:var(--chip-hover)}
.desktop-nav a[aria-current=location]{background:var(--lime);color:var(--ink);box-shadow:0 2px 12px #dfff0014}
.desktop-nav a sup{font-size:10px;margin-left:4px;opacity:.65}
.header-actions{gap:17px}
.header-contact{min-width:116px;gap:18px;font-size:14px;padding:12px 15px}
.header-contact .arrow{font-size:21px}
.lang-switch{font-size:12px;gap:5px}
.menu-toggle{width:28px;height:33px;padding:4px 0}
.menu-toggle span{background:var(--surface-ink);transition:width .3s,transform .3s;transform-origin:right}
.menu-toggle span:last-child{width:19px;margin-left:auto}
.menu-toggle:hover span:last-child{width:28px}
.theme-toggle{display:flex;align-items:center;gap:9px;padding:11px 12px;border:1px solid var(--chrome-line);background:var(--chip-bg);border-radius:25px;min-height:42px;white-space:nowrap;transition:background .3s,border-color .3s,transform .3s}
.theme-toggle:hover{background:var(--chip-hover);border-color:var(--surface-subtle)}
.theme-toggle:active{transform:scale(.96)}
.theme-label{font-size:11px;letter-spacing:.55px;line-height:1}
.theme-icon{width:17px;height:17px;position:relative;display:block}
.theme-icon svg{position:absolute;inset:0;width:17px;height:17px;stroke:currentColor;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:opacity .35s,transform .5s var(--ease)}
.theme-moon{opacity:0;transform:rotate(-60deg) scale(.5)}
[data-theme=light] .theme-sun{opacity:0;transform:rotate(90deg) scale(.5)}
[data-theme=light] .theme-moon{opacity:1;transform:rotate(0) scale(1)}

/* Theme-aware original sections and project dialogs. */
.hero,.studio-section,.site-footer{background:var(--surface);color:var(--surface-ink)}
.hero-coordinate,.hero-footnote,.hero-baseline,.studio-description p,.site-footer{color:var(--surface-muted)}
.hero-baseline{border-color:var(--surface-line)}
.hero-baseline>a,.site-footer>a:last-child{color:var(--surface-ink)}
.hero-period,.studio-heading h2 span,.text-link>span:last-child{color:var(--accent-readable)}
.hero .status-dot,.eye-pupil{background:var(--accent-readable)}
.hero .round-link{border-color:var(--surface-line)}
.hero .round-link:hover{background:var(--lime);color:var(--ink);border-color:var(--lime)}
.portrait-caption{color:var(--surface-ink)}
.orbit-label{background:var(--surface)}
.orbit-label svg{fill:var(--surface-ink)}
.orbit-label>span{color:var(--accent-readable)}
.studio-section .tiny-label{color:var(--surface-subtle)}
.studio-section .pill-label,.studio-section .text-link{border-color:var(--surface-line)}
.studio-signature svg{fill:var(--accent-readable)}
.studio-signature path{stroke:var(--accent-readable)}
.focus-caption{background:var(--focus-overlay);color:var(--surface-ink)}
dialog{background:var(--surface);color:var(--surface-ink)}
.icon-button{border-color:var(--surface-line)}
.icon-button:hover{background:var(--lime);color:var(--ink);border-color:var(--lime)}
.case-toolbar{background:var(--chrome);border-color:var(--surface-line)}
.case-toolbar>span,.case-description .index-label,.case-navigation button span:last-child{color:var(--accent-readable)}
.case-description p{color:var(--surface-muted)}
.case-description ul{color:var(--surface-subtle)}
.case-navigation{border-color:var(--surface-line)}
.case-gallery figure{background:var(--chip-bg)}
.contact-dialog{background:var(--paper);color:var(--ink)}
.menu-dialog{background:var(--surface);padding-top:30px;overflow:hidden auto}
.menu-dialog nav{position:relative;z-index:1;margin-top:65px}
.menu-dialog nav a,.menu-dialog nav button{font-size:clamp(28px,6.4vw,66px);border-color:var(--surface-line);transition:color .3s,padding-left .35s var(--ease)}
.menu-dialog nav a:hover,.menu-dialog nav button:hover{padding-left:15px;color:var(--accent-readable)}
.menu-dialog nav a[aria-current=location]{color:var(--accent-readable)}
.menu-dialog nav sup{color:var(--surface-subtle)}
.menu-foot{color:var(--accent-readable);padding-top:14px;letter-spacing:1.5px}
.menu-dialog:after{content:'GÖÖD.';position:absolute;right:-1.5vw;bottom:-2vw;font-weight:700;font-size:30vw;line-height:.8;letter-spacing:-.065em;opacity:.035;pointer-events:none}

@media(min-width:1800px){.header-shell{padding-top:14px;padding-bottom:14px}.desktop-nav{font-size:18px}.desktop-nav a{padding:12px 18px}.theme-label{font-size:12px}}
@media(max-width:1100px){.desktop-nav{display:none}.menu-toggle{display:block}.header-shell{grid-template-columns:auto 1fr}.header-actions{justify-self:end;gap:19px}.header-contact{min-width:120px}.hero{padding-top:148px}}
@media(max-width:800px){.site-header{height:99px}.header-shell{padding:11px 14px 11px 21px;gap:12px}.brand{width:81px}.theme-toggle{padding:10px 12px}.hero{padding-top:139px}.menu-dialog nav{margin-top:50px}}
@media(max-width:520px){.site-header{height:94px;padding:0 14px}.header-shell{padding:11px 13px 11px 18px;gap:10px}.brand{width:72px}.header-actions{gap:14px}.header-contact{display:none}.theme-label{font-size:11px;letter-spacing:.3px}.theme-toggle{gap:7px;padding:9px 10px;min-height:36px}.theme-icon,.theme-icon svg{width:16px;height:16px}.theme-label [data-theme-mode]{display:none}.lang-switch{font-size:12px;gap:4px}.menu-toggle{width:24px;height:28px}.menu-toggle span{width:24px}.menu-toggle span:last-child{width:16px}.menu-toggle:hover span:last-child{width:24px}.hero{padding-top:135px}.hero-eyebrow{margin-bottom:40px}.menu-dialog nav a,.menu-dialog nav button{font-size:32px;padding-top:19px;padding-bottom:19px}.menu-dialog nav sup{font-size:9px}.menu-dialog nav{margin-top:42px}.menu-dialog:after{font-size:34vw;bottom:20px}.menu-foot{font-size:9px}}
@media(max-width:360px){.brand{width:64px}.header-shell{padding-left:16px;padding-right:11px;gap:8px}.header-actions{gap:11px}.theme-toggle{padding:9px}.theme-label{font-size:10px}.lang-switch{font-size:11px}}
@media(prefers-reduced-motion:reduce){.theme-ready body,.theme-ready .hero,.theme-ready .studio-section,.theme-ready .site-footer,.theme-ready .header-shell,.theme-ready dialog,.theme-ready .case-toolbar,.theme-ready .menu-dialog nav a,.theme-ready .studio-description p,.theme-ready .hero-period,.theme-ready .hero-baseline,.theme-ready .orbit-label,.theme-ready .orbit-label svg{transition:none}}