/* HGK design system chrome: restrained motion, floating navigation, story progress. */
::selection{background:#1a1916;color:#f3f0e9}
.nav{transition:padding .35s cubic-bezier(.2,.7,.2,1),color .3s ease}.nav .shell{transition:width .35s cubic-bezier(.2,.7,.2,1),padding .35s cubic-bezier(.2,.7,.2,1),background .35s ease,border-color .35s ease,box-shadow .35s ease,border-radius .35s ease}.nav.scrolled{padding:10px 0;background:transparent!important;border-bottom:0!important;backdrop-filter:none!important;pointer-events:none}.nav.scrolled .shell{pointer-events:auto;width:min(calc(100% - 24px),760px);padding:11px 18px;border:1px solid rgba(17,17,15,.12);border-radius:999px;background:rgba(243,240,233,.88);backdrop-filter:blur(20px) saturate(1.12);-webkit-backdrop-filter:blur(20px) saturate(1.12);box-shadow:0 8px 30px rgba(17,17,15,.06)}.nav.scrolled .brand{font-size:10px}.nav.scrolled .nav-links{gap:22px}.nav a:focus-visible,.text-link:focus-visible,.round-link:focus-visible{outline:1px solid currentColor;outline-offset:5px}
.reveal-ready{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.reveal-ready.is-visible{opacity:1;transform:none}
.story-progress{--story-progress:0;position:fixed;z-index:44;right:13px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px;opacity:0;transition:opacity .25s ease;pointer-events:none;color:var(--muted)}.story-progress.is-active{opacity:1}.story-progress__counter{font-size:7px;line-height:1;letter-spacing:.12em;writing-mode:vertical-rl;transform:rotate(180deg);font-variant-numeric:tabular-nums}.story-progress__track{position:relative;width:1px;height:118px;background:rgba(17,17,15,.15);overflow:hidden}.story-progress__fill{position:absolute;inset:0;background:var(--ink);transform:scaleY(var(--story-progress));transform-origin:top center;will-change:transform}
@media(max-width:640px){.nav.scrolled{padding:8px 0}.nav.scrolled::before{content:"";position:absolute;left:0;right:0;top:0;height:9px;background:var(--paper);pointer-events:none}.nav.scrolled .shell{position:relative;z-index:1;width:calc(100% - 16px);padding:9px 14px}.nav.scrolled .brand{font-size:9px}.nav.scrolled .nav-links{gap:16px}.collection-tabs-wrap{top:58px!important;background:var(--paper)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 1px 0 var(--line),0 10px 24px rgba(17,17,15,.035)}.collection-tabs-wrap::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:28px;background:var(--paper);pointer-events:none}.collection-tabs{background:var(--paper)}.story-progress{right:auto;left:0;top:0;transform:none;width:100%;height:2px;display:block;opacity:1}.story-progress__counter{display:none}.story-progress__track{width:100%;height:2px;background:rgba(17,17,15,.08)}.story-progress__fill{transform:scaleX(var(--story-progress));transform-origin:left center}.reveal-ready{transform:translateY(12px)}}
@media(prefers-reduced-motion:reduce){.nav,.nav .shell,.reveal-ready,.story-progress{transition:none}.reveal-ready{opacity:1;transform:none}}