/* The navigation floats over the scene; contrast belongs to each control. */
:root{--header-height:64px}
body .site-header,body .site-header.is-scrolled,body.is-scrolled .site-header{position:fixed;inset:0 0 auto;z-index:40;height:var(--header-height);padding:6px var(--side);background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:none;pointer-events:none}
body .site-header::before,body .site-header::after{content:none;background:none;box-shadow:none;backdrop-filter:none}
.site-header a,.site-header button{pointer-events:auto}
.site-header .wordmark,.site-header nav a,.site-header .index-open,.site-header .case-back{color:#252320;text-shadow:0 1px 3px #ffffff28;transition:color .12s ease,text-shadow .12s ease}
.site-header [data-nav-tone="light"]{color:#fff!important;text-shadow:0 1px 5px #0008}
.site-header [data-nav-tone="dark"]{color:#252320!important;text-shadow:0 1px 3px #ffffff28}
.site-header .index-open{background:transparent;border-color:currentColor;box-shadow:none}
.site-header nav{min-width:0}
.site-header .wordmark{font-size:clamp(30px,1.9vw,52px)}
.site-header a:focus-visible,.site-header button:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.site-header .case-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;flex-shrink:0;font-size:clamp(14px,.83vw,22px);line-height:1.2;white-space:nowrap}
.site-header .case-back:hover{text-decoration:underline;text-underline-offset:5px}
.case-page main{padding-top:0}
.case-image{height:100svh;height:100dvh}
.case-image .enlarge-mark{top:calc(var(--header-height) + 16px)}
@media(max-width:1200px) and (min-width:961px){.site-header{gap:18px}.site-header nav{gap:18px}.site-header nav a{font-size:17px}.site-header .index-open{font-size:16px;padding-inline:10px}.site-header .case-back{font-size:14px}}
@media(max-width:960px){:root{--header-height:60px}body .site-header{padding-block:8px}.site-header .wordmark{font-size:32px}.site-header .case-back{margin-left:auto;margin-right:8px}}
@media(max-width:620px){:root{--header-height:56px}body .site-header{padding-block:6px;gap:12px}.site-header .wordmark{font-size:29px}.site-header .case-back{position:absolute;left:var(--side);top:calc(var(--header-height) + 8px);margin:0;font-size:14px}.site-header>.index-open{font-size:15px;padding-inline:10px}.site-header>.index-open span{font-size:12px;margin-left:8px}.case-image .enlarge-mark{top:calc(var(--header-height) + 14px)}}
@media(prefers-reduced-motion:reduce){.site-header a,.site-header button{transition:none}}