/* One persistent navigation surface, with a native modal on small screens. */
.cyber{--site-header-height:72px}
.cyber .site-header{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;min-height:var(--site-header-height);height:var(--site-header-height);margin:0;padding:0 4%;gap:24px;background:#10100ff5;border-bottom:1px solid #ffb40045;box-shadow:0 6px 25px #0004;isolation:isolate}
.cyber .site-header .logo{font:800 36px var(--condensed);letter-spacing:-2px;flex:none;color:var(--ink);text-decoration:none}.cyber .site-header .logo span{font:inherit;font-size:51px;color:var(--accent);letter-spacing:-2px;margin:0}
.cyber .site-header .desktop-nav{display:flex;gap:25px;align-items:center;margin-left:auto;font:10px var(--mono);text-transform:uppercase}
.cyber .site-header nav a{min-height:44px;display:flex;align-items:center;color:var(--ink);text-decoration:none}.cyber .site-header nav a:hover{color:var(--muted)}
.cyber .site-header .nav-contact{color:#ffb400}
.menu-toggle[hidden]{display:none}.menu-toggle{display:none;align-items:center;gap:14px;min-height:44px;padding:10px 14px;border:1px solid #ffb40070;color:#ffb400}
.menu-toggle i{width:20px;height:10px;border-block:2px solid currentColor}
.mobile-menu{color:#f2f0e8;background:linear-gradient(125deg,#ffb4000c,transparent 60%),#11110f;border:1px solid #ffb4006b;padding:20px 24px 28px;width:min(100% - 24px,560px);max-height:calc(100dvh - 90px);margin:76px auto auto;overflow-y:auto;overscroll-behavior:contain}
.mobile-menu:not([open]){display:none}.mobile-menu::backdrop{background:#000c}
.mobile-menu-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #ffffff25;padding-bottom:12px}
.mobile-menu-head>span{font-size:9px;color:#ffb400}.menu-close{font-size:32px;width:44px;height:44px;color:#ffb400}
.mobile-menu nav{display:grid;counter-reset:menu;gap:0;margin-top:12px}.mobile-menu nav a{font:600 clamp(24px,7vw,34px)/1.15 var(--condensed);text-transform:uppercase;padding:14px 0;border-bottom:1px solid #ffffff20;display:flex;align-items:center;gap:22px;min-height:52px}
.mobile-menu nav a::before{counter-increment:menu;content:'0' counter(menu);font:9px var(--mono);color:#7b7566}
.mobile-menu .nav-contact{color:#ffb400}.mobile-menu>p{font-size:9px;color:#8d887b;margin:24px 0 0}
.cyber .portrait-caption .portrait-first-name{display:block;font:inherit;font-size:.56em;line-height:1.1;letter-spacing:.02em;color:#fff;margin-bottom:2px}
.cyber:not(.case-page) main [id]{scroll-margin-top:calc(var(--site-header-height) + 20px)}
.case-page .case-chapter-nav{top:var(--site-header-height);z-index:12}
.case-page .case-layer-visual{top:calc(var(--site-header-height) + var(--chapter-height) + 25px)}
.case-page section[id],.case-page article[id]{scroll-margin-top:calc(var(--site-header-height) + var(--chapter-height) + 24px)}
.legal-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:10px;color:#b8b0a0}.cyber-footer-v3>.legal-links{grid-column:1/-1}.legal-links a{min-height:44px;display:flex;align-items:center}.legal-links a:hover{color:#ffb400}.footer-motion-toggle{min-height:44px;padding:10px 14px;border:1px solid #ffb40070;color:#ffb400;font-size:10px}.footer-motion-toggle:hover{background:#ffb40014}
.case-footer{flex-wrap:wrap}.case-footer>.legal-links{width:100%}
.privacy-note{margin-top:16px;font-size:12px;line-height:1.8;color:#bbb4a5}.privacy-note a{text-decoration:underline;text-underline-offset:3px;color:#eee9de}
.legal-page main{max-width:1000px;margin:auto;padding:70px 24px 90px}.legal-page h1{font:700 clamp(42px,8vw,86px)/1 var(--condensed);text-transform:uppercase;margin:24px 0 32px}.legal-page h1 span{color:#ffb400}.legal-page h2{font:600 29px/1.2 var(--condensed);margin:0 0 20px}.legal-page section{padding:32px 0;border-top:1px solid #ffb40035}.legal-page p,.legal-page li{color:#c6c1b5;line-height:1.9;font-size:15px}.legal-page main a,.legal-page footer a{color:#ffb400}.legal-page .legal-date{font:10px var(--mono);color:#b4a990}.legal-page table{width:100%;border-collapse:collapse;table-layout:fixed}.legal-page th,.legal-page td{text-align:left;padding:16px 10px;border:1px solid #ffffff25;font-size:13px;line-height:1.7;overflow-wrap:anywhere;vertical-align:top}.legal-page th{color:#ffb400}.legal-page .action{border:1px solid #ffb400;padding:16px;font-size:11px;color:#ffb400}.legal-page footer{max-width:1000px;margin:auto;padding:20px 24px;border-top:1px solid #ffb40035}
@media(max-width:1100px){.cyber .site-header .desktop-nav{gap:16px;font-size:9px}.case-page .site-header .case-motion-toggle{display:none}}
@media(max-width:900px){
 .cyber{--site-header-height:64px}.cyber .site-header{min-height:64px;height:64px;padding:0 22px;gap:15px}.cyber .site-header .logo{font-size:32px}
 .menu-ready .cyber .site-header .desktop-nav{display:none}.menu-ready .menu-toggle{display:flex;margin-left:auto}
 .cyber .site-header .case-motion-toggle{display:none}.cyber .site-header:not(:has(.menu-toggle:not([hidden]))){height:auto;min-height:64px;flex-wrap:wrap;padding-block:10px}.cyber .site-header:not(:has(.menu-toggle:not([hidden]))) nav{flex-wrap:wrap}
 .mobile-menu{margin-top:70px}
}
@media(max-width:750px){.case-page .case-layer-visual{top:calc(var(--site-header-height) + 58px)}.case-page article[id]{scroll-margin-top:calc(var(--site-header-height) + 78px + var(--layer-visual-height,286px))}.legal-page main{padding-top:40px}.legal-page th,.legal-page td{padding:10px 7px;font-size:11px}}
@media(max-height:680px) and (max-width:750px){.case-page .case-layer-visual{position:relative;top:0}.case-page article[id]{scroll-margin-top:calc(var(--site-header-height) + 85px)}}
@media(prefers-reduced-motion:no-preference){.mobile-menu[open]{animation:menu-reveal .22s ease-out}@keyframes menu-reveal{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}}
