.site-header{position:fixed;top:0;left:0;right:0;z-index:60;height:var(--hdr-h);padding-top:env(safe-area-inset-top);
  transition:top .45s var(--ease),left .45s var(--ease),right .45s var(--ease),border-radius .45s var(--ease),box-shadow .45s var(--ease)}
.site-header::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;border:1px solid transparent;background:transparent;
  transition:background .45s var(--ease),border-color .45s var(--ease)}
.site-header.is-float{top:max(10px,env(safe-area-inset-top));left:14px;right:14px;border-radius:var(--r-island);box-shadow:0 18px 40px -18px rgba(0,0,0,.65)}
.site-header.is-float::before{background:rgba(14,58,60,.64);-webkit-backdrop-filter:blur(16px) saturate(1.1);backdrop-filter:blur(16px) saturate(1.1);border-color:var(--line)}
.site-wrap{height:100%;display:grid;grid-template-columns:calc(31vw - var(--pad-x)) 1fr auto;align-items:center;padding-inline:var(--pad-x)}
.site-header.is-float .site-wrap{padding-inline:calc(var(--pad-x) - 14px)}
.site-logo{font-family:var(--ff-display);font-weight:700;font-size:25px;letter-spacing:.16em;text-transform:uppercase;line-height:1;white-space:nowrap}
.site-nav{display:flex;gap:clamp(22px,3vw,44px);white-space:nowrap;flex-wrap:nowrap}
.site-nav a{font:500 11px/1 var(--ff-mono);letter-spacing:.09em;text-transform:uppercase;padding:10px 0;transition:color .2s}
.site-nav a[aria-current="page"]{color:var(--brass)}
@media (hover:hover) and (pointer:fine){.site-nav a:hover{color:var(--brass)}}
.site-tools{display:flex;align-items:center;gap:6px}
.site-tools .ic{position:relative;display:grid;place-items:center;width:40px;height:40px;transition:color .2s}
.site-tools .ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square}
@media (hover:hover) and (pointer:fine){.site-tools .ic:hover{color:var(--brass)}}
.cart-count{position:absolute;top:3px;right:1px;min-width:16px;height:16px;padding:0 4px;display:grid;place-items:center;border-radius:8px;background:var(--brass);color:var(--on-brass);font:500 10px/1 var(--ff-mono)}
.cart-count[data-n="0"]{display:none}
.site-burger{display:none;position:relative;width:44px;height:44px;margin-left:6px}
.site-burger span{position:absolute;left:50%;top:50%;width:22px;height:2px;background:var(--ink);transition:transform .35s var(--ease),opacity .2s}
.site-burger span:nth-child(1){transform:translate(-50%,calc(-50% - 6px))}
.site-burger span:nth-child(2){transform:translate(-50%,-50%)}
.site-burger span:nth-child(3){transform:translate(-50%,calc(-50% + 6px))}
.site-header.is-open .site-burger span:nth-child(1){transform:translate(-50%,-50%) rotate(45deg)}
.site-header.is-open .site-burger span:nth-child(2){opacity:0}
.site-header.is-open .site-burger span:nth-child(3){transform:translate(-50%,-50%) rotate(-45deg)}
.site-nav-scrim{position:fixed;inset:0;z-index:65;background:rgba(4,22,23,.6);opacity:0;pointer-events:none;transition:opacity .4s}

@media (max-width:1100px){
  .site-wrap{display:flex;gap:6px}
  .site-tools{margin-left:auto}
  .site-burger{display:block}
  .site-nav{position:fixed;top:0;right:0;bottom:0;z-index:70;width:min(78vw,320px);flex-direction:column;gap:2px;padding:92px 28px 28px;background:var(--surface);border-left:1px solid var(--line);
    transform:translateX(100%);visibility:hidden;pointer-events:none;transition:transform .45s var(--ease),visibility .45s}
  .site-nav a{font:700 34px/1.1 var(--ff-display);letter-spacing:.02em;padding:12px 0;border-bottom:1px solid var(--line)}
  .site-header.is-open{z-index:75}
  .site-header.is-open .site-nav{transform:none;visibility:visible;pointer-events:auto}
  .site-header.is-open .site-nav-scrim{opacity:1;pointer-events:auto}
  .site-burger{z-index:80}
  .site-header.is-float{left:8px;right:8px}
}
@media (max-width:400px){
  .site-logo{font-size:21px;letter-spacing:.12em}
  .site-tools .ic{width:36px}
  .site-burger{width:40px;margin-left:0}
}
@media (prefers-reduced-motion:reduce){.site-header,.site-header::before,.site-nav,.site-nav-scrim,.site-burger span{transition:none!important}}