@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=B612+Mono:wght@400;700&display=swap");

:root{
  --display:"Cormorant Garamond","Garamond","Times New Roman",serif;
  --mono:"B612 Mono","SFMono-Regular",Menlo,monospace;
  --gold:#C9A23A;                 
  --gold-lt:#F0D98A;
  --gold-ink:#7E6214;             
  --hair:color-mix(in srgb,var(--deep) 14%,var(--ground));
  --ivory:color-mix(in srgb,var(--tint) 34%,var(--ground));
  --r:3px;
  --sh:0 1px 0 rgba(1,32,11,.05),0 18px 40px -30px rgba(1,32,11,.55);
}
body{color:var(--ink)}
h1,h2,h3{font-family:var(--display);font-weight:600;letter-spacing:-.005em;line-height:1.02;font-variation-settings:normal;font-variant-numeric:lining-nums}
h2{font-size:clamp(32px,8.4vw,48px)}


.eyebrow{display:flex;align-items:center;gap:12px;font:700 11px/1 var(--body);letter-spacing:.24em;color:var(--gold-ink);margin-bottom:14px}
.eyebrow::before{content:"";width:26px;height:1px;background:var(--gold);flex:none}
.center .eyebrow,.bpitch .eyebrow{justify-content:center}


.btn{border-radius:var(--r);background:var(--deep);font:700 13.5px/1 var(--body);letter-spacing:.14em;text-transform:uppercase}
.btn:hover{background:var(--accent)}
.btn::after{background:linear-gradient(100deg,transparent 35%,rgba(240,217,138,.22) 50%,transparent 65%);animation-duration:7s}
.btn.ghost{background:transparent;color:var(--deep);box-shadow:inset 0 0 0 1px var(--deep)}
.btn.ghost:hover{background:var(--deep);color:#fff}


.ann{background:var(--logobg);font:600 10.5px/34px var(--body);letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid rgba(240,217,138,.16)}
.ann span::before{content:"";display:inline-block;width:4px;height:4px;background:var(--gold);transform:rotate(45deg) translateY(-2px);margin-right:28px;opacity:1}
.hdr{box-shadow:none;border-bottom:1px solid var(--gold)}
.hdr nav a{font:600 12px/1 var(--body);letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb,#fff 86%,var(--gold))}
.hdr nav a:hover{color:var(--gold-lt)}
.bubble{background:var(--gold);color:var(--deep)}


.snow{display:none}


.pdp{background:var(--ground);padding:20px 0 48px;overflow:clip}   
.track{border-radius:var(--r);box-shadow:var(--sh);background:#fff;outline:1px solid var(--hair);outline-offset:-1px}
.slide img{background:#fff}
.dots button::before{background:var(--hair)}
.dots button.on::before{background:var(--deep)}
.pinfo .eyebrow{margin-top:4px}
.pinfo h1{font-size:clamp(38px,10.4vw,56px);font-weight:600;line-height:.98;margin-bottom:14px;color:var(--deep)}
.price{gap:14px;align-items:center;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--hair)}
.price b{font:600 34px/1 var(--display);font-variant-numeric:lining-nums tabular-nums;color:var(--deep)}
.price span{font:600 13px/1.3 var(--body);color:var(--muted);letter-spacing:.01em}
.desc{font-size:16.5px;line-height:1.6;color:color-mix(in srgb,var(--ink) 80%,var(--ground))}


.buy{border-radius:var(--r);box-shadow:var(--sh);border-top:3px solid var(--deep);padding:20px 16px 18px;position:relative}
.buy .stock{font-size:13px;color:var(--muted)}
.pulse{background:var(--ok)}
.bh{font:700 11px/1 var(--body);letter-spacing:.22em;color:var(--deep);display:flex;align-items:center;gap:10px;margin-bottom:12px}
.bh::after{content:"";flex:1;height:1px;background:var(--hair)}
.bundles{gap:8px}
.bcard{border-radius:var(--r);border:1px solid var(--hair);min-height:88px;padding:14px 14px;background:#fff}
.bcard:hover{border-color:color-mix(in srgb,var(--deep) 40%,var(--ground))}
.bcard.on{border-color:var(--deep);background:var(--ivory)}
.bq{font:700 14.5px/1.2 var(--body);color:var(--deep)}
.bp{font:600 25px/1 var(--display);font-variant-numeric:lining-nums tabular-nums;color:var(--deep)}
.be{font-size:11.5px}
.tag{background:var(--deep);color:var(--gold-lt);font:700 8.5px/1 var(--mono);letter-spacing:.12em;padding:5px 8px;border-radius:2px}

.buy{--sel-on:var(--deep);--pill:var(--deep);--pill-ink:var(--gold-lt)}
.boff,.off{font-family:var(--mono);font-weight:700;letter-spacing:.08em;border-radius:2px}
.pinfo .off{background:var(--deep);color:var(--gold-lt);font-size:10.5px;padding:6px 9px}
.bt{border-radius:2px}
.aic{border-radius:2px;color:var(--deep)}
.addon .box{border-radius:2px}
.addon{border-radius:var(--r);border:1px solid var(--hair);background:#fff;padding:12px 14px}
.addon:has(input:checked){border-color:var(--deep);background:var(--ivory)}
.addon .box{border-radius:2px;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--deep) 55%,#fff)}
.addon input:checked+.box{background:var(--deep)}
.at b{color:var(--deep);font-size:14px}
.atc{min-height:58px;margin-top:4px;font-size:13.5px}
.atc-p{letter-spacing:.06em}
.trust{gap:11px;margin-top:18px;padding-top:16px;border-top:1px dashed var(--hair)}
.trust li{font-weight:600;color:color-mix(in srgb,var(--ink) 84%,var(--ground))}
.trust svg{color:var(--gold);width:20px;height:20px}
.acc-list{border-top:1px solid var(--hair)}
.acc{border-bottom:1px solid var(--hair)}
.acc button{font:600 15.5px/1.3 var(--body);color:var(--deep);min-height:58px}
.acc i{width:12px;height:12px}
.acc i::before,.acc i::after{width:12px;height:1.5px;top:5px;background:var(--gold)}


.cdown{background:var(--logobg);padding:22px 0;border-top:1px solid var(--gold);border-bottom:1px solid var(--gold)}
.cdown p{display:flex;align-items:center;justify-content:center;gap:14px;font:600 11px/1.3 var(--body);letter-spacing:.22em;text-transform:uppercase;color:color-mix(in srgb,#fff 82%,var(--gold))}
.cdown .num{font:700 26px/1 var(--mono);letter-spacing:.04em;color:var(--gold-lt);margin:0;padding:8px 12px;border:1px solid rgba(240,217,138,.35);border-radius:2px;background:rgba(255,255,255,.03)}


.sec{padding:64px 0}
.doors{background:#fff;border-radius:var(--r);box-shadow:var(--sh);outline:1px solid var(--hair);outline-offset:-1px;gap:5px;padding:12px}
.door-gift{background:var(--deep);border-radius:2px;color:var(--gold-lt)}
.door-gift svg{width:20px;height:20px;stroke-width:1.4}
.dflip{background:var(--ivory);border:1px dashed color-mix(in srgb,var(--gold) 70%,transparent);border-radius:2px}
.dflip b{font:600 clamp(16px,4.4vw,22px)/1 var(--display);font-variant-numeric:lining-nums;color:var(--deep)}
.txt h2{color:var(--deep)}
.txt p{font-size:16.5px;line-height:1.65;color:color-mix(in srgb,var(--ink) 80%,var(--ground))}


.forsec{background:var(--ivory);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.forsec h2{color:var(--deep)}
.for{border-bottom:1px solid var(--hair)}
.for li{border-top:1px solid var(--hair);padding:17px 0;font:600 16.5px/1.4 var(--body);color:var(--ink);gap:18px}
.for li::before{font:700 12px/1.9 var(--mono);color:var(--gold-ink);letter-spacing:.06em;min-width:24px}

.faqsec h2{color:var(--deep);margin-bottom:18px}


.sticky{border-top:1px solid var(--hair);box-shadow:0 -14px 30px -24px rgba(1,32,11,.6)}
.sticky b{font:600 19px/1.15 var(--display);color:var(--deep)}
.sticky span{font-variant-numeric:tabular-nums;color:var(--muted)}
.sticky .btn{padding:0 18px;font-size:12px}
.drawer,.mnav{background:var(--ground)}
.dh{border-bottom:1px solid var(--hair)}
.dh h3{font-size:28px;color:var(--deep)}
.mnav a{font:600 28px/1 var(--display);color:var(--deep);border-bottom:1px solid var(--hair)}
.line{border-bottom:1px solid var(--hair)}
.th{border-radius:2px;outline:1px solid var(--hair);outline-offset:-1px}
.th.add{background:var(--ivory);color:var(--gold)}
.n{color:var(--deep)}
.lp{font-variant-numeric:tabular-nums}
.qty{border-radius:2px;box-shadow:inset 0 0 0 1px var(--hair)}
.df{border-top:1px solid var(--hair)}
.row{font:700 15px/1.3 var(--body);color:var(--deep)}
.toast{background:var(--deep);border-bottom:2px solid var(--gold);border-radius:2px}


.page h1,.co h2{color:var(--deep)}
.page h1{font-size:clamp(38px,10vw,52px)}
.co{padding-top:32px}
.co .box{border-radius:var(--r);box-shadow:var(--sh);border-top:3px solid var(--deep)}
.co .box h2{font-size:30px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--hair)}
.co .df a{display:inline-block;margin-top:8px;color:var(--deep);font-weight:600;font-size:14px}
.okbox,.notyet{border-radius:var(--r);border:1px solid var(--hair);box-shadow:none;background:var(--ivory)}
.notyet b{font:600 22px/1.2 var(--display);color:var(--deep)}
.form input,.form textarea{border-radius:2px;border-color:var(--hair);background:#fff}
.form input:focus,.form textarea:focus{outline:none;border-color:var(--deep);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 30%,transparent)}
.rte h2{color:var(--deep);font-size:26px}
.pcard .pic{border-radius:var(--r);outline:1px solid var(--hair);outline-offset:-1px}
.pcard b{font:600 22px/1.2 var(--display);color:var(--deep)}


.ftr{background:var(--logobg);border-top:1px solid var(--gold)}
.ftr h4{font:700 10.5px/1 var(--body);letter-spacing:.24em;color:var(--gold-lt)}
.ftr a:hover{color:var(--gold-lt)}
.ftr .copy{border-top:1px solid rgba(240,217,138,.2)}

@media (min-width:860px){
  .pdp{padding:28px 0 72px}
  .pinfo h1{font-size:54px}
  .sec{padding:96px 0}
  .cdown{padding:26px 0}
  .cdown p{font-size:12px}
  .cdown .num{font-size:30px}
}


.sum .df{padding:16px 0 0}
.m+.rm{margin-left:0;display:block;padding:0}
.rm{color:var(--muted)}