/* Three editions. White reverses the interface, never photographs or video. */
:root[data-theme="white"]{--blue:#101010;--blue-2:#191919;--accent-rgb:16,16,16;--cd:rgba(16,16,16,.65);--cf:rgba(16,16,16,.22);--ch:rgba(16,16,16,.12)}
:root[data-theme="white"] body,:root[data-theme="white"] .t-blue{background:#f0eeea;color:#101010}
:root[data-theme="white"] .hud{color:#101010}
:root[data-theme="white"] .hero.t-blue{background:linear-gradient(to top,#dedcd8 0%,#f0eeea 36%)}
:root[data-theme="white"] #heroGrid{filter:invert(1);mix-blend-mode:multiply}
:root[data-theme="white"] .hero svg.logo{filter:invert(1)!important}
:root[data-theme="white"] .hero .hero-eyebrow,:root[data-theme="white"] .hero .hero-sub,:root[data-theme="white"] .hero .hero-sub b{color:#101010!important;-webkit-text-fill-color:#101010!important;background:none!important}
:root[data-theme="white"] .work-toolbar,:root[data-theme="white"] .work-bottom-bar,:root[data-theme="white"] .work-view-toggle,:root[data-theme="white"] .work-filters{color:#101010}
:root[data-theme="white"] .view-slider{background:#101010}
:root[data-theme="white"] .work-view-toggle button[aria-pressed="true"]{color:#f0eeea}
:root[data-theme="white"] .brand-group{filter:invert(1) grayscale(1)}
:root[data-theme="white"] .contact-link,:root[data-theme="white"] .contact-meta,:root[data-theme="white"] .contact-footer{color:#101010}
:root[data-theme="white"] .hud-wordmark{filter:none}
:root[data-theme="white"] .work-filters button[aria-pressed="true"]{color:#f0eeea;background:#101010}
:root[data-theme="white"] .project-heading,:root[data-theme="white"] .project-copy,:root[data-theme="white"] .project-cta{color:#101010}
#themeToggle{height:36px;width:44px;opacity:.7}
#themeToggle svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.2}
#themeToggle circle{fill:var(--blue)}
:root[data-theme="white"] #themeToggle circle{fill:#f0eeea}
#studioSettings{position:fixed;inset:auto 0 max(68px,env(safe-area-inset-bottom)) 0;margin:0 auto;width:min(410px,calc(100vw - 32px));max-height:calc(100dvh - 115px);overflow:auto;box-sizing:border-box;padding:27px;color:#151515;background:#f0eeea;border:1px solid #a9a8a1;border-radius:4px;box-shadow:0 22px 70px #0004;font:14px/1.5 var(--locale-font,Arial,sans-serif)}
#studioSettings::backdrop{background:#0005;backdrop-filter:blur(8px)}
.settings-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:26px}
.settings-heading h2{font:inherit;font-size:17px;letter-spacing:-.02em;margin:0}
.settings-close{border:0;background:none;color:inherit;font:26px/1 Arial;cursor:pointer;padding:0 0 12px 12px}
#studioSettings fieldset{border:0;margin:0;padding:0}
#studioSettings fieldset+fieldset{margin-top:26px}
#studioSettings legend{font-size:11px;letter-spacing:.08em;opacity:.6;margin-bottom:12px}
.settings-editions{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.settings-editions button{background:none;border:1px solid #bbb9b1;border-radius:2px;color:inherit;padding:13px 8px;font:inherit;cursor:pointer;display:grid;justify-items:center;gap:8px}
.settings-editions button[aria-pressed="true"]{border-color:#151515;box-shadow:inset 0 0 0 1px #151515}
.edition-swatch{width:21px;height:21px;border-radius:50%;border:1px solid #0003}
.swatch-blue{background:#0332f5}.swatch-black{background:#080808}.swatch-white{background:#f0eeea}
.settings-languages{display:grid;grid-template-columns:1fr 1fr;column-gap:22px}
.settings-languages a{color:inherit;text-decoration:none;display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #0002;gap:8px;min-width:0}
.settings-languages a[aria-current="true"]{font-weight:700;border-bottom-color:currentColor}
.settings-languages a span:last-child{opacity:.35}.settings-languages a[aria-current="true"] span:last-child{opacity:1}
#studioSettings button:focus-visible,#studioSettings a:focus-visible{outline:2px solid #0332f5;outline-offset:3px}
/* Use native type families with complete language coverage. */
:root:lang(zh-Hans){--locale-font:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif}
:root:lang(ko){--locale-font:"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif}
:root:lang(ja){--locale-font:"Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans JP",sans-serif}
:root:lang(th){--locale-font:"Thonburi","Leelawadee UI",Tahoma,sans-serif}
html:not(:lang(en)) body,html:not(:lang(en)) button,html:not(:lang(en)) select,html:not(:lang(en)) .mono{font-family:var(--locale-font,Arial,sans-serif)}
html:lang(zh-Hans) .mono,html:lang(ko) .mono,html:lang(ja) .mono,html:lang(th) .mono{letter-spacing:0;text-transform:none}
html:lang(ko) p,html:lang(ko) h2{word-break:keep-all}
html:not(:lang(en)) .studio-introduction{line-height:1.65}
html:not(:lang(en)) .profile-side-panel p{line-height:1.7}
html:not(:lang(en)) .profile-float-card{letter-spacing:0}
html:not(:lang(en)) .quote-line{letter-spacing:-.035em}
html:lang(th) .quote-line{letter-spacing:0;line-height:1.4}
html:lang(zh-Hans) .statement .offset,html:lang(ja) .statement .offset,html:lang(ko) .statement .offset,html:lang(th) .statement .offset{font-style:normal}
html:not(:lang(en)) .practice h3{overflow-wrap:anywhere}
html:not(:lang(en)) .hero-eyebrow{max-width:90vw;text-align:center;line-height:1.6}
@media(max-width:740px){html:not(:lang(en)) .top-links{gap:clamp(10px,3vw,20px)}html:not(:lang(en)) .top-links a{font-size:11px;white-space:nowrap}html:not(:lang(en)) .studio-introduction{font-size:clamp(12px,3.25vw,16px)}html:not(:lang(en)) .profile-tabs button{letter-spacing:0;font-size:11px}html:not(:lang(en)) .team-intro h2{font-size:clamp(29px,7vw,50px)}html:lang(th) .top-links a{font-size:11px}}

:root[data-theme="white"] .scrollcue,:root[data-theme="white"] .work-empty{color:#101010}
:root[data-theme="white"] .work-stage{background:#f0eeea!important}
:root[data-theme="white"] .work-view-toggle,:root[data-theme="white"] .work-filter-options button{border-color:#10101055}
:root[data-theme="white"] .work-bottom-bar a{border-color:#10101055}
:root[data-theme="white"] .hero .hero-eyebrow span:not(.bar){color:#101010!important;-webkit-text-fill-color:#101010!important;background:none!important;animation:none!important}

/* Mirror the black edition's section rhythm: light entry/work, dark practice/team. */
:root[data-theme="white"] .t-cream{
 --blue:#f0eeea;--cream:#101010;--accent-rgb:240,238,234;
 --ink:#f0eeea;--hairline:rgba(240,238,234,.23);
 --bd:rgba(240,238,234,.55);--bf:rgba(240,238,234,.20);--bh:rgba(240,238,234,.10);
 background:#101010;color:#f0eeea;
}
:root[data-theme="white"] .portal{background:#101010}
:root[data-theme="white"] .portal-label{color:#f0eeea}
:root[data-theme="white"] .studio-wash{background:radial-gradient(ellipse at center,rgba(16,16,16,.28),rgba(16,16,16,.08) 55%,transparent 76%)}
:root[data-theme="white"] .t-cream ::selection{background:#f0eeea;color:#101010}
:root[data-theme="white"] .practice-arrival #studio{background:linear-gradient(to bottom,transparent 0 100svh,#101010 100svh)}
:root[data-theme="white"] #capabilities{background:#101010}
