/* LOCKEDIN3D v0.7 refinement layer. Loaded last on every page, after the page's own styles.
   It changes presentation only: the cinema engine, the camera paths and the approved section layouts stay as they were.

   Type system
     Statement  Archivo 700, expanded, uppercase, 26-38px, one word in Instrument Serif italic bronze   (.h-xl, .h-lg)
     Title      Archivo 600-650, semi-expanded, sentence case: product names, prices, spec figures        (.h-prod, .pc-name)
     Chapter    Geist 500, 24-31px, tight tracking, under a serif italic chapter number                   (.cap h2)
     Body       Geist 400 15/1.65; secondary text in --fg-2, tertiary in --mute
     Label      Geist Mono 500 9.5-11px, tracked, uppercase; bronze when it names, grey when it qualifies */
:root{
  --display:"Archivo","Helvetica Neue",Arial,sans-serif;
  --serif:"Instrument Serif","Times New Roman",Georgia,serif;
  --fg-2:#b6afa4;
  --mute:#8f8980;
  --bronze-line:rgba(196,154,98,.4);
  --bronze-soft:rgba(196,154,98,.14);
}

/* ---------- statements ---------- */
.h-xl,.h-lg{font-family:var(--display);font-weight:700;font-stretch:125%;text-transform:uppercase;letter-spacing:.004em;line-height:1;color:var(--fg)}
.h-xl{font-size:clamp(26px,2.55vw,38px)}
.h-lg{font-size:clamp(19px,1.6vw,23px)}
.h-xl em,.h-lg em{font-family:var(--serif);font-style:italic;font-weight:400;font-stretch:100%;text-transform:none;letter-spacing:-.008em;color:var(--bronze-hi);font-size:1.24em;line-height:.8}
.section-head .h-xl{margin-top:20px}
.label{font-size:10.5px;letter-spacing:.24em}
.label.rule::after{width:40px;background:var(--bronze-line)}
.section-head .label{color:var(--bronze-hi)}
.lead{color:var(--fg-2)}

/* product page titles */
.h-prod{margin:16px 0 14px;font:650 clamp(27px,2.5vw,36px)/1.04 var(--display);font-stretch:112%;letter-spacing:-.012em;text-wrap:balance}
.desc{color:var(--fg-2)}
.pricebox .p{font:600 30px/1 var(--display);font-stretch:112%;letter-spacing:-.01em}
.pricebox .p.na{font-size:22px}
.specs dt{color:var(--mute)}
.specs dd{color:var(--fg)}

/* buttons: one bronze action per view, a quiet ghost for everything else */
.btn{letter-spacing:.18em}
.btn-primary{background:var(--bronze);color:var(--on-bronze);box-shadow:inset 0 1px 0 rgba(255,236,206,.28)}
.btn-primary:hover{background:var(--bronze-hi)}
.tlink{color:var(--fg);border-bottom-color:var(--bronze-line)}
.tlink:hover{border-color:var(--bronze-hi);color:var(--bronze-hi)}

/* ---------- navigation ---------- */
.nav{border-bottom:0}
.nav::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;opacity:0;transition:opacity .6s var(--ease);
  background:linear-gradient(90deg,transparent,rgba(232,229,224,.1) 20%,var(--bronze-line) 50%,rgba(232,229,224,.1) 80%,transparent)}
.nav.solid{background:rgba(6,6,5,.72);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2)}
.nav.solid::after{opacity:1}
.nav-in{display:grid;grid-template-columns:1fr auto 1fr;padding-top:calc(16px + env(safe-area-inset-top,0px));padding-bottom:16px}
.nav-logo{justify-self:start;display:flex;align-items:center;height:36px}
.nav-logo img{height:14px;transition:opacity .4s}
.nav-logo:hover img{opacity:.82}
.nav-links{position:relative;gap:4px;padding:4px;border:1px solid rgba(232,229,224,.09);border-radius:999px;background:rgba(12,11,10,.38);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font:500 10.5px/1 var(--mono);letter-spacing:.2em}
.nav-links a{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 15px;border-radius:999px;color:var(--mute);transition:color .35s}
.nav-links a i{font:italic 400 13px/1 var(--serif);letter-spacing:0;color:var(--bronze);opacity:.75;transition:opacity .35s}
.nav-links a:hover,.nav-links a[aria-current]{color:var(--fg)}
.nav-links a:hover i,.nav-links a[aria-current] i{opacity:1}
.nav-links a:focus-visible{outline:none;box-shadow:inset 0 0 0 1px var(--bronze-line)}
/* the indicator: a soft lit pill with a bronze hairline at its foot */
.nav-ind{position:absolute;z-index:0;left:0;top:4px;height:30px;width:0;border-radius:999px;opacity:0;pointer-events:none;
  background:linear-gradient(rgba(232,229,224,.075),rgba(232,229,224,.035));box-shadow:inset 0 0 0 1px rgba(232,229,224,.06);
  transition:transform .55s var(--ease),width .55s var(--ease),opacity .4s}
.nav-ind::after{content:"";position:absolute;left:50%;bottom:-1px;width:18px;height:1px;margin-left:-9px;background:var(--bronze-hi);box-shadow:0 0 8px rgba(228,193,140,.55)}
.nav-ind.still{transition:none}
.nav-right{justify-self:end;gap:18px}
.lang{display:flex;align-items:center;gap:0;height:30px;padding:0 4px;border-radius:999px}
.lang button{padding:6px 8px;font:500 10.5px/1 var(--mono);letter-spacing:.18em;color:var(--dim);transition:color .3s}
.lang button:hover{color:var(--fg)}
.lang button[aria-pressed="true"]{color:var(--bronze-hi)}
.lang-sep{width:1px;height:11px;background:var(--line-2)}
.nav-etsy{display:inline-flex;align-items:center;gap:10px;height:36px;padding:0 16px 0 14px;border-radius:999px;border:1px solid var(--bronze-line);
  font:500 10.5px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;text-decoration:none;color:var(--fg);
  transition:background .5s var(--ease),color .5s var(--ease),border-color .5s var(--ease)}
.nav-etsy-dot{width:5px;height:5px;border-radius:50%;background:var(--bronze-hi);box-shadow:0 0 0 3px var(--bronze-soft)}
.nav-etsy-ar{display:inline-block;transition:transform .5s var(--ease)}
.nav-etsy:hover{background:var(--bronze);border-color:var(--bronze);color:var(--on-bronze)}
.nav-etsy:hover .nav-etsy-dot{background:var(--on-bronze);box-shadow:none}
.nav-etsy:hover .nav-etsy-ar{transform:translate(2px,-2px)}
.menu-btn{display:none;align-items:center;gap:10px;height:36px;padding:0 14px 0 12px;border-color:rgba(232,229,224,.16);background:rgba(12,11,10,.45);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);letter-spacing:.18em}
.menu-ic{display:grid;gap:4px;width:14px}
.menu-ic i{display:block;height:1px;background:var(--fg);transition:transform .45s var(--ease)}
.menu-ic i:last-child{width:9px;background:var(--bronze-hi)}
.menu-btn[aria-expanded="true"] .menu-ic i:first-child{transform:translateY(2.5px) rotate(45deg)}
.menu-btn[aria-expanded="true"] .menu-ic i:last-child{width:14px;transform:translateY(-2.5px) rotate(-45deg)}

/* phone menu sheet */
.mnav{display:flex;flex-direction:column;justify-content:space-between;gap:40px;padding-top:calc(110px + env(safe-area-inset-top,0px));padding-bottom:calc(80px + env(safe-area-inset-bottom,0px));
  background:radial-gradient(90% 50% at 50% 0%,rgba(196,154,98,.1),transparent 70%),rgba(5,5,5,.97);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.mnav-links{display:grid;border-top:1px solid var(--line)}
.mnav-links a{display:flex;align-items:baseline;gap:18px;padding:20px 0;border-bottom:1px solid var(--line);text-decoration:none;
  font:700 26px/1 var(--display);font-stretch:125%;text-transform:uppercase;letter-spacing:.004em;color:var(--fg);
  opacity:0;transform:translateY(14px);transition:opacity .6s var(--ease),transform .7s var(--ease),color .3s}
.mnav-links a i{font:italic 400 18px/1 var(--serif);text-transform:none;color:var(--bronze-hi);min-width:24px}
.mnav-links a:active{color:var(--bronze-hi)}
.mnav.in .mnav-links a{opacity:1;transform:none}
.mnav.in .mnav-links a:nth-child(2){transition-delay:.05s}
.mnav.in .mnav-links a:nth-child(3){transition-delay:.1s}
.mnav.in .mnav-links a:nth-child(4){transition-delay:.15s}
.mnav-foot{display:flex;align-items:center;justify-content:space-between;gap:16px}
.mnav-foot .lang{padding:0;height:auto}
.mnav-foot .lang button{font-size:12px;padding:10px 12px}
.mnav-foot .btn{--h:48px;margin:0;font-size:12px}
.menu-open body{overflow:hidden}

/* ---------- product cards: the whole product, always ---------- */
.shop{gap:22px}
.pcard{border-color:rgba(232,229,224,.08);transition:border-color .6s var(--ease),transform .7s var(--ease),background .6s var(--ease),box-shadow .7s var(--ease)}
.pcard::before{content:"";position:absolute;z-index:3;left:12%;right:12%;top:0;height:1px;opacity:0;transition:opacity .6s var(--ease);
  background:linear-gradient(90deg,transparent,var(--bronze-hi),transparent)}
.pc-media{aspect-ratio:1/1;background:radial-gradient(72% 62% at 50% 40%,#1a1816,#0b0a09 74%)}
.pc-media img{inset:0;width:100%;height:100%;object-fit:contain;transform:scale(.965);transform-origin:50% 50%;
  transition:transform 1.3s var(--ease),filter .9s var(--ease)}
.pc-media .alt{display:none}
/* thumbnails are Carlos's finished square photos, shown whole: no mask or shade over them; the zoom only grows to the frame edge */
.pc-media::after{display:none}
.pc-body{padding:20px 22px 22px}
.pc-cat{letter-spacing:.24em}
.pc-name{margin:12px 0 8px;font:600 18px/1.22 var(--display);font-stretch:108%;letter-spacing:-.006em}
.pc-meta{color:var(--fg-2);font-size:13px}
.pc-price{font:600 22px/1 var(--display);font-stretch:112%;letter-spacing:-.01em}
.pc-price small{color:var(--mute)}
.pc-price.na{font:500 11px/1.2 var(--mono);letter-spacing:.16em}
.pc-act span[aria-hidden]{display:inline-block;transition:transform .5s var(--ease)}
.pc-tag{font-size:9px;letter-spacing:.22em;padding:7px 10px}
/* hover and keyboard focus: the card rises, the product moves gently closer, a bronze line lights its top edge */
.pcard:hover,.pcard:focus-visible{transform:translateY(-4px);border-color:rgba(196,154,98,.4);background:var(--panel-2);box-shadow:0 30px 60px -36px rgba(0,0,0,.95)}
.pcard:hover::before,.pcard:focus-visible::before{opacity:.9}
.pcard:hover .pc-media .main,.pcard:focus-visible .pc-media .main{transform:scale(1);filter:brightness(1.09) contrast(1.03)}
.pcard:hover .pc-act,.pcard:focus-visible .pc-act{background:var(--bronze);border-color:var(--bronze);color:var(--on-bronze)}
.pcard:hover .pc-act span[aria-hidden],.pcard:focus-visible .pc-act span[aria-hidden]{transform:translateX(3px)}
.pcard:focus-visible{outline:1px solid var(--bronze);outline-offset:3px}
@media (hover:none){
  .pcard:hover{transform:none;box-shadow:none;background:var(--panel);border-color:rgba(232,229,224,.08)}
  .pcard:hover::before{opacity:0}
  .pcard:hover .pc-media .main{transform:scale(.965);filter:none}
  .pcard:hover .pc-act{background:transparent;border-color:var(--line-2);color:var(--fg)}
  .pcard{-webkit-tap-highlight-color:transparent}
  .pcard:active{transform:scale(.985);border-color:rgba(196,154,98,.4);transition-duration:.15s}
  .pcard:active .pc-media .main{transform:scale(1);filter:brightness(1.08);transition-duration:.25s}
}
@media (prefers-reduced-motion:reduce){
  .pcard,.pc-media img,.nav-ind,.mnav-links a{transition:none}
  .pcard:hover,.pcard:focus-visible{transform:none}
  .pcard:hover .pc-media .main,.pcard:focus-visible .pc-media .main{transform:scale(.965)}
}

/* ---------- cinema: featured product opening ---------- */
@media (min-width:761px){
  .open{width:min(410px,32vw)}
  /* the trophy stands at 64% of the width: the text block is set a fixed distance from its silhouette, not from the screen edge */
  #seq[data-scene="trophy"] .open{left:auto;right:calc(36vw + 13.5vh + clamp(112px,12.5vw,250px))}
}
.open .label{font-size:10.5px;letter-spacing:.26em;color:var(--bronze-hi)}
.open .label::after{width:40px;background:var(--bronze-line)}
.open h1{display:flex;flex-direction:column;gap:4px;margin:22px 0 20px;font:650 clamp(24px,2.3vw,34px)/1.04 var(--display);font-stretch:112%;letter-spacing:-.012em}
.open h1 .d{font:700 clamp(23px,2.25vw,33px)/1 var(--display);font-stretch:125%;text-transform:uppercase;letter-spacing:.008em;color:var(--fg)}
.open h1 em{font:italic 400 clamp(36px,3.4vw,52px)/.92 var(--serif);letter-spacing:-.012em;color:var(--bronze-hi)}
.open .desc{font-size:15px;line-height:1.65;color:var(--fg-2);max-width:35ch}
.open .spec{margin-top:30px;border-top:1px solid var(--line-2);border-bottom:0}
.open .spec div{padding:16px 0 0 18px;border-left-color:var(--line)}
.open .spec dt{font:500 9.5px/1 var(--mono);letter-spacing:.22em;color:var(--mute)}
.open .spec dd{margin-top:11px;font:600 25px/1 var(--display);font-stretch:112%;letter-spacing:-.01em;color:var(--fg)}
.open .spec dd small{font:500 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-left:5px}
.open .buy{margin-top:32px;gap:28px}
.open .buy .btn{--h:52px;padding:0 26px;font-size:11px;box-shadow:inset 0 1px 0 rgba(255,236,206,.3),0 14px 34px -18px rgba(196,154,98,.6)}
.open .price{font:600 20px/1 var(--display);font-stretch:112%}
.open .price small{font:500 9.5px/1 var(--mono);letter-spacing:.22em;color:var(--mute);margin-bottom:8px}
.open .note{margin-top:24px;font:500 10.5px/1 var(--mono)}
.open .note .tlink{font-size:10.5px;letter-spacing:.18em;color:var(--fg-2)}

/* ---------- cinema: chapter titles (cinema.js moves them beside the product on wide screens) ---------- */
.caps{bottom:max(15vh,120px);width:min(400px,calc(100% - 56px));will-change:transform}
.cap{text-shadow:0 2px 26px rgba(0,0,0,.65)}
.cap .k{align-items:flex-end;gap:14px;font:500 10.5px/1 var(--mono);letter-spacing:.26em;color:var(--mute)}
.cap .k b{font:italic 400 48px/.72 var(--serif);letter-spacing:-.01em;color:var(--bronze-hi)}
.cap .k span{padding-bottom:1px}
.cap .k::after{width:40px;background:var(--bronze-line);align-self:center;margin-top:20px}
.cap h2{margin:20px 0 12px;font:500 clamp(24px,2.15vw,32px)/1.1 var(--sans);letter-spacing:-.026em;color:var(--fg)}
.cap p{font:400 14.5px/1.6 var(--sans);letter-spacing:0;color:var(--fg-2)}
.cap .cta{background:var(--bronze);color:var(--on-bronze);height:50px;padding:0 24px;box-shadow:inset 0 1px 0 rgba(255,236,206,.3)}
.cap .cta:hover{background:var(--bronze-hi)}
.cap .row .price{font:600 20px/1 var(--display);font-stretch:112%}
.cap .row .price small{font:500 9.5px/1 var(--mono);letter-spacing:.22em;color:var(--mute)}
.cap .more{color:var(--fg-2);letter-spacing:.18em}
.mini{border-color:var(--bronze-line);background:rgba(10,9,8,.7)}
.mini b{font-family:var(--mono)}
.hint{color:var(--fg-2)}
.hint i{background:linear-gradient(var(--bronze-hi),transparent)}

/* product-page story captions share the chapter language */
.story-cap .label b{font:italic 400 34px/.72 var(--serif);letter-spacing:-.01em;color:var(--bronze-hi)}
.story-cap .label{align-items:flex-end;color:var(--mute)}
.story-cap h3{font:500 clamp(21px,1.9vw,27px)/1.15 var(--sans);letter-spacing:-.022em}

/* ---------- callouts ---------- */
.co-under{fill:none;stroke:rgba(0,0,0,.55);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.co-line{stroke:rgba(232,201,152,.95);stroke-width:1.2;stroke-linejoin:round}
.co-ring{stroke:var(--bronze-hi);stroke-width:1.25}
.co-dot{fill:#fff2d8}
.co-halo{fill:url(#coHalo);opacity:0}
.co-pulse{fill:none;stroke:var(--bronze-hi);stroke-width:1;opacity:0}
.co-dim{stroke:rgba(232,201,152,.75);stroke-width:1.1}
.co-tick{stroke:var(--bronze-hi);stroke-width:1.2}
.co-label:not(.co-dimlab){padding:10px 14px 11px;border:1px solid rgba(196,154,98,.32);border-radius:3px;background:rgba(9,8,7,.66);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:none;box-shadow:0 12px 30px -18px rgba(0,0,0,.9)}
.co-label .k{color:var(--bronze-hi);font-size:9px;letter-spacing:.26em;margin-bottom:7px}
.co-label .t{font:500 15.5px/1.25 var(--sans);letter-spacing:-.012em}
.co-dimlab{padding:6px 9px;border:1px solid rgba(196,154,98,.32);border-radius:3px;background:rgba(9,8,7,.62);
  font:600 12.5px/1 var(--display);font-stretch:112%;letter-spacing:.01em;text-shadow:none}

/* ---------- prototype bar: quieter ---------- */
.proto{color:var(--dim)}

/* ---------- tablets and phones ---------- */
@media (max-width:1100px) and (min-width:761px){
  .nav-links a{padding:0 11px}
  .nav-links a i{display:none}
}
@media (max-width:1000px){
  .nav-in{display:flex}
}
@media (max-width:760px){
  .nav-in{padding-top:calc(12px + env(safe-area-inset-top,0px));padding-bottom:12px}
  .nav-right .lang,.nav-right .nav-etsy{display:none}
  .menu-btn{display:inline-flex}
  .nav-logo img{height:12px}
  .shop{gap:12px}
  .pc-media{aspect-ratio:1/1}
  .pc-body{padding:14px 14px 16px}
  .pc-name{font-size:15px;margin:9px 0 5px}
  .pc-price{font-size:19px}
  .h-xl{font-size:clamp(24px,7vw,30px)}
  .open h1{margin:14px 0 0;gap:2px}
  .open h1 .d{font-size:19px}
  .open h1 em{font-size:31px}
  .open .spec{margin-top:16px}
  .open .spec div{padding:12px 0 0 12px}
  .open .spec dd{font-size:19px;margin-top:8px}
  .open .buy{margin-top:18px}
  .open .buy .btn{--h:46px}
  .caps{bottom:calc(132px + env(safe-area-inset-bottom,0px));width:calc(100% - 40px)}
  .cap .k b{font-size:38px}
  .cap h2{font-size:22px;margin:14px 0 8px}
  .cap p{font-size:13.5px}
  .co-label .t{font-size:14px}
}
.rev .label{color:var(--bronze-hi)}
.open .spec dd small{text-transform:none}
/* the Featured tag sits beside the category, so nothing covers the thumbnail photo */
.pc-body{position:relative}
.pc-body .pc-tag{left:auto;right:18px;top:16px;padding:5px 8px;font-size:8.5px}
@media (max-width:760px){.pc-body .pc-tag{right:auto;left:auto;top:auto;position:static;align-self:flex-start;margin:8px 0 2px}}



/* Instagram, in the brand's own colours, at the start of the nav's right group (Carlos chose this over hero placements) */
.nav-ig{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;transition:transform .35s var(--ease),background .35s var(--ease)}
.nav-ig svg{width:19px;height:19px;display:block}
.nav-ig:hover,.nav-ig:focus-visible{transform:translateY(-1px);background:rgba(255,255,255,.06)}
.nav-ig:focus-visible{outline:1px solid var(--bronze);outline-offset:2px}
.nav-ig-sep{width:1px;height:16px;background:var(--line-2);margin-left:-6px}
@media (max-width:760px){.nav-ig-sep{display:none}.nav-ig{width:36px;height:36px}.nav-ig svg{width:21px;height:21px}}
@media (prefers-reduced-motion:reduce){.nav-ig{transition:none}}
.nav-etsy{white-space:nowrap}
/* short text under a callout title (v0.7) */
.co-label .p{display:block;max-width:240px;margin-top:7px;font:400 12.5px/1.45 var(--sans);letter-spacing:0;color:var(--fg-2);white-space:normal}
@media (max-width:760px){.co-label .p{max-width:200px;font-size:12px}}
/* 24 Oct: trophy callouts have no "Detail" kicker; the detail name itself is the gold title */
#seq[data-scene="trophy"] .co-label .t{color:var(--bronze-hi)}
/* 24 Oct: small licensing note under the featured product text */
.open .fine{margin-top:12px;font:500 9.5px/1.5 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mute)}
.mnav.in .mnav-links a:nth-child(5){transition-delay:.2s}

/* ---------- 24 Oct: "Gota" liquid-glass navigation (Carlos chose option 1 of the glass menus) ----------
   One floating glass capsule that always keeps the same size and always shows the logo, on scroll too.
   The current link sits inside a glass droplet that works as a lens and stretches like liquid when it moves.
   Phones and tablets: the same capsule, full width at the top; Menu grows it downward into the panel.
   Real refraction is added by nav.js in Chromium browsers; Safari and Firefox keep the frosted glass below. */
.nav.gota,.nav.gota.solid{background:none;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}
.nav.gota::after{display:none}
.g-cap{pointer-events:auto;position:relative;margin:calc(16px + env(safe-area-inset-top,0px)) auto 0;width:max-content;max-width:calc(100% - 32px);border-radius:29px;overflow:hidden;
  background:rgba(13,11,9,.5);-webkit-backdrop-filter:blur(20px) saturate(1.6);backdrop-filter:blur(20px) saturate(1.6);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(255,255,255,.05),inset 0 0 0 1px rgba(255,255,255,.06),0 16px 38px -16px rgba(0,0,0,.75);
  transition:height .75s cubic-bezier(.34,1.2,.48,1),background .5s}
.g-cap::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;padding:1px;z-index:3;
  background:linear-gradient(140deg,rgba(255,255,255,.42),rgba(255,255,255,.05) 26%,rgba(255,255,255,0) 55%,rgba(255,240,220,.16) 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.g-row{display:flex;align-items:center;height:58px;padding:0 9px 0 26px}
.nav.gota .g-logo{display:flex;align-items:center;height:auto;margin-right:22px;flex:none}
.nav.gota .g-logo img{height:14px;width:auto}
.nav.gota .g-links{position:relative;display:flex;align-items:center;gap:0;height:40px;padding:0;border:0;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;
  font:600 10.5px/1 var(--display);font-stretch:118%;letter-spacing:.16em;text-transform:uppercase}
.nav.gota .g-links a{position:relative;z-index:2;display:flex;align-items:center;height:40px;padding:0 17px;border-radius:20px;color:var(--mute);text-decoration:none;text-shadow:0 1px 10px rgba(0,0,0,.55);transition:color .35s}
.nav.gota .g-links a:hover,.nav.gota .g-links a[aria-current]{color:var(--fg)}
.nav.gota .g-links a:focus-visible{outline:none;box-shadow:inset 0 0 0 1px var(--bronze-line)}
.g-drop{position:absolute;z-index:3;left:0;top:0;height:40px;width:0;border-radius:20px;pointer-events:none;opacity:0;background:rgba(255,248,236,.05);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 -1px 0 rgba(228,193,140,.35),inset 0 0 0 1px rgba(255,255,255,.08),0 6px 14px -6px rgba(0,0,0,.6);transition:opacity .35s}
.g-drop.on{opacity:1}
.g-util{position:relative;display:flex;align-items:center;gap:12px;margin-left:16px;padding-left:16px;flex:none}
.g-util::before{content:"";position:absolute;left:0;top:50%;height:18px;margin-top:-9px;width:1px;background:var(--line-2)}
.nav.gota .lang{height:auto;padding:0}
.nav.gota .lang button{color:var(--mute);text-shadow:0 1px 10px rgba(0,0,0,.55)}
.nav.gota .lang button[aria-pressed="true"]{color:var(--bronze-hi)}
.nav.gota .g-util .nav-etsy{height:40px;border-radius:20px;padding:0 16px;border-color:rgba(196,154,98,.45)}
.nav.gota .menu-btn{display:none;height:44px;padding:0 16px;border:0;border-radius:22px;background:rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.18);-webkit-backdrop-filter:none;backdrop-filter:none}
/* phone panel (inside the same capsule) */
.g-panel{display:none;padding:6px 10px 14px;opacity:0;transform:translateY(-10px);transition:opacity .35s,transform .6s var(--ease)}
.g-mlinks{position:relative;display:grid;border-top:1px solid var(--line);padding-top:8px}
.g-mlinks a{position:relative;z-index:2;display:flex;align-items:center;height:58px;padding:0 18px;text-decoration:none;
  font:700 19px/1 var(--display);font-stretch:125%;text-transform:uppercase;letter-spacing:.004em;color:var(--fg-2);transition:color .3s}
.g-mlinks a[aria-current]{color:var(--fg)}
.g-mdrop{position:absolute;z-index:3;left:0;right:0;top:8px;height:58px;border-radius:29px;pointer-events:none;opacity:0;background:rgba(255,248,236,.05);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(228,193,140,.35),inset 0 0 0 1px rgba(255,255,255,.07);transition:transform .7s cubic-bezier(.34,1.28,.48,1),opacity .3s}
.g-mdrop.on{opacity:1}
.g-mfoot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:14px 8px 0;border-top:1px solid var(--line)}
.g-mfoot .lang button{font-size:12px;padding:10px 10px}
.g-mfoot .nav-etsy{height:44px;border-radius:22px}
.menu-open .g-cap{background:rgba(12,10,9,.62)}
.menu-open .g-panel{opacity:1;transform:none;transition-delay:.15s}
@media (max-width:1180px) and (min-width:1001px){
  .nav.gota .g-links a{padding:0 12px}
  .g-row{padding-left:20px}
  .nav.gota .g-logo{margin-right:12px}
}
@media (max-width:1000px){
  .g-cap{width:auto;margin-left:max(12px,env(safe-area-inset-left,0px));margin-right:max(12px,env(safe-area-inset-right,0px));max-width:none;margin-top:calc(10px + env(safe-area-inset-top,0px))}
  .g-row{height:58px;padding:0 7px 0 22px;justify-content:space-between}
  .nav.gota .g-links,.nav.gota .g-util .lang,.nav.gota .g-util .nav-etsy{display:none}
  .g-util{margin-left:0;padding-left:0;gap:6px}
  .g-util::before{display:none}
  .nav.gota .menu-btn{display:inline-flex;align-items:center;gap:10px}
  .nav.gota .g-logo img{height:12px}
  .g-panel{display:block}
  .menu-open body{overflow:hidden}
}
@media (prefers-reduced-motion:reduce){.g-cap,.g-panel,.g-drop,.g-mdrop{transition:none}}

/* 24 Oct, crisp labels: the droplet keeps its glass but sits BEHIND the labels, so its lens never resamples the letters */
.g-drop,.g-mdrop{z-index:1}
.nav.gota .g-links a,.g-mlinks a{z-index:2}

/* 24 Oct: Etsy shop removed from the bar */
.g-mfoot{justify-content:flex-start}
.g-mfoot .lang{flex-wrap:wrap}
/* product page stock line (assets/stock.js): "Only N left" in bronze under the price */
.stock-line b{font-weight:500}
.stock-line.low b{color:var(--bronze-hi)}
.stock-line.low .dot{background:var(--bronze)!important;box-shadow:0 0 0 3px rgba(196,154,98,.16)}
.stock-line.out b{color:var(--mute)}
.stock-line.out .dot{background:var(--dim)!important}

/* live site: prototype controls hidden */
.proto{display:none!important}