/* self-hosted Instrument Serif + Inter (OFL), inlined: no stylesheet media swap, no preload */
 @font-face { font-family: 'Instrument Serif'; font-style: italic; font-weight: 400; font-display: swap; src: url('/media/fonts/f_2.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Instrument Serif'; font-style: italic; font-weight: 400; font-display: swap; src: url('/media/fonts/f_3.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Instrument Serif'; font-style: normal; font-weight: 400; font-display: swap; src: url('/media/fonts/f_1.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Instrument Serif'; font-style: normal; font-weight: 400; font-display: swap; src: url('/media/fonts/f_0.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 300; font-display: swap; src: url('/media/fonts/f_8.woff2') format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 300; font-display: swap; src: url('/media/fonts/f_4.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 300; font-display: swap; src: url('/media/fonts/f_9.woff2') format('woff2'); unicode-range: U+1F00-1FFF; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 300; font-display: swap; src: url('/media/fonts/f_6.woff2') format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 300; font-display: swap; src: url('/media/fonts/f_10.woff2') format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 300; font-display: swap; src: url('/media/fonts/f_7.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 300; font-display: swap; src: url('/media/fonts/f_5.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url('/media/fonts/f_8.woff2') format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url('/media/fonts/f_4.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url('/media/fonts/f_9.woff2') format('woff2'); unicode-range: U+1F00-1FFF; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url('/media/fonts/f_6.woff2') format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url('/media/fonts/f_10.woff2') format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url('/media/fonts/f_7.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url('/media/fonts/f_5.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url('/media/fonts/f_8.woff2') format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url('/media/fonts/f_4.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url('/media/fonts/f_9.woff2') format('woff2'); unicode-range: U+1F00-1FFF; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url('/media/fonts/f_6.woff2') format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url('/media/fonts/f_10.woff2') format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url('/media/fonts/f_7.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url('/media/fonts/f_5.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url('/media/fonts/f_8.woff2') format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url('/media/fonts/f_4.woff2') format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url('/media/fonts/f_9.woff2') format('woff2'); unicode-range: U+1F00-1FFF; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url('/media/fonts/f_6.woff2') format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url('/media/fonts/f_10.woff2') format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url('/media/fonts/f_7.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url('/media/fonts/f_5.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } 

:root{
  --ink:#141414; --ink-2:#3E3A35; --ink-3:#4A443E;
  --black:#F5F2ED; --char:#FFFFFF; --char-2:#EFE9DF; --line:rgba(20,20,20,.12);
  --cream:#FFFFFF; --cream-2:#FAF7F2; --cream-ink:#141414;
  /* Brand VI (docs/brand_vi.md). Semantic names first; --black / --char / --cream are legacy aliases of the same values */
  --bg-canvas:#F5F2ED; --bg-studio:#F1EDE4; --surface:#FFFFFF; --surface-2:#FAF7F2; --surface-3:#EFE9DF;
  --ink-accent:#7A2A10; /* serif-italic accent words only, never a fill */
  --heat:#D9532F; --heat-deep:#7A2A10; /* LCD / temperature visuals only */
  --copper:var(--ink-accent); --copper-fill:var(--heat); /* legacy names from the dark v5 mockup: do not use in new code */
  --ok:#2F7A4F; --err:#B42318;
  --cb-green:#AEE189; --cb-lilac:#D4CDFA; --cb-peach:#F9C5B0; --cb-butter:#FCE39C; --cb-cream:#FAEEDF; --cb-sky:#C8E2FC;
  --t-green:#E5F6D8; --t-lilac:#EAE6FD; --t-peach:#FBE5D8; --t-butter:#FFF3CF;
  --serif:"Instrument Serif","Iowan Old Style",Georgia,serif;
  --sans:"Inter",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
  --ease:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box}
html{background:var(--black)}
body{margin:0;background:var(--black);color:var(--ink);font:16px/1.5 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}
video,img{display:block}
input,select,textarea{font:inherit;color:inherit}
.serif{font-family:var(--serif);font-weight:400}
.eyebrow{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--ink-2)}
.muted{color:var(--ink-2)}
.cream{background:var(--cream);color:var(--cream-ink)}


.cursor{position:fixed;left:0;top:0;z-index:600;pointer-events:none;opacity:0;transform-origin:center;padding:9px 16px;border-radius:999px;background:rgba(20,20,20,.94);color:#F5F2ED;
  font-size:11px;letter-spacing:.16em;font-weight:600;white-space:nowrap;transition:opacity .25s,scale .35s var(--ease);scale:.6;box-shadow:0 8px 30px rgba(60,40,20,0.07)}
.cursor.big{opacity:1;scale:1}
@media (hover:none){.cursor{display:none}}

/* nav + top promo bar */
.promobar{position:fixed;inset:0 0 auto 0;height:34px;z-index:102;background:linear-gradient(90deg,#F5F2ED,#F5F2ED 50%,#F5F2ED);border-bottom:1px solid rgba(217,83,47,.32);display:none;align-items:center;justify-content:center;gap:14px;padding:0 16px;font-size:12px;letter-spacing:.04em;color:var(--ink)}
body.has-bar .promobar{display:flex}
.promobar b{color:var(--copper);font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:10.5px;padding:3px 8px;border-radius:999px;background:rgba(217,83,47,.16);border:1px solid rgba(217,83,47,.4)}
.promobar button,.promobar a{color:#8F3216;text-decoration:underline;text-underline-offset:3px;font-weight:500;white-space:nowrap}
.promobar .xbar{position:absolute;right:14px;color:var(--ink-2);text-decoration:none;font-size:16px;line-height:1}
nav.top{position:fixed;inset:0 0 auto 0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:26px 40px;transition:background .4s,padding .4s,top .3s,border-color .4s;border-bottom:1px solid transparent}
body.has-bar nav.top{top:34px;padding:16px 40px}
nav.top.solid{background:rgba(245,242,237,.78);padding:16px 40px;border-color:rgba(20,20,20,.1)}
.logo{font-family:var(--serif);font-size:24px;letter-spacing:.32em;white-space:nowrap}
nav.top .links{display:flex;gap:34px;font-size:13px;letter-spacing:.06em}
nav.top .links a{opacity:.7;transition:opacity .2s} nav.top .links a:hover,nav.top .links a.on{opacity:1}
.bag{display:flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.06em}
.bag i{font-style:normal;min-width:22px;height:22px;border-radius:999px;border:1px solid currentColor;display:grid;place-items:center;font-size:11px;transition:transform .4s var(--ease)}
.bag i.bag-pop{transform:scale(1.35)} /* not .bump: that is the checkout order-bump box */
body.route-checkout nav.top,body.route-checkout .promobar,body.route-admin .promobar{display:none!important}

/* buttons */
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:19px 30px;border-radius:999px;background:var(--ink);color:var(--black);font-weight:500;font-size:15px;letter-spacing:.02em;overflow:hidden;transition:transform .5s var(--ease),opacity .3s}
.cream .btn{color:var(--cream)}
.btn span{position:relative;z-index:1}
.btn::before{content:"";position:absolute;inset:0;background:var(--copper);transform:translateY(101%);transition:transform .5s var(--ease);border-radius:inherit}
.btn:hover::before{transform:none}
.btn.line{background:transparent;color:var(--ink);border:1px solid var(--line)}
.btn.line::before{background:var(--ink)} .btn.line:hover{color:var(--black)} .cream .btn.line:hover{color:var(--cream)}
.btn.copper{background:var(--copper);color:#F5F2ED} .btn.copper::before{background:var(--ink)}
.btn.wide{width:100%}
.btn .arr{transition:transform .5s var(--ease)} .btn:hover .arr{transform:translateX(5px)}
.btn[disabled]{opacity:.4;pointer-events:none}
.btn.loading span{opacity:0} .btn.loading::after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:spin .7s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

.rv{opacity:0;transform:translateY(14px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.rv.in{opacity:1;transform:none}
.d1{transition-delay:.1s!important}.d2{transition-delay:.2s!important}.d3{transition-delay:.3s!important}.d4{transition-delay:.4s!important}
.pagein{animation:pagein .5s var(--ease)}
@keyframes pagein{from{transform:translate3d(0,8px,0)}} /* never animate from opacity:0 (Safari can stall on a transparent frame) */

/* ===== HOME ===== */
.hero{position:relative;height:100vh;min-height:720px;overflow:hidden;display:grid;place-items:center}
.hero .bgv{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55} /* pre-blurred file, zero runtime filter */
.hero .stage{position:relative;height:84vh;aspect-ratio:9/16;border-radius:26px;overflow:hidden;box-shadow:0 60px 160px rgba(60,40,20,0.16);animation:open 1.4s .1s var(--ease) both}
@keyframes open{from{transform:scale3d(.94,.94,1);opacity:.35}to{transform:scale3d(1,1,1);opacity:1}}
.hero .stage video{width:100%;height:100%;object-fit:cover}
.hero h1{position:absolute;inset:0;margin:0;display:flex;align-items:center;justify-content:space-between;padding:0 3.5vw;pointer-events:none;
  font-family:var(--serif);font-weight:400;font-size:clamp(90px,17vw,300px);line-height:.8;letter-spacing:-.04em;color:#141414;text-shadow:0 10px 60px rgba(60,40,20,0.1)}
.hero h1 .w{display:inline-block;overflow:hidden;padding:.08em .02em}
.hero h1 .w b{display:inline-block;font-weight:400;transform:translateY(105%);animation:up 1.5s var(--ease) forwards}
.hero h1 .w:last-child b{animation-delay:.25s;font-style:italic}
@keyframes up{to{transform:none}}
.hero .meta{position:absolute;left:40px;right:40px;bottom:34px;display:flex;justify-content:space-between;align-items:end;font-size:13px;color:var(--ink-2);opacity:0;animation:fade 1.4s 1.4s forwards}
.hero .meta .cta{display:flex;gap:12px}
@keyframes fade{to{opacity:1}}
.views{display:flex;align-items:center;gap:10px}
.dot{width:8px;height:8px;border-radius:50%;background:var(--heat);animation:pulse 1.8s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(217,83,47,.6)}70%{box-shadow:0 0 0 10px transparent}100%{box-shadow:0 0 0 0 transparent}}

.statement{padding:22vh 8vw;max-width:1500px;margin:0 auto}
.statement p{font-family:var(--serif);font-size:clamp(40px,5.6vw,92px);line-height:1.04;letter-spacing:-.02em;margin:0}
.statement .wd{opacity:.14;transition:opacity .3s} .statement .wd.lit{opacity:1}
.statement em{color:var(--copper)}

.scrub{position:relative;height:220vh}
.scrub .pin{position:sticky;top:0;height:100vh;overflow:hidden;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:5vw;padding:0 6vw}
.scrub .glow{position:absolute;inset:0}
.scrub canvas{position:relative;height:82vh;aspect-ratio:9/16;border-radius:4px;box-shadow:0 50px 140px rgba(60,40,20,0.16);background:#111 center/cover}
.temp{position:relative;text-align:right}
.temp .num{font-family:var(--serif);font-size:clamp(110px,13vw,230px);line-height:.85;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.temp .num sup{font-size:.32em;vertical-align:top;margin-left:.04em;color:var(--ink-2)}
.temp .lbl{font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-2);margin-top:18px}
.temp .bar{height:2px;background:var(--line);margin-top:26px;position:relative;overflow:hidden}
.temp .bar i{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,#8F3216,var(--heat));transition:width .35s var(--ease)}
.lcdsub{font-size:12px;letter-spacing:.12em;color:var(--ink-2);margin-top:16px}
.lcdsteps{display:flex;gap:4px;justify-content:flex-end;margin-top:14px}
.lcdsteps i{width:14px;height:6px;border-radius:2px;background:rgba(20,20,20,.12);transition:background .3s}
.lcdsteps i.on{background:var(--heat);box-shadow:0 0 10px rgba(217,83,47,.6)}
.steps{position:relative;height:300px}
.steps .s{position:absolute;inset:0;opacity:0;transform:translateY(30px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.steps .s.on{opacity:1;transform:none}
.steps .n{font-size:12px;letter-spacing:.3em;color:var(--copper)}
.steps h3{font-family:var(--serif);font-weight:400;font-size:clamp(48px,5vw,84px);line-height:.95;margin:14px 0 18px;letter-spacing:-.02em}
.steps p{color:var(--ink-2);max-width:340px;font-size:17px;margin:0}
.ticks{position:absolute;left:6vw;bottom:6vh;display:flex;gap:8px}
.ticks i{width:34px;height:2px;background:var(--line);overflow:hidden;position:relative}
.ticks i b{position:absolute;inset:0;background:var(--ink);transform:scaleX(0);transform-origin:left}

.plates{position:relative;height:110vh;overflow:hidden}
.plates video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.plates::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(245,242,237,.92) 0%,rgba(245,242,237,.55) 45%,rgba(245,242,237,.1) 75%),linear-gradient(0deg,var(--black),transparent 25%,transparent 80%,var(--black))}
.plates .copy{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;padding:0 8vw;max-width:880px}
.h-xl{font-family:var(--serif);font-weight:400;font-size:clamp(56px,7.2vw,124px);line-height:.92;letter-spacing:-.03em;margin:20px 0 28px}
.h-xl em{color:var(--copper)}
.specs3{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:20px}
.specs3 div{padding:22px 20px 0 0}
.specs3 b{display:block;font-family:var(--serif);font-weight:400;font-size:40px}
.specs3 span{font-size:13px;color:var(--ink-2)}

.widths{padding:22vh 6vw 18vh}
.widths .head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:8vh}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chips button,.chip{border:1px solid var(--line);border-radius:999px;padding:10px 16px;font-size:13px;transition:all .3s}
.chips button.on,.chip.on{background:var(--ink);color:var(--black);border-color:var(--ink)}
.cream .chips button.on,.cream .chip.on{color:var(--cream)}
.irons{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3vw;align-items:end}
.iron{display:flex;flex-direction:column;align-items:center;transition:opacity .5s var(--ease)}
.irons.focus .iron:not(.rec){opacity:.28}
.iron a.pic{display:block}
.iron svg{height:min(56vh,520px);width:auto;overflow:visible;transition:transform .7s var(--ease)}
.iron:hover svg{transform:translateY(-14px) rotate(-1.5deg)}
.lcdt{opacity:.06;transition:opacity .6s,filter .6s}
.iron:hover .lcdt,.irons.focus .iron.rec .lcdt,.wpick a.on .lcdt,.pickirons label:has(input:checked) .lcdt,.lit .lcdt{opacity:1;filter:drop-shadow(0 0 2.5px #ff6a3d)}
.iron .lbl{margin-top:34px;text-align:center}
.iron .sz{font-family:var(--serif);font-size:64px;line-height:1}
.iron .nm{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2);margin:8px 0 6px}
.iron .for{font-size:15px;color:var(--ink-2);max-width:260px;margin:0 auto 16px;min-height:46px}
.iron .pr{font-size:17px;font-weight:500}
.iron .pr small{display:block;font-size:12px;color:var(--ink-2);font-weight:400;margin-top:4px}
.iron .acts{display:flex;gap:8px;justify-content:center;margin-top:16px}
.iron .acts a,.iron .acts button{border:1px solid var(--line);border-radius:999px;padding:11px 18px;font-size:13px;transition:all .35s}
.iron .acts button{border-color:var(--ink)}
.iron .acts button:hover{background:var(--ink);color:var(--cream)}
.iron .tag{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--heat);height:16px;margin-bottom:14px;opacity:0;transform:translateY(8px);transition:all .5s var(--ease)}
.iron.rec .tag{opacity:1;transform:none}
.scale-note{text-align:center;color:var(--ink-2);font-size:12px;letter-spacing:.2em;text-transform:uppercase;margin-top:7vh}

.ba{position:relative;height:100vh;overflow:hidden;cursor:ew-resize;user-select:none;touch-action:pan-y}
.ba .bg{position:absolute;inset:0;background:radial-gradient(70% 70% at 50% 50%,#2a221e,#F5F2ED 75%)!important} /* no runtime blur */
.ba .frame{position:absolute;top:8vh;bottom:8vh;left:50%;transform:translateX(-50%);aspect-ratio:9/16;overflow:hidden;border-radius:4px;box-shadow:0 50px 140px rgba(60,40,20,0.16)}
.ba .frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ba .after{clip-path:inset(0 0 0 50%)}
.ba .handle{position:absolute;top:0;bottom:0;left:50%;width:1px;background:#141414}
.ba .handle::after{content:"";position:absolute;top:50%;left:50%;width:64px;height:64px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid #141414;background:rgba(245,242,237,.25)}
.ba .big{position:absolute;top:50%;transform:translateY(-50%);font-family:var(--serif);font-size:clamp(80px,12vw,210px);letter-spacing:-.04em;line-height:1;pointer-events:none}
.ba .big.l{left:4vw} .ba .big.r{right:4vw;font-style:italic}
.ba .cap{position:absolute;left:0;right:0;bottom:4vh;text-align:center;font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-2)}

.wall{padding:20vh 0 16vh}
.wall .head{padding:0 6vw;display:flex;justify-content:space-between;align-items:end;margin-bottom:6vh}
.rail{display:flex;gap:18px;overflow-x:auto;padding:0 6vw 30px;scroll-snap-type:x mandatory;scrollbar-width:none}
.rail::-webkit-scrollbar{display:none}
.tile{flex:0 0 clamp(240px,22vw,340px);aspect-ratio:9/16;position:relative;border-radius:4px;overflow:hidden;scroll-snap-align:start;background:var(--char)}
.tile video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.tile:hover video{filter:none;transform:scale(1.04)}
.tile .m{position:absolute;left:18px;right:18px;bottom:18px;z-index:2;font-size:13px;color:#141414}
.tile .m b{display:block;font-family:var(--serif);font-weight:400;font-size:28px;line-height:1.05;margin-bottom:6px}
.tile .m span{color:rgba(20,20,20,.62)}
.tile::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(60,40,20,0.16))}
.tile .play-ind{position:absolute;top:14px;right:14px;z-index:3;width:28px;height:28px;border-radius:50%;background:rgba(245,242,237,.6);border:1px solid rgba(20,20,20,.2);display:grid;place-items:center;pointer-events:none;opacity:0;transition:opacity .35s}
.tile:hover .play-ind,.tile .play-ind.vis{opacity:1}
.tile .play-ind::before{content:"";display:block;width:0;height:0;border-style:solid;border-width:5px 0 5px 9px;border-color:transparent transparent transparent #141414;margin-left:2px;transition:all .2s}
.tile .play-ind.paused::before{width:7px;height:10px;border:0;border-left:2px solid #141414;border-right:2px solid #141414;margin-left:0}

.set{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}
.set .vids{display:grid;grid-template-columns:1fr 1fr;gap:2px;min-height:100vh}
.set .vids>*{width:100%;height:100%;min-height:100vh;object-fit:cover}
.set .copy{padding:16vh 6vw;display:flex;flex-direction:column;justify-content:center}
.price-xl{display:flex;align-items:baseline;gap:18px;margin:6px 0 30px;flex-wrap:wrap}
.price-xl b{font-family:var(--serif);font-weight:400;font-size:96px;line-height:1}
.price-xl s{color:var(--ink-3);font-size:22px}
.save-pill{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--copper);border:1px solid rgba(217,83,47,.5);border-radius:999px;padding:6px 12px}
.ledger{list-style:none;padding:0;margin:0 0 36px;border-top:1px solid var(--line)}
.ledger li{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);font-size:15px}
.ledger li span:last-child{color:var(--ink-2)}
.ship{margin-top:18px;font-size:13px;color:var(--ink-2);display:flex;align-items:center;gap:10px}
.ship::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--copper);flex:none}

.wband{padding:20vh 6vw;text-align:center}
.wband p{color:var(--ink-2);max-width:520px;margin:0 auto 40px;font-size:17px}

footer.site{border-top:1px solid rgba(20,20,20,.12);padding:60px 6vw 50px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;font-size:14px;color:rgba(20,20,20,.62);background:var(--black)}
footer.site h5{color:#141414;font-weight:500;font-size:12px;letter-spacing:.2em;text-transform:uppercase;margin:0 0 16px}
footer.site a{display:block;margin:8px 0}
.mega{font-family:var(--serif);font-size:23vw;line-height:.8;letter-spacing:-.04em;text-align:center;color:transparent;-webkit-text-stroke:1px rgba(20,20,20,.12);padding:4vh 0 2vh;white-space:nowrap;overflow:hidden;background:var(--black)}
body.route-checkout footer.site,body.route-checkout .mega{display:none}

/* ===== PDP ===== */
.pdp{display:grid;grid-template-columns:1.3fr .7fr;gap:0;padding-top:76px}
.pdp .media{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:0 4px 0 0}
.pdp .media .m{position:relative;overflow:hidden;background:var(--char);aspect-ratio:4/5}
.pdp .media .m.full{grid-column:1/-1;aspect-ratio:5/4}
.pdp .media .m video,.pdp .media .m img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.pdp .media .m.full img{object-position:50% 42%}
.pdp .media .m:hover video,.pdp .media .m:hover img{transform:scale(1.03)}
.pdp .media .m .cap{position:absolute;left:18px;bottom:16px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#141414;z-index:2;text-shadow:0 2px 12px rgba(60,40,20,0.16)}
.panel{position:sticky;top:76px;align-self:start;padding:44px 3.4vw 60px;max-height:calc(100vh - 76px);overflow:auto;scrollbar-width:none}
.panel::-webkit-scrollbar{display:none}
.crumbs{font-size:12px;color:var(--ink-3);letter-spacing:.06em;margin-bottom:26px}
.crumbs a:hover{color:var(--ink)}
.panel h1{font-family:var(--serif);font-weight:400;font-size:clamp(54px,5vw,84px);line-height:.92;letter-spacing:-.03em;margin:14px 0 6px}
.panel .sub{color:var(--ink-2);font-size:15px}
.rating{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink-2);margin:16px 0 22px}
.rating{flex-wrap:wrap;gap:6px 12px}
.rating .lcdp{padding:5px 10px;border-radius:999px;background:var(--cb-cream);color:#141414;font-weight:500;font-size:12px;white-space:nowrap}
.rating a{text-decoration:underline;text-underline-offset:3px}
.pnow{display:flex;align-items:baseline;gap:14px;margin-bottom:6px}
.pnow b{font-family:var(--serif);font-weight:400;font-size:52px;line-height:1}
.pnow s{color:var(--ink-3);font-size:18px}
.pnote{font-size:13px;color:var(--ink-2)}
.wpick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:28px 0 10px}
.wpick a{border:1px solid var(--line);border-radius:10px;padding:14px 8px 10px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:border-color .3s,background .3s}
.wpick a:hover{border-color:var(--ink-3)}
.wpick a.on{border-color:var(--ink);background:rgba(20,20,20,.04)}
.wpick svg{height:84px;width:auto}
.wpick b{font-family:var(--serif);font-weight:400;font-size:22px;line-height:1}
.wpick span{font-size:11.5px;color:var(--ink-2)}
.for-tags{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 24px}
.for-tags span{font-size:12px;color:var(--ink-2);border:1px solid var(--line);border-radius:999px;padding:6px 11px}
.toggle-card{display:grid;grid-template-columns:62px 1fr auto;gap:14px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:12px;margin:0 0 14px;cursor:pointer;transition:border-color .4s,background .4s}
.toggle-card.on{border-color:var(--copper);background:linear-gradient(135deg,rgba(217,83,47,.16),transparent 70%)}
.toggle-card video,.toggle-card img{width:62px;height:78px;object-fit:cover;border-radius:6px}
.toggle-card b{font-weight:500;font-size:14.5px}
.toggle-card p{margin:3px 0 0;font-size:12.5px;color:var(--ink-2)}
.sw{width:44px;height:26px;border-radius:999px;background:rgba(20,20,20,.16);position:relative;transition:background .3s}
.sw::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#141414;transition:transform .4s var(--ease)}
.toggle-card.on .sw{background:var(--copper)} .toggle-card.on .sw::after{transform:translateX(18px)}
.buyrow{display:grid;grid-template-columns:110px 1fr;gap:10px}
.qty{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:999px;padding:0 8px}
.qty button{width:30px;height:30px;font-size:17px;opacity:.8}
.eta{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink-2);margin:16px 0 0}
.eta::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok);flex:none}
.eta.hold::before{background:var(--copper)}
.trust{display:grid;grid-template-columns:repeat(3,1fr);margin:26px 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.trust div{padding:16px 6px;font-size:12px;color:var(--ink-2);text-align:center;border-left:1px solid var(--line)}
.trust div:first-child{border-left:0}
.trust b{display:block;color:var(--ink);font-weight:500;font-size:13px;margin-bottom:2px}
.amz{font-size:13px;color:var(--ink-2);margin:18px 0 6px;text-align:center}
.amz a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.acc{border-bottom:1px solid var(--line)}
.acc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;padding:18px 0;font-size:14.5px}
.acc summary::after{content:"+";font-size:20px;line-height:1;color:var(--ink-2);transition:transform .4s var(--ease)}
.acc[open] summary::after{transform:rotate(45deg)}
.acc .body{padding:0 0 18px;font-size:14px;color:var(--ink-2)}
.acc table{width:100%;border-collapse:collapse} .acc td{padding:7px 0;border-top:1px solid var(--line)} .acc td:last-child{text-align:right;color:var(--ink)}

.heat{padding:20vh 6vw;display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}
.heat .dial{position:relative;text-align:left}
.heat .dial .n{font-family:var(--serif);font-size:clamp(120px,16vw,260px);line-height:.8;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.heat .dial .n sup{font-size:.3em;vertical-align:top;color:var(--ink-2)}
.heat .gauge{height:6px;border-radius:999px;background:linear-gradient(90deg,#EBD7BF,#D9A27C 50%,var(--heat));margin:30px 0 10px;position:relative}
.heat .gauge i{position:absolute;top:50%;width:18px;height:18px;border-radius:50%;background:var(--cream-ink);border:3px solid var(--cream);box-shadow:0 2px 10px rgba(60,40,20,0.07);transform:translate(-50%,-50%);transition:left .9s var(--ease)}
.heat .ends{display:flex;justify-content:space-between;font-size:12px;color:var(--ink-2)}
.heat .why{font-size:17px;color:var(--ink-2);min-height:56px;margin-top:20px;max-width:440px}
.halves{padding:18vh 6vw;display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}
.grids{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.grids .g{display:grid;gap:4px}
.grids .g i{display:block;height:18px;border-radius:3px;background:rgba(20,20,20,.08);transition:background .4s}
.grids .g i.f{background:linear-gradient(90deg,#d9a284,#8F3216)}
.grids .g.w i{height:40px}
.grids .t{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2);margin-top:16px}
.grids .t b{display:block;font-family:var(--serif);font-weight:400;font-size:46px;letter-spacing:0;text-transform:none;color:var(--ink)}
.faqsec{padding:16vh 6vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw}
.sticky-buy{position:fixed;left:50%;bottom:20px;z-index:90;transform:translate(-50%,140%);transition:transform .6s var(--ease);display:flex;align-items:center;gap:18px;padding:10px 10px 10px 22px;border-radius:999px;background:#fff;border:1px solid rgba(20,20,20,.14);box-shadow:0 10px 30px rgba(60,40,20,.14);color:#141414;font-size:14px;white-space:nowrap}
.sticky-buy.show{transform:translate(-50%,0)}
.sticky-buy .btn{padding:13px 22px;font-size:14px;background:#141414;color:#F5F2ED}

/* ===== v5: compact buy panel (Add to bag above the fold) ===== */
.panel{padding:26px 3.2vw 60px}
.panel .crumbs{margin-bottom:14px}
.panel h1{font-size:clamp(42px,3.6vw,60px);margin:8px 0 2px}
.panel .rating{margin:8px 0 12px}
.panel .pnow b{font-size:42px}
.lbl2{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);margin:16px 0 8px}
.lbl2 a{letter-spacing:0;text-transform:none;text-decoration:underline;text-underline-offset:3px}
.seg3{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.seg3 a{display:flex;align-items:center;justify-content:center;gap:8px;height:48px;border:1px solid var(--line);border-radius:10px;font-size:14px;transition:all .3s}
.seg3 a svg{height:30px;width:auto}
.seg3 a span{color:var(--ink-2);font-size:12px}
.seg3 a.on{border-color:var(--ink);background:rgba(20,20,20,.06)}
.opts{display:grid;gap:6px}
.optrow{display:grid;grid-template-columns:18px 40px 1fr auto;gap:12px;align-items:center;padding:9px 12px;border:1px solid var(--line);border-radius:10px;cursor:pointer;transition:border-color .3s,background .3s}
.optrow:hover{border-color:rgba(20,20,20,.3)}
.optrow i{width:18px;height:18px;border-radius:50%;border:1.5px solid rgba(20,20,20,.4);position:relative}
.optrow.on{border-color:var(--copper);background:linear-gradient(135deg,rgba(217,83,47,.14),transparent 70%)}
.optrow.on i{border-color:var(--copper)} .optrow.on i::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--copper)}
.optrow img,.optrow video{width:40px;height:40px;border-radius:6px;object-fit:cover}
.optrow b{font-weight:500;font-size:14px;display:block}
.optrow small{font-size:12px;color:var(--ink-2)}
.optrow .pr{text-align:right;font-size:14px;white-space:nowrap}
.optrow .pr s{display:block;font-size:12px;color:var(--ink-3)}
.optrow .tag{display:inline-block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--copper);margin-left:6px}
.buyrow{grid-template-columns:96px 1fr;margin-top:14px}
#pAtc{padding:20px 22px;font-size:16px}
.below{margin-top:22px}
@media (min-width:901px) and (max-height:820px){
  .panel{padding-top:16px} .panel .crumbs{display:none} .panel .eyebrow{display:none}
  .panel h1{font-size:40px;margin-top:0} .panel .sub{font-size:13px} .panel .rating{margin:6px 0 8px}
  .panel .pnow b{font-size:34px} .lbl2{margin:12px 0 6px} .seg3 a{height:42px} .optrow{padding:7px 12px} .optrow img,.optrow video{width:34px;height:34px}
  .buyrow{margin-top:10px} #pAtc{padding:17px 22px}
}
@media (max-width:900px){
  .pdp{padding-top:98px}
  .pdp .media{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:6px;padding:0;scrollbar-width:none}
  .pdp .media::-webkit-scrollbar{display:none}
  .pdp .media .m,.pdp .media .m.full{flex:0 0 84%;aspect-ratio:4/5;scroll-snap-align:center;border-radius:4px}
  .panel{padding:22px 20px 40px}
  .sticky-buy{left:0;right:0;bottom:0;width:100%;transform:translateY(110%);border-radius:0;justify-content:space-between;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));border-left:0;border-right:0;font-size:13px}
  .sticky-buy.show{transform:none}
  .sticky-buy span{overflow:hidden;text-overflow:ellipsis}
  .sticky-buy .btn{flex:0 0 auto;padding:12px 18px;font-size:13px}
}

/* ===== v5: dark checkout matching the storefront ===== */
.co.dark{background:var(--black);color:var(--ink)}
.co.dark .l{background:var(--black);padding-top:30px}
.co.dark .r{background:var(--char);border-left:1px solid var(--line)}
.cotop{display:flex;justify-content:space-between;align-items:center;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:6px}
.cotop .sec{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.co.dark .crumb2{margin:18px 0 30px} .co.dark .crumb2 b{color:var(--copper)} .co.dark .crumb2 a:hover{color:var(--ink)}
.co.dark h3{font-size:34px;margin:40px 0 16px}
.co.dark .f input,.co.dark .f select,.co.dark .f textarea{background:rgba(20,20,20,.035);border-color:rgba(20,20,20,.14);color:var(--ink)}
.co.dark .f input:focus,.co.dark .f select:focus{border-color:var(--copper);box-shadow:0 0 0 3px rgba(217,83,47,.16)}
.co.dark .f input:-webkit-autofill{-webkit-text-fill-color:#141414;-webkit-box-shadow:0 0 0 40px #fff inset}
.co.dark .f select{background-image:linear-gradient(45deg,transparent 50%,rgba(20,20,20,.5) 50%),linear-gradient(135deg,rgba(20,20,20,.5) 50%,transparent 50%);background-position:calc(100% - 18px) 55%,calc(100% - 13px) 55%;background-size:5px 5px;background-repeat:no-repeat}
.co.dark option{background:#F5F2ED;color:#141414}
.co.dark .opt{background:rgba(20,20,20,.03);border-color:rgba(20,20,20,.14)}
.co.dark .opt label{border-color:rgba(20,20,20,.1)}
.co.dark .opt input[type=radio]{accent-color:var(--copper)}
.co.dark .opt .cardbox{border-color:rgba(20,20,20,.1)}
.co.dark .bump{background:rgba(217,83,47,.08)}
.co.dark .express .ap{background:#fff;color:#000}
.co.dark .express .gp{background:#fff;border-color:#fff}
.co.dark .or::before,.co.dark .or::after{background:rgba(20,20,20,.12)}
.co.dark .sline .q{background:var(--ink);color:var(--black)}
.co.dark .sline img{border:1px solid var(--line)}
.co.dark .tots .row.save{color:var(--copper)}
.co.dark .holdnote{color:var(--ink-2)}
.co.dark .perks3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:28px}
.co.dark .perks3 div{border:1px solid var(--line);border-radius:10px;padding:14px;font-size:12.5px;color:var(--ink-2)}
.co.dark .perks3 b{display:block;color:var(--ink);font-weight:500;font-size:13px;margin-bottom:2px}
.co.dark .r .inner h2{font-family:var(--serif);font-weight:400;font-size:34px;margin:0 0 22px}

/* ===== v6: warranty — live titanium card + progress rail ===== */
.wpage{display:grid;grid-template-columns:.92fr 1.08fr;gap:5vw;padding:118px 6vw 12vh;align-items:start;position:relative}

.wstick{position:sticky;top:104px}
.vstage{display:grid;place-items:center;padding:10px 0 6px}
.vcard{position:relative;width:100%;max-width:500px;aspect-ratio:1.586;border-radius:24px;padding:26px 28px;color:#141414;overflow:hidden;
  background:radial-gradient(120% 90% at 100% 0%,rgba(217,83,47,.28),transparent 55%),linear-gradient(115deg,transparent 30%,rgba(255,255,255,.07) 46%,transparent 58%),linear-gradient(135deg,#FCE39C 0%,#F9C5B0 55%,#D4CDFA 100%);
  box-shadow:0 50px 100px rgba(60,40,20,0.16),inset 0 1px 0 rgba(255,255,255,.14),inset 0 0 0 1px rgba(217,83,47,.22);transition:transform .5s var(--ease),box-shadow .6s}
.vstage:hover .vcard{transform:translateY(-4px)}
@media (hover:none){.vstage:hover .vcard{transform:translate3d(0,0,0)}}
.vcard .row1{display:flex;justify-content:space-between;align-items:center}
.vcard .brand{font-family:var(--serif);font-size:22px;letter-spacing:.32em;background:linear-gradient(90deg,#b77a5c,#8F3216 45%,#c48b6c 70%,#e9c0a6);-webkit-background-clip:text;background-clip:text;color:transparent}
.vstatus{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;padding:6px 10px;border-radius:999px;border:1px solid rgba(20,20,20,.22);color:rgba(20,20,20,.7);transition:all .6s}
.vstatus.active{border-color:rgba(47,122,79,.6);color:var(--ok);background:rgba(47,122,79,.1)}
.vstatus.claim{border-color:rgba(217,83,47,.6);color:var(--copper)}
.vcard{container-type:inline-size}
.vcard .mid{margin-top:4.5cqw}
.vcard .cov{font-family:var(--serif);font-size:clamp(20px,7.6cqw,36px);line-height:1;letter-spacing:-.01em;white-space:nowrap}
.vcard .cov .yr{font-style:italic;color:#8F3216}
.vcard .cov small{display:block;font-family:var(--sans);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:rgba(20,20,20,.5);margin-top:2.2cqw;padding-left:.15em}
.vcard .vironwrap{position:absolute;right:26px;top:58px;font-family:var(--serif);font-size:120px;line-height:1;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px rgba(20,20,20,.16);pointer-events:none}
.vcard .fields{position:absolute;left:28px;right:28px;bottom:24px;display:grid;grid-template-columns:1.3fr 1fr;gap:12px 20px}
.vcard .fields span{display:block;font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:rgba(20,20,20,.45);margin-bottom:3px}
.vcard .fields b{font-weight:500;font-size:14px;letter-spacing:.06em;font-family:ui-monospace,Menlo,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.vcard .fields b.ph{color:rgba(20,20,20,.32)}
.vcard.on{box-shadow:0 50px 110px rgba(60,40,20,0.16),0 0 0 1px rgba(47,122,79,.25),0 0 80px rgba(217,83,47,.25)}
.vcard.on .sweep{position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.22) 48%,transparent 60%);transform:translateX(-120%);animation:sweep 1.6s .2s var(--ease) forwards;pointer-events:none}
@keyframes sweep{to{transform:translateX(120%)}}
.vcard .flash{animation:flash .8s var(--ease)}
@keyframes flash{from{color:var(--copper)}}
.rail4{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin:34px 6px 0}
.rail4::before,.rail4 .fill{content:"";position:absolute;left:12.5%;right:12.5%;top:13px;height:2px;background:rgba(20,20,20,.12)}
.rail4 .fill{right:auto;width:0;background:linear-gradient(90deg,var(--copper),#8F3216);transition:width .8s var(--ease)}
.rail4 div{position:relative;text-align:center;font-size:12px;color:var(--ink-3);transition:color .4s}
.rail4 i{display:grid;place-items:center;width:28px;height:28px;margin:0 auto 10px;border-radius:50%;background:var(--black);border:1.5px solid rgba(20,20,20,.2);font-style:normal;font-size:12px;color:var(--ink-3);transition:all .5s var(--ease)}
.rail4 div.done{color:var(--ink-2)} .rail4 div.done i{background:var(--copper);border-color:var(--copper);color:#F5F2ED}
.rail4 div.cur{color:var(--ink)} .rail4 div.cur i{border-color:var(--copper);color:var(--copper);box-shadow:0 0 0 6px rgba(217,83,47,.14)}
.wbenefits{display:grid;gap:0;margin-top:40px;border-top:1px solid var(--line)}
.wbenefits>div{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}
.wbenefits svg{width:22px;height:22px;stroke:var(--copper);fill:none;stroke-width:1.5;justify-self:center}
.wbenefits b{display:block;font-weight:500;font-size:15px} .wbenefits span{font-size:13px;color:var(--ink-2)}
.wform h1{font-family:var(--serif);font-weight:400;font-size:clamp(46px,4.6vw,80px);line-height:.95;letter-spacing:-.02em;margin:14px 0 16px}
.wform h1 em{color:var(--copper)}
.wform .lead{color:var(--ink-2);font-size:17px;max-width:520px;margin:0 0 22px}
.wform .scanned{margin:0 0 26px}
.wform .tabs{background:rgba(20,20,20,.06)}
.wform .tabs button.on{background:var(--ink);color:var(--black)}
.wform .stepper{display:none}
.wform .stepcount{color:var(--copper)}
.wform .wstep h2{font-size:clamp(34px,3.2vw,52px)}
.wform .f input,.wform .f select,.wform .f textarea{background:rgba(20,20,20,.035);border-color:rgba(20,20,20,.14);color:var(--ink)}
.wform .f input:focus,.wform .f select:focus,.wform .f textarea:focus{border-color:var(--copper);box-shadow:0 0 0 3px rgba(217,83,47,.16)}
.wform .f input[type=date]{color-scheme:dark}
.wform option{background:#F5F2ED}
.wform .pickirons label{background:rgba(20,20,20,.03);border-color:rgba(20,20,20,.12)}
.wform .pickirons label:has(input:checked){background:linear-gradient(160deg,rgba(217,83,47,.16),rgba(20,20,20,.03));border-color:var(--copper);box-shadow:none}
.wform .pickirons svg{height:130px}
.wform .chipset span{background:rgba(20,20,20,.03);border-color:rgba(20,20,20,.14)}
.wform .chipset input:checked+span{background:var(--ink);color:var(--black);border-color:var(--ink)}
.wform .fix{background:var(--char);border-color:var(--line)}
.wform .drop{background:rgba(20,20,20,.03);border-color:rgba(20,20,20,.25)}
.wform .drop.has{border-color:var(--copper)}
.wform .warnline{color:var(--copper)}
.wdone h2{font-family:var(--serif);font-weight:400;font-size:clamp(46px,4.6vw,80px);line-height:.95;margin:6px 0 16px}
.wdone h2 em{color:var(--copper)}
.wdone dl{display:grid;grid-template-columns:auto 1fr;gap:12px 26px;margin:26px 0;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:15px}
.wdone dt{color:var(--ink-2)} .wdone dd{margin:0} .wdone .id{font-family:ui-monospace,Menlo,monospace;letter-spacing:.06em}
.whelp{display:grid;grid-template-columns:1.3fr .7fr;gap:5vw;padding:0 6vw 14vh}
.whelp .box{border:1px solid var(--line);border-radius:16px;padding:26px}
.whelp h4{font-family:var(--serif);font-weight:400;font-size:30px;margin:0 0 10px}
.whelp [hidden]{display:none}
@media (max-width:900px){.wpage,.whelp{grid-template-columns:1fr}.wpage{padding-bottom:28px}.wstick{position:static}.vcard .fields{grid-template-columns:1fr 1fr}}
.pg{padding:136px 6vw 12vh}
body.has-bar .pg{padding-top:150px}
.pg .h1{font-family:var(--serif);font-weight:400;font-size:clamp(52px,6vw,104px);line-height:.94;letter-spacing:-.03em;margin:14px 0 18px}
.pg .h1 em{color:var(--copper)}
.pg .lead{font-size:18px;color:var(--ink-2);max-width:620px;margin:0}
/* guides + interactive lab widgets */
.glab{margin-top:48px;border:1px solid rgba(217,83,47,.35);border-radius:24px;padding:32px;background:radial-gradient(120% 100% at 100% 0%,rgba(217,83,47,.16),transparent 55%),var(--char)}
.glab .top{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.glab .top h2{font-family:var(--serif);font-weight:400;font-size:clamp(34px,3.6vw,54px);line-height:.96;margin:6px 0 0}
.glab-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:stretch}
.glab-ctrl{display:flex;flex-direction:column;gap:18px}
.glab-ctrl .lbl3{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-2);margin-bottom:8px;display:block}
.gpills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.gpill{border:1px solid var(--line);border-radius:12px;padding:12px 14px;text-align:left;background:rgba(20,20,20,.025);transition:all .25s}
.gpill:hover{border-color:rgba(20,20,20,.3)}
.gpill.on{border-color:var(--copper);background:rgba(217,83,47,.14);box-shadow:0 0 0 1px var(--copper)}
.gpill b{display:block;font-size:14px;font-weight:500}
.gpill small{display:block;font-size:11.5px;color:var(--ink-2);margin-top:2px}
.gtogs{display:flex;gap:10px;flex-wrap:wrap}
.gtog{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;border:1px solid var(--line);font-size:13px;background:rgba(20,20,20,.02);transition:all .25s}
.gtog i{width:8px;height:8px;border-radius:50%;background:var(--ink-3);transition:all .25s}
.gtog.on{border-color:var(--copper);background:rgba(217,83,47,.15);color:var(--ink)}
.gtog.on i{background:var(--copper);box-shadow:0 0 8px var(--copper)}
.glab-out{border:1px solid var(--line);border-radius:18px;padding:24px 26px;background:rgba(245,242,237,.65);display:flex;flex-direction:column;justify-content:space-between;gap:16px}
.glab-out .bigt{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}
.glab-out .deg{font-family:var(--serif);font-size:clamp(64px,6.5vw,104px);line-height:.88;letter-spacing:-.03em;color:var(--ink)}
.glab-out .deg sup{font-size:.34em;vertical-align:top;color:var(--copper)}
.lcd11{display:grid;grid-template-columns:repeat(11,1fr);gap:4px;margin:8px 0 4px}
.lcd11 span{height:24px;border-radius:4px;background:rgba(20,20,20,.07);display:grid;place-items:center;font-size:10px;color:var(--ink-3);font-variant-numeric:tabular-nums;transition:all .25s}
.lcd11 span.upto{background:rgba(217,83,47,.22);color:var(--ink-2)}
.lcd11 span.cur{background:var(--heat);color:#fff;font-weight:600;box-shadow:0 0 14px rgba(217,83,47,.6);transform:scaleY(1.12)}
.glab-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid var(--line);padding-top:14px}
.glab-specs div b{display:block;font-size:15px;font-weight:500;color:var(--ink)}
.glab-specs div span{font-size:11.5px;color:var(--ink-2)}
.zonelab{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--char);margin:28px 0}
.zonedock{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}
.zonedock button{padding:14px 12px;text-align:left;border-right:1px solid var(--line);transition:background .25s}
.zonedock button:last-child{border-right:0}
.zonedock button.on{background:rgba(217,83,47,.15);box-shadow:inset 0 -2px 0 var(--copper)}
.zonedock button b{display:block;font-size:13.5px;font-weight:500}
.zonedock button small{font-size:11.5px;color:var(--ink-2)}
.zonebody{display:grid;grid-template-columns:.9fr 1.1fr;gap:0;align-items:stretch}
.zonebody video,.zonebody img{width:100%;height:100%;min-height:300px;max-height:380px;object-fit:cover}
.zonecopy{padding:26px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.zonecopy .zt{font-family:var(--serif);font-size:44px;line-height:.95;color:var(--copper)}
.zonecopy dl{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:8px 0;font-size:14px;border-top:1px solid var(--line);padding-top:12px}
.zonecopy dt{color:var(--ink-2)} .zonecopy dd{margin:0}
.simbox{border:1px solid var(--line);border-radius:20px;padding:26px;background:var(--char);margin:28px 0}
.simtabs{display:inline-flex;gap:6px;padding:5px;border-radius:999px;background:rgba(20,20,20,.06);margin-bottom:18px}
.simtabs button{padding:9px 18px;border-radius:999px;font-size:13px;color:var(--ink-2);transition:all .25s}
.simtabs button.on{background:var(--copper);color:#F5F2ED;font-weight:500}
.costbar{display:grid;gap:14px;margin:20px 0}
.costrow{border:1px solid var(--line);border-radius:14px;padding:16px;background:rgba(245,242,237,.5)}
.costrow .hd{display:flex;justify-content:space-between;font-size:14.5px;margin-bottom:10px}
.costseg{display:flex;height:36px;border-radius:8px;overflow:hidden;gap:2px;font-size:11.5px;font-weight:600}
.costseg div{display:grid;place-items:center;white-space:nowrap;overflow:hidden;padding:0 8px}
.gcards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:5vh}
.gcard{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:4/5;background:var(--char);display:flex;flex-direction:column;justify-content:flex-end;padding:26px;isolation:isolate;border:1px solid rgba(20,20,20,.08)}
.gcard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s var(--ease)}
.gcard::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(245,242,237,.15) 0%,rgba(245,242,237,.55) 45%,rgba(245,242,237,.95) 100%)}
.gcard:hover img{transform:scale(1.05)}
.gcard .gbadge{position:absolute;top:18px;left:18px;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;padding:6px 11px;border-radius:999px;background:rgba(245,242,237,.75);border:1px solid rgba(217,83,47,.45);color:var(--copper)}
.gcard .k{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--copper)}
.gcard h3{font-family:var(--serif);font-weight:400;font-size:34px;line-height:1.02;margin:8px 0 8px}
.gcard p{font-size:13.5px;color:var(--ink-2);margin:0 0 12px;line-height:1.45}
.gcard span{font-size:13px;color:var(--ink);font-weight:500}
.art{max-width:860px;margin:0 auto}
.art .meta{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--ink-2);margin:18px 0 0}
.arthero{height:56vh;margin:5vh -6vw;position:relative;overflow:hidden}
.arthero img,.arthero video{width:100%;height:100%;object-fit:cover}
.arthero::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--black),transparent 30%,transparent 75%,var(--black))}
.art h2{font-family:var(--serif);font-weight:400;font-size:clamp(34px,3.2vw,50px);line-height:1;margin:56px 0 16px}
.art p,.art li{font-size:17.5px;line-height:1.7;color:rgba(20,20,20,.84)}
.art ol.steps3x{list-style:none;padding:0;display:grid;gap:14px;counter-reset:s}
.art ol.steps3x li{counter-increment:s;border:1px solid var(--line);border-radius:14px;padding:20px 22px 20px 72px;position:relative;font-size:16px;background:rgba(20,20,20,.02)}
.art ol.steps3x li::before{content:counter(s,decimal-leading-zero);position:absolute;left:22px;top:18px;font-family:var(--serif);font-size:30px;color:var(--copper)}
.art ol.steps3x b{display:block;color:var(--ink);font-weight:500;margin-bottom:4px}
.ctab{width:100%;border-collapse:collapse;margin:22px 0;font-size:14.5px}
.ctab th,.ctab td{padding:13px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.ctab thead th{font-weight:500;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.ctab td:first-child{color:var(--ink-2);width:26%}
.ctab .us{background:rgba(217,83,47,.09)}
.callout{border:1px solid rgba(217,83,47,.4);background:rgba(217,83,47,.07);border-radius:14px;padding:20px 22px;margin:26px 0;font-size:15.5px;color:var(--ink-2)}
.callout b{color:var(--ink);font-weight:500}
.reccard{display:grid;grid-template-columns:150px 1fr auto;gap:26px;align-items:center;border:1px solid var(--line);border-radius:20px;padding:18px;margin:56px 0 0;background:var(--char)}
.reccard img{width:150px;height:150px;border-radius:12px;object-fit:contain;background:#F1EDE4;padding:8px}
.reccard .reclink{display:inline-block;margin-top:10px;font-size:13px;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.recquiz{font-size:14px;margin:14px 0 0}.recquiz a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.reccard .k{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--copper)}
.reccard h3{font-family:var(--serif);font-weight:400;font-size:34px;line-height:1;margin:8px 0 6px}
.reccard .pr{font-size:18px} .reccard .pr s{color:var(--ink-3);font-size:14px;margin-left:6px}
.morereads{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:40px}
.morereads a{border:1px solid var(--line);border-radius:14px;padding:18px;font-family:var(--serif);font-size:22px;line-height:1.1;transition:border-color .25s}
.morereads a:hover{border-color:var(--copper)}
.morereads a span{display:block;font-family:var(--sans);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2);margin-bottom:8px}
/* quiz diagnostic lab */
.qz{max-width:1160px;margin:0 auto;text-align:center}
.qzbar{display:flex;gap:6px;max-width:420px;margin:22px auto 0}
.qzbar i{flex:1;height:4px;border-radius:2px;background:rgba(20,20,20,.12);transition:background .4s}
.qzbar i.on{background:var(--copper)}
.qz h2{font-family:var(--serif);font-weight:400;font-size:clamp(38px,4.2vw,66px);line-height:1;margin:18px 0 10px}
.qz .qsub{color:var(--ink-2);font-size:15.5px;max-width:560px;margin:0 auto 28px}
.qopts{display:grid;gap:16px}
.qopts.img{grid-template-columns:repeat(4,1fr)}
@media (max-width:900px){.qopts.img{grid-template-columns:repeat(2,1fr)}}
.qopts.txt{grid-template-columns:repeat(2,1fr);max-width:900px;margin:0 auto}
.qo{position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:0;border:1px solid rgba(20,20,19,.11);box-shadow:0 2px 10px rgba(20,20,19,.03);border-radius:18px;overflow:hidden;cursor:pointer;text-align:left;background:#ECE8DF;transition:transform .35s var(--ease),border-color .25s,background .25s}
.qo:hover{transform:translateY(-3px);border-color:rgba(20,20,20,.28);background:#E7E2D8}
.qo.on{border-color:var(--copper);background:rgba(217,83,47,.1);box-shadow:0 0 0 1px var(--copper)}
.qo img{width:100%;aspect-ratio:4/4.6;flex:0 0 auto;object-fit:cover;display:block;background:var(--bg-studio)}
.qo b{display:block;padding:14px 16px 4px;font-weight:600;font-size:14.5px;color:#1E1C1A}
.qo small{display:block;padding:0 16px 15px;font-size:12.5px;color:#5E5952;line-height:1.4}
.qopts.txt .qo{padding:20px 20px 20px 54px}
.qopts.txt .qo b{padding:0;font-size:16px}
.qopts.txt .qo small{padding:4px 0 0;font-size:12.5px}
.qopts.txt .qo::before{content:"";position:absolute;left:20px;top:24px;width:18px;height:18px;border-radius:50%;border:1.5px solid rgba(20,20,20,.4)}
.qopts.txt .qo.on::before{border-color:var(--copper);background:radial-gradient(circle,var(--copper) 45%,transparent 50%)}
.qback{margin-top:26px;font-size:14px;color:var(--ink-2);text-decoration:underline;text-underline-offset:3px}
.rxlab{text-align:left;margin-top:12px}
.rxbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;padding:14px 18px;border-radius:14px;border:1px solid var(--line);background:rgba(20,20,20,.03);margin-bottom:18px}
.rxbar .chips2{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.rxbar button.cp{padding:7px 12px;border-radius:999px;border:1px solid var(--line);font-size:12px;color:var(--ink-2);transition:all .2s}
.rxbar button.cp.on{border-color:var(--copper);background:rgba(217,83,47,.16);color:var(--ink)}
.rx{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;text-align:left}
.rxcard{border-radius:22px;padding:30px;background:radial-gradient(120% 100% at 0% 0%,rgba(217,83,47,.2),transparent 55%),var(--char);border:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between}
.rxcard .k{font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--copper)}
.rxcard .temp2{font-family:var(--serif);font-size:clamp(64px,7vw,112px);line-height:.9;letter-spacing:-.03em;margin:10px 0 6px}
.rxzones{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.rxzones div{background:rgba(245,242,237,.5);border:1px solid rgba(20,20,20,.08);border-radius:12px;padding:12px}
.rxzones span{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);display:block}
.rxzones b{font-family:var(--serif);font-size:28px;color:var(--copper);display:block;margin:2px 0}
.rxzones small{font-size:11.5px;color:var(--ink-2);display:block;line-height:1.3}
.rxcard dl{display:grid;grid-template-columns:auto 1fr;gap:10px 20px;margin:8px 0 0;font-size:14.5px}
.rxcard dt{color:var(--ink-2)} .rxcard dd{margin:0}
.rxmath{margin-top:16px;padding:14px 16px;border-radius:12px;background:rgba(47,122,79,.08);border:1px solid rgba(47,122,79,.35);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:13.5px}
.rxprod{border-radius:22px;overflow:hidden;border:1px solid var(--line);background:var(--char);display:flex;flex-direction:column}
.rxprod .phead{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:24px 26px;background:var(--t-butter);border-bottom:1px solid var(--line)}
.rxprod .b{padding:24px 26px;display:flex;flex-direction:column;gap:12px;flex:1}
.rxprod h3{font-family:var(--serif);font-weight:400;font-size:38px;line-height:1;margin:4px 0 0}
.rxreasons{list-style:none;padding:0;margin:4px 0 8px;display:grid;gap:8px;font-size:13.5px;color:var(--ink-2)}
.rxreasons li::before{content:"✓ ";color:var(--copper);font-weight:600}
/* creators */
.crgrid{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:start}
.crmeter{margin:34px 0 0;max-width:520px}
.crmeter .bar{height:8px;border-radius:999px;background:rgba(20,20,20,.1);overflow:hidden;margin:10px 0 8px}
.crmeter .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--copper),#8F3216);transition:width 1s var(--ease)}
.crmeter .row{display:flex;justify-content:space-between;font-size:13px;color:var(--ink-2)}
.crmeter b{font-family:var(--serif);font-weight:400;font-size:56px;color:var(--ink);line-height:1}
.crperks{display:grid;gap:0;margin-top:30px;border-top:1px solid var(--line);max-width:520px}
.crperks div{padding:16px 0;border-bottom:1px solid var(--line);font-size:15px;color:var(--ink-2)} .crperks b{color:var(--ink);font-weight:500;display:block}
.dkform .f input,.dkform .f select,.dkform .f textarea{background:rgba(20,20,20,.035);border-color:rgba(20,20,20,.14);color:var(--ink)}
.dkform .f input:focus,.dkform .f select:focus{border-color:var(--copper);box-shadow:0 0 0 3px rgba(217,83,47,.16)}
.dkform option{background:#F5F2ED}
.dkform .chipset span{background:rgba(20,20,20,.03);border-color:rgba(20,20,20,.14)}
.dkform .chipset input:checked+span{background:var(--ink);color:var(--black);border-color:var(--ink)}
.dkform .panel2{border:1px solid var(--line);border-radius:22px;padding:30px;background:var(--char)}
.consent{display:grid;grid-template-columns:20px 1fr;gap:12px;align-items:start;margin:18px 0;padding:16px;border-radius:12px;border:1px solid rgba(217,83,47,.45);background:rgba(217,83,47,.07);font-size:13.5px;color:var(--ink-2);cursor:pointer}
.consent input{width:18px;height:18px;accent-color:var(--copper);margin:1px 0 0}
.consent.bad{border-color:var(--err)}
.receipt{border-radius:20px;padding:30px;background:radial-gradient(120% 100% at 100% 0%,rgba(217,83,47,.22),transparent 55%),var(--char);border:1px solid var(--line)}
.receipt h3{font-family:var(--serif);font-weight:400;font-size:46px;line-height:.98;margin:10px 0 16px}
.receipt .id{font-family:ui-monospace,Menlo,monospace;letter-spacing:.06em;font-size:18px;color:var(--copper)}
/* labs */
.labhero{display:grid;grid-template-columns:.88fr 1.12fr;gap:4vw;align-items:center}
.labviz{position:relative;display:grid;place-items:center;min-height:640px;padding-right:180px;background:radial-gradient(50% 50% at 38% 50%,rgba(217,83,47,.2),transparent 70%)}
.labviz::before{content:"";position:absolute;width:440px;height:440px;left:calc(50% - 90px);top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px dashed rgba(217,83,47,.18);pointer-events:none}
.labviz svg{height:580px;width:auto;filter:drop-shadow(0 40px 70px rgba(60,40,20,0.16))}
.pin2{position:absolute;display:flex;align-items:center;gap:10px;font-size:13px;white-space:nowrap}
.pin2::before{content:"";width:42px;height:1px;background:linear-gradient(90deg,var(--copper),rgba(217,83,47,.25))}
.pin2 i{width:10px;height:10px;border-radius:50%;background:var(--copper);box-shadow:0 0 0 5px rgba(217,83,47,.22);animation:pulse 2s infinite;order:-1}
.pin2 span{border:1px solid rgba(20,20,20,.18);background:#fff;padding:8px 14px;border-radius:999px;box-shadow:0 12px 30px rgba(60,40,20,0.14)}
.pin2 small{display:block;font-size:10.5px;color:var(--copper);letter-spacing:.12em;text-transform:uppercase;margin-top:1px}
.labfeat{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:10vh 0 0}
.labfeat div{border:1px solid var(--line);border-radius:18px;padding:26px;background:var(--char)}
.labfeat .n{font-family:var(--serif);font-size:44px;color:var(--copper);line-height:1}
.labfeat h4{font-family:var(--serif);font-weight:400;font-size:30px;margin:14px 0 8px;line-height:1}
.labfeat p{color:var(--ink-2);margin:0;font-size:15px}
.votes{display:grid;gap:10px;margin:8px 0 20px}
.vote{display:grid;grid-template-columns:22px 1fr auto;gap:12px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:12px;cursor:pointer;position:relative;overflow:hidden}
.vote input{accent-color:var(--copper);width:18px;height:18px}
.vote .fillb{position:absolute;inset:0 auto 0 0;background:rgba(217,83,47,.12);z-index:-1;transition:width 1s var(--ease)}
.vote{isolation:isolate}
.vote small{color:var(--ink-2);font-size:12.5px}
/* amazon compare modal */
.amzm{position:fixed;inset:0;z-index:175;display:grid;place-items:center;background:rgba(20,20,20,.45);opacity:0;pointer-events:none;transition:opacity .45s var(--ease)}
.amzm.show{opacity:1;pointer-events:auto}
.amzm .card2{width:min(760px,94vw);background:var(--char);border:1px solid var(--line);border-radius:24px;padding:34px;transform:translateY(20px) scale(.98);transition:transform .6s var(--ease);position:relative}
.amzm.show .card2{transform:none}
.amzm h3{font-family:var(--serif);font-weight:400;font-size:clamp(34px,3.4vw,52px);line-height:1;margin:10px 0 8px}
.amzm table{width:100%;border-collapse:collapse;margin:22px 0;font-size:14.5px}
.amzm th,.amzm td{padding:13px 12px;border-bottom:1px solid var(--line);text-align:left}
.amzm th{font-weight:500;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.amzm th.us,.amzm td.us{background:rgba(217,83,47,.09)}
.amzm td.y::before{content:"✓ ";color:var(--ok)} .amzm td.n{color:var(--ink-3)} .amzm td.n::before{content:"— "}
.amzm .acts{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.amzm .x{position:absolute;top:18px;right:22px;font-size:26px;color:var(--ink-2)}
.amzm .trk{font-size:12px;color:var(--ink-3);margin-top:14px;font-family:ui-monospace,Menlo,monospace;word-break:break-all}
/* single-product DTC conversion boosters: tiered cart, promo codes, owner perk, post-purchase bump, hair-type review filter */
.tiers{padding:14px 28px;border-bottom:1px solid var(--line);background:rgba(217,83,47,.06)}
.tier-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px;font-size:11px}
.tier-steps span{display:flex;align-items:center;gap:5px;color:var(--ink-3)}
.tier-steps span.on{color:var(--copper)}
.tier-steps span i{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.5}
.tier-steps span.on i{opacity:1}
.cbox{margin:10px 0;padding:12px;border-radius:12px;border:1px solid var(--line);background:rgba(20,20,20,.025)}
.cbox .crow{display:flex;gap:8px}
.cbox input{flex:1;background:rgba(245,242,237,.6);border:1px solid var(--line);border-radius:8px;padding:9px 12px;font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.cbox .apply{padding:9px 16px;border-radius:8px;background:var(--copper);color:#F5F2ED;font-size:12.5px;font-weight:600}
.cbox .cpills{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px;align-items:center}
.cbox .cpill{font-size:11px;padding:4px 9px;border-radius:999px;border:1px dashed rgba(217,83,47,.45);color:var(--ink-2);background:rgba(217,83,47,.08);transition:all .2s}
.cbox .cpill:hover,.cbox .cpill.on{border-style:solid;border-color:var(--copper);background:var(--copper);color:#F5F2ED;font-weight:600}
.owner-vip{margin-top:12px;padding:13px 15px;border-radius:12px;border:1px dashed rgba(217,83,47,.5);background:rgba(217,83,47,.08);display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12.5px}
.owner-vip b{color:var(--copper);display:block;font-size:13px}
.owner-vip button{padding:8px 13px;border-radius:999px;background:var(--copper);color:#F5F2ED;font-weight:600;font-size:12px;white-space:nowrap}
.postbump{margin:24px 0;padding:22px;border-radius:18px;border:1.5px solid var(--copper);background:radial-gradient(120% 100% at 100% 0%,rgba(217,83,47,.2),transparent 60%),var(--char);max-width:540px}
.postbump .pbtimer{display:inline-flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8F3216;background:rgba(217,83,47,.2);border:1px solid rgba(217,83,47,.45);padding:4px 10px;border-radius:999px;margin-bottom:10px}
.postbump .pbgrid{display:grid;grid-template-columns:72px 1fr;gap:16px;align-items:center;margin:12px 0 16px}
.postbump .pbgrid img{width:72px;height:88px;object-fit:cover;border-radius:10px}
.revsec{padding:14vh 6vw;border-top:1px solid var(--line)}
.revbar{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:28px}
.revchips{display:flex;gap:8px;flex-wrap:wrap}
.revchips button{padding:9px 16px;border-radius:999px;border:1px solid var(--line);font-size:13px;color:var(--ink-2);transition:all .25s}
.revchips button.on{background:var(--copper);border-color:var(--copper);color:#F5F2ED;font-weight:500}
.revgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pbcard{border:1px solid var(--line);border-radius:18px;padding:24px;background:var(--char);display:flex;flex-direction:column;gap:14px;min-width:0}
.pbcard.mine{border-color:rgba(20,20,20,.28)}
.pbtop{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.pbn{display:flex;align-items:baseline;gap:6px;line-height:1}
.pbn span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}
.pbn b{font-family:var(--serif);font-weight:400;font-size:52px;letter-spacing:-.02em;color:#141414}
.pbt{text-align:right;display:flex;flex-direction:column;gap:3px}
.pbt b{font-size:17px;font-weight:600;color:var(--copper)}
.pbt span{font-size:12px;color:var(--ink-2)}
.pbbar{display:grid;grid-template-columns:repeat(11,1fr);gap:3px}
.pbbar i{height:6px;border-radius:3px;background:rgba(20,20,20,.08)}
.pbbar i.on{background:var(--copper-fill)}
.pbcard h3{font-family:var(--serif);font-weight:400;font-size:26px;line-height:1.08;margin:4px 0 0}
.pbcard ol{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:7px;font-size:14px;line-height:1.5;color:var(--ink-2)}
.pbcard ol li::marker{color:var(--copper);font-weight:600}
.pbiron{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px}
.pbiron a{text-decoration:underline;text-underline-offset:3px}
.pbiron .cur{padding:3px 9px;border-radius:6px;background:var(--cb-peach);color:#141414;font-weight:500}
.swrow{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.swrow:last-child{border-bottom:0}
.swbtn{padding:7px 14px;border-radius:999px;font-size:12.5px;font-weight:600;border:1px solid var(--line);background:rgba(20,20,20,.06);color:var(--ink-2);white-space:nowrap;flex-shrink:0}
.swbtn.on{background:rgba(47,122,79,.18);color:var(--ok);border-color:rgba(47,122,79,.45)}
.trustbar{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;padding:18px 4vw;gap:14px;font-size:12.5px}
.trustbar div{display:flex;align-items:center;gap:10px;justify-content:center;color:var(--ink-2)}
.trustbar b{color:var(--ink);font-weight:500;display:block}
.trustbar i{color:var(--copper);font-style:normal;font-size:16px}
.setstrip{margin-top:26px;padding:22px 28px;border-radius:18px;background:#F5F2ED;color:#141414;display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;box-shadow:0 24px 60px rgba(20,20,20,.12)}
.setstrip .l{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.setstrip .r{display:flex;justify-content:flex-end;align-items:center;gap:12px;flex-wrap:wrap}
.tile .shop-pill{position:absolute;left:14px;right:14px;bottom:14px;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;background:#fff;border:1px solid rgba(20,20,20,.15);font-size:12.5px}
.tile .shop-pill button{padding:7px 12px;border-radius:999px;background:var(--copper);color:#F5F2ED;font-weight:600;font-size:11.5px;white-space:nowrap}
.tile .m{bottom:68px!important}
.bnpl{display:block;line-height:1.5;font-size:12.5px;color:var(--ink-2);margin-top:6px;padding:7px 12px;border-radius:8px;background:rgba(20,20,20,.04);border:1px solid var(--line)}
.bnpl b{color:var(--ink);font-weight:500}
.guar{margin-top:12px;padding:11px 14px;border-radius:10px;background:rgba(47,122,79,.07);border:1px solid rgba(47,122,79,.28);display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--ink-2)}
.guar b{color:var(--ok);font-weight:600}
.inbox-list{display:grid;gap:8px;font-size:13.5px}
.inbox-list div{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px dashed var(--line)}
.inbox-list div:last-child{border-bottom:0}
.inbox-list span.v{color:var(--copper);font-size:12px;font-weight:500}
.sticky-buy .s-opts{display:inline-flex;gap:4px;padding:3px;border-radius:999px;background:rgba(20,20,20,.08)}
.sticky-buy .s-opts button{padding:6px 12px;border-radius:999px;font-size:12px;color:var(--ink-2);transition:all .2s}
.sticky-buy .s-opts button.on{background:var(--copper);color:#F5F2ED;font-weight:600}
.co-reserve{margin-bottom:20px;padding:12px 16px;border-radius:12px;background:rgba(217,83,47,.1);border:1px solid rgba(217,83,47,.38);display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px}
@media (max-width:900px){.revgrid,.trustbar,.setstrip{grid-template-columns:1fr}.trustbar{justify-items:start;padding:14px 20px}.promobar span.hide-m,.sticky-buy .s-opts{display:none}}
/* admin (internal) */
body.route-admin nav.top,body.route-admin footer.site,body.route-admin .mega{display:none}
.adm{min-height:100vh;padding:0 0 10vh;font-size:14px}
.admtop{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:16px 4vw;background:rgba(245,242,237,.9);border-bottom:1px solid var(--line)}
.admtop .t{display:flex;align-items:center;gap:14px}
.admtop .int{font-size:11px;letter-spacing:.14em;color:#E8973F;border:1px solid rgba(232,151,63,.5);padding:4px 8px;border-radius:6px}
.admbody{padding:28px 4vw}
.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.kpi{border:1px solid var(--line);border-radius:14px;padding:16px 18px;background:var(--char)}
.kpi span{font-size:12px;color:var(--ink-2)} .kpi b{display:block;font-family:var(--serif);font-weight:400;font-size:38px;line-height:1.05;margin-top:6px}
.kpi small{font-size:12px;color:var(--ok)}
.atabs{display:flex;gap:4px;margin:26px 0 18px;border-bottom:1px solid var(--line)}
.atabs button{padding:12px 16px;font-size:14px;color:var(--ink-2);border-bottom:2px solid transparent;margin-bottom:-1px}
.atabs button.on{color:var(--ink);border-color:var(--copper)}
.apan{display:grid;gap:14px}
.abox{border:1px solid var(--line);border-radius:16px;padding:22px;background:var(--char)}
.abox h4{margin:0 0 4px;font-size:16px;font-weight:500} .abox .sub{font-size:12.5px;color:var(--ink-2);margin-bottom:16px}
.a2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.stack{display:flex;height:34px;border-radius:8px;overflow:hidden;gap:2px;margin:10px 0 12px}
.stack div{display:grid;place-items:center;font-size:12px;color:#F5F2ED;font-weight:600;white-space:nowrap;overflow:hidden}
.legend{display:flex;gap:18px;flex-wrap:wrap;font-size:12.5px;color:var(--ink-2)}
.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.atab{width:100%;border-collapse:collapse;font-size:13.5px}
.atab th,.atab td{padding:11px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.atab th{font-weight:500;color:var(--ink-2);font-size:12px}
.atab td.num,.atab th.num{text-align:right;font-variant-numeric:tabular-nums}
.atab tr.best td{background:rgba(47,122,79,.06)}
.atab tr.new td{background:rgba(217,83,47,.08)}
.badge{display:inline-block;font-size:11px;padding:3px 8px;border-radius:999px;border:1px solid var(--line);color:var(--ink-2)}
.badge.g{color:var(--ok);border-color:rgba(47,122,79,.5)} .badge.c{color:var(--copper);border-color:rgba(217,83,47,.5)} .badge.w{color:#E8973F;border-color:rgba(232,151,63,.5)}
.thumb{width:40px;height:40px;border-radius:6px;object-fit:cover;background:repeating-linear-gradient(45deg,#EFE9DF 0 6px,#F5F2ED 6px 12px);display:inline-block;vertical-align:middle}
.hb{display:grid;grid-template-columns:200px 1fr 54px;gap:12px;align-items:center;margin:8px 0;font-size:13.5px}
.hb .tr{height:10px;border-radius:0 5px 5px 0;background:rgba(20,20,20,.06);position:relative}
.hb .tr i{position:absolute;inset:0 auto 0 0;border-radius:0 5px 5px 0;background:var(--copper);transition:width 1s var(--ease)}
.hb .v{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink)}
.gate{position:relative;height:14px;border-radius:7px;background:rgba(20,20,20,.06);margin:16px 0 8px}
.gate i{position:absolute;inset:0 auto 0 0;border-radius:7px;background:linear-gradient(90deg,var(--copper),#8F3216)}
.gate em{position:absolute;top:-6px;bottom:-6px;width:2px;background:#E8973F}
.gate em::after{content:attr(data-l);position:absolute;top:-18px;left:4px;font-style:normal;font-size:11px;color:#E8973F;white-space:nowrap}
.verdict{margin-top:14px;padding:14px 16px;border-radius:12px;border:1px solid rgba(47,122,79,.45);background:rgba(47,122,79,.07);font-size:15px}
.demo{font-size:11px;color:#E8973F;border:1px dashed rgba(232,151,63,.6);border-radius:4px;padding:2px 6px;margin-left:8px;font-weight:400}
@media (max-width:900px){.gcards,.qopts.txt,.rx,.crgrid,.labhero,.labfeat,.a2,.reccard,.morereads,.bento,.glab-grid,.zonebody,.rxzones{grid-template-columns:minmax(0,1fr)}.fc.span2{grid-column:span 1}.qopts.img,.kpis,.safety,.gpills,.zonedock{grid-template-columns:repeat(2,minmax(0,1fr))}.safety div{border-right:0;margin-right:0}.reccard img{width:100%;height:180px}.hb{grid-template-columns:120px minmax(0,1fr) 44px}.pg{padding:116px 5vw 10vh}.wpage,.whelp{grid-template-columns:minmax(0,1fr)}.wpage{padding:112px 5vw 10vh}.labviz{padding-right:0}.pin2{position:static;margin:6px 0}}

/* ===== FEATURES ===== */
.feats{padding:20vh 6vw 16vh}
.feats .head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:7vh}
.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.fc{position:relative;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--char);min-height:440px;display:flex;flex-direction:column;justify-content:flex-end}
.fc.span2{grid-column:span 2}
.fc .vis{position:absolute;inset:0}
.fc .vis img,.fc .vis video{width:100%;height:100%;object-fit:cover;opacity:.75}
.fc .vis::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(245,242,237,.92) 82%)}
.fc .txt{position:relative;z-index:2;padding:30px}
.fc .k{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--copper)}
.fc h3{font-family:var(--serif);font-weight:400;font-size:clamp(34px,3vw,52px);line-height:.98;margin:12px 0 12px;letter-spacing:-.02em}
.fc p{margin:0;color:var(--ink-2);font-size:15px;max-width:520px}
.fc.full{grid-column:1/-1;min-height:auto;padding:30px}
.lcd-demo{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(60% 60% at 50% 45%,#1c1c1f,#F5F2ED)}
.lcd-demo .bodyb{width:min(78%,520px);height:120px;border-radius:60px;background:linear-gradient(180deg,#2a2a2e,#121214 55%,#08080a);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 30px 60px rgba(60,40,20,0.16);display:flex;align-items:center;justify-content:center;gap:26px;transform:translateY(-40px)}
.lcd-demo .scr{width:150px;height:56px;border-radius:8px;background:#060607;display:grid;place-items:center;font:600 34px/1 Inter,sans-serif;color:#ff6a3d;font-variant-numeric:tabular-nums}
.lcd-demo .scr span{opacity:0;transition:opacity .9s,text-shadow .9s}
.lcd-demo.on .scr span{opacity:1;text-shadow:0 0 14px rgba(255,106,61,.8)}
.lcd-demo .keys{display:flex;flex-direction:column;gap:8px}
.lcd-demo .keys i{width:22px;height:22px;border-radius:50%;background:#F5F2ED;border:1px solid #2f2f33;font:400 14px/20px Inter;color:#6b6762;text-align:center;font-style:normal}
.heatline{position:absolute;inset:26px 26px 54% 26px}
.heatline svg{width:100%;height:100%;overflow:visible}
.safety{display:grid;grid-template-columns:repeat(6,1fr);gap:0;border-top:1px solid var(--line);margin-top:24px}
.safety div{padding:22px 18px 4px 0;border-right:1px solid var(--line);margin-right:18px}
.safety div:last-child{border-right:0}
.safety b{display:block;font-family:var(--serif);font-weight:400;font-size:30px;line-height:1.05;margin-bottom:6px}
.safety span{font-size:13px;color:var(--ink-2)}
.cmp{padding:16vh 6vw}
.cmp table{width:100%;border-collapse:collapse;margin-top:6vh;font-size:15px}
.cmp th,.cmp td{padding:16px 14px;border-bottom:1px solid var(--line);text-align:center;vertical-align:middle}
.cmp th:first-child,.cmp td:first-child{text-align:left;color:var(--ink-2);font-weight:400;width:22%}
.cmp thead th{font-weight:400;vertical-align:bottom}
.cmp thead svg{height:150px;width:auto;display:block;margin:0 auto 10px}
.cmp thead b{display:block;font-family:var(--serif);font-weight:400;font-size:40px;line-height:1}
.cmp thead small{display:block;font-size:12px;color:var(--ink-2);letter-spacing:.1em;text-transform:uppercase;margin-top:4px}
.cmp .cur{background:rgba(20,20,20,.04)}
.cmp td.yes::before{content:"●";color:var(--copper);margin-right:6px;font-size:9px;vertical-align:2px}
.cmp tfoot td{border-bottom:0;padding-top:24px}
.cmp tfoot button,.cmp tfoot a{border:1px solid var(--ink);border-radius:999px;padding:11px 18px;font-size:13px;transition:all .3s;display:inline-block}
.cmp tfoot button:hover{background:var(--ink);color:var(--cream)}

/* ===== BAG ===== */
.scrim{position:fixed;inset:0;background:rgba(60,40,20,0.16);opacity:0;pointer-events:none;transition:opacity .5s;z-index:150}
.scrim.show{opacity:1;pointer-events:auto}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(470px,100vw);background:var(--char);z-index:151;transform:translateX(100%);transition:transform .7s var(--ease);display:flex;flex-direction:column;border-left:1px solid var(--line)}
.drawer.show{transform:none}
.drawer header{display:flex;justify-content:space-between;align-items:center;padding:26px 28px 18px}
.drawer header h3{margin:0;font-family:var(--serif);font-weight:400;font-size:36px}
.meter{margin:0 28px 6px;font-size:12.5px;color:var(--ink-2)}
.meter .bar{height:2px;background:var(--line);margin-top:10px;position:relative;overflow:hidden}
.meter .bar i{position:absolute;inset:0;background:linear-gradient(90deg,var(--copper),#8F3216);transform-origin:left;animation:grow 1s var(--ease)}
@keyframes grow{from{transform:scaleX(0)}}
.drawer .lines{flex:1;overflow:auto;padding:6px 28px}
.ln{display:grid;grid-template-columns:76px 1fr auto;gap:16px;padding:18px 0;border-top:1px solid var(--line);align-items:center;animation:slin .6s var(--ease)}
@keyframes slin{from{opacity:0;transform:translateX(30px)}}
.ln img{width:76px;height:96px;object-fit:cover;border-radius:4px}
.ln b{font-weight:500} .ln small{display:block;color:var(--ink-2);font-size:12.5px;margin-top:3px}
.ln .q{display:flex;gap:12px;align-items:center;margin-top:10px;font-size:13px;color:var(--ink-2)}
.ln .q button{width:24px;height:24px;border:1px solid var(--line);border-radius:50%;line-height:1}
.ln .q .rm{width:auto;border:0;text-decoration:underline;text-underline-offset:3px;font-size:12px;margin-left:6px}
.ln .p{text-align:right;white-space:nowrap} .ln .p s{display:block;color:var(--ink-3);font-size:12.5px}
.offer{margin:16px 0;border:1px solid rgba(217,83,47,.5);border-radius:10px;padding:14px;display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center;background:linear-gradient(135deg,rgba(217,83,47,.14),transparent)}
.offer video,.offer img{width:64px;height:84px;object-fit:cover;border-radius:5px}
.offer b{font-weight:500;font-size:14px} .offer p{margin:4px 0 10px;font-size:12.5px;color:var(--ink-2)}
.offer button{font-size:12.5px;border:1px solid var(--copper);color:var(--copper);border-radius:999px;padding:8px 14px;transition:all .3s}
.offer button:hover{background:var(--copper);color:var(--black)}
.offer.quiet{border-color:var(--line);background:none} .offer.quiet button{border-color:var(--line);color:var(--ink)}
.holdnote{margin:12px 0;font-size:12.5px;padding:12px 14px;border-radius:8px;background:rgba(217,83,47,.08);color:var(--ink-2);border:1px solid rgba(217,83,47,.25)}
.drawer footer{padding:20px 28px 28px;border-top:1px solid var(--line)}
.drawer .row{display:flex;justify-content:space-between;font-size:14px;color:var(--ink-2);margin-bottom:6px}
.drawer .row.save{color:var(--copper)}
.drawer .tot{display:flex;justify-content:space-between;align-items:baseline;margin:12px 0 18px}
.drawer .tot b{font-family:var(--serif);font-weight:400;font-size:42px}
.drawer .pays{text-align:center;font-size:12px;color:var(--ink-3);margin-top:12px;letter-spacing:.04em}
.drawer .empty{color:var(--ink-2);padding:50px 0;text-align:center}
.drawer .empty p{font-family:var(--serif);font-size:34px;color:var(--ink);margin:0 0 20px}
.flyer{position:fixed;left:0;top:0;z-index:400;width:14px;height:14px;border-radius:50%;background:var(--copper);pointer-events:none;box-shadow:0 0 30px var(--copper)}

/* interstitial */
.inter{position:fixed;inset:0;z-index:170;display:grid;grid-template-columns:1fr 1fr;background:rgba(245,242,237,.96);opacity:0;pointer-events:none;transition:opacity .6s var(--ease)}
.inter.show{opacity:1;pointer-events:auto}
.inter .v{position:relative;overflow:hidden}
.inter .v video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.1);transition:transform 1.6s var(--ease)}
.inter.show .v video{transform:none}
.inter .c{display:flex;flex-direction:column;justify-content:center;padding:8vw;transform:translateY(30px);transition:transform 1s .1s var(--ease)}
.inter.show .c{transform:none}
.inter .later{margin-top:18px;font-size:13px;color:var(--ink-2);text-decoration:underline;text-underline-offset:3px;align-self:flex-start}
.inter .x{position:absolute;top:26px;right:32px;font-size:28px;color:var(--ink-2)}
.inter .h-xl{font-size:clamp(48px,5.2vw,92px)}

/* ===== CHECKOUT ===== */
.co{display:grid;grid-template-columns:1.1fr .9fr;min-height:100vh}
.co .l{padding:46px 6vw 80px}
.co .r{background:var(--cream-2);padding:46px 5vw 80px;border-left:1px solid var(--line)}
.co .r .inner{position:sticky;top:40px}
.co .logo{color:var(--ink)}
.crumb2{display:flex;gap:10px;font-size:12px;color:var(--ink-3);margin:14px 0 36px;letter-spacing:.04em}
.crumb2 b{color:var(--ink);font-weight:500}
.express{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.express button{height:52px;border-radius:8px;font-weight:600;font-size:16px;transition:transform .3s var(--ease)}
.express button:hover{transform:translateY(-2px)}
.express [hidden]{display:none!important}.express:has(.ap[hidden]){grid-template-columns:1fr}  /* live checkout: only PayPal until Stripe's wallet buttons mount */
.express .ap{background:#000;color:#fff} .express .gp{background:#fff;color:#3c4043;border:1px solid #dadce0} .express .pp{background:#FFC439;color:#003087;font-style:italic;font-weight:800}
.or{display:flex;align-items:center;gap:14px;color:var(--ink-3);font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin:30px 0}
.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}
.co h3{font-family:var(--serif);font-weight:400;font-size:30px;margin:36px 0 16px}
.f{position:relative;display:block;margin-bottom:10px}
.f input,.f select,.f textarea{width:100%;padding:24px 16px 10px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.55);outline:none;transition:border-color .3s,box-shadow .3s;appearance:none;-webkit-appearance:none}
.f textarea{min-height:110px;resize:vertical}
.f span{position:absolute;left:17px;top:17px;font-size:15px;color:var(--ink-3);pointer-events:none;transition:all .25s var(--ease)}
.f input:focus,.f select:focus,.f textarea:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(20,20,20,.06)}
.f input:focus+span,.f input:not(:placeholder-shown)+span,.f input[type=date]+span,.f select+span,.f textarea:focus+span,.f textarea:not(:placeholder-shown)+span{top:8px;font-size:11px;letter-spacing:.04em}
.f.bad input,.f.bad select{border-color:var(--err)}
.f small{display:block;font-size:12px;color:var(--ink-3);margin:6px 2px 0}
.ordchip{display:inline-flex;align-items:center;gap:4px;padding:7px 13px;border:1px solid rgba(20,20,20,.16);border-radius:999px;background:#fff;color:var(--ink);font-family:inherit;font-size:12.5px;font-weight:500;line-height:1;cursor:pointer;text-decoration:none}
.ordchip:hover{border-color:var(--ink)}
.f.bad small{color:var(--err)}
.addrlist{position:absolute;left:0;right:0;top:54px;z-index:30;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid var(--ink);border-radius:0 0 10px 10px;box-shadow:0 18px 40px rgba(20,20,20,.14)}
.addrlist li[role=option]{display:flex;flex-direction:column;gap:1px;padding:10px 12px;border-radius:6px;cursor:pointer}
.addrlist li[role=option] b{font-weight:500;font-size:14.5px;color:var(--ink)}
.addrlist li[role=option] span{position:static;font-size:12.5px;color:var(--ink-2);letter-spacing:0}
.addrlist li[role=option]:hover,.addrlist li[aria-selected=true]{background:var(--cream-2)}
.addrlist li[aria-selected=true]{box-shadow:inset 3px 0 0 var(--copper)}
.addrlist .osm{padding:6px 12px 2px;font-size:10.5px;color:var(--ink-3);text-align:right}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:10px} .g3{display:grid;grid-template-columns:1.3fr 1fr .8fr;gap:10px}
.opt{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:rgba(255,255,255,.4)}
.opt label{display:flex;align-items:center;gap:14px;padding:17px 16px;cursor:pointer;border-top:1px solid var(--line)}
.opt label:first-child{border-top:0}
.opt input[type=radio]{accent-color:var(--cream-ink);width:16px;height:16px}
.opt .grow{flex:1}
.opt .cardbox{padding:4px 16px 16px;border-top:1px solid var(--line)}
.bump{display:grid;grid-template-columns:auto 60px 1fr;gap:14px;align-items:center;margin:26px 0 0;padding:14px;border:1.5px dashed var(--copper);border-radius:10px;background:rgba(217,83,47,.09);cursor:pointer}
.bump input{width:18px;height:18px;accent-color:var(--copper)}
.bump img{width:60px;height:72px;object-fit:cover;border-radius:5px}
.bump b{font-weight:500}
.bump p{margin:2px 0 0;font-size:12.5px;color:var(--ink-2)}
.sline{display:grid;grid-template-columns:64px 1fr auto;gap:16px;align-items:center;margin-bottom:16px}
.sline .im{position:relative}
.sline img{width:64px;height:78px;object-fit:cover;border-radius:6px}
.sline .q{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;background:var(--cream-ink);color:var(--cream);font-size:11px;display:grid;place-items:center;font-weight:600}
.sline small{display:block;color:var(--ink-2);font-size:12.5px}
.sline .p{text-align:right} .sline .p s{display:block;font-size:12.5px;color:var(--ink-3)}
.tots{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}
.tots .row{display:flex;justify-content:space-between;font-size:14.5px;margin:9px 0;color:var(--ink-2)}
.tots .row.save{color:#9a5a3c}
.tots .grand{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);margin-top:16px;padding-top:16px}
.tots .grand b{font-family:var(--serif);font-weight:400;font-size:44px}
.secure{display:flex;gap:10px;align-items:center;justify-content:center;font-size:12px;color:var(--ink-3);margin-top:14px}

/* ===== ORDER ===== */
.thanks{min-height:100vh;padding:20vh 6vw 12vh;display:grid;grid-template-columns:1.1fr .9fr;gap:6vw;align-items:start}
.timeline{display:grid;grid-template-columns:repeat(3,1fr);margin:40px 0;border-top:1px solid var(--line)}
.timeline div{padding:18px 16px 0 0;position:relative}
.timeline div::before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;border-radius:50%;background:var(--line)}
.timeline div.done::before{background:var(--ok)} .timeline div.next::before{background:var(--copper);animation:pulse 1.8s infinite}
.timeline b{display:block;font-weight:500;font-size:14px} .timeline span{font-size:13px;color:var(--ink-2)}

/* ===== WARRANTY ===== */
.whero{position:relative;min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4vw;padding:120px 6vw 10vh;overflow:hidden}

.whero .steps4{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:40px;max-width:620px}
.whero .steps4 div{padding:16px 12px 0 0;font-size:13px;color:var(--ink-2)}
.whero .steps4 b{display:block;font-family:var(--serif);font-weight:400;font-size:32px;color:var(--ink)}
.cardwrap{display:grid;place-items:center}
.realcard{width:min(560px,90%);border-radius:14px;box-shadow:0 60px 120px rgba(60,40,20,0.16),0 0 0 1px rgba(255,255,255,.06);transform:rotateX(14deg) rotateY(-18deg) rotateZ(3deg);transition:transform .9s var(--ease)}
.scanned{display:inline-flex;align-items:center;gap:10px;margin-top:26px;padding:10px 16px;border-radius:999px;border:1px solid rgba(217,83,47,.45);background:rgba(217,83,47,.1);font-size:13px}
.scanned code{font-size:12px;color:var(--copper)}
.wmain{padding:12vh 6vw 16vh;display:grid;grid-template-columns:1.2fr .8fr;gap:5vw;align-items:start}
.tabs{display:inline-flex;gap:4px;padding:5px;border-radius:999px;background:rgba(20,20,20,.06);margin-bottom:34px}
.tabs button{padding:11px 22px;border-radius:999px;font-size:14px;color:var(--ink-2);transition:all .4s var(--ease)}
.tabs button.on{background:var(--cream-ink);color:var(--cream)}
.stepper{display:flex;gap:8px;margin-bottom:12px}
.stepper i{flex:1;height:2px;background:var(--line);position:relative;overflow:hidden}
.stepper i b{position:absolute;inset:0;background:var(--cream-ink);transform:scaleX(0);transform-origin:left;transition:transform .7s var(--ease)}
.stepper i.done b{transform:none}
.stepcount{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);margin-bottom:22px}
.wstep{display:none} .wstep.on{display:block;animation:pagein .7s var(--ease)}
.wstep h2{font-family:var(--serif);font-weight:400;font-size:clamp(44px,4.4vw,72px);line-height:.95;letter-spacing:-.02em;margin:0 0 26px}
.pickirons{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:26px}
.pickirons label{border:1px solid var(--line);border-radius:14px;padding:22px 10px 16px;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;transition:all .4s var(--ease);background:rgba(255,255,255,.35)}
.pickirons label:hover{border-color:var(--ink-3)}
.pickirons input{display:none}
.pickirons label:has(input:checked){border-color:var(--cream-ink);background:#fff;box-shadow:0 20px 40px rgba(20,20,20,.08)}
.pickirons svg{height:170px;width:auto}
.pickirons b{font-family:var(--serif);font-weight:400;font-size:28px;line-height:1}
.pickirons span{font-size:12px;color:var(--ink-2)}
.qblock{margin-bottom:22px}
.qblock .q{font-size:14px;margin-bottom:10px}
.qblock .q small{color:var(--ink-3);margin-left:6px}
.chipset{display:flex;flex-wrap:wrap;gap:8px}
.chipset label{cursor:pointer}
.chipset input{display:none}
.chipset span{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:10px 16px;font-size:14px;transition:all .3s;background:rgba(255,255,255,.35)}
.chipset input:checked+span{background:var(--cream-ink);color:var(--cream);border-color:var(--cream-ink)}
.navrow{display:flex;justify-content:space-between;align-items:center;margin-top:30px;gap:12px}
.navrow .back{font-size:14px;color:var(--ink-2);text-decoration:underline;text-underline-offset:3px}
.warnline{font-size:13px;color:#9a5a3c;margin:4px 2px 12px;display:none}
.warnline.show{display:block}
.fix{display:none;margin:4px 0 22px;padding:20px;border-radius:12px;background:#fff;border:1px solid var(--line)}
.fix.show{display:block;animation:pagein .6s var(--ease)}
.fix ol{margin:10px 0 0;padding-left:20px;font-size:14.5px;color:var(--ink-2)} .fix li{margin:6px 0}
.drop{border:1.5px dashed var(--ink-3);border-radius:12px;padding:26px;text-align:center;cursor:pointer;transition:all .3s;background:rgba(255,255,255,.35);position:relative}
.drop:hover{border-color:var(--ink)}
.drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.drop.has{border-style:solid;border-color:var(--cream-ink);display:grid;grid-template-columns:90px 1fr;gap:16px;align-items:center;text-align:left}
.drop img{width:90px;height:90px;object-fit:cover;border-radius:8px}
.drop.bad{border-color:var(--err)}
.side .box{border:1px solid var(--line);border-radius:16px;padding:26px;margin-bottom:14px;background:rgba(255,255,255,.35)}
.side h4{font-family:var(--serif);font-weight:400;font-size:28px;margin:0 0 8px}
.cert{position:relative;border-radius:18px;padding:34px;background:radial-gradient(120% 120% at 100% 0%,#3a2a22,#F5F2ED 60%);color:#141414;overflow:hidden;box-shadow:0 40px 80px rgba(20,20,20,.25);transform-style:preserve-3d;transition:transform .8s var(--ease)}
.cert::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.12) 45%,transparent 60%);transform:translateX(-100%);animation:sheen 2.4s 0.4s var(--ease) forwards}
@keyframes sheen{to{transform:translateX(100%)}}
.cert .top{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:rgba(20,20,20,.6)}
.cert h3{font-family:var(--serif);font-weight:400;font-size:54px;line-height:.95;margin:30px 0 28px}
.cert h3 em{color:var(--copper)}
.cert dl{display:grid;grid-template-columns:auto 1fr;gap:10px 22px;margin:0;font-size:14px}
.cert dt{color:rgba(20,20,20,.55)} .cert dd{margin:0}
.cert .id{font-family:ui-monospace,Menlo,monospace;letter-spacing:.08em}
.okpill{display:inline-flex;align-items:center;gap:8px;color:var(--ok)} .okpill::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok)}
.after-acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.perk{margin-top:16px;display:grid;grid-template-columns:70px 1fr;gap:16px;align-items:center;padding:16px;border-radius:14px;border:1px solid rgba(217,83,47,.5);background:rgba(217,83,47,.08)}
.perk img{width:70px;height:88px;object-fit:cover;border-radius:6px}
.toast{position:fixed;left:50%;top:24px;transform:translate(-50%,-30px);opacity:0;background:#141414;color:#F5F2ED;padding:12px 20px;border-radius:999px;font-size:14px;z-index:800;transition:all .5s var(--ease);pointer-events:none}
.toast.show{opacity:1;transform:translate(-50%,0)}

@media (max-width:900px){
  nav.top,nav.top.solid{padding:12px 16px 10px;flex-wrap:wrap;background:rgba(245,242,237,.9);border-color:rgba(20,20,20,.08)}
  .logo{font-size:17px;letter-spacing:.22em}
  .bag{font-size:12.5px;gap:6px}
  nav.top .links{display:flex;order:3;width:100%;overflow-x:auto;white-space:nowrap;gap:20px;padding-top:9px;margin-top:8px;border-top:1px solid rgba(20,20,20,.08);font-size:12.5px;scrollbar-width:none}
  nav.top .links::-webkit-scrollbar{display:none}
  .hero .stage{width:min(88vw,360px);height:auto;max-height:70vh}
  .hero h1{flex-direction:column;justify-content:center;gap:38vh;font-size:clamp(68px,19vw,120px)}
  .hero .meta{left:16px;right:16px;bottom:16px;flex-direction:column;align-items:stretch;gap:10px}
  .hero .meta .views{font-size:11.5px}
  .hero .meta .cta{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .hero .meta .cta .btn{padding:13px 10px;font-size:12.5px;gap:6px}
  .scrub .pin{grid-template-columns:minmax(0,1fr);justify-items:center;padding-top:12vh}
  .scrub canvas{height:50vh} .steps{display:none} .temp{text-align:center}
  .irons,.pdp,.set,.heat,.halves,.faqsec,.co,.thanks,.whero,.wmain,.inter{grid-template-columns:minmax(0,1fr)}
  .widths .head,.feats .head,.wall .head{flex-direction:column;align-items:start}
  .panel{position:static;max-height:none}
  .specs3,.g2,.g3{grid-template-columns:minmax(0,1fr)} footer.site{grid-template-columns:repeat(2,minmax(0,1fr))}
  .inter .v{height:45vh}
}

/* ===== v8 polish: one quiet visual language ===== */
.spill{display:inline-block;font:500 10.5px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--copper);border:1px solid rgba(217,83,47,.45);border-radius:999px;padding:4px 8px;vertical-align:middle;white-space:nowrap}
.trustbar{grid-template-columns:repeat(5,1fr);gap:0;padding:26px 4vw;background:var(--black)}
.trustbar>div{display:block;padding:0 22px;border-left:1px solid var(--line)}
.trustbar>div:first-child{border-left:0;padding-left:0}
.trustbar b{display:block;font-family:var(--serif);font-weight:400;font-size:32px;line-height:1;color:var(--ink);margin-bottom:6px}
.trustbar span{font-size:12.5px;color:var(--ink-2)}
.setstrip{box-shadow:none;border:1px solid rgba(20,20,20,.1)}
.setstrip .r{display:flex;align-items:center;gap:22px;justify-content:flex-end}
.qlink{font-size:13.5px;color:rgba(20,20,20,.75);text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.tile .shop-pill{background:rgba(245,242,237,.42);border:1px solid rgba(20,20,20,.14);padding:8px 8px 8px 14px;border-radius:999px;font-size:12px;bottom:12px;left:12px;right:12px}
.tile .shop-pill button{background:transparent;color:#141414;border:1px solid rgba(20,20,20,.35);font-weight:500;padding:6px 12px}
.tile .shop-pill button:hover{background:#141414;color:#F5F2ED}
.tile .m{bottom:62px}
.bnpl{padding:0;border:0;background:none;margin-top:4px;font-size:13px}
.inbox-list .v{color:var(--copper)!important;font-weight:400!important;font-size:12.5px}
.optrow b{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.co-reserve{background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:0 0 14px;font-size:13px;color:var(--ink-2)}
.cotop .sec,.secure{display:inline-flex;align-items:center;gap:8px}
.lk{width:12px;height:12px;stroke:currentColor;fill:none;stroke-width:1.3}
.postbump .pbtimer{background:none;border:0;padding:0;color:var(--copper)}
.holdnote .dot,.scanned .dot,.co-reserve .dot,.pbtimer .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--copper);margin-right:6px;vertical-align:middle;animation:none}

.promobar{gap:18px}
.promobar button,.promobar a{color:var(--ink)}
.co-reserve{justify-content:flex-start;gap:4px}

/* ===== v9: bag fits one screen, buy box fits one screen, single-line rows ===== */
.drawer header{padding:18px 24px 12px}
.drawer header h3{font-size:28px}
.drawer .tiers{padding:10px 24px;margin:0;border-bottom:1px solid var(--line)}
.drawer .tmsg{font-size:12px;line-height:1.4;color:var(--ink-2)}
.drawer .meter .bar{margin-top:6px}
.tier-steps{display:flex!important;justify-content:space-between;align-items:center;white-space:nowrap;font-size:11px;margin-top:6px;gap:8px}
.tier-steps span{display:inline-flex!important;align-items:center;gap:5px;white-space:nowrap}
.drawer .lines{padding:2px 24px}
.drawer .ln{padding:12px 0;grid-template-columns:56px 1fr auto;gap:12px}
.drawer .ln img{width:56px;height:68px}
.drawer .ln>div{min-width:0}
.drawer .ln b{display:block;font-size:14px;line-height:1.3}
.drawer .ln small{font-size:12px;line-height:1.3;display:block}
.drawer .ln .q{margin-top:6px}
.drawer .ln .p{font-size:14px}
.drawer .holdnote{margin:8px 0;padding:9px 12px;font-size:12px}
.offer2{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:10px 12px;margin:10px 0;border:1px solid rgba(217,83,47,.4);border-radius:12px;background:linear-gradient(135deg,rgba(217,83,47,.1),transparent)}
.offer2 video,.offer2 img{width:48px;height:58px;object-fit:cover;border-radius:6px}
.offer2>div{min-width:0}
.offer2 b{display:block;font-weight:500;font-size:13px;line-height:1.3}
.offer2 p{margin:2px 0 0;font-size:11.5px;line-height:1.3;color:var(--ink-2)}
.offer2 button{white-space:nowrap;padding:8px 14px;border-radius:999px;border:1px solid var(--copper);color:var(--copper);font-size:12.5px;font-weight:500;transition:all .3s}
.offer2 button:hover{background:var(--copper);color:#F5F2ED}
.drawer footer{padding:14px 24px 20px}
.drawer .tot{margin:8px 0 12px}
.drawer .tot b{font-size:32px}
.drawer footer .btn{padding:15px 24px}
.drawer .pays{margin-top:8px}
.promo-trig{display:flex;justify-content:space-between;gap:10px;cursor:pointer;font-size:12.5px;color:var(--ink-2);padding:2px 0 8px;margin-bottom:6px;border-bottom:1px solid var(--line)}
.promo-trig .add{color:var(--copper)}
.promo-row{font-size:12.5px}
.promo-x{color:var(--ink-3);text-decoration:underline;margin-left:8px;font-size:11.5px}
.promo-open{margin:0 0 8px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.promo-open .crow{display:flex;gap:6px;align-items:center}
.promo-open input{flex:1;min-width:0;background:rgba(245,242,237,.6);border:1px solid var(--line);border-radius:8px;padding:8px 11px;font-size:13px;color:var(--ink);text-transform:none;letter-spacing:0}
.promo-open input:focus{outline:none;border-color:var(--copper)}
.promo-open .apply{padding:8px 14px;border-radius:8px;background:var(--copper);color:#F5F2ED;font-weight:600;font-size:12.5px}
.promo-open .try{margin-top:6px;font-size:11px;color:var(--ink-3)}
.promo-open .try button{color:var(--ink-2);text-decoration:underline;font-size:11px}
/* buy box */
.panel{top:76px;padding:22px 3vw 32px}
body.has-bar .panel{top:106px;max-height:calc(100vh - 106px)}
@media(max-width:900px){body.has-bar .panel{max-height:none;overflow:visible}} /* phones: the buy box scrolls with the page (Add to bag was trapped in an inner scroll) */
.panel .crumbs{margin-bottom:8px}
.panel h1{font-size:clamp(36px,3.1vw,48px);margin:4px 0 2px}
.panel .rating{margin:6px 0 10px}
.panel .pnow b{font-size:38px}
#pBnpl{font-size:12.5px;line-height:1.4}
.zone1{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:12px;letter-spacing:.06em;color:var(--ink-2);line-height:1.4}
.zone1 .dot{width:6px;height:6px;border-radius:50%;background:var(--copper);flex:none;animation:none}
.panel .lbl2{margin:12px 0 6px}
.panel .seg3 a{height:40px}
.panel .optrow{padding:8px 11px;gap:10px;grid-template-columns:18px 36px 1fr auto}
.panel .optrow img,.panel .optrow video{width:36px;height:36px}
.panel .optrow>div{min-width:0}
.panel .optrow b{flex-wrap:nowrap;white-space:nowrap;overflow:hidden}
.panel .optrow small{display:block;line-height:1.3}
.panel .buyrow{margin-top:12px}
.panel #pAtc{padding:16px 20px;font-size:15px}
.panel .eta{margin-top:10px;font-size:12.5px}
.panel .below{margin-top:0}
.panel .trust{margin-top:14px}
.panel .trust div{padding:11px 4px}
.owner1{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;font-size:12.5px;color:var(--ink-2)}
.owner1 button{color:var(--copper);text-decoration:underline;text-underline-offset:3px;font-size:12.5px}
.iron .for .zt{display:block;color:var(--ink);font-weight:500;font-size:13.5px;margin-bottom:4px}
.iron .for{min-height:72px}
.etarow{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px}
.etarow .restock{flex:1 0 100%;display:flex;gap:8px;align-items:stretch}
.etarow .restock>*{margin:0!important}
.etarow .restock .f{flex:1;min-width:0}
.etarow .restock .btn{white-space:nowrap}
.etarow .eta{min-width:0;line-height:1.35}
.etarow .notify{flex:none;font-size:12px;color:var(--copper);text-decoration:underline;text-underline-offset:3px}
.panel .trust{grid-template-columns:.85fr .85fr 1.3fr}
.panel .trust div{font-size:11.5px}
.panel .trust b{white-space:nowrap}
.optq{margin-top:22px;padding:20px;border:1px solid var(--line);border-radius:16px}
.optq h4{font-family:var(--serif);font-weight:400;font-size:26px;margin:6px 0 14px}

.guide10 .cmpt-wrap{overflow-x:auto;margin:6vh 0 0;border:1px solid var(--line);border-radius:18px}
.cmpt{width:100%;border-collapse:collapse;font-size:14.5px;min-width:760px}
.cmpt th,.cmpt td{padding:16px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.cmpt thead th{font-family:var(--serif);font-weight:400;font-size:22px}
.cmpt td:first-child{color:var(--ink-2);width:12%;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.cmpt tr:last-child td{border-bottom:0}
.cmpt .pr{font-size:18px}.cmpt .pr small{display:block;font-size:12px;color:var(--ink-2)}
.cmpt th:last-child,.cmpt td:last-child{background:rgba(217,83,47,.07)}
.tcard{display:grid;grid-template-columns:.8fr 1.2fr;gap:4vw;margin:8vh 0 0;padding:30px;border:1px solid var(--line);border-radius:18px;background:var(--char)}
.tcard h2{font-size:44px;margin:8px 0 10px;line-height:1}
.tcard table{width:100%;border-collapse:collapse;font-size:15px}
.tcard th,.tcard td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left}
.tcard th{font-weight:500;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.gdlist{display:grid;gap:10px;margin:8vh 0 0;max-width:900px}
.gd{border:1px solid var(--line);border-radius:14px;padding:0 22px}
.gd summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:20px 0;font-family:var(--serif);font-size:26px}
.gd summary i{font-style:normal;color:var(--copper);transition:transform .4s var(--ease)}
.gd[open] summary i{transform:rotate(45deg)}
.gdb{padding:0 0 20px}.gdb p{color:var(--ink-2);line-height:1.7;font-size:16px}
.rx3{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:14px;text-align:left}
.rxc{border:1px solid var(--line);border-radius:18px;padding:24px;background:var(--char);display:flex;flex-direction:column;gap:8px}
.rxc .k{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--copper)}
.rxc img{width:100%;height:190px;object-fit:contain;background:#F1EDE4;padding:10px;border-radius:12px}
.rxc h3{font-family:var(--serif);font-weight:400;font-size:30px;margin:4px 0 0;line-height:1}
.rxc .pr{font-size:18px}.rxc .pr s{color:var(--ink-3);font-size:14px}
.rxc .temp2{font-family:var(--serif);font-size:clamp(46px,4.6vw,72px);line-height:.95}
@media (max-width:900px){.tcard,.rx3{grid-template-columns:1fr}}

/* ===== v10 mobile streamlined mode ===== */
.mbadge{display:none}
@media (max-width:768px){
  .mega{display:none}
  /* PDP */
  .route-pdp .panel .amz{display:none} /* accordions stay visible on phones (and for Google's phone crawler) */
  .sticky-buy{display:grid!important;grid-template-columns:1fr auto;gap:2px 12px;align-items:center;padding:10px 16px calc(10px + env(safe-area-inset-bottom))}
  .sticky-buy>span{font-size:13px;color:var(--ink-2);grid-column:1}
  .sticky-buy>b{grid-column:1;font-size:17px}
  .sticky-buy .sbship{grid-column:1;font-size:11.5px;color:var(--copper)}
  .sticky-buy .s-opts{display:none!important}
  .sticky-buy .btn{grid-column:2;grid-row:1/span 3;max-width:none;padding:14px 20px}
  /* warranty: form first */
  .wstick{display:none!important}
  .wpage{padding-top:84px;gap:0}
  .mbadge{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--copper);margin-bottom:10px}
  .mbadge .dot{width:6px;height:6px;border-radius:50%;background:var(--copper);animation:none}
  .wform>.eyebrow,.wform .lead{display:none}
  .wform h1{font-size:34px;margin:0 0 12px}
  .wform .scanned{margin:0 0 12px;font-size:12px;padding:8px 12px}
  .wform .tabs{margin-bottom:14px;overflow-x:auto;max-width:100%}.wform .tabs button{padding:9px 13px;font-size:12.5px;white-space:nowrap}
  .wform .wstep h2{font-size:28px;margin-bottom:14px}
  .wform .g2{grid-template-columns:1fr}
  .wform .f{margin-bottom:8px}
  .wform .navrow{margin-top:14px}
}

body:not(.wave2) .w2{display:none!important}
@media (max-width:768px){.wform h1{display:none}.wform .stepcount{margin-bottom:6px}.wform .wstep h2{font-size:24px;margin-bottom:10px}.wform .f input,.wform .f select{padding:20px 14px 8px}}

@media (max-width:768px){
  .promobar{height:30px;padding:0 34px 0 12px;gap:8px;font-size:11px;justify-content:flex-start}
  .promobar>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
  .promobar>a,.promobar>button:not(.xbar){flex:none;font-size:11px}
  .promobar .hide-m{display:none}
  body.has-bar nav.top{top:30px}
  .wform .scanned{font-size:11.5px}.wform .scanned code{display:none}
}

.rv,.rv.in{opacity:1!important;transform:none!important;transition:none!important}

/* ===== v10.2 overlap fixes ===== */
.wform .tabs .ts{display:none}
.f input[type=date]+span{top:8px;font-size:11px;letter-spacing:.04em}
@media (min-width:901px){body.has-bar .pdp{padding-top:110px}}
@media (max-width:900px){
  /* header lives in the document flow: it can never sit on top of content */
  .promobar{position:relative!important;top:auto!important}
  nav.top,body.has-bar nav.top{position:sticky!important;top:0!important}
  .pdp{padding-top:0!important}
  .wpage{padding-top:14px!important}
  .pg{padding-top:28px!important}
  .co .l{padding-top:16px!important}
  .thanks{padding-top:28px!important}
  .adm .admtop{position:relative}
  /* small fixes */
  .cmpt-wrap,.guide10 .cmpt-wrap{-webkit-overflow-scrolling:touch}
  .optrow .pr{flex-shrink:0}
  footer.site{grid-template-columns:1fr!important;padding-bottom:96px}
}
@media (max-width:768px){
  .wform .tabs{display:grid!important;grid-template-columns:repeat(3,1fr);width:100%;gap:4px;padding:4px;overflow:visible}
  .wform .tabs button{padding:9px 4px;font-size:12px;text-align:center;white-space:nowrap;min-width:0}
  .wform .tabs .tl{display:none}.wform .tabs .ts{display:inline}
  .pickirons{gap:8px}.pickirons label{padding:12px 6px 10px}.pickirons svg{height:64px!important;max-width:100%}
  .pickirons b{font-size:22px}.pickirons span{font-size:11px}
}

@media (min-width:901px){

}

.pbledger{margin-top:10px;border-top:1px solid var(--line);padding-top:8px;font-size:13px}
.pbledger div{display:flex;justify-content:space-between;padding:3px 0;color:var(--ink-2)}.pbledger .t{color:var(--ink);font-weight:500}
.pbok{display:flex;gap:10px;align-items:flex-start;margin:12px 0;font-size:13px;color:var(--ink-2);cursor:pointer}.pbok input{margin-top:3px;accent-color:var(--copper)}
@media (max-width:900px){.w2ban{margin:12px 16px 0}}

@media (max-width:900px){nav.top .links{gap:14px!important;font-size:12px!important;padding:7px 4vw!important}}

img{color:transparent;font-size:0} /* no alt text / broken-image glyph while loading */

/* cover first, video fades in only once it has a decoded frame (Safari drops the poster while buffering) */
.hero .stage,.mh .mhero{background:#F5F2ED url(/media/s_pass.jpg) center/cover no-repeat}
video{transition:opacity .35s ease}
video:not(.vready){opacity:0!important}
.tile video{transition:transform 1.2s var(--ease),opacity .35s ease}
.pdp .media .m video,.pdp .media .m img{transition:transform 1.4s var(--ease),opacity .35s ease}
.set .vids .vw{position:relative;min-height:100vh}
.set .vids .vw video{position:absolute;inset:0;width:100%;height:100%;min-height:0;object-fit:cover}

img[src^="data:image/svg"]{object-fit:contain!important;background:#F5F2ED}

/* ======================= v11 · Daylight color-block (SheaMoisture-style) ======================= */
@font-face{font-family:'Archivo X';font-style:normal;font-weight:700 900;font-stretch:125%;font-display:swap;src:url('/media/fonts/archivo-x.woff2') format('woff2')}
:root{--display:'Archivo X',-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;--r:24px}
html,body{background:var(--black);color:var(--ink)}
::selection{background:var(--cb-butter);color:#141414}
.disp{font-family:var(--display);font-weight:900;font-stretch:125%;text-transform:uppercase;letter-spacing:.005em;line-height:1.02;color:var(--ink);margin:0}
.h-xl{font-family:var(--display);font-weight:900;font-stretch:125%;text-transform:uppercase;letter-spacing:0;line-height:1.02;font-size:clamp(34px,4.4vw,66px)}
.h-xl em,.disp em{font-family:var(--serif);font-weight:400;font-stretch:100%;text-transform:none;font-style:italic;color:var(--copper);letter-spacing:-.01em}
.eyebrow{color:var(--ink-2);font-weight:600;letter-spacing:.16em}
.muted{color:var(--ink-2)}
s{color:var(--ink-3)}
/* promo + nav */
/* promo bar: brand ink with canvas text and a butter chip, so the browser bar (theme-color #141414) reads as one dark strip above the light nav */
.promobar{background:var(--ink);border-bottom:0;color:var(--bg-canvas);font-weight:500}
.promobar a,.promobar button,.promobar .xbar{color:var(--bg-canvas)}
.promobar a:hover,.promobar button:hover{color:var(--cb-butter)}
.promobar b{color:var(--ink);background:var(--cb-butter);border:0}
nav.top,body.has-bar nav.top,nav.top.solid{background:rgba(245,242,237,.97);color:#141414;border-bottom:1px solid var(--line);padding:16px 40px}
nav.top .links a{opacity:1;color:#3E3A35;font-weight:500}
nav.top .links a:hover,nav.top .links a.on{color:#141414;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}
.logo{font-family:var(--display);font-weight:800;font-stretch:125%;letter-spacing:.12em;font-size:18px}
.bag i{background:#141414;color:#fff;border-color:#141414;font-weight:600}
/* buttons: solid black pills */
.btn{background:#141414;color:#fff;font-weight:700;letter-spacing:.01em}
.btn::before{background:#3a2c25}
.btn.line{background:#fff;color:#141414;border:1.5px solid #141414}
.btn.line::before{background:#141414} .btn.line:hover{color:#fff}
.btn.copper{background:#141414;color:#fff} .btn.copper::before{background:var(--copper)}
.cream .btn{color:#fff}.cream .btn.line{color:#141414}.cream .btn.line:hover{color:#fff}
.spill{background:#141414!important;color:#FCE39C!important;border:0!important}
/* page shell */
.xsec{padding:72px 28px 0;max-width:1480px;margin:0 auto}
.xs-h{font-size:clamp(30px,3.6vw,54px)}
.xs-sub{margin:14px 0 0;font-size:17px;color:var(--ink-2);max-width:760px}
.xs-row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px}
.xs-link{font-weight:600;text-decoration:underline;text-underline-offset:5px;white-space:nowrap}
.xh-tag{display:inline-block;background:#141414;color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:8px 14px;border-radius:999px}
.xh-sub{font-family:var(--serif);font-size:clamp(28px,2.6vw,40px);line-height:1.1;margin:10px 0 0;color:var(--ink)}
.xh-sub em{color:var(--copper)}
.xh-proof{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;color:var(--ink-2)}
.xh-proof span{white-space:nowrap} .xh-proof b{color:var(--ink)} .xh-proof i{width:4px;height:4px;border-radius:50%;background:var(--ink-3);display:inline-block;margin:0 4px}
.stars{color:#141414;letter-spacing:2px}
/* framed hero */
.xhero{margin:84px 28px 0;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.25fr);gap:14px;min-height:calc(100vh - 104px);max-height:880px}
body.has-bar .xhero{margin-top:118px;min-height:calc(100vh - 138px)}
.xh-copy{background:linear-gradient(160deg,#FBE5D8 0%,#F9C5B0 100%);border-radius:var(--r);padding:clamp(28px,4vw,64px);display:flex;flex-direction:column;justify-content:center;gap:18px}
.xh-copy h1{font-size:clamp(56px,7.6vw,128px);line-height:.92}
.xh-p{font-size:17px;line-height:1.55;color:var(--ink-2);max-width:470px;margin:0}
.xh-cta{display:flex;gap:12px;flex-wrap:wrap}
.xh-cta .btn{padding:17px 28px}
.xh-media{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px;min-height:0}
.xhero .stage,.xh-media .stage{position:relative;border-radius:var(--r);overflow:hidden;background:#EFE9DF url(/media/s_pass.jpg) center/cover no-repeat;min-height:0;animation:none;box-shadow:none;height:auto;aspect-ratio:auto}
.xhero .stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.xh-pause{position:absolute;top:16px;right:16px;z-index:3;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.92);color:#141414;display:grid;place-items:center;box-shadow:0 4px 16px rgba(60,40,20,.14)}
.xh-pause svg{width:18px;height:18px;fill:#141414}.xh-pause .iy{display:none}.xh-pause.paused .ip{display:none}.xh-pause.paused .iy{display:block}
.xh-cap{position:absolute;left:14px;bottom:14px;z-index:2;background:#fff;color:#141414;font-size:12.5px;font-weight:600;padding:8px 12px;border-radius:999px}
.xh-stack{display:grid;grid-template-rows:1fr 1fr;gap:14px;min-height:0}
.xh-stack figure{margin:0;position:relative;border-radius:var(--r);overflow:hidden;padding:10px;display:flex;flex-direction:column;min-height:0}
.xh-stack figure.peach{background:var(--cb-peach)} .xh-stack figure.lilac{background:var(--cb-lilac)} .xh-stack figure.green{background:var(--cb-green)}
.xh-stack img{flex:1;min-height:0;width:100%;object-fit:cover;border-radius:16px}
.xh-stack figcaption{font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:9px 6px 2px;color:#141414}
.xtrust{margin:14px 28px 0;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-radius:var(--r);border:1px solid var(--line)}
.xtrust div{padding:20px 22px;border-left:1px solid var(--line)} .xtrust div:first-child{border-left:0}
.xtrust b{display:block;font-family:var(--display);font-stretch:125%;font-weight:900;font-size:20px;text-transform:uppercase}
.xtrust span{display:block;margin-top:4px;font-size:13px;color:var(--ink-2);line-height:1.4}
/* explore cards */
.xexplore{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:36px}
.xcard{border-radius:var(--r);padding:34px 34px 0;display:flex;flex-direction:column;overflow:hidden}
.xcard.green{background:var(--cb-green)} .xcard.lilac{background:var(--cb-lilac)}
.xc-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.xc-top h3{font-size:clamp(24px,2.3vw,36px)}
.xarr{flex:0 0 54px;width:54px;height:54px;border-radius:50%;background:#141414;color:#fff;display:grid;place-items:center;transition:transform .3s var(--ease)}
.xarr:hover{transform:rotate(45deg)}
.xcard ul{margin:26px 0 26px;padding-left:20px;font-size:17px;line-height:1.75;color:#141414}
.xcard>.btn{align-self:center;min-width:min(320px,80%);margin-bottom:30px}
.xc-pic{margin:auto -34px 0;height:360px;border-radius:var(--r) var(--r) 0 0;overflow:hidden}
.xc-pic img{width:100%;height:100%;object-fit:cover}
/* product cards */
.xprod{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.xp{border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;padding:12px}
.xp.peach{background:var(--t-peach)} .xp.lilac{background:var(--t-lilac)} .xp.green{background:var(--t-green)}
.xp-pic{position:relative;display:block;aspect-ratio:4/4.4;border-radius:18px;overflow:hidden}
.xp-pic img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)} .xp:hover .xp-pic img{transform:scale(1.03)}
.xp-sz{position:absolute;left:12px;top:12px;font-family:var(--display);font-stretch:125%;font-weight:900;font-size:22px;padding:6px 14px;border-radius:999px;color:#141414}
.xp.peach .xp-sz{background:var(--cb-peach)} .xp.lilac .xp-sz{background:var(--cb-lilac)} .xp.green .xp-sz{background:var(--cb-green)}
.xp-flag{position:absolute;right:12px;top:14px;background:#141414;color:#FCE39C;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:7px 12px;border-radius:999px}
.xp-body{padding:18px 10px 8px;display:flex;flex-direction:column;gap:10px;flex:1}
.xp-body h3{font-size:22px}
.xp-for{font-size:14px;color:var(--ink-2);line-height:1.5}.xp-for b{color:#141414;font-weight:600;display:block}
.xp-pr{font-size:26px;font-weight:700;margin-top:auto}.xp-pr s{font-size:17px;font-weight:500;margin-left:6px}
.xp-pr small{display:block;font-size:13px;font-weight:500;color:var(--ink-2);margin-top:2px}
.xp-act{display:flex;align-items:center;gap:16px;margin-top:6px}
.xp-act a{font-weight:600;text-decoration:underline;text-underline-offset:4px}
.xp-act .btn{margin-left:auto;padding:14px 24px;font-size:14px}
.xset{margin-top:20px;border-radius:var(--r);background:var(--cb-butter);display:grid;grid-template-columns:1fr 1.15fr;gap:20px;padding:14px;overflow:hidden}
.xs-l{padding:30px 26px;display:flex;flex-direction:column;gap:14px;justify-content:center}
.xs-l h3{font-size:clamp(30px,3vw,46px)} .xs-l p{margin:0;font-size:16px;color:var(--ink-2);max-width:460px}
.xbadge{align-self:flex-start;background:#141414;color:#FCE39C;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:8px 14px;border-radius:999px}
.xs-r{display:grid;grid-template-columns:1fr 1fr;gap:14px;min-height:340px}
.xs-draw{border-radius:18px;background:#141418;display:grid;place-items:center;overflow:hidden} .xs-draw img{width:100%;height:100%;object-fit:contain}
.xs-photo{width:100%;height:100%;object-fit:cover;border-radius:18px}
/* before / after in a frame */
.xba-wrap .ba{height:auto;min-height:560px;border-radius:var(--r);background:var(--cb-sky);display:grid;grid-template-columns:1fr 1.05fr;gap:32px;padding:36px 44px;align-items:center}
.xba-wrap .ba .bg,.xba-wrap .ba .cap{display:none}
.xba-wrap .ba-copy{display:flex;flex-direction:column;gap:16px;text-align:left;max-width:520px}
.xba-wrap .ba-copy h3{font-family:var(--display);font-stretch:125%;font-weight:900;text-transform:uppercase;font-size:clamp(34px,3.8vw,56px);line-height:1.02;margin:0;color:#141414}
.xba-wrap .ba-copy h3 em{font-family:var(--serif);font-weight:400;font-stretch:100%;text-transform:none;font-style:italic;color:#5A1D0A}
.xba-wrap .ba-copy p{margin:0;font-size:17px;line-height:1.58;color:var(--ink-2)}
.xba-wrap .ba-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:6px}
.xba-wrap .ba-specs div{background:rgba(255,255,255,.78);border-radius:14px;padding:14px 16px}
.xba-wrap .ba-specs b{display:block;font-family:var(--display);font-stretch:125%;font-weight:900;font-size:20px;color:#141414}
.xba-wrap .ba-specs span{font-size:12.5px;color:var(--ink-2)}
.xba-wrap .ba-hint{font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#141414;opacity:.72;margin-top:4px}
.xba-wrap .ba .frame{position:relative;top:auto;bottom:auto;left:auto;transform:none;width:100%;max-width:520px;margin:0 auto;aspect-ratio:4/5;border-radius:20px;box-shadow:0 24px 60px rgba(30,24,20,.16);background:#F3F1EC}
.xba-wrap .ba .ba-pill{position:absolute;bottom:16px;z-index:3;background:rgba(20,20,20,.74);backdrop-filter:blur(8px);color:#fff;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:7px 13px;border-radius:999px;pointer-events:none}
.xba-wrap .ba .ba-pill.l{left:16px}.xba-wrap .ba .ba-pill.r{right:16px}
.xba-wrap .ba .handle{background:#fff;width:2px;z-index:4}.xba-wrap .ba .handle::after{content:"↔";display:grid;place-items:center;font-size:18px;font-weight:700;color:#141414;width:52px;height:52px;background:#fff;border:0;box-shadow:0 4px 18px rgba(30,24,20,.28)}
@media (max-width:960px){.xba-wrap .ba{grid-template-columns:1fr;padding:26px 22px}.xba-wrap .ba-copy{max-width:none}}
/* creator wall: bright frames, captions below the picture */
.xwall .rail{display:flex;gap:18px;overflow-x:auto;padding:4px 0 10px;scroll-snap-type:x mandatory;scrollbar-width:none}
.xw{flex:0 0 clamp(250px,21vw,320px);border-radius:var(--r);padding:10px;scroll-snap-align:start;display:flex;flex-direction:column}
.xw.peach{background:var(--t-peach)}.xw.lilac{background:var(--t-lilac)}.xw.green{background:var(--t-green)}.xw.butter{background:var(--t-butter)}.xw.sky{background:#E3F0FD}
.xw .tile{flex:none;width:100%;border-radius:16px;background-color:#EFE9DF}
.xw .tile::after{display:none}
.xw .tile .play-ind{opacity:1;background:#fff;border:0;width:36px;height:36px}
.xw-cap{padding:14px 6px 4px;display:flex;flex-direction:column;gap:4px}
.xw-cap b{font-family:var(--display);font-stretch:125%;font-weight:900;text-transform:uppercase;font-size:16px}
.xw-cap>span{font-size:13px;color:var(--ink-2)}
.xw-shop{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;font-size:13.5px;font-weight:600}
.xw-shop .btn{padding:9px 16px;font-size:13px}
/* how it works */
.xsteps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}
.xst{border-radius:var(--r);padding:30px}
.xst.sky{background:var(--cb-sky)}.xst.butter{background:var(--cb-butter)}.xst.peach{background:var(--cb-peach)}
.xst .n{font-family:var(--display);font-stretch:125%;font-weight:900;font-size:15px;background:#141414;color:#fff;border-radius:999px;padding:6px 12px}
.xst h3{font-size:28px;margin:22px 0 10px}.xst p{margin:0;font-size:16px;line-height:1.6;color:#141414}
.xtemps{margin-top:20px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:12px 14px 12px 24px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.xt-l{font-weight:700;margin-right:8px}
.xt{font-weight:700;font-size:13.5px;padding:7px 10px;border-radius:999px;color:#141414}
.xt.lo{background:var(--t-lilac)}.xt.mid{background:var(--cb-butter)}.xt.hi{background:var(--cb-peach)}
.xtemps a{margin-left:auto;font-weight:600;text-decoration:underline;text-underline-offset:4px}
/* plates */
.xplates{display:grid;grid-template-columns:1fr 1fr;gap:14px;background:var(--t-green);border-radius:var(--r);padding:14px}
.xpl-v{position:relative;border-radius:18px;overflow:hidden;min-height:520px}
.xpl-v video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.xpl-c{padding:40px;display:flex;flex-direction:column;justify-content:center;gap:16px}
.xpl-c h2{font-size:clamp(32px,3.4vw,52px)} .xpl-c>p{margin:0;font-size:17px;color:var(--ink-2);max-width:460px}
.xspecs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:8px}
.xspecs div{background:#fff;border-radius:16px;padding:16px}
.xspecs b{display:block;font-family:var(--display);font-stretch:125%;font-weight:900;font-size:22px}
.xspecs span{font-size:13px;color:var(--ink-2)}
/* warranty band */
.xwarr{background:var(--cb-butter);border-radius:var(--r);padding:44px;display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:72px}
.xwarr h2{font-size:clamp(26px,2.8vw,42px);margin:14px 0 10px;max-width:760px}.xwarr p{margin:0;font-size:16px;color:var(--ink-2);max-width:620px}
/* legacy blocks re-skinned for daylight: no veils over pictures */
.hero .meta,.hero h1{color:#141414}
.tile .m{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.45)}
.fc .vis img,.fc .vis video{opacity:1}
footer.site{background:#EFE9DF;color:var(--ink-2)}
footer.site h5{font-weight:700}
@media (max-width:1100px){.xprod{grid-template-columns:1fr 1fr}.xhero{grid-template-columns:1fr}.xh-media{min-height:70vh}.xset{grid-template-columns:1fr}.xtrust{grid-template-columns:repeat(3,1fr)}.xtrust div:nth-child(4){border-left:0}}
/* phone home */
@media (max-width:768px){

  .xh-pause{top:12px;right:12px;width:40px;height:40px}
  nav.top,body.has-bar nav.top,nav.top.solid{padding:10px 4vw}
}
/* v11 fixes: hero sizing, pills, picture-then-text bento */
.xhero{height:clamp(600px,calc(100vh - 104px),860px);min-height:0!important;max-height:none}
body.has-bar .xhero{height:clamp(600px,calc(100vh - 138px),860px)}
.xh-copy>*{flex:none}.xh-tag{align-self:flex-start}
.xpl-c>p.xh-sub{font-size:clamp(26px,2.4vw,36px);color:var(--ink)}
img[src^="data:image/svg"]{background:#141418!important;object-fit:contain!important}
.xs-draw{background:#141418}
.feats{padding:72px 28px 0;max-width:1480px;margin:0 auto}
.feats .head{margin-bottom:30px}
.fc{min-height:0;justify-content:flex-start;border:0;padding:0}
.bento .fc:nth-child(1){background:var(--t-lilac)}.bento .fc:nth-child(2){background:var(--t-peach)}.bento .fc:nth-child(3){background:var(--t-green)}.bento .fc:nth-child(4){background:var(--t-butter)}.bento .fc:nth-child(5){background:#fff}
.fc>.vis,.fc>.lcd-demo,.fc>.heatline{position:relative;inset:auto;height:280px;margin:12px 12px 0;border-radius:16px;overflow:hidden;flex:none}
.fc .vis::after{display:none}
.fc>.heatline{background:rgba(255,255,255,.62);padding:22px 26px 14px;display:flex;align-items:center}
.fc>.vis.plates-vis{background:#F3F1EC;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;padding:0 22px 0 0;gap:18px}
.fc>.vis.plates-vis img{position:relative;inset:auto;width:100%;height:280px;object-fit:cover;object-position:center;padding:0!important;border-radius:16px 0 0 16px}
.plates-pills{display:flex;flex-direction:column;gap:10px}
.plates-pills span{background:rgba(255,255,255,.88);border:1px solid rgba(20,20,20,.08);border-radius:12px;padding:10px 14px;font-size:12.5px;color:var(--ink-2);line-height:1.35}
.plates-pills span b{display:block;font-family:var(--display);font-stretch:125%;font-weight:900;text-transform:uppercase;font-size:13.5px;color:#141414;margin-bottom:2px}
@media (max-width:680px){.fc>.vis.plates-vis{grid-template-columns:1fr;height:auto}.fc>.vis.plates-vis img{height:180px}}
.lcd-demo{background:radial-gradient(60% 70% at 50% 45%,#2a2a2e,#141418)!important}
.lcd-demo .keys i{background:#2a2a2e;color:#d8d2c8;border-color:#44444a}
.fc .txt{padding:22px 26px 28px}
.fc .k{color:var(--copper);font-weight:700;letter-spacing:.16em}
.fc h3{font-family:var(--display);font-stretch:125%;font-weight:900;text-transform:uppercase;font-size:clamp(22px,2vw,30px);line-height:1.05;letter-spacing:0}
.fc.full{padding:28px}
.xwarr{margin-top:0}
.fc.full h3{font-family:var(--display)!important;font-stretch:125%;font-weight:900!important;text-transform:uppercase;font-size:clamp(22px,2vw,30px)!important}
.heatline{padding:18px 18px 0}

#app h1,#app h2,#app .h-l,#app .qh,#app .rxh{font-family:var(--display)!important;font-stretch:125%;font-weight:900!important;text-transform:uppercase;letter-spacing:0!important}
#app h1 em,#app h2 em,#app h3 em{font-family:var(--serif)!important;font-weight:400!important;font-stretch:100%;text-transform:none;font-style:italic;letter-spacing:-.01em}
#app h1{font-size:clamp(30px,3.6vw,56px)!important;line-height:1.02!important}
#app .xhero h1,.mh .mcopy h1{font-size:clamp(56px,7.6vw,128px)!important;line-height:.92!important}
#app h2{line-height:1.05!important}
#app h2:not(.xs-h):not(.disp){font-size:clamp(26px,3vw,46px)!important}
.xh-copy .xh-sub em,.mh .mcopy .xh-sub em{color:#5A1D0A}
.optrow .vthumb{display:block;width:40px;height:40px;border-radius:6px;overflow:hidden}
.optrow .vthumb video{width:100%;height:100%;object-fit:cover}
.optrow.on{border-color:#141414;background:var(--cb-cream);box-shadow:inset 0 0 0 1px #141414}
.optrow.on i{border-color:#141414}.optrow.on i::after{background:#141414}
.optrow{background:#fff}
.vcard .brand{color:#141414!important;background:none!important;-webkit-text-fill-color:#141414}
.vcard .ph{color:#3E3A35!important}
.vcard span,.vcard small,.vcard .vstatus{color:#3E3A35!important}
.vcard .fields b.ph{color:#3E3A35!important}
.vcard .vstatus{border-color:rgba(20,20,20,.35)!important}
.vcard .cov .yr{color:#8F3216!important}
.pdp .media .m .cap,.pgal .cap{left:14px;bottom:14px;background:rgba(244,241,234,.82);backdrop-filter:blur(10px);border:1px solid rgba(20,20,20,.08);color:#1E1C1A;text-shadow:none;padding:7px 13px;border-radius:999px;font-weight:600;letter-spacing:.1em;font-size:11px}
.pdp .media .m{border-radius:20px;overflow:hidden}
.pdp .media{gap:12px}
.ptone{display:inline-block;color:#141414;font-weight:800;padding:6px 12px;border-radius:999px;margin-right:8px;letter-spacing:.1em}
.tone-peach .ptone{background:var(--cb-peach)}.tone-lilac .ptone{background:var(--cb-lilac)}.tone-green .ptone{background:var(--cb-green)}
@media (min-width:769px){.pdp{padding-top:14px}.pdp .media{padding:14px 0 0 28px}}
.pdp .panel h1{margin-top:10px}
.sticky-buy{visibility:hidden;transition:transform .6s var(--ease),visibility 0s linear .6s}
.sticky-buy.show{visibility:visible;transition:transform .6s var(--ease),visibility 0s}

/* compare-at prices are the sum of single prices, never a former price */
.sep{display:inline-block;font-size:12px;font-weight:500;color:var(--ink-2);margin-left:6px;letter-spacing:0;text-transform:none}
.optrow .pr .sep{display:block;margin:0;font-size:11px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ===== one DOM, phone layout (≤768px): the v11 home and PDP sections stack ===== */
.tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
@media (max-width:768px){
  .xsec{padding:44px 14px 0}
  .xs-row{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:18px}
  .xs-h{font-size:28px}.xs-sub{font-size:15px}
  .xhero{margin:10px 12px 0;height:auto!important;min-height:0!important;grid-template-columns:1fr;gap:10px}
  body.has-bar .xhero{margin-top:10px}
  .xh-copy{padding:22px 18px;gap:12px}
  .xh-copy h1{font-size:46px}
  .xh-sub{font-size:24px}.xh-p{font-size:15px}
  .xh-cta{display:grid;grid-template-columns:1.3fr 1fr;gap:8px}.xh-cta .btn{padding:14px 10px;font-size:14px}
  .xh-media{grid-template-columns:1fr;min-height:0}
  .xh-media .stage{height:62vh;min-height:380px}
  .xh-stack{display:none}
  .xtrust{margin:10px 12px 0;grid-template-columns:repeat(2,1fr)}
  .xtrust div{padding:14px;border-left:0;border-top:1px solid var(--line)}
  .xtrust div:nth-child(-n+2){border-top:0}.xtrust div:nth-child(even){border-left:1px solid var(--line)}
  .xtrust div:last-child{grid-column:1/-1;border-left:0}
  .xtrust b{font-size:16px}.xtrust span{font-size:12px}
  .xexplore{grid-template-columns:1fr;gap:14px;margin-top:20px}
  .xcard{padding:22px 18px 0}.xc-top h3{font-size:22px}.xarr{flex-basis:44px;width:44px;height:44px}
  .xcard ul{font-size:15px;margin:16px 0}.xc-pic{margin:auto -18px 0;height:240px}
  .xprod{grid-template-columns:1fr;gap:14px}
  .xp-pic{aspect-ratio:4/3}
  .xset{grid-template-columns:1fr;padding:10px}.xs-l{padding:18px 12px}
  .xs-r{min-height:0;grid-template-columns:1fr 1fr;height:220px}
  .xba-wrap .ba{height:auto;min-height:0;padding:22px 16px;gap:20px}  /* copy and photo stack: the card grows to hold both */
  .xba-wrap .ba .big{font-size:34px;top:auto;bottom:18px;transform:none}
  .xba-wrap .ba-specs div{padding:10px}.xba-wrap .ba-specs b{font-size:16px;white-space:nowrap}
  .xba-wrap .ba .ba-pill{font-size:9.5px;letter-spacing:.06em;padding:6px 9px;bottom:12px}.xba-wrap .ba .ba-pill.l{left:10px}.xba-wrap .ba .ba-pill.r{right:10px}
  .xw{flex-basis:72vw}
  .xsteps{grid-template-columns:1fr;gap:12px;margin-top:18px}.xst{padding:22px}.xst h3{font-size:22px;margin:14px 0 6px}
  .xtemps{border-radius:20px;padding:14px}.xtemps a{margin-left:0}
  .xplates{grid-template-columns:1fr;padding:10px}.xpl-v{min-height:320px}.xpl-c{padding:18px 8px}
  .xspecs{grid-template-columns:1fr 1fr 1fr;gap:6px}.xspecs div{padding:10px}.xspecs b{font-size:16px}
  .xwarr{flex-direction:column;align-items:flex-start;padding:24px 18px;margin-bottom:44px}
  .feats{padding:44px 14px 0}
  /* phones: no sideways scroll; each row's label sits on its own line above the three irons */
  .cmp table,.cmp thead,.cmp tbody,.cmp tfoot,.guide10 .cmpt,.guide10 .cmpt thead,.guide10 .cmpt tbody{display:block;min-width:0;width:100%}
  .cmp tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:6px}
  .guide10 .cmpt tr{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:4px}
  .cmp th:first-child,.guide10 .cmpt th:first-child{display:none}
  .cmp td:first-child,.guide10 .cmpt td:first-child{grid-column:1/-1;width:auto;padding:14px 4px 2px;border-bottom:0;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
  .cmp tfoot td:first-child,.guide10 .cmpt tr:last-child td:first-child{display:none}
  .cmp th,.cmp td{padding:6px 4px 12px;font-size:12.5px;line-height:1.35}
  .guide10 .cmpt th,.guide10 .cmpt td{padding:6px 4px 12px;font-size:12px;line-height:1.35}
  .guide10 .cmpt thead th{font-size:14px}.guide10 .cmpt .pr{font-size:14px}
  .cmp thead svg{height:84px}.cmp thead b{font-size:26px}.cmp thead small{font-size:10px;letter-spacing:.06em}
  .cmp tfoot button,.cmp tfoot a{padding:9px 10px;font-size:12px}
  .guide10 .cmpt .btn{padding:9px 8px;font-size:12px;min-width:0;width:100%}
}
@media (max-width:768px){
  .bento{grid-template-columns:minmax(0,1fr)!important}.bento .fc.span2{grid-column:auto!important}
  .fc>.vis,.fc>.lcd-demo{height:220px}
  .safety{grid-template-columns:repeat(2,minmax(0,1fr))!important}.safety div{border-right:0;margin-right:0}
  .halves{grid-template-columns:minmax(0,1fr)!important;gap:24px}
}
.heatline{padding:18px 18px 8px}.heatline svg{display:block;width:100%;height:auto;max-height:170px}
.payerr{min-height:1.2em;margin-top:12px;color:var(--err);font-size:14px;font-weight:600}
#tsBox{position:absolute;width:0;height:0;overflow:hidden}
#tsBox.ask{position:static;width:auto;height:auto;overflow:visible;margin:12px 0}
#payEl{margin-top:12px}

/* Amazon box-card visitors (src=insert): warranty and care only — no shopping chrome (Amazon buyer-diversion rules) */
body.src-insert nav.top .links a[data-nav],body.src-insert #bagBtn,body.src-insert .promobar,body.src-insert footer.site .f-shop,
body.src-insert a[href^="/quiz"],body.src-insert a[href^="/products"],body.src-insert .mega,body.src-insert .sticky-buy,body.src-insert .perk{display:none!important}

/* standalone guides & support */
.article{max-width:860px;margin:0 auto}
.article .crumbs{font-size:13px;color:var(--ink-2);margin-bottom:18px}.article .crumbs a{text-decoration:underline;text-underline-offset:3px}
.article h1{margin:10px 0 14px}
.article .lead{font-size:19px;line-height:1.55;color:var(--ink-2);max-width:720px}
.abody{margin-top:34px;font-size:17px;line-height:1.7}
.abody h2{font-family:var(--display);font-stretch:125%;font-weight:900;text-transform:uppercase;font-size:clamp(20px,2vw,26px)!important;line-height:1.15!important;margin:40px 0 10px}
.abody p,.abody ul,.abody ol{margin:0 0 14px;max-width:720px}.abody li{margin:6px 0}
.abody a{text-decoration:underline;text-underline-offset:3px}
.abody .cmpt{min-width:560px}
/* phones: guide tables stack instead of scrolling sideways. Width table: the row label spans the row, three irons below it;
   temperature chart: one card per hair type, start / max side by side, the note under them */
@media (max-width:768px){
  .abody .cmpt-wrap{overflow:visible}
  .abody .cmpt,.abody .cmpt thead,.abody .cmpt tbody{display:block;min-width:0;width:100%}
  .abody .cmpt tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:6px;border-bottom:1px solid var(--line)}
  .abody .cmpt th,.abody .cmpt td{display:block;padding:4px 6px 12px;font-size:13px;line-height:1.4;border:0}
  .abody .cmpt th:first-child{display:none}.abody .cmpt thead th{font-size:12.5px;padding-top:12px}
  .abody .cmpt td:first-child{grid-column:1/-1;padding:12px 6px 2px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
  .abody .tchart thead{display:none}
  .abody .tchart tr{grid-template-columns:1fr 1fr}
  .abody .tchart td:first-child{font-size:14px;letter-spacing:0;text-transform:none;color:var(--ink);font-weight:600}
  .abody .tchart td:nth-child(2)::before{content:"Start at ";color:var(--ink-2)}
  .abody .tchart td:nth-child(3)::before{content:"Don't go above ";color:var(--ink-2)}
  .abody .tchart td:nth-child(2),.abody .tchart td:nth-child(3){padding-bottom:4px;font-weight:600}
  .abody .tchart td:last-child{grid-column:1/-1}
}.abody .tchart td:last-child{font-size:14px;color:var(--ink-2)}
.arel{margin:56px 0 0;display:grid;gap:10px}
.arel a{display:block;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;font-weight:600}
.arel a:hover{border-color:#141414}
.gindex{grid-template-columns:repeat(2,minmax(0,1fr))}.gindex .eyebrow{grid-column:1/-1}
.gindex a span{display:block;font-weight:400;font-size:14px;color:var(--ink-2);margin-top:4px}
@media (max-width:768px){.gindex{grid-template-columns:1fr}.abody{font-size:16px}}
.article .cmpt-wrap{overflow-x:auto;margin:10px 0 18px;border:1px solid var(--line);border-radius:16px}
.article h1{overflow-wrap:break-word}
@media (max-width:768px){#app .article h1{font-size:30px!important}.article .lead{font-size:16px}}
.article .cmpt thead th{font-family:var(--sans);font-size:14px;font-weight:700;line-height:1.3}
.article .cmpt td:first-child{text-transform:none;letter-spacing:0;font-size:14.5px;color:var(--ink);font-weight:600;width:auto}
.article .cmpt td,.article .cmpt th{padding:12px}
/* product photography: one studio tone (--bg-studio, baked into every hero shot), crisp hairline border, full-bleed edge-to-edge */
.pdp .media .m{border:1px solid rgba(20,20,19,.11);box-shadow:0 2px 10px rgba(20,20,19,.03)}
.pdp .media .m.fit,.xc-pic.fit,.xp-pic,.xs-draw,.fc .vis.fit{background:var(--bg-studio);border:1px solid rgba(20,20,19,.11)}
.pdp .media .m.fit img,.xp-pic img,.fc .vis.fit img{object-fit:cover;padding:0}
.xc-pic.fit img{object-fit:contain;padding:12px 12px 0}
.xs-draw{background:var(--bg-studio)}.xs-draw img{object-fit:contain;padding:4%}
.xp-sz{background:rgba(244,241,234,.82)!important;backdrop-filter:blur(8px);border:1px solid rgba(20,20,20,.08)}
.xspecs div,.xba-wrap .ba-specs div,.plates-pills span,.vsteps div{background:rgba(248,245,239,.68)!important;border:1px solid rgba(20,20,20,.06)}
/* Bento Card 04: 3-panel architectural diagram aligned 100% with Card 03 (.heatline) */
.fc>.vis.plates-diag{background:transparent;padding:0!important;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px;align-items:stretch}
/* studio-tone card, same as the photo inside it (no white frame); a top-aligned grid so a two-line caption never lifts its image above its neighbours' */
.plates-diag .pd-card{background:var(--bg-studio);border-radius:14px;padding:14px 14px 12px;display:grid;grid-template-rows:auto auto auto 1fr;align-content:start}
.plates-diag .pd-k{font-family:var(--display);font-stretch:125%;font-weight:800;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--copper)}
.fc>.vis.plates-diag{height:auto}
.plates-diag .pd-img{aspect-ratio:4/3;border-radius:8px;overflow:hidden;background:#F1EDE4;margin:10px 0 12px}
.fc .vis.plates-diag .pd-img img{width:100%;height:100%;object-fit:cover;opacity:1;display:block}
.plates-diag b{display:block;font-size:13.5px;font-weight:700;color:var(--ink);margin-bottom:3px}
.plates-diag small{display:block;font-size:11.5px;line-height:1.35;color:var(--ink-2)}
@media (max-width:768px){.fc>.vis.plates-diag{grid-template-columns:1fr;height:auto}
  .plates-diag .pd-card{display:grid;grid-template-columns:56% 1fr;padding:10px 12px 10px 10px;grid-template-rows:auto auto 1fr;column-gap:14px;justify-content:stretch}
  .plates-diag .pd-img{grid-row:1/4;margin:0;align-self:center}
  .plates-diag .pd-k{align-self:end}}
/* VOC rows on the "why this width" sections */
.vocl{display:grid;gap:0;margin-top:26px;max-width:480px;border-top:1px solid rgba(20,20,20,.12)}
.vocl div{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:13px 0;border-bottom:1px solid rgba(20,20,20,.12);font-size:15px}
.vocl b{font-weight:700;color:var(--ink)}.vocl span{color:var(--ink-2)}
.vsteps{display:flex;align-items:center;gap:12px}
.vsteps div{flex:1;background:#fff;border-radius:18px;padding:20px 16px;min-height:120px;display:flex;flex-direction:column;justify-content:space-between}
.vsteps i{font-style:normal;font-size:12px;letter-spacing:.2em;color:var(--copper)}.vsteps b{font-size:17px;line-height:1.25}
.vsteps span{color:var(--ink-3);font-size:18px}
.vheat{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.vheat div{border:1px solid rgba(20,20,20,.14);border-radius:18px;padding:16px}
.vheat b{display:block;font-size:15px}.vheat span{font-size:13.5px;color:var(--ink-2)}
@media (max-width:768px){.vocl div{grid-template-columns:120px 1fr;font-size:14px}.vsteps{gap:6px}.vsteps div{padding:14px 10px;min-height:96px}.vsteps b{font-size:14px}.vheat{grid-template-columns:1fr}}

/* ===== Pre-Order Visibility & Zero-Surprise Confirmation System (0.3" Mini & Silk Press Set) ===== */
.panel .optrow .spill{padding:3.5px 7px;font-size:10px;letter-spacing:.09em}
.spill.pre{background:var(--t-butter)!important;color:var(--ink)!important;border:1px solid rgba(20,20,20,.16)!important;font-weight:700;letter-spacing:.07em}
.panel .optrow b{gap:5px;flex-wrap:wrap;row-gap:3px}
#payBtn{justify-content:center;text-align:center}
@media (max-width:480px){#payBtn{padding:18px 12px!important;font-size:14.5px!important}}
.pn-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--display);font-stretch:125%;font-weight:800;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:var(--cb-butter);border:1px solid rgba(20,20,20,.16);padding:4px 10px;border-radius:999px}
.pn-tag .dot{width:6px;height:6px;border-radius:50%;background:var(--ink);display:inline-block;flex:none}
.prenote{margin-top:9px;padding:11px 13px;border-radius:13px;background:var(--t-butter);border:1.5px solid rgba(20,20,20,.16);box-shadow:0 3px 12px rgba(20,20,20,.04)}
.prenote[hidden]{display:none!important}
.prenote .pn-top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px;font-size:11.5px;color:#5A534A}
.prenote .pn-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:12.5px;line-height:1.4;color:#2C2926}
.prenote .pn-row b{color:#141414;font-weight:600}
.prenote .pn-alt{padding:0;background:none;border:0;font-size:12px;font-weight:600;color:var(--ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer;white-space:nowrap}
.prenote .pn-alt:hover{color:#141414}
@media (max-width:768px){.prenote .pn-alt{margin-top:6px;padding:8px 12px;border:1.5px solid rgba(20,20,20,.5);border-radius:999px;text-decoration:none;background:rgba(255,255,255,.55);white-space:normal;text-align:left}}

/* Pre-order confirmation modal (.card2.precard) — ultra-clean 3-checkmark summary */
.amzm .card2.precard{width:min(500px,93vw);background:var(--bg-studio);border:1px solid rgba(20,20,19,.14);border-radius:22px;padding:26px 26px 22px;box-shadow:0 28px 70px rgba(20,20,19,.22);max-height:92vh;overflow-y:auto}
.precard h3.disp{font-family:var(--display)!important;font-stretch:125%;font-weight:900!important;text-transform:uppercase;font-size:clamp(22px,2.3vw,30px)!important;line-height:1.05!important;margin:10px 0 12px;color:#141414}
.precard h3.disp em{font-family:var(--serif)!important;font-weight:400!important;font-stretch:100%;text-transform:none;font-style:italic;color:var(--copper)}
.pre-prod{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:10px 13px;border-radius:14px;background:#fff;border:1px solid rgba(20,20,19,.1);margin-bottom:12px}
.pre-prod img{width:52px;height:52px;object-fit:contain;border-radius:9px;background:var(--bg-studio);border:1px solid rgba(20,20,19,.08)}
.pre-prod b{display:block;font-size:13.5px;font-weight:600;color:#141414}
.pre-prod small{display:block;font-size:11.5px;color:var(--ink-2);margin-top:2px}
.pre-prod .pr{font-weight:700;font-size:15.5px;color:#141414;text-align:right;white-space:nowrap}
.pre-prod .pr s{display:block;font-size:11.5px;font-weight:400;color:var(--ink-3)}
.pre-list{list-style:none;margin:0 0 16px;padding:12px 14px;border-radius:14px;background:var(--t-butter);border:1px solid rgba(20,20,20,.16);display:grid;gap:8px;font-size:13px;line-height:1.38;color:#2C2926}
.pre-list li{display:flex;align-items:baseline;gap:9px}
.pre-list i{font-style:normal;font-weight:800;color:var(--ink);flex:none}
.pre-list b{color:#141414;font-weight:600}
.pre-acts{display:grid;gap:8px}
.pre-acts .btn{justify-content:center;padding:14px 16px;font-size:13.5px}
.pre-acts .btn.line{font-size:12.5px;padding:11px 14px;font-weight:600}

/* Bag drawer & Checkout pre-order cards */
.holdnote{margin:8px 0;padding:10px 13px;border-radius:11px;background:var(--t-butter);border:1.5px solid rgba(20,20,20,.16);color:#2C2926;font-size:12.5px;line-height:1.4;display:flex;align-items:center;gap:8px}
.holdnote .dot{width:6px;height:6px;border-radius:50%;background:var(--ink);flex:none}
.holdnote b{color:#141414;font-weight:600}
.co-preorder{margin:0 0 18px;padding:12px 15px;border-radius:14px;background:var(--t-butter);border:1.5px solid rgba(20,20,20,.16);box-shadow:0 4px 14px rgba(20,20,20,.04)}
.co-preorder .cp-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.co-preorder .cp-eta{font-size:12px;color:#4E4841}
.co-preorder .cp-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:#2C2926}
.co-preorder p{margin:0;font-size:13px;line-height:1.45;color:#2C2926}
.co-preorder b{color:#141414;font-weight:600}
.co-preorder .cp-split{padding:5px 11px;border-radius:999px;background:#fff;border:1px solid rgba(20,20,19,.18);font-size:11.5px;font-weight:600;color:#141414;cursor:pointer;transition:all .2s;white-space:nowrap}
.co-preorder .cp-split:hover{background:#141414;color:#fff;border-color:#141414}
.co-pre-ack{display:flex;gap:10px;align-items:center;margin-top:16px;padding:11px 13px;border-radius:11px;background:var(--t-butter);border:1.5px solid rgba(20,20,20,.16);font-size:12.5px;line-height:1.4;color:#2C2926;cursor:pointer}
.co-pre-ack input{width:17px;height:17px;accent-color:#141414;flex:none}
.co-pre-ack b{color:#141414;font-weight:600}
.co-pre-ack.ok{cursor:default}
.co-pre-ack.ok .dot{width:7px;height:7px;border-radius:50%;background:var(--ink);flex:none}
.co-pre-ack.bad{border-color:var(--err);background:rgba(180,35,24,.06)}
@media (max-width:768px){
  .amzm .card2.precard{padding:20px 16px 18px;border-radius:18px}
  .pre-prod{grid-template-columns:46px 1fr auto;gap:10px;padding:9px 11px}
  .pre-prod img{width:46px;height:46px}
  .co-preorder{padding:11px 13px;margin-bottom:16px}
}

/* Brand VI (docs/brand_vi.md §2.4/§4): actions and selected states are ink, never a copper/heat fill */
.cbox .apply,.promo-open .apply,.owner-vip button,.tile .shop-pill button{background:var(--ink);color:#fff}
.cbox .cpill:hover,.cbox .cpill.on,.revchips button.on{border-color:var(--ink);background:var(--ink);color:#fff}
.simtabs button.on,.sticky-buy .s-opts button.on{background:var(--ink);color:#fff}
.offer button,.offer2 button{border-color:var(--ink);color:var(--ink)}
.offer button:hover,.offer2 button:hover{background:var(--ink);color:#fff}
.co.dark .crumb2 b{color:var(--ink);font-weight:600}
.co.dark .f input:focus,.co.dark .f select:focus,.wform .f input:focus,.wform .f select:focus,.wform .f textarea:focus,.dkform .f input:focus,.dkform .f select:focus,.promo-open input:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(20,20,20,.08)}
.co.dark .opt input[type=radio],.consent input,.vote input,.bump input,.pbok input{accent-color:var(--ink)}
.promo-trig .add{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.bump{border-color:rgba(20,20,20,.22);background:var(--t-butter)}

/* bag drawer: one quiet free-shipping line on warm stone, thin bar until it's unlocked */
.drawer .tiers{background:#F6F3EC;padding:11px 24px;border-bottom:1px solid var(--line)}
.drawer .tmsg{font-size:12.5px;color:var(--ink-2)}
.drawer .tmsg b{color:var(--ink);font-weight:600}
.drawer .tmsg.ok{display:flex;align-items:center;gap:8px}
.tier-ok{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--ink);color:#fff;font-size:9.5px;line-height:1;flex:none}
.tbar{height:3px;border-radius:3px;background:#E5DFD3;margin-top:8px;overflow:hidden}
.tbar i{display:block;height:100%;background:#141414;border-radius:3px;transition:width .4s ease}
.drawer .lines>.ln:first-child{border-top:0}
/* checkout summary: the promo row needs no rule of its own; the totals' top border is the one divider */
.co .r .promo-trig{border-bottom:0;margin-bottom:0}
.co .r .promo-open{border-bottom:0;padding-bottom:0}
/* PayPal's button is rendered ahead of time but kept out of sight until PayPal is picked */
#ppEl.pp-pre{height:0;overflow:hidden;margin:0!important}
/* phone PDP: photo, name, price and the package picker share the first screen; the sticky bar carries Add to bag until the real one is on screen */
@media (max-width:900px){
  .pdp .media .m,.pdp .media .m.full{flex:0 0 78%;aspect-ratio:1/1;max-height:30vh}
  /* the rating row on one line and a shorter photo: the price clears the sticky bar at the top, so Add to bag is on the first screen */
  .pdp .panel .rating{margin:8px 0 10px;gap:4px 8px;font-size:12px;flex-wrap:nowrap;white-space:nowrap} .pdp .panel .rating .lcdp{padding:3px 8px;font-size:11px}
  @media (max-width:380px){.pdp .panel .rating{gap:4px 6px}.pdp .panel .rating .lcdp{font-size:10.5px;padding:3px 7px}.pdp .panel .rating a{font-size:11px}}
  nav.top .links{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)} /* the last link fades: the row scrolls */
  body.sb-on{padding-bottom:76px}
  .sticky-buy{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) auto auto;column-gap:12px;row-gap:1px;align-items:center}
  .sticky-buy>span{grid-area:1/1;font-weight:600} .sticky-buy .sbship{grid-area:2/1;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .sticky-buy .s-opts{display:none} .sticky-buy>b{grid-area:1/2/3/3;font-size:16px} .sticky-buy>.btn{grid-area:1/3/3/4}
  .pdp .panel h1{margin-top:2px}
  .panel .trust{grid-template-columns:repeat(3,minmax(0,1fr))} .panel .trust b{white-space:normal} /* "30-day wash-day trial" pushed the page 25px wider than the phone */
}
@media (max-width:768px){.pdp .panel .crumbs{display:none}.pdp .panel{padding-top:16px}}

/* ===== mobile polish sweep (390×664) ===== */
.cosum-bar,#coSumM{display:none}
[id]:target,#widths,#grids,#photo,#optq,#acct,#pdpRevs,.cmp,details.gd{scroll-margin-top:124px}
nav.top.solid{background:rgba(246,241,234,.96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.drawer{transition:transform .26s var(--ease)}
.ln,.drawer .ln{animation-duration:.2s}
@media (max-width:900px){
  [id]:target,#widths,#grids,#photo,#optq,#acct,#pdpRevs,.cmp,details.gd{scroll-margin-top:100px}
  nav.top,nav.top.solid{background:rgba(246,241,234,.96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
  /* checkout: the order and the promo code sit under the header, folded */
  .cosum-bar{display:flex;align-items:stretch;gap:8px;margin:12px 0 14px;border:1px solid var(--line);border-radius:12px;background:var(--cream-2);overflow:hidden}
  .cosum-bar .cs-t{flex:1;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 14px;font-size:14px;text-align:left;color:var(--ink)}
  .cosum-bar .cs-t small{display:block;color:var(--ink-2);font-size:12px;margin-top:2px;white-space:nowrap}
  .cosum-bar .cs-t i{font-style:normal;display:inline-block;transition:transform .2s}
  .cosum-bar .cs-t[aria-expanded=true] i{transform:rotate(180deg)}
  .cosum-bar .cs-t b{font-family:var(--serif);font-weight:400;font-size:19px;white-space:nowrap}
  .cosum-bar .cs-p{padding:0 12px;border-left:1px solid var(--line);font-size:12.5px;text-decoration:underline;text-underline-offset:3px;color:var(--ink-2);white-space:nowrap}
  #coSumM.open{display:block;margin:-6px 0 14px;padding:4px 14px 6px;border:1px solid var(--line);border-radius:12px;background:var(--cream-2)}
  #coSumM .inner{position:static}
  #coSumM .inner>h2,#coSumM .perks3{display:none}
  #coSumM .grand b{font-size:30px}
  #coSumM .tots{margin-top:4px}
  .co .r:not(:has(.inner)){display:none}
  .co.dark .crumb2{margin:14px 0 18px}
}
@media (max-width:640px){
  .cotop{gap:10px}
  .cotop .sec{white-space:nowrap;font-size:9.5px;letter-spacing:.04em;gap:4px}
  .co .cotop .logo{font-size:13px;letter-spacing:.06em;white-space:nowrap}
  /* quiz: the question and all four photo answers on the first screen */
  .qz>.eyebrow:first-child{font-size:10.5px}
  .qz .qzbar{margin-top:8px}
  .qz .eyebrow[style]{margin-top:10px!important}
  .qz h2{font-size:clamp(22px,6.4vw,30px);margin:6px 0 10px}
  .qopts.img{gap:8px}
  .qopts.img .qo{border-radius:12px}
  .qopts.img .qo img{aspect-ratio:16/9}
  .qopts.img .qo b{padding:7px 10px 1px;font-size:12.5px;line-height:1.25}
  .qopts.img .qo small{display:block;padding:0 10px 9px;font-size:11px;line-height:1.3}
  /* drawer */
  .drawer header{padding:14px 18px 8px}
  .drawer header h3{font-size:25px}
  .drawer .tiers{padding:9px 18px}
  .drawer .lines{padding:0 18px}
  .drawer .ln{padding:10px 0}
  .drawer footer{padding:12px 18px calc(14px + env(safe-area-inset-bottom))}
  .drawer .tot{margin:6px 0 10px}
  .drawer .tot b{font-size:28px}
  /* long one-word headlines (TROUBLESHOOTING) never break mid-word */
  .pg .h1{font-size:clamp(34px,8.2vw,104px)}
  #app .article h1{font-size:min(30px,6.6vw)!important}  /* "TROUBLESHOOTING:" fits a 390px phone whole */
  /* warranty: the video box under Step 1 */
  .whelp{gap:16px;padding:0 5vw 10vh}
  .whelp .box{padding:18px 16px;border-radius:14px}
  .whelp h4{font-size:23px;line-height:1.15;text-wrap:balance}
}
@media (max-width:640px){
  /* home "Choose your plate width": compact rows (photo left, price + Add to bag right) so every iron's button shows */
  #app #widths{scroll-margin-top:52px}  /* the section's own top padding clears the sticky header */
  #widths .xs-row{margin-bottom:12px;gap:6px}
  #app #widths .xs-h{font-size:28px}
  #widths .xs-sub{font-size:13px;margin-top:6px}
  #widths .xs-link{font-size:13.5px}
  #widths .xp{display:grid;grid-template-columns:38% minmax(0,1fr);gap:12px;padding:10px;align-items:stretch}
  #widths .xp-pic{aspect-ratio:auto;height:100%;min-height:150px;border-radius:14px}
  #widths .xp-sz{left:8px;top:8px;font-size:15px;padding:4px 10px}
  #widths .xp-flag{left:8px;right:auto;top:auto;bottom:8px;font-size:9px;padding:5px 8px;letter-spacing:.08em}
  #widths .xp-body{padding:4px 2px 2px;gap:6px}
  #widths .xp-body h3{font-size:17px}
  #widths .xp-for{font-size:12.5px;line-height:1.35}
  #widths .xp-for>:not(b){display:none}
  #widths .xp-for{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  #widths .xp-pr{font-size:20px}
  #widths .xp-pr small{font-size:11.5px}
  #widths .xp-act{gap:10px;margin-top:4px}
  #widths .xp-act a{font-size:13px}
  #widths .xp-act .btn{padding:11px 16px;font-size:13px}
}

/* Feature photos (gpt-image-2.5 studio renders on --bg-studio) */
.fc>.vis.shot{background:var(--bg-studio)}
.fc .vis.shot img{opacity:1;object-fit:cover;width:100%;height:100%;display:block}
.fc .vis.shot.lcd img{object-position:50% 50%}
@media (min-width:769px){.fc>.vis.shot{height:330px}}
/* phones: the 4:3 LCD shot at its own ratio, so cover never trims the 450 on the display */
@media (max-width:768px){.fc>.vis.shot.lcd{height:auto;aspect-ratio:4/3}}
/* 03: the three heat zones, temperature in the heat colour */
.zones3{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.zones3 li{background:var(--bg-studio);border-radius:12px;padding:10px 12px;font-size:12px;line-height:1.3;color:var(--ink-2)}
.zones3 b{display:block;font-size:15px;font-weight:700;color:var(--heat-deep);margin-bottom:2px;white-space:nowrap}