/* Self-hosted fonts (latin subset, variable weight); preloaded in head() so headlines don't jump */
@font-face{font-family:Oswald;font-style:normal;font-weight:200 700;font-display:swap;src:url(/assets/fonts/oswald-latin-var.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:100 900;font-display:swap;src:url(/assets/fonts/inter-latin-var.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}
/* Two-colour system (Oct 2026): teal is the atmosphere (glows, panels, numbers, eyebrows), rust is the action (buttons, headline highlights). Teal comes from the Salvage Check hero. */
:root{--bg:#141413;--raised:#1c1b19;--fg:#FAF9F5;--dim:#C9C7C0;--faint:#9C9A93;--muted:#8A8779;--rust:#BE5126;--rust-text:#D46A3F;--rule:#3A3934;--teal:#2E7A80;--teal-text:#5DB3B9;--teal-line:rgba(46,122,128,.5);--teal-wash:rgba(46,122,128,.16);--panel:linear-gradient(155deg,rgba(46,122,128,.28),rgba(46,122,128,.05) 60%),var(--raised);--bar:#16383B;color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(1100px 600px at 82% -160px,rgba(46,122,128,.40),rgba(46,122,128,0) 70%) no-repeat,var(--bg);color:var(--fg);font-family:Inter,-apple-system,Segoe UI,Arial,sans-serif;line-height:1.65;font-size:17px}
a{color:var(--rust-text)}
:focus-visible{outline:2px solid var(--teal-text);outline-offset:3px}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}
.disp{font-family:Oswald,'Arial Narrow',Impact,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.5px;line-height:1.05;margin:0}
.disp em{font-style:normal;color:var(--rust)}
.eyebrow{font-size:11.5px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--teal-text);margin:0 0 14px}

.top{display:flex;align-items:center;gap:12px 28px;padding:16px 0;border-bottom:1px solid var(--rule)}
.top .brand{margin-right:auto}
.navcta{order:3;flex:0 0 auto;display:inline-flex;align-items:center;min-height:38px;padding:7px 14px;border-radius:99px;background:var(--rust);color:#FAF9F5;font-weight:700;font-size:13.5px;text-decoration:none;white-space:nowrap}
.navcta:hover{background:#A9461F}
.navcta[aria-current]{background:transparent;border:1.5px solid var(--rust);color:var(--fg)}
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--fg)}
.brand img{width:30px;height:30px}
.brand .wm{font-family:Oswald,'Arial Narrow',Impact,sans-serif;font-weight:700;font-size:20px;letter-spacing:1px;text-transform:uppercase;white-space:nowrap}
.brand .wm span{color:var(--rust)}
.top nav{display:flex;gap:22px;order:2}
.top nav a{font-size:12.5px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--faint);text-decoration:none}
.top nav a:hover,.top nav a[aria-current]{color:var(--fg)}

/* page head */
.phead{padding:64px 0 36px;max-width:760px}
.phead h1{font-size:clamp(36px,6vw,60px)}
.phead p:not(.eyebrow){color:var(--dim);font-size:clamp(17px,2vw,19px);margin:18px 0 0;max-width:56ch}

/* article list */
.alist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-bottom:20px}
.acard{display:flex;flex-direction:column;gap:10px;background:var(--raised);border:1px solid var(--rule);border-radius:14px;padding:26px 24px;text-decoration:none;color:var(--fg);transition:border-color .15s}
.acard:hover{border-color:var(--teal-line)}
.acard .cat{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--teal-text)}
.acard h2{font-family:Oswald,'Arial Narrow',Impact,sans-serif;font-weight:700;text-transform:uppercase;font-size:26px;line-height:1.1;letter-spacing:.5px;margin:0}
.acard p{margin:0;color:var(--dim);font-size:15.5px}
.acard .meta{margin-top:auto;padding-top:8px;font-size:13px;color:var(--faint)}

/* article */
article{max-width:700px;margin:0 auto;padding:56px 0 20px}
article header h1{font-size:clamp(34px,5.6vw,56px)}
article .dek{font-size:clamp(18px,2.2vw,20.5px);color:var(--dim);margin:18px 0 0}
article .byline{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:13.5px;color:var(--faint);margin:22px 0 0;padding-bottom:28px;border-bottom:1px solid var(--rule)}
article .byline b{color:var(--fg);font-weight:600}
.prose{padding-top:12px;max-width:720px}
.prose h2{font-family:Oswald,'Arial Narrow',Impact,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:28px;line-height:1.1;margin:44px 0 14px}
.prose p{margin:0 0 18px;color:#E6E4DD}
.prose ul,.prose ol{margin:0 0 20px;padding-left:22px;color:#E6E4DD}
.prose li{margin:0 0 8px}
.prose strong{color:var(--fg)}
.prose blockquote{margin:30px 0;padding:4px 0 4px 22px;border-left:3px solid var(--teal);font-family:Oswald,'Arial Narrow',Impact,sans-serif;font-weight:600;text-transform:uppercase;font-size:clamp(22px,3vw,28px);line-height:1.2;letter-spacing:.5px;color:var(--fg)}
.callout{background:var(--raised);border:1px solid var(--rule);border-radius:12px;padding:20px 22px;margin:28px 0}
.callout p{margin:0 0 10px;color:var(--dim);font-size:15.5px}
.callout p:last-child{margin:0}
.callout b{color:var(--fg)}
.sources{margin-top:44px;padding-top:22px;border-top:1px solid var(--rule)}
.sources h2{font-size:15px;letter-spacing:2px;margin:0 0 12px}
.sources ol{font-size:14px;color:var(--faint);padding-left:20px}
.sources a{color:var(--dim)}
.cta{margin:44px 0 0;background:var(--panel);border:1px solid var(--teal-line);border-radius:14px;padding:24px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.cta img{width:64px;height:auto;border-radius:4px}
.cta div{flex:1;min-width:220px}
.cta b{display:block;font-family:Oswald,'Arial Narrow',Impact,sans-serif;text-transform:uppercase;font-size:20px;letter-spacing:.5px}
.cta span{color:var(--dim);font-size:15px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 22px;border-radius:10px;border:0;font-family:inherit;cursor:pointer;font-weight:700;font-size:15px;text-decoration:none;transition:background .15s,border-color .15s}
.btn.solid{background:var(--rust);color:#FAF9F5}
.btn.solid:hover{background:#A9461F}
.btn.line{border:1px solid var(--rule);color:var(--fg)}
.btn.line:hover{border-color:var(--rust)}
.more{max-width:700px;margin:56px auto 0}
.more > h2{font-size:15px;letter-spacing:2px;margin:0 0 14px}
.more .alist{grid-template-columns:1fr 1fr}

/* faq */
.faq{max-width:760px;padding-bottom:20px}
.faq h2.grp{font-size:15px;letter-spacing:2px;margin:40px 0 12px;color:var(--teal-text)}
.faq details{border-top:1px solid var(--rule)}
.faq details:last-of-type{border-bottom:1px solid var(--rule)}
.faq summary{list-style:none;cursor:pointer;padding:18px 36px 18px 0;position:relative;font-weight:600;font-size:17.5px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:14px;font-size:24px;color:var(--faint);font-weight:400}
.faq details[open] summary::after{content:"\2212"}
.faq .a{padding:0 0 18px;color:var(--dim)}
.faq .a p{margin:0 0 12px}
.faq .a p:last-child{margin:0}

footer.site{margin-top:88px;border-top:1px solid var(--rule);padding:36px 0 44px;background:radial-gradient(720px 220px at 50% 0,rgba(46,122,128,.14),rgba(46,122,128,0) 70%) no-repeat}
.foot{display:grid;grid-template-columns:minmax(170px,.55fr) 3fr;gap:28px 40px;align-items:start}
.foot .brand img{width:24px;height:24px}
.foot .brand .wm{font-size:16px}
.foot .fchk{min-height:42px;padding:0 16px;font-size:14.5px;margin-top:14px}
.foot .tg{display:block;font-size:10.5px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--faint);margin-top:8px}
.foot nav.fcols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 20px}
.fcol{display:flex;flex-direction:column;min-width:0}.fh{margin:0 0 4px;font:700 11px Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}
.foot nav a{display:block;padding:7px 0;min-height:36px;color:var(--dim);text-decoration:none;font-size:14px;overflow-wrap:anywhere}
@media(max-width:860px){.foot{grid-template-columns:1fr}.foot nav.fcols{grid-template-columns:repeat(2,minmax(0,1fr))}}
.foot nav a:hover{color:var(--fg)}
.fine{font-size:12.5px;color:var(--faint);margin:26px 0 0;max-width:70ch}

@media (max-width:760px){.alist,.more .alist{grid-template-columns:1fr}}
@media (max-width:760px){.top{flex-wrap:wrap;gap:10px 12px;padding:12px 0 0}.top nav{order:4;flex:1 1 100%;gap:0;overflow-x:auto;scrollbar-width:none;margin:0 -20px;padding:2px 20px 0}.top nav::-webkit-scrollbar{display:none}.top nav a{flex:0 0 auto;padding:10px 12px;font-size:12px;letter-spacing:1px}.top nav a:first-child{padding-left:0}.top nav a[aria-current]{box-shadow:inset 0 -2px 0 var(--teal-text)}}
@media (max-width:560px){.btn{width:100%}.top .brand{gap:8px}.top .brand img{width:26px;height:26px}.brand .wm{font-size:17px;letter-spacing:.5px}.navcta{min-height:34px;padding:6px 12px;font-size:12.5px}.navcta .l{display:none}}

/* merch */
.mgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mcard{background:var(--raised);border:1px solid var(--rule);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}
.mimg{position:relative;aspect-ratio:1/1;background:radial-gradient(circle at 50% 45%,#262522 0%,#1A1917 70%);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--rule)}
.mimg svg{width:86%;height:86%}
.mtag{position:absolute;top:12px;left:12px;font-size:10.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;background:var(--rust);color:#FAF9F5;padding:5px 9px;border-radius:999px}
.mtx{padding:16px 18px 20px;display:flex;flex-direction:column;gap:6px}
.mtx .cat{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--rust-text)}
.mtx h2{font-family:Oswald,'Arial Narrow',Impact,sans-serif;font-weight:700;text-transform:uppercase;font-size:21px;line-height:1.1;letter-spacing:.5px;margin:0}
.mtx p{margin:0;color:var(--dim);font-size:14.5px;line-height:1.55}
.mtag.soon{background:#3A3934}
a.mimg{text-decoration:none}
.mimg.photo{background:#E4E4E4;overflow:hidden}
.mimg.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .25s}
.mimg.photo img.alt{opacity:0}
.mimg.photo:hover img.alt{opacity:1}
.mimg.photo .mtag{z-index:1}
.mcard.live{border-color:var(--rust)}
.mbuy{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px}
.mbuy b{font-family:Oswald,'Arial Narrow',Impact,sans-serif;font-size:22px}
.mbuy .btn{min-height:44px;padding:10px 18px;width:auto}
@media (max-width:980px){.mgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.mgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:440px){.mgrid{grid-template-columns:1fr}}

/* featured product */
.feat{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:36px;align-items:start;background:var(--raised);border:1px solid var(--rule);border-radius:18px;padding:24px;margin:0 0 56px}
.fmain{background:#E4E4E4;border-radius:12px;overflow:hidden;aspect-ratio:4/5}
.fmain img{width:100%;height:100%;object-fit:cover;display:block}
.fthumbs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:10px}
.fth{padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;background:#E4E4E4;cursor:pointer;aspect-ratio:4/5}
.fth img{width:100%;height:100%;object-fit:cover;display:block}
.fth.on{border-color:var(--rust)}
.ftx{padding:12px 6px}
.ftx h2{font-size:clamp(34px,4.6vw,52px);margin-bottom:18px}
.ftx p:not(.eyebrow){color:var(--dim);margin:0 0 14px}
.fspec{margin:6px 0 22px;padding-left:20px;color:var(--dim);font-size:15.5px}
.fspec li{margin:0 0 6px}
.fbuy{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.fbuy b{font-family:Oswald,'Arial Narrow',Impact,sans-serif;font-size:32px}
.mhead{font-size:clamp(26px,3.4vw,34px);margin:0 0 18px}
@media (max-width:820px){.feat{grid-template-columns:1fr;gap:18px;padding:14px}.fthumbs{gap:6px}}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.railwrap{position:relative}
.railbtn{display:none;position:absolute;top:calc(50% - 40px);z-index:3;width:44px;height:44px;border-radius:99px;border:1px solid var(--rule);background:rgba(20,20,19,.9);color:var(--fg);font-size:28px;line-height:1;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.5)}
.railbtn:hover{border-color:var(--teal-line);color:var(--teal-text)}
.railbtn.prev{left:-6px}.railbtn.next{right:-6px}
.railbtn[hidden]{display:none!important}
@media (pointer:fine){.railbtn{display:grid;place-items:center}.rail.drag,.krail.drag{cursor:grabbing;scroll-snap-type:none;user-select:none}.rail,.krail{cursor:grab}}

.launch{position:sticky;top:0;z-index:60;display:block;height:var(--lb);box-sizing:border-box;margin:0 -20px;padding:0 20px;display:flex;align-items:center;justify-content:center;gap:18px;white-space:nowrap;background:var(--bar);color:#FAF9F5;text-align:center;font-size:15.5px;text-decoration:none;line-height:1.2}
:root{--lb:52px}
@media (max-width:600px){:root{--lb:46px}.launch{font-size:14px}.launch .lo{display:none}}
@media (max-width:360px){.launch .nw{display:none}}
.launch .nw{display:inline-block;background:var(--rust);color:#FAF9F5;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:3px 9px;border-radius:99px;margin-right:4px}
.launch u{text-underline-offset:3px;font-weight:700}
.launch::before{content:'';position:absolute;top:0;bottom:0;left:calc(50% - 50vw);right:calc(50% - 50vw);background:var(--bar);border-bottom:1px solid rgba(93,179,185,.22);z-index:-1}
html,body{overflow-x:clip}
.lp{display:inline-flex;align-items:center;gap:6px;color:#FAF9F5;text-decoration:none;min-width:0}
.lp:hover u{text-decoration-thickness:2px}
.lcov{height:40px;width:auto;margin-right:6px;border-radius:2px;box-shadow:0 3px 8px rgba(0,0,0,.45);transition:transform .2s}
.lp:hover .lcov{transform:scale(1.06)}
@media (max-width:600px){.lcov{height:34px;margin-right:4px}}
@media (max-width:480px){.launch .lp .nw{display:none}}
@media (max-width:345px){.launch{font-size:13px}.lcov{height:30px;margin-right:2px}}
.ln,.lm{display:none}
.ln{gap:20px;align-items:center}
.ln a{color:#FAF9F5;text-decoration:none;font-size:12.5px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;opacity:.88}
.ln a:hover,.ln a[aria-current]{opacity:1;text-decoration:underline;text-underline-offset:4px}
.ln .lnc{opacity:1;background:var(--rust);padding:7px 13px;border-radius:99px;letter-spacing:.6px;text-transform:none;font-size:13.5px}
.ln .lnc:hover{text-decoration:none;background:#A9461F}
.launch.sc{justify-content:space-between}
.lm{align-items:center;justify-content:center;width:40px;height:40px;margin-right:-8px;border:0;border-radius:10px;background:transparent;color:#FAF9F5;cursor:pointer}
.lm:hover,.lm[aria-expanded="true"]{background:rgba(0,0,0,.18)}
.lmenu{position:absolute;top:100%;right:0;left:0;text-align:left;background:#1d1d1b;border-bottom:1px solid var(--rule);box-shadow:0 14px 30px rgba(0,0,0,.45);padding:8px 20px 16px;display:flex;flex-direction:column}
.lmenu[hidden]{display:none}
.lmsub{display:flex;gap:18px;padding:14px 2px 2px}
.lmenu .lmsub a{padding:0;border:0;font-size:14px;font-weight:500;color:var(--faint)}
.lmenu a{padding:13px 2px;border-bottom:1px solid var(--rule);color:var(--fg);text-decoration:none;font-weight:600;font-size:16px}
.lmenu a[aria-current]{color:var(--rust-text)}
.lmenu .lmk{margin:6px 0 4px;border:0;border-radius:10px;background:var(--rust);color:#FAF9F5;text-align:center;padding:13px}
.lpb{gap:14px}
.lpb b{font-family:Oswald,'Arial Narrow',Impact,sans-serif;text-transform:uppercase;letter-spacing:.8px;font-size:16px}
.lbuy,.lbuy2{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:99px;font-weight:700;font-size:13.5px;text-decoration:none;color:#FAF9F5}
.lbuy{background:var(--rust)}.lbuy:hover{background:#A9461F}
.lbuy2{border:1.5px solid rgba(250,249,245,.7)}.lbuy2:hover{border-color:#FAF9F5;background:rgba(0,0,0,.12)}
.launch.lghost{position:fixed;left:0;right:0;margin:0;padding:0 max(20px,calc(50% - 500px));transform:translateY(-110%);transition:transform .25s ease;visibility:hidden}
.launch.lghost.sc{transform:none;visibility:visible}
@media (max-width:760px){.lpb .lbuy,.lpb .lbuy2{display:none}}
@media (min-width:901px){.launch.sc .ln{display:flex}}
@media (max-width:900px){.launch.sc .lm{display:inline-flex}.launch.sc{gap:8px}.launch.sc .lp{overflow:hidden}}
@media (max-width:420px){.launch.sc .lp:not(.lpb) b{display:none}}

/* merch shop (filters + compact grid) */
.shop .shead{padding:30px 0 14px;max-width:760px}
.shop .shead h1{font-size:clamp(30px,4.4vw,46px)}
.shop .shead p:not(.eyebrow){color:var(--dim);margin:12px 0 0;font-size:clamp(16px,1.8vw,18px)}
.sbar{position:sticky;top:var(--sbtop,0);z-index:20;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -20px;padding:12px 20px;background:var(--bg);border-bottom:1px solid var(--rule)}
.sbar::-webkit-scrollbar{display:none}
.sbar::after{content:'';flex:0 0 8px}
.schip{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:8px 16px;border-radius:99px;border:1px solid var(--rule);background:transparent;color:var(--dim);font:600 14px Inter,sans-serif;cursor:pointer;white-space:nowrap;transition:border-color .15s,background .15s,color .15s}
.schip span{font-size:12px;font-weight:600;color:var(--faint)}
.schip:hover{border-color:var(--rust)}
.schip[aria-pressed="true"]{background:var(--fg);border-color:var(--fg);color:#141413}
.schip[aria-pressed="true"] span{color:#6b6960}
.scount{font-size:13px;color:var(--faint);margin:14px 0 12px}
.sgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.scard{max-width:none;margin:0;padding:0;display:flex;flex-direction:column;background:var(--raised);border:1px solid var(--rule);border-radius:14px;overflow:hidden;transition:border-color .15s}
.scard:hover{border-color:var(--teal-line)}
.scard[hidden]{display:none}
.simg{position:relative;display:block;aspect-ratio:1/1;background:#EDEBE6;overflow:hidden}
.simg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply;transition:opacity .25s,transform .4s ease}
@media (hover:hover){.scard:hover .simg img{transform:scale(1.03)}}
.simg img.alt{opacity:0}
@media (hover:hover){.simg:hover img.alt{opacity:1}.simg:hover img:not(.alt){opacity:0}}
.stag{position:absolute;top:10px;left:10px;z-index:1;font-size:10.5px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;background:var(--rust);color:#FAF9F5;padding:4px 9px;border-radius:99px}
.stx{flex:1;display:flex;flex-direction:column;gap:4px;padding:14px 16px 16px}
.scat{font-size:10.5px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--rust-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stx h2{margin:0;font-family:Oswald,'Arial Narrow',Impact,sans-serif;font-weight:700;text-transform:uppercase;font-size:17px;line-height:1.15;letter-spacing:.4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.stx h2 a{color:var(--fg);text-decoration:none}
.sdesc{margin:2px 0 0;color:var(--dim);font-size:13.5px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sbuy{margin-top:auto;padding-top:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.sbuy b{font-family:Oswald,'Arial Narrow',Impact,sans-serif;font-size:20px}
.sbtn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 16px;border-radius:9px;background:var(--rust);color:#FAF9F5;font-weight:700;font-size:14px;text-decoration:none;white-space:nowrap;transition:background .15s}
.sbtn:hover{background:#A9461F}
.snote{margin-top:30px;padding-top:18px;border-top:1px solid var(--rule);font-size:13.5px;color:var(--faint)}
.snote p{margin:0 0 6px}
@media (max-width:1080px){.sgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:760px){
  .shop .shead{padding:18px 0 4px}
  .shop .shead .eyebrow{display:none}
  .shop .shead h1{font-size:30px}
  .shop .shead p:not(.eyebrow){font-size:15px;margin-top:8px}
  .scount{margin:10px 0 10px}
  .sbar{padding:10px 20px}
  .schip{min-height:38px;padding:7px 14px;font-size:13.5px}
  .sgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .stx{padding:10px 12px 12px}
  .scat{font-size:9.5px;letter-spacing:1.2px}
  .stx h2{font-size:14.5px}
  .sdesc{display:none}
  .sbuy{flex-direction:column;align-items:stretch;gap:8px;padding-top:8px}
  .sbuy b{font-size:17px}
  .sbtn{width:100%;min-height:40px;font-size:13.5px}
  .stag{top:8px;left:8px;font-size:9.5px;padding:3px 8px}
}
@media (max-width:440px){.sbar{gap:6px}.schip{padding:7px 12px}.schip span{display:none}}

/* free membership opt-in (shared by every page) */
.optin{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 0;max-width:520px}
.optin input[type=email]{flex:1 1 200px;min-width:0;min-height:52px;padding:12px 16px;border-radius:10px;border:1px solid var(--rule);background:var(--raised);color:var(--fg);font:inherit;font-size:16px}
.optin input[type=email]:focus{outline:2px solid var(--rust-text);outline-offset:1px}
.optin .btn{flex:0 0 auto;min-height:52px;width:auto}
.optnote{font-size:12.5px;color:var(--faint);margin:10px 0 0}
.hp{display:none}
.gate{margin:28px 0 0;padding:26px 22px;border:1px solid var(--teal-line);border-radius:18px;background:var(--panel)}
.gate h2{margin:0 0 8px;font-size:clamp(26px,4vw,36px)}
.gate h2 em{font-style:normal;color:var(--rust)}
.gate p.lead{margin:0}
.gate ul{margin:16px 0 0;padding-left:20px;color:var(--dim)}
.gate li{margin:4px 0}
.gate li::marker{color:var(--teal-text)}
/* "your path" strip */
.path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:26px 0 0;padding:0;list-style:none;counter-reset:p}
.path li{counter-increment:p}
.path a{display:flex;flex-direction:column;gap:2px;height:100%;padding:14px 14px 16px;border:1px solid var(--rule);border-radius:14px;background:var(--raised);color:var(--fg);text-decoration:none}
.path a:hover{border-color:var(--teal-line)}
.path a::before{content:counter(p);font:700 22px Oswald,'Arial Narrow',sans-serif;color:var(--teal-text)}
.path b{font-size:15.5px}
.path span{font-size:13.5px;color:var(--faint)}
@media (max-width:720px){.path{grid-template-columns:1fr 1fr}}

.cta-kit{align-items:flex-start}
.cta-kit .optin{margin-top:14px}
.drops{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center;margin:34px 0 0;padding:26px 24px;border:1px solid var(--teal-line);border-radius:18px;background:var(--panel)}
.drops h2{font-size:clamp(24px,3.4vw,34px);margin:4px 0 8px}
.drops h2 em{font-style:normal;color:var(--rust)}
.drops p{color:var(--dim);margin:0}
.drops .optin{margin:0;max-width:none}
@media (max-width:760px){.drops{grid-template-columns:1fr;gap:14px;padding:22px 18px}}

.optin-go{margin-top:.75rem}
/* Recipe photo placeholder (assets/plate.js), used in the Kitchen and the Starter Kit */
.kph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:10px 12px 12px;text-align:center;background:radial-gradient(ellipse at 50% 38%,#2A2622,#1B1A17 72%)}
.kph .kpl{width:56%;max-width:190px;height:auto;margin:4px 0 6px}
.kph b{font-family:Oswald,'Arial Narrow',Impact,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.6px;font-size:clamp(12px,1.35vw,15px);line-height:1.15;color:#D9D6CC}
.kph i{font-style:normal;font-size:9.5px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#BE5126}
@media (max-width:480px){.kph{padding-top:30px}.kph .kpl{width:40%;margin:0 0 4px}.kph b{font-size:12px}.kph i{font-size:8.5px;letter-spacing:1.5px}}
/* Starter Kit cards are smaller: no badge row to clear, smaller plate */
.fyr .kph{padding:8px 10px}
.fyr .kph .kpl{width:38%;margin:0 0 4px}
@media (max-width:480px){.fyr .kph{padding:6px 8px;gap:2px}.fyr .kph .kpl{width:30%;margin:0 0 2px}.fyr .kph b{font-size:11px}.fyr .kph i{font-size:7.5px;letter-spacing:1.2px}}
/* Book plug: cover + store buttons (tools/build.py bookplug/stores) */
.bplug{display:grid;grid-template-columns:150px 1fr;gap:28px;align-items:center;padding:26px;border-radius:18px;border:1px solid var(--teal-line);background:var(--panel)}
.bplug .bpc img{display:block;width:100%;height:auto;border-radius:6px;box-shadow:0 14px 34px rgba(0,0,0,.5);transition:transform .2s}
.bplug .bpc:hover img{transform:scale(1.02)}
.bplug .eyebrow{margin:0 0 6px}.bplug h2{margin:0 0 8px}.bplug .lead{margin:0 0 16px}
.stores{display:flex;flex-wrap:wrap;gap:10px}
.store{display:flex;align-items:center;gap:12px;min-height:58px;padding:9px 16px;border-radius:12px;text-decoration:none;line-height:1.2;transition:transform .15s,box-shadow .15s}
.store:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(0,0,0,.35)}
.store .st{display:flex;flex-direction:column}.store b{font-size:15px}.store small{font-size:12px;opacity:.8}
.store.az{background:#fff;color:#111}.store.az img{height:22px;width:auto}
.store.sp{background:#121212;color:#fff;border:1px solid #2a2a2a}.store.sp img{width:30px;height:30px}
.store.pb{background:#1c1b19;color:#FAF9F5;border:1px solid #3A3934}.store.pb img{width:28px;height:45px;object-fit:cover;border-radius:2px;box-shadow:2px 3px 8px rgba(0,0,0,.5);flex:none}
.bpm{display:inline-block;margin-top:14px;font-weight:700;font-size:14px;color:var(--rust-text,#E07A4F);text-decoration:none}
.bpx{display:flex;flex-wrap:wrap;gap:18px;margin:12px 0 0;font-size:14px}.bpx a{color:var(--dim,#B9B5AA)}
@media (max-width:640px){.bplug{grid-template-columns:1fr;gap:18px;padding:20px}.bplug .bpc{width:120px}.store{flex:1 1 100%}}
/* Meal prep book waitlist (tools/build.py waitlist(), assets/waitlist.js) */
.wlist{display:grid;grid-template-columns:170px 1fr;gap:28px;align-items:center;margin:40px 0 0;padding:26px;border:1px solid var(--teal-line);border-radius:18px;background:var(--panel)}
.wlist img{display:block;width:100%;height:auto;border-radius:6px;box-shadow:0 14px 34px rgba(0,0,0,.5)}
.wlist .eyebrow{margin:0 0 6px}.wlist h2{margin:0 0 8px;font-size:clamp(26px,3.6vw,38px)}.wlist h2 em{font-style:normal;color:var(--rust,#BE5126)}
.wlist p{color:var(--dim,#B9B5AA);margin:0 0 10px;line-height:1.5}
.wlist .wl-perk{color:var(--rust-text,#E07A4F);font-weight:700;font-size:14px}
.wlist .wl-perk a{color:inherit}
.ctstrip{display:flex;align-items:center;gap:16px;min-height:104px;margin:18px 0 0;padding:12px 16px;border:1px solid var(--rust);border-radius:16px;background:linear-gradient(90deg,rgba(190,81,38,.14),var(--raised))}
.ctstrip .cs-cov img{display:block;width:47px;height:70px;border-radius:3px;box-shadow:0 6px 16px rgba(0,0,0,.5)}
.ctstrip .cs-t{flex:1 1 300px;min-width:0}.ctstrip .cs-t b{display:block;font:700 18px/1.15 Oswald,sans-serif;text-transform:uppercase;letter-spacing:.2px;margin:0 0 4px}.ctstrip .cs-t span{display:block;color:var(--dim);font-size:14.5px;line-height:1.4}
.ctstrip .cs-b{display:flex;flex:0 0 auto;flex-wrap:wrap;align-items:center;gap:6px 8px;justify-content:flex-end;max-width:340px}.ctstrip .btn,.rp-book .btn{min-height:44px;padding:0 14px;font-size:15px}.ctstrip .btn small,.rp-book .btn small{font-weight:500;opacity:.85;margin-left:4px}.ctstrip .plogo,.rp-book .plogo{height:12px;margin:0 4px 0 0;vertical-align:-1px}
.cs-sub{flex-basis:100%;text-align:right;font-size:13px;color:var(--faint,#8F8B80)}.cs-sub a{color:var(--rust-text);font-weight:700;margin-left:10px}.cs-soon{white-space:nowrap}
.rp-book{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 18px;margin:28px 0 0;padding:16px 18px;border:1px solid var(--rust);border-radius:14px;background:linear-gradient(90deg,rgba(190,81,38,.12),var(--raised))}
.rp-book .rb-t b{display:block;font-size:16.5px;margin:0 0 2px}.rp-book .rb-t span{color:var(--dim);font-size:14.5px}.rp-book .rb-b{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}.rp-book .rb-see{color:var(--rust-text);font-weight:700;font-size:14px}
@media(max-width:700px){.ctstrip{flex-wrap:wrap;gap:8px 12px;min-height:0;padding:10px 12px;margin-top:12px}.ctstrip .cs-cov img{width:38px;height:57px}.ctstrip .cs-t{flex:1 1 0}.ctstrip .cs-t b{font-size:16px}.ctstrip .cs-t span{display:none}.ctstrip .cs-b{flex-basis:100%;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:8px}.ctstrip .btn{width:auto;min-width:0;flex-direction:column;gap:3px;justify-content:center;padding:6px;font-size:13.5px;min-height:48px;white-space:nowrap;line-height:1.1}.ctstrip .btn small{margin-left:3px}.ctstrip .plogo{height:10px;width:auto;margin:0}.cs-sub{grid-column:1/-1;text-align:left;font-size:12.5px}.cs-sub a{margin-left:10px}}
.wl-buy{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:2px 0 14px}.wl-buy .btn{min-height:46px}.wl-buy .btn small{font-weight:500;opacity:.85;margin-left:4px}.wl-buy .plogo{height:13px;margin:0 4px 0 0;vertical-align:-1px}.wl-soon{color:var(--faint,#8F8B80);font-size:14px}
/* the cover-image rule above must not hit the Amazon logo inside the buy buttons (it gave it a shadow and full width) */
.wlist .plogo{width:auto;box-shadow:none;border-radius:0}
/* on /cook-twice, ".bp section{padding:72px 0 0}" beat the block's own padding, so the text touched the border */
.bp section.wlist{padding:26px;margin:56px 0 0}
@media (max-width:700px){.bp section.wlist{padding:20px;margin-top:44px}}
.wlist .optin{margin:6px 0 0;max-width:none}
.wlist .optnote{margin:12px 0 0}
.wlist .optin input[hidden]{display:none}
.wlist{grid-template-areas:'cover body'}.wlist>img{grid-area:cover}.wlist .wl-body{grid-area:body}.wl-stats{display:none}.wlist .wl-short{display:none}
@media (max-width:700px){.wlist{grid-template-columns:132px 1fr;grid-template-areas:'cover stats' 'body body';gap:20px 18px;padding:20px}.wlist>img{width:132px}.wl-stats{grid-area:stats;display:flex;flex-direction:column;justify-content:center;gap:14px;list-style:none;margin:0;padding:0 0 0 16px;border-left:2px solid var(--teal-line)}.wl-stats li{display:flex;flex-direction:column;line-height:1.1}.wl-stats b{font-family:Oswald,'Arial Narrow',Impact,sans-serif;font-weight:700;font-size:34px;color:var(--fg,#F2EDE4);letter-spacing:.5px}.wl-stats li:nth-child(2) b{color:var(--rust,#BE5126)}.wl-stats span{font-size:12px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--dim,#B9B5AA);margin-top:3px}.wlist .wl-long{display:none}.wlist .wl-short{display:block}}
/* Recipe pages (tools/recipepages.py) */
.rp{padding-top:22px}
.rp-crumb{font-size:13px;color:var(--faint,#8C887E);margin:0 0 16px}.rp-crumb a{color:var(--dim,#B9B5AA)}.rp-crumb span{margin:0 6px}
.rp-hero{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.rp-pic img{display:block;width:100%;height:auto;border-radius:16px;aspect-ratio:1/1;object-fit:cover;background:var(--raised)}
.rp-top h1{margin:6px 0 10px;font-size:clamp(30px,4.4vw,48px);line-height:1.05}
.rp-top .lead{margin:0 0 16px}
.rp-macros{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 6px}
.rp-macros span{display:flex;flex-direction:column;align-items:center;padding:12px 6px;border:1px solid var(--rule);border-radius:12px;background:var(--raised);font-size:12px;color:var(--dim);text-transform:uppercase;letter-spacing:1px}
.rp-macros b{font-family:Oswald,'Arial Narrow',sans-serif;font-size:24px;color:var(--ink,#F2EFE6);letter-spacing:0}
.rp-per{font-size:12px;color:var(--faint,#8C887E);margin:4px 0 14px}
.rp-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.rp-chips>span{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;border:1px solid var(--rule);font-size:13px;color:var(--dim)}
.rp-top .btn{width:auto}
.rp-body{display:grid;grid-template-columns:.85fr 1.15fr;gap:36px;margin:40px 0 0}
.rp-body h2{font-size:clamp(24px,3vw,32px);margin:0 0 14px}
.rp-ing{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.rp-ing li{padding:0 0 8px;border-bottom:1px solid var(--rule);color:var(--dim);line-height:1.45}
.rp-ing em{color:var(--faint,#8C887E)}
.rp-steps{margin:0;padding:0 0 0 22px;display:grid;gap:14px;color:var(--dim);line-height:1.55}
.rp-steps b{display:block;color:var(--ink,#F2EFE6);margin:0 0 2px}
.rp-tip{margin:18px 0 0;padding:14px 16px;border-left:3px solid var(--teal);background:var(--raised);border-radius:0 10px 10px 0}
.rp-tip b{display:block;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--teal-text);margin:0 0 4px}
.rp-tip span{color:var(--dim)}
.rp-gate{padding:22px;border:1px solid var(--rule);border-radius:16px;background:var(--raised)}
.rp-rel{margin:44px 0 0}.rp-rel h2{font-size:clamp(22px,3vw,30px);margin:0 0 14px}
.rp-rel>div{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.rp-rel a{display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit}
.rp-rel img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:12px}
.rp-rel b{font-size:15px}.rp-rel small{color:var(--faint,#8C887E)}
.kindex{margin:28px 0 0;font-size:14px;color:var(--dim)}
.kindex summary{cursor:pointer;font-weight:700;color:var(--ink,#F2EFE6)}
.kindex ul{columns:3 220px;margin:12px 0 0;padding:0;list-style:none}
.kindex li{margin:0 0 6px;break-inside:avoid}.kindex a{color:var(--dim)}
@media (max-width:760px){.rp-hero,.rp-body{grid-template-columns:1fr;gap:20px}.rp-body{margin-top:28px}.rp-rel>div{grid-template-columns:1fr 1fr}.rp-macros b{font-size:20px}}
.rp article{max-width:none;margin:0;padding:0}
.rp-macros b{text-transform:none}
.rp .lvd{display:inline-flex;gap:2px;vertical-align:middle;margin-left:6px}
.rp .lvd i{width:6px;height:6px;border-radius:99px;background:rgba(250,249,245,.18)}
.rp .lvd i.on:nth-child(-n+2){background:#E8B33C}
.rp .lvd i.on:nth-child(n+3){background:#E5762C}
.rp .lvd i.on:nth-child(5){background:#D7262B;box-shadow:0 0 6px rgba(215,38,43,.55)}

.about-pic{margin:28px 0 0;max-width:420px}
.about-pic img{display:block;width:100%;height:auto;aspect-ratio:1024/1300;object-fit:cover;object-position:50% 0%;border-radius:14px}
.about-pic figcaption{margin-top:10px;font-size:14px;color:var(--faint);letter-spacing:.02em}

/* Cook Twice book unlock (Kitchen sheet + recipe pages) */
.kb-form{display:flex;gap:8px;margin-top:14px;clear:both}.kb-form input{flex:1;min-width:0;background:var(--bg);border:1px solid var(--rule);border-radius:10px;color:var(--fg);font:600 16px Inter,sans-serif;letter-spacing:.08em;padding:12px 14px;text-transform:uppercase}.kb-form .btn{width:auto;min-height:46px}
.kb-err{color:#e8917a!important;margin-top:10px}
.rp-book{border-color:var(--teal-line)}.rp-bcov{float:right;width:96px;height:auto;margin:0 0 10px 16px;border-radius:4px;box-shadow:0 10px 24px rgba(0,0,0,.5)}

/* Large phone text settings (Android "font size", Instagram/Facebook in-app browsers):
   let grid/flex children shrink instead of pushing past their cards, and let long words wrap. */
input,select,textarea{max-width:100%}
.optin input[type=email],.kb-form input{width:100%}
h1,h2,h3,.disp,.lead,p,li,.btn{overflow-wrap:break-word}
:where(.kit,.hero2,.me,.drops,.bx,.wlist,.rp-body,.rp-hero,.bp-hero,.two,.steps3,.objs,.proof,.ct-weeks,.ct-tabs,.bk)>*{min-width:0}
/* Banner: when the text doesn't fit (small phone or large text), drop the title instead of cutting words */
.launch .lt{display:none}.launch.t1 .lp b,.launch.t1 .lp .nw,.launch.t1 .lp .lo{display:none}.launch.t1 .lp .lt{display:inline;font-weight:700}.launch.t2 .lp .lt{display:none}
@media (max-width:420px){.km>span{white-space:normal}}
.rp-macros{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:420px){.rp-macros{gap:6px}.rp-macros span{padding:10px 2px;letter-spacing:.3px;font-size:11px}}
@media (max-width:380px){.top .brand{min-width:0}.brand .wm{font-size:15px;letter-spacing:.3px}}

.plogo{display:inline-block;height:16px;width:auto;vertical-align:-4px;margin:0 2px}.plogo.sp{height:18px;vertical-align:-4px;border-radius:50%}
.acard{overflow:hidden}.acard .aimg{display:block;width:calc(100% + 48px);max-width:none;height:auto;aspect-ratio:16/9;object-fit:cover;margin:-26px -24px 6px;border-bottom:1px solid var(--rule)}
.ahero{margin:26px 0 8px}.ahero img{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:14px;border:1px solid var(--rule)}.ahero figcaption{margin-top:8px;font-size:12.5px;color:var(--faint)}.ahero figcaption a{color:inherit}

/* Lit buttons (Nov 2026): light from above in four layers (top highlight, bottom shade, contact shadow, rust glow) and a press that sinks in. */
.btn.solid,.navcta:not([aria-current]),.sbtn,.lbuy,.lmenu .lmk{background:linear-gradient(180deg,#C2552A 0%,#AE4820 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.30),inset 0 -2px 0 rgba(0,0,0,.22),0 1px 2px rgba(0,0,0,.65),0 8px 24px -6px rgba(190,81,38,.60);transition:box-shadow .15s ease,transform 160ms cubic-bezier(.23,1,.32,1);-webkit-tap-highlight-color:transparent}
.btn.solid:hover,.navcta:not([aria-current]):hover,.sbtn:hover,.lbuy:hover,.lmenu .lmk:hover{background:linear-gradient(180deg,#C2552A 0%,#AE4820 100%)}
@media (hover:hover) and (pointer:fine){.btn.solid:hover,.navcta:not([aria-current]):hover,.sbtn:hover,.lbuy:hover,.lmenu .lmk:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 -2px 0 rgba(0,0,0,.22),0 1px 2px rgba(0,0,0,.65),0 10px 28px -6px rgba(190,81,38,.78)}}
.btn.solid:active,.navcta:not([aria-current]):active,.sbtn:active,.lbuy:active,.lmenu .lmk:active{background:linear-gradient(180deg,#A9461F 0%,#BE5126 100%);box-shadow:inset 0 2px 3px rgba(0,0,0,.30),0 1px 1px rgba(0,0,0,.6);transform:scale(.97)}
.btn.solid.big{box-shadow:inset 0 1px 0 rgba(255,255,255,.30),inset 0 -2px 0 rgba(0,0,0,.22),0 1px 2px rgba(0,0,0,.65),0 16px 36px -14px rgba(190,81,38,.75)}
@media (hover:hover) and (pointer:fine){.btn.solid.big:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 -2px 0 rgba(0,0,0,.22),0 1px 2px rgba(0,0,0,.65),0 18px 40px -14px rgba(190,81,38,.9)}}
.btn.solid.big:active{box-shadow:inset 0 2px 3px rgba(0,0,0,.30),0 1px 1px rgba(0,0,0,.6)}
.btn.line{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 1px 2px rgba(0,0,0,.55);transition:border-color .15s ease,box-shadow .15s ease,transform 160ms cubic-bezier(.23,1,.32,1);-webkit-tap-highlight-color:transparent}
.btn.line:active{transform:scale(.97);box-shadow:inset 0 1px 3px rgba(0,0,0,.45)}
@media (prefers-reduced-motion:reduce){.btn.solid:active,.btn.line:active,.navcta:active,.sbtn:active,.lbuy:active,.lmenu .lmk:active{transform:none}}

/* Film grain (Nov 2026): a faint tile of static over the teal glow and the teal panels, behind the text, so big dark fades read as print instead of plastic and stop banding. Medium strength (about 40 percent). Since Nov 2 the teal panels carry no grain (it washed them out); only the page-top glow keeps it. */
:root{--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
--grain-soft:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='.4' intercept='.3'/%3E%3CfeFuncG type='linear' slope='.4' intercept='.3'/%3E%3CfeFuncB type='linear' slope='.4' intercept='.3'/%3E%3CfeFuncA type='linear' slope='0' intercept='.2'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
--panel:linear-gradient(155deg,rgba(46,122,128,.28),rgba(46,122,128,.05) 60%),var(--raised)}
body::before{content:"";position:absolute;top:0;left:0;right:0;height:900px;z-index:-1;pointer-events:none;background:var(--grain) 0 0/220px 220px;mix-blend-mode:overlay;opacity:.4;-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
/* every box painted with var(--panel) needs this, or the grain tile covers it as a flat grey sheet (the home Check and Starter Kit boxes did, Nov 1 to 2) */
.cta,.gate,.drops,.bplug,.wlist,.chk,.kit,.tr-dl{background-blend-mode:overlay,normal}
/* Nov 2026: headlines are one color. A rust word inside a headline reads as AI-made (Brand Bible 8.4), so any <em> left in a
   headline, including the ones the quiz, kitchen and coaching scripts write, keeps the headline's own color. Rust stays for buttons. */
:is(h1,h2,.disp) em{color:inherit!important}
.byline{gap:6px 18px}