/* Aminolume — "Apothecary Glass" system (ui-ux-pro-max: Liquid Glass × Luxury, Bodoni Moda / Jost)
   Deliberately light, mineral and matte: no dark ground, no neon, no glow. */
:root{
  color-scheme: light;
  --porcelain:#e7ebe5;   /* cool celadon-grey ground */
  --paper:#f6f7f3;       /* lifted sheet */
  --bone:#dfe3dc;        /* recessed well */
  --ink:#1c1917;         /* espresso ink */
  --stone:#57534e;       /* secondary text */
  --pebble:#8a857e;      /* tertiary */
  --amber:#a16207;       /* apothecary glass */
  --amber-hi:#d08a1e;
  --amber-deep:#5a3506;
  --rule:rgba(28,25,23,.12);
  --glass:linear-gradient(135deg,rgba(255,255,255,.62),rgba(255,255,255,.18));
  --glass-edge:rgba(255,255,255,.85);
  --lift:0 50px 90px -40px rgba(28,25,23,.38),0 18px 30px -18px rgba(28,25,23,.18);
  --display:"Bodoni Moda","Didot","Bodoni 72",Georgia,serif;
  --body:"Jost","Futura","Century Gothic",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Consolas,monospace;
  --gutter:clamp(16px,4vw,56px);
  --grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .11  0 0 0 0 .1  0 0 0 0 .09  0 0 0 .07 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--porcelain) var(--grain);color:var(--ink);font:300 17px/1.65 var(--body);overflow-x:hidden}
a{color:inherit}
button,input,select{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:4px}
.wrap{max-width:1240px;margin-inline:auto;padding-inline:var(--gutter)}
.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}
.eyebrow{font:500 11px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--amber)}
h1,h2,h3{font-family:var(--display);text-wrap:balance;margin:0;font-weight:500;letter-spacing:-.01em}
h2{font-size:clamp(34px,5vw,68px);line-height:1;font-variation-settings:"opsz" 96}
h2 em,h1 em{font-style:italic;color:var(--amber)}
p{margin:0}

/* notice + header */
.notice{background:var(--ink);color:#c9c3ba;font:500 11.5px/1.35 var(--mono);padding:9px var(--gutter);letter-spacing:.05em;display:flex;justify-content:space-between;gap:8px 24px;flex-wrap:wrap}
.notice b{color:var(--amber-hi);font-weight:500}
@media (max-width:900px){.notice{justify-content:center;text-align:center}.notice span:last-child{display:none}}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--ink);color:var(--paper);padding:10px 16px;border-radius:999px}
.skip:focus{top:12px}

/* trust strip */
.trust{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1px;background:var(--rule);border-block:1px solid var(--rule)}
.trust div{background:var(--paper);padding:22px 18px;display:grid;grid-template-columns:28px 1fr;gap:4px 12px;align-items:start}
.trust svg{width:26px;height:26px;grid-row:span 2;stroke:var(--amber);fill:none;stroke-width:1.4}
.trust b{font:500 15px/1.2 var(--body)}
.trust span{font-size:12.5px;color:var(--stone);line-height:1.35}
.sheet-top{padding-top:36px}

/* offers */
.offers{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:40px}
.offer{border-radius:22px;padding:22px 24px;background:var(--glass),var(--paper);border:1px solid var(--glass-edge);box-shadow:0 24px 40px -32px rgba(28,25,23,.4),inset 0 1px 0 #fff;display:grid;gap:6px}
.offer strong{font:500 26px/1.05 var(--display)}
.offer strong em{color:var(--amber)}
.offer span{font-size:14px;color:var(--stone)}
.offer.hot{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.offer.hot strong em{color:var(--amber-hi)}
.offer.hot span{color:#c9c3ba}

/* card extras */
.badge{font:500 9.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;background:var(--ink);color:var(--paper);padding:6px 8px;border-radius:4px}
.from{font:500 10px var(--mono);color:var(--pebble);display:block;letter-spacing:.08em;text-transform:uppercase}
.coalink{background:none;border:0;padding:6px 0;font:500 12px var(--mono);color:var(--amber);cursor:pointer;text-decoration:underline;text-underline-offset:3px;justify-self:start}

/* modal (COA preview + age gate) */
.faq,.gaps,footer{content-visibility:auto;contain-intrinsic-size:auto 900px}
.modal[hidden]{display:none}
.modal{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:24px 16px;background:rgba(231,235,229,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.modal .box{width:min(560px,100%);max-height:88vh;overflow:auto;position:relative;border-radius:6px}
.modal .close{position:absolute;right:12px;top:12px;z-index:3;background:var(--paper)}
.gate .box{border-radius:28px;background:var(--glass),var(--paper);border:1px solid var(--glass-edge);box-shadow:var(--lift);padding:36px;display:grid;gap:16px;text-align:center}
.gate h2{font-size:clamp(30px,5vw,44px)}
.gate p{color:var(--stone);font-size:15px}
.gate .row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}

/* faq */
.faq{padding-block:120px 110px}
.faq .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
.faq .sub{color:var(--stone);margin-top:18px;max-width:380px}
.faq details{border-bottom:1px solid var(--rule)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:22px 0;font:500 21px/1.25 var(--display)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:300 26px var(--body);color:var(--amber);transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{color:var(--stone);padding:0 0 22px;max-width:620px}
@media (max-width:900px){.faq .wrap{grid-template-columns:1fr}}

/* cart extras */
.coupon{display:flex;gap:8px}
.coupon input{flex:1;min-width:0;min-height:42px;border:1px solid var(--rule);background:var(--paper);border-radius:999px;padding:0 16px;font:500 13px var(--mono);text-transform:uppercase}
.coupon button{min-height:42px;border-radius:999px;border:1px solid var(--ink);background:transparent;padding:0 16px;cursor:pointer;font-size:13px}
.cmsg{font-size:12.5px;margin-top:-6px}
.save{color:#3f6b4a}
.free-tag{font:500 10px var(--mono);letter-spacing:.08em;color:#3f6b4a;border:1px solid rgba(63,107,74,.4);border-radius:4px;padding:3px 6px;margin-left:6px}

/* footer columns */
.fcols{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:28px;border-block:1px solid rgba(255,255,255,.12);padding-block:34px}
.fcols h4{margin:0 0 12px;font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--amber-hi)}
.fcols ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:15px;color:#c9c3ba}
.fcols a{text-decoration:none}.fcols a:hover{color:var(--paper)}
header.bar{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:rgba(231,235,229,.72);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);border-bottom:1px solid var(--rule)}
.bar .wrap{display:flex;align-items:center;gap:28px;height:68px}
.logo{font:600 22px/1 var(--display);letter-spacing:.01em;text-decoration:none;display:flex;align-items:baseline;gap:8px}
.logo sup{font:500 10px var(--mono);letter-spacing:.14em;color:var(--amber)}
.bar nav{display:flex;gap:26px;margin-left:auto;font-size:15px;font-weight:400;color:var(--stone)}
.bar nav a{text-decoration:none;padding-block:6px;background:linear-gradient(var(--amber),var(--amber)) 0 100%/0 1px no-repeat;transition:background-size .3s,color .2s}
.bar nav a:hover{color:var(--ink);background-size:100% 1px}
.cartbtn{display:flex;align-items:center;gap:10px;border:1px solid var(--ink);background:transparent;border-radius:999px;padding:9px 12px 9px 18px;cursor:pointer;font-weight:500;font-size:14px;min-height:44px;transition:background .2s,color .2s}
.cartbtn:hover{background:var(--ink);color:var(--paper)}
.cartbtn b{min-width:26px;height:26px;border-radius:13px;display:grid;place-items:center;background:var(--amber);color:#fff;font:600 12px var(--mono)}
.cartbtn.bump b{animation:bump .4s}
@keyframes bump{50%{transform:scale(1.35)}}
@media (max-width:820px){.bar nav{display:none}.cartbtn{margin-left:auto}}

/* ================= HERO: six physical layers ================= */
.hero{position:relative;overflow:hidden;isolation:isolate;min-height:min(94vh,900px)}
.hero .l{position:absolute;inset:0;pointer-events:none;will-change:transform}
/* L0 — horizon: a soft tabletop plane receding into the room */
.hero .horizon{background:
  radial-gradient(120% 70% at 70% 100%,#f7f8f4 0%,transparent 60%),
  linear-gradient(180deg,#d9ded6 0%,#e7ebe5 48%,#eef1eb 100%)}
.hero .horizon::after{content:"";position:absolute;left:-10%;right:-10%;top:58%;height:1px;background:linear-gradient(90deg,transparent,rgba(28,25,23,.18),transparent)}
/* L1 — the watermark numeral, far back */
.hero .mark{display:flex;align-items:center;justify-content:flex-end;padding-right:2vw}
.hero .mark span{font:italic 400 clamp(260px,42vw,640px)/.8 var(--display);font-variation-settings:"opsz" 96;color:transparent;-webkit-text-stroke:1px rgba(28,25,23,.12);letter-spacing:-.06em}
/* L2 — caustic light canvas */
#caustics{position:absolute;inset:0;width:100%;height:100%;mix-blend-mode:multiply}
/* L3/L4 — glass slabs + vials live inside .stage */
.hero .content{position:relative;z-index:5;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;min-height:min(94vh,900px);padding-block:64px}
.hero h1{font-size:clamp(46px,7.4vw,112px);line-height:.92;font-weight:500;font-variation-settings:"opsz" 96;letter-spacing:-.025em}
.hero h1 em{font-weight:400}
.hero .lede{max-width:470px;margin-top:28px;color:var(--stone);font-size:19px}
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.btn{display:inline-flex;align-items:center;gap:12px;min-height:50px;padding:0 26px;border-radius:999px;font-weight:500;text-decoration:none;cursor:pointer;border:1px solid var(--ink);background:transparent;transition:transform .25s cubic-bezier(.2,.8,.2,1),background .2s,color .2s}
.btn:hover{transform:translateY(-2px)}
.btn.primary{background:var(--ink);color:var(--paper)}
.btn.primary:hover{background:var(--amber);border-color:var(--amber)}
.btn.ghost:hover{background:var(--paper)}
.facts{display:flex;flex-wrap:wrap;gap:34px;margin-top:46px;padding-top:22px;border-top:1px solid var(--rule);max-width:470px}
.facts div{display:grid;gap:2px}
.facts b{font:500 30px/1 var(--display);font-variation-settings:"opsz" 60}
.facts span{font-size:13px;color:var(--stone)}

.stage{position:relative;height:600px}
.slab{position:absolute;border-radius:26px;background:var(--glass);border:1px solid var(--glass-edge);backdrop-filter:blur(16px) saturate(1.25);-webkit-backdrop-filter:blur(16px) saturate(1.25);box-shadow:var(--lift),inset 0 1px 0 #fff,inset 0 -1px 0 rgba(28,25,23,.06);will-change:transform}
.slab .in{padding:18px 20px;display:grid;gap:6px}
.slab small{font:500 10px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--pebble)}
.slab strong{font:500 34px/1 var(--display);font-variation-settings:"opsz" 60}
.slab .mono{font-size:12px;color:var(--stone)}
.slab svg{display:block;width:100%;height:auto}

/* amber apothecary vial */
.vial{position:absolute;will-change:transform}
.v{position:relative;width:var(--w,120px);height:calc(var(--w,120px)*2.05)}
.v .cap{position:absolute;left:15%;right:15%;top:0;height:17%;border-radius:8px 8px 3px 3px;background:linear-gradient(90deg,#2a2522,#57504a 38%,#8a827a 52%,#3a3430 80%,#1c1917)}
.v .crimp{position:absolute;left:13%;right:13%;top:16%;height:7%;border-radius:2px;background:linear-gradient(90deg,#8b8780,#f3f1ec 42%,#b9b4ac 58%,#6e6a64)}
.v .glass{position:absolute;left:3%;right:3%;top:22%;bottom:0;border-radius:10px 10px 20px 20px;overflow:hidden;
  background:linear-gradient(90deg,rgba(90,53,6,.92),rgba(161,98,7,.78) 18%,rgba(208,138,30,.62) 40%,rgba(161,98,7,.7) 70%,rgba(70,40,4,.94));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.v .glass::before{content:"";position:absolute;left:14%;top:4%;bottom:10%;width:9%;border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,.08));z-index:2}
.v .glass::after{content:"";position:absolute;right:12%;top:8%;bottom:14%;width:3%;border-radius:4px;background:rgba(255,255,255,.28);z-index:2}
.v .cake{position:absolute;left:7%;right:7%;bottom:5%;height:20%;border-radius:40% 40% 12px 12px/30% 30% 12px 12px;background:radial-gradient(ellipse at 50% 20%,#fff6e6,#e9c998 70%,#c99b5b);opacity:.9}
.v .label{position:absolute;left:0;right:0;top:30%;height:36%;background:linear-gradient(90deg,#e9e6df,#fbfaf7 38%,#efece5);color:var(--ink);padding:9% 11% 7%;display:grid;align-content:space-between;z-index:1}
.v .label::before{content:"";position:absolute;left:0;right:0;top:0;height:9%;background:var(--c)}
.v .label strong{font:600 calc(var(--w,120px)*.135)/1 var(--display);letter-spacing:-.01em;margin-top:6%}
.v .label em{font:500 calc(var(--w,120px)*.06)/1.2 var(--mono);font-style:normal;color:var(--stone)}
/* cast shadow + transmitted amber light on the tabletop */
.v .cast{position:absolute;left:-10%;right:-10%;bottom:-16px;height:22px;border-radius:50%;background:radial-gradient(closest-side,rgba(28,25,23,.38),transparent);filter:blur(3px)}
.v .spill{position:absolute;left:55%;bottom:-26px;width:150%;height:40px;border-radius:50%;background:radial-gradient(closest-side,rgba(208,138,30,.42),transparent);filter:blur(6px);transform:skewX(-35deg)}
@media (max-width:900px){.hero .content{grid-template-columns:1fr}.stage{height:440px}}

/* ============ layered sheets: each section slides over the last ============ */
.sheet-sec{position:relative;border-radius:36px 36px 0 0;margin-top:-36px;box-shadow:0 -30px 60px -34px rgba(28,25,23,.35);z-index:2}
.s-paper{background:var(--paper) var(--grain)}
.s-bone{background:var(--porcelain) var(--grain)}
.s-ink{background:#1c1917 var(--grain);color:var(--paper)}

/* marquee */
.marquee{overflow:hidden;padding-block:22px 58px;border-bottom:1px solid var(--rule)}
.marquee .track{display:flex;gap:56px;width:max-content;animation:marq 60s linear infinite;font:400 15px var(--body);color:var(--stone)}
.marquee b{font:italic 500 19px var(--display);color:var(--ink);margin-right:6px}
@keyframes marq{to{transform:translateX(-50%)}}

/* HPLC pinned */
.hplc{height:260vh}
.hplc .pin{position:sticky;top:68px;height:calc(100vh - 68px);min-height:600px;display:grid;align-items:center}
.hplc .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:center;width:100%}
.hplc .copy p{color:var(--stone);margin-top:20px;max-width:430px}
.readout{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}
.readout div{border-top:1px solid var(--ink);padding-top:12px}
.readout b{display:block;font:500 clamp(26px,3vw,40px)/1 var(--display);font-variation-settings:"opsz" 60;font-variant-numeric:tabular-nums}
.readout span{font-size:13px;color:var(--stone)}
.printout{position:relative;perspective:1600px}
.printout .paper{background:#fbfbf8;border-radius:6px;padding:26px 26px 18px;box-shadow:var(--lift);transform:rotateX(8deg) rotateZ(-1.2deg);transform-origin:50% 100%;position:relative}
.printout .paper::before{content:"";position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(0deg,transparent 0 27px,rgba(63,86,112,.05) 27px 28px);pointer-events:none}
.printout .under{position:absolute;inset:18px -14px -16px 14px;background:var(--bone);border-radius:6px;transform:rotateZ(2.4deg);box-shadow:0 30px 60px -30px rgba(28,25,23,.3);z-index:-1}
.printout header{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font:500 11px var(--mono);color:var(--stone);border-bottom:1px solid var(--ink);padding-bottom:10px;margin-bottom:10px}
.printout svg{width:100%;height:auto;display:block}
.axis text{fill:var(--stone);font:10px var(--mono)}
.gridg line{stroke:rgba(63,86,112,.14)}
@media (max-width:900px){.hplc{height:auto}.hplc .pin{position:relative;top:0;height:auto;padding-block:96px}.hplc .wrap{grid-template-columns:1fr}}

/* CATALOG */
.catalog{padding-block:120px 110px}
.cat-head{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end;margin-bottom:40px}
.cat-head p{color:var(--stone);max-width:460px;margin-top:16px}
.count{font:italic 400 clamp(90px,12vw,170px)/.8 var(--display);color:transparent;-webkit-text-stroke:1px rgba(28,25,23,.35)}
.controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:34px}
.chip{border:1px solid var(--rule);background:var(--paper);border-radius:999px;padding:0 16px;min-height:40px;font-size:14px;cursor:pointer;color:var(--stone);transition:all .2s}
.chip:hover{border-color:var(--ink);color:var(--ink)}
.chip[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.search{margin-left:auto;display:flex;gap:8px}
.search input,.search select{background:var(--paper);border:1px solid var(--rule);border-radius:999px;padding:0 16px;min-height:40px;font-size:14px;min-width:0}
.search input{width:220px}
@media (max-width:820px){.search{margin-left:0;width:100%}.search input{flex:1;width:auto}.cat-head{grid-template-columns:1fr}.count{display:none}}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:22px}
.card{--rx:0deg;--ry:0deg;--gx:50%;--gy:50%;position:relative;border-radius:24px;background:var(--glass),var(--bone);border:1px solid var(--glass-edge);box-shadow:0 30px 50px -36px rgba(28,25,23,.45),inset 0 1px 0 #fff;padding:18px;display:grid;grid-template-rows:auto auto 1fr auto;gap:12px;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s;transform-style:preserve-3d}
.card:hover{box-shadow:0 50px 70px -40px rgba(28,25,23,.55),inset 0 1px 0 #fff}
.card::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(300px circle at var(--gx) var(--gy),rgba(255,255,255,.7),transparent 50%);pointer-events:none;opacity:0;transition:opacity .3s;mix-blend-mode:soft-light}
.card:hover::after{opacity:1}
.card .top{display:flex;justify-content:space-between;align-items:center;gap:10px}
.pill{display:inline-flex;align-items:center;gap:7px;font:500 10.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--stone)}
.pill::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c)}
.ph{font:500 9.5px/1 var(--mono);letter-spacing:.08em;color:var(--amber);border:1px dashed rgba(161,98,7,.55);padding:5px 7px;border-radius:4px}
.card .viz{height:168px;display:grid;place-items:center;transform:translateZ(50px);position:relative}
.card .viz::before{content:"";position:absolute;left:10%;right:10%;bottom:6px;height:1px;background:linear-gradient(90deg,transparent,rgba(28,25,23,.2),transparent)}
.card .viz .v{--w:64px}
.card h3{font-size:26px;line-height:1.05;font-weight:500}
.card .alias{font-size:14px;color:var(--stone);margin-top:4px}
.specs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;font:11px/1.35 var(--mono);color:var(--pebble);border-top:1px solid var(--rule);padding-top:12px}
.specs b{display:block;color:var(--ink);font-size:12.5px;font-weight:500}
.buy{display:flex;gap:8px;align-items:center}
.buy select{background:var(--paper);border:1px solid var(--rule);border-radius:999px;padding:0 10px;min-height:40px;font:500 12px var(--mono)}
.buy .price{font:500 24px var(--display);margin-right:auto;font-variant-numeric:tabular-nums}
.add{border:0;border-radius:999px;min-height:40px;padding:0 18px;background:var(--ink);color:var(--paper);font-weight:500;font-size:14px;cursor:pointer;transition:background .2s}
.add:hover{background:var(--amber)}
.empty{grid-column:1/-1;padding:44px;border:1px dashed var(--rule);border-radius:20px;color:var(--stone);text-align:center}

/* horizontal cold-chain on espresso sheet */
.chain{height:320vh}
.chain .pin{position:sticky;top:68px;height:calc(100vh - 68px);min-height:560px;overflow:hidden;display:grid;align-content:center;gap:40px}
.chain .eyebrow{color:var(--amber-hi)}
.chain h2 em{color:var(--amber-hi)}
.chain .track{display:flex;gap:26px;padding-inline:var(--gutter);will-change:transform;width:max-content}
.step{width:min(390px,80vw);flex:none;border-radius:26px;padding:28px;display:grid;gap:14px;position:relative;overflow:hidden;
  background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 40px 60px -40px #000}
.step:nth-child(even){transform:translateY(34px)}
.step .n{font:italic 400 80px/.8 var(--display);color:var(--amber-hi)}
.step h3{font-size:30px}
.step p{color:#c9c3ba;font-size:16px}
.step .meta{font:500 11px var(--mono);letter-spacing:.06em;color:#e7ebe5;border-top:1px solid rgba(255,255,255,.14);padding-top:12px}
.chain .progress{margin-inline:var(--gutter);height:1px;background:rgba(255,255,255,.18)}
.chain .progress i{display:block;height:3px;margin-top:-1px;width:0;background:var(--amber-hi)}
@media (max-width:900px){.chain{height:auto}.chain .pin{position:relative;top:0;height:auto;padding-block:100px}.chain .track{flex-direction:column;width:auto;transform:none!important}.step{width:auto}.step:nth-child(even){transform:none}.chain .progress{display:none}}

/* COA */
.coa{padding-block:120px}
.coa .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.coa p.sub{color:var(--stone);margin-top:18px;max-width:430px}
.lookup{display:flex;gap:10px;margin-top:30px;flex-wrap:wrap}
.lookup label{width:100%;font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--stone)}
.lookup input{flex:1;min-width:0;min-height:50px;background:var(--paper);border:1px solid var(--ink);border-radius:999px;padding:0 20px;font:500 16px var(--mono);text-transform:uppercase}
.hint{margin-top:12px;font-size:14px;color:var(--stone)}
.hint button{background:none;border:0;color:var(--amber);cursor:pointer;font:500 13px var(--mono);padding:4px 6px;text-decoration:underline;text-underline-offset:3px}
.certstack{position:relative;perspective:1600px}
.certstack::before,.certstack::after{content:"";position:absolute;inset:0;background:var(--paper);border-radius:4px;box-shadow:0 20px 40px -30px rgba(28,25,23,.4)}
.certstack::before{transform:rotate(3deg) translate(12px,10px)}
.certstack::after{transform:rotate(-2deg) translate(-8px,14px)}
.cert{position:relative;z-index:1;border-radius:4px;background:#fdfdfb;color:var(--ink);padding:30px;box-shadow:var(--lift)}
.cert h3{font-size:26px;display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;border-bottom:2px solid var(--ink);padding-bottom:12px}
.cert h3 span.mono{font-size:13px;color:var(--stone)}
.cert table{width:100%;border-collapse:collapse;margin-top:12px;font:13px/1.45 var(--mono)}
.cert td{padding:9px 0;border-bottom:1px solid #e3e1db;vertical-align:top}
.cert td:last-child{text-align:right;font-weight:500}
.cert .pass{color:#3f6b4a}
.cert .seal{position:absolute;right:26px;bottom:24px;width:84px;height:84px;border-radius:50%;border:1.5px solid var(--amber);display:grid;place-items:center;text-align:center;font:italic 500 13px/1.1 var(--display);color:var(--amber);transform:rotate(-14deg)}
.cert .foot{font-size:12px;color:var(--stone);margin-top:16px;max-width:66%}
@media (max-width:900px){.coa .wrap{grid-template-columns:1fr}}

/* gaps */
.gaps{padding-block:120px 140px}
.gaps .intro{max-width:620px;color:var(--stone);margin-top:18px}
.gapgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px;margin-top:48px}
.gap{border-radius:22px;background:var(--glass),var(--bone);border:1px solid var(--glass-edge);box-shadow:0 24px 40px -32px rgba(28,25,23,.4),inset 0 1px 0 #fff;padding:26px;display:grid;gap:10px;align-content:start}
.gap .k{display:flex;align-items:center;gap:8px;font:500 10.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--stone)}
.gap .k svg{width:14px;height:14px;flex:none}
.gap h3{font-size:23px;line-height:1.1}
.gap p{font-size:15px;color:var(--stone)}
.gap p b{font-weight:500;color:var(--ink)}

footer{padding-block:70px 90px}
footer .wrap{display:grid;gap:24px}
footer .big{font:italic 400 clamp(56px,11vw,160px)/.85 var(--display);color:var(--amber-hi)}
footer .legal{font-size:14px;color:#c9c3ba;max-width:860px;display:grid;gap:12px}
footer .legal strong{color:var(--paper);font-weight:500}

/* drawer */
.scrim{position:fixed;inset:0;background:rgba(28,25,23,.5);z-index:60;opacity:0;pointer-events:none;transition:opacity .3s}
.scrim.on{opacity:1;pointer-events:auto}
aside.drawer{position:fixed;top:0;right:0;bottom:0;width:min(450px,100%);z-index:70;background:var(--paper) var(--grain);box-shadow:-40px 0 80px -40px rgba(28,25,23,.5);transform:translateX(104%);transition:transform .45s cubic-bezier(.2,.8,.2,1);display:grid;grid-template-rows:auto auto 1fr auto;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
aside.drawer.on{transform:none}
.dh{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid var(--rule)}
.dh h2{font-size:32px}
.x{background:none;border:1px solid var(--rule);border-radius:50%;width:44px;height:44px;cursor:pointer;font-size:20px}
.x:hover{border-color:var(--ink)}
.ship{padding:16px 24px;border-bottom:1px solid var(--rule);font-size:14px;color:var(--stone)}
.ship .bar2{height:4px;border-radius:2px;background:var(--bone);margin-top:10px;overflow:hidden}
.ship .bar2 i{display:block;height:100%;background:var(--amber);width:0;transition:width .4s}
.items{overflow:auto;padding:6px 24px}
.item{display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding:16px 0;border-bottom:1px solid var(--rule)}
.item .nm{font:500 20px var(--display)}
.item .sm{font:12px var(--mono);color:var(--stone)}
.qty{display:flex;align-items:center;gap:8px}
.qty button{width:36px;height:36px;border-radius:50%;border:1px solid var(--rule);background:var(--paper);cursor:pointer}
.qty button:hover{border-color:var(--ink)}
.rm{background:none;border:0;color:var(--stone);font-size:13px;cursor:pointer;text-decoration:underline;justify-self:end;padding:4px}
.dempty{padding:44px 0;color:var(--stone);text-align:center}
.df{padding:18px 24px;border-top:1px solid var(--rule);display:grid;gap:14px;background:var(--porcelain)}
.totals{display:grid;gap:4px;font:13px var(--mono);color:var(--stone)}
.totals div{display:flex;justify-content:space-between}
.totals .grand{color:var(--ink);font:500 22px var(--display);margin-top:6px}
.attest{display:grid;gap:9px;font-size:13.5px;color:var(--stone)}
.attest label{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start;cursor:pointer}
.attest input{margin-top:3px;accent-color:var(--amber);width:17px;height:17px}
.checkout{border:0;border-radius:999px;min-height:52px;background:var(--ink);color:var(--paper);font-weight:500;font-size:15px;cursor:pointer}
.checkout:hover:not(:disabled){background:var(--amber)}
.checkout:disabled{opacity:.42;cursor:not-allowed}
.done{border:1px solid rgba(161,98,7,.5);border-radius:14px;padding:12px 14px;font-size:13.5px;color:var(--amber-deep);background:rgba(208,138,30,.08)}
.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translate(-50%,140px);background:var(--ink);color:var(--paper);padding:13px 22px;border-radius:999px;font-size:14px;z-index:80;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.toast.on{transform:translate(-50%,0)}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .marquee .track{animation:none}
  .card,.btn{transition:none}
}