/* SCO navigation: an authored geometric identity, not a generic app dock. */
.site-header{
  position:sticky;
  inset-block-start:0;
  z-index:80;
  height:84px;
  color:#251b26;
  background:rgba(239,231,238,.88);
  border-bottom:1px solid rgba(104,72,98,.16);
  -webkit-backdrop-filter:blur(18px) saturate(138%);
  backdrop-filter:blur(18px) saturate(138%);
  transition:height .46s cubic-bezier(.2,.8,.2,1),background-color .35s ease,box-shadow .35s ease;
}
.site-header.sco-nav-compact{
  height:70px;
  background:rgba(245,239,244,.95);
  box-shadow:0 8px 28px rgba(53,34,49,.09);
}
.site-header-inner{gap:clamp(14px,2vw,30px);transition:gap .35s ease}
.site-header .sco-figma-logo{transition:transform .42s cubic-bezier(.2,.8,.2,1)}
.site-header.sco-nav-compact .sco-figma-logo{transform:scale(.91)}
.site-header nav{
  position:relative;
  gap:clamp(3px,.55vw,9px);
  color:#5e4b5b;
  font-size:13px;
  isolation:isolate;
}
.site-header nav>a.sco-nav-link{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:42px;
  padding:8px 10px;
  color:inherit;
  line-height:1.25;
  white-space:nowrap;
  text-decoration:none;
  border:1px solid transparent;
  border-radius:12px;
  transition:color .25s ease,background-color .25s ease,border-color .25s ease,transform .25s ease;
}
.site-header nav>a.sco-nav-link:hover,
.site-header nav>a.sco-nav-link:focus-visible{
  color:#271b27;
  background:rgba(255,255,255,.52);
  border-color:rgba(123,82,112,.16);
}
.site-header nav>a.sco-nav-link:focus-visible,
.site-header .nav-cta.sco-nav-store:focus-visible{
  outline:2px solid #0a9f9c;
  outline-offset:3px;
}
.site-header nav>a.sco-nav-link[aria-current="page"]{
  color:#241a25;
  background:rgba(255,255,255,.76);
  border-color:rgba(123,82,112,.19);
  box-shadow:0 4px 14px rgba(67,42,62,.055);
}
.sco-nav-label{display:inline-block}
.sco-nav-glyph{
  width:19px;
  height:19px;
  flex:0 0 19px;
  display:inline-grid;
  place-items:center;
  color:#72516a;
  transform-origin:50% 60%;
  transition:transform .42s cubic-bezier(.2,1.5,.38,1),color .25s ease;
}
.sco-nav-glyph svg{display:block;width:100%;height:100%;overflow:visible}
.sco-nav-glyph .sco-glyph-main{stroke:#76536e}
.sco-nav-glyph .sco-glyph-accent{stroke:#0b9f9d}
.sco-nav-glyph .sco-glyph-small{stroke:#d39a42}
.sco-nav-link:hover .sco-nav-glyph,
.sco-nav-link:focus-visible .sco-nav-glyph,
.sco-nav-link[aria-current="page"] .sco-nav-glyph{transform:translateY(-1.5px) rotate(-4deg);color:#39263a}
.sco-nav-link:hover .sco-glyph-accent,
.sco-nav-link:focus-visible .sco-glyph-accent,
.sco-nav-link[aria-current="page"] .sco-glyph-accent{stroke:#087e7d}
.sco-nav-link[data-sco-glyph="system"] .sco-nav-glyph{width:20px;height:20px;flex-basis:20px}
.sco-nav-indicator{
  position:absolute;
  z-index:0;
  inset-block-end:-8px;
  inset-inline-start:auto;
  right:0;
  width:0;
  height:2px;
  border-radius:99px;
  opacity:.92;
  pointer-events:none;
  background:linear-gradient(90deg,#0aa7a2 0%,#8d6484 57%,#d5a14e 100%);
  box-shadow:0 0 12px rgba(10,167,162,.32);
}
.site-header.sco-nav-compact .sco-nav-indicator{inset-block-end:-10px}
.site-header .nav-cta.sco-nav-store{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:42px;
  padding:9px 17px;
  color:#fff;
  border:1px solid rgba(70,44,65,.18);
  background:linear-gradient(135deg,#76526d,#51394f);
  box-shadow:0 7px 18px rgba(74,46,69,.16);
  transition:transform .28s cubic-bezier(.2,1.4,.4,1),box-shadow .28s ease,background .28s ease;
}
.site-header .nav-cta.sco-nav-store:hover{transform:translateY(-2px);box-shadow:0 11px 22px rgba(74,46,69,.22);background:linear-gradient(135deg,#805b77,#5c405a)}
.sco-nav-glyph-store{color:#fff}
.sco-nav-store .sco-glyph-accent{stroke:#f1be65}
.site-header.sco-nav-compact .nav-cta.sco-nav-store{min-height:39px;padding-block:7px}

@media(max-width:1180px){
  .site-header nav{
    gap:0;
    padding:16px max(20px,calc((100vw - 900px)/2));
    color:#493747;
    background:rgba(247,241,246,.985);
    border-bottom:1px solid rgba(104,72,98,.18);
    -webkit-backdrop-filter:blur(18px);
    backdrop-filter:blur(18px);
  }
  .site-header nav>a.sco-nav-link{
    justify-content:flex-start;
    min-height:50px;
    width:100%;
    padding:12px 13px;
    border-radius:10px;
    border-bottom:1px solid rgba(104,72,98,.10);
  }
  .site-header nav>a.sco-nav-link[aria-current="page"]{background:rgba(255,255,255,.92)}
  .sco-nav-indicator{display:none}
  .site-header.sco-nav-compact nav{top:100%}
}
@media(max-width:760px){
  .site-header{height:76px}
  .site-header.sco-nav-compact{height:66px}
  .site-header-inner{gap:10px}
  .site-header .sco-figma-logo{min-width:132px;transform:scale(.9);transform-origin:right center}
  .site-header.sco-nav-compact .sco-figma-logo{transform:scale(.84);transform-origin:right center}
  .site-header .nav-cta.sco-nav-store{min-height:39px;padding:7px 12px;font-size:12px}
  .site-header .nav-cta.sco-nav-store .sco-nav-glyph{width:17px;height:17px;flex-basis:17px}
  .mobile-nav-toggle{border-radius:10px}
}
@media(prefers-reduced-motion:reduce){
  .site-header,.site-header *,.site-header *::before,.site-header *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}