/* drstevengoh.com v2 — KENOZOIK + R6 design layer over hub content */
:root{--pk:#FF2D78;--ac:#D7FF2F;--gr:#A3A3AA;--cb:#2D46FF;--ch:#1C1C21;--bk:#0A0A0C;--wh:#F6F6F2;--or:#FF2D78;--cr:#1C1C21;--tp:#D7FF2F;
--ink:#F6F6F2;--mut:#B9B9C0;--line:rgba(255,255,255,.16);--r:0px;--dp:'Anton','Impact','Noto Sans SC',sans-serif;--cd:'Barlow Condensed','Arial Narrow','Noto Sans SC',sans-serif;
--sf:'Anton','Impact','Noto Sans SC',sans-serif;--ss:'Barlow','Noto Sans SC',system-ui,sans-serif}
html{overflow-x:hidden}body{background:var(--bk);color:var(--ink);font:400 17px/1.65 var(--ss)}
*{border-radius:0!important}.fab,.dot,.cmp .h,.cmp .knob{border-radius:99px!important}
h1,h2,h3,.d0,.d1,.d2,.mega{font-family:var(--dp)!important;font-weight:400!important;text-transform:uppercase;letter-spacing:.005em;line-height:.94}
h1 i,h2 i,h3 i,.mega i,.d0 i,.d1 i,.d2 i,.big i{font-style:normal;color:var(--ac)}
.lg-zh h1,.lg-zh h2,.lg-zh h3{line-height:1.12;letter-spacing:.02em}
.kick{font:600 13px/1.2 var(--cd)!important;letter-spacing:.26em!important;text-transform:uppercase;color:var(--ac)}
.lead{font:600 clamp(18px,1.5vw,23px)/1.35 var(--cd)!important;letter-spacing:.03em;text-transform:uppercase}
.pbar{display:none}
/* header: solid bar, no blend mode -> legible on every panel colour */
.hd0{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:22px;padding:12px clamp(16px,3vw,40px);background:rgba(10,10,12,.94);backdrop-filter:blur(10px);color:#fff;border-bottom:2px solid var(--pk)}
.hd0 .logo{font:400 15px/.95 var(--dp);letter-spacing:.06em;text-decoration:none;border:2px solid #fff;padding:6px 9px;text-transform:uppercase;color:#fff;flex:none}
.hd0 .nav{display:flex;gap:clamp(12px,1.6vw,24px);align-items:center;margin-left:auto}
.hd0 .nav a{font:600 13px/1 var(--cd);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:#fff;position:relative}
.hd0 .nav a:not(.btn):after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--ac);transform:scaleX(0);transform-origin:right;transition:transform .4s}
.hd0 .nav a:not(.btn):hover:after,.hd0 .nav a[aria-current]:after{transform:scaleX(1);transform-origin:left}.hd0 .nav a[aria-current]{color:var(--ac)}
.hd0 .langs{display:flex;gap:2px}.hd0 .langs a{font:600 12px/1 var(--cd);letter-spacing:.1em;padding:7px 7px;text-decoration:none;color:#fff;border:1.5px solid transparent}.hd0 .langs a[aria-current]{border-color:var(--ac);color:var(--ac)}
.hd0 .mt{display:none;background:none;border:2px solid #fff;color:#fff;font:600 12px var(--cd);letter-spacing:.2em;padding:8px 10px;cursor:pointer;text-transform:uppercase}
@media(max-width:1180px){.hd0 .mt{display:block}.hd0 .langs{margin-left:auto}.hd0 .nav{position:fixed;inset:0;z-index:-1;flex-direction:column;justify-content:center;gap:22px;background:#000;transform:translateY(-100%);transition:transform .6s cubic-bezier(.7,0,.2,1);margin:0;visibility:hidden}
.hd0 .nav a{font:400 clamp(30px,8vw,44px)/1 var(--dp);letter-spacing:.02em}body.mo .hd0 .nav{transform:none;visibility:visible}body.mo{overflow:hidden}}
/* buttons: square outlined sweep */
.btn{border-radius:0!important;font:600 13px/1 var(--cd)!important;letter-spacing:.2em;text-transform:uppercase;padding:14px 18px;background:none;color:inherit;border:1.5px solid currentColor;position:relative;overflow:hidden;isolation:isolate;transition:color .35s}
.btn:before{content:"";position:absolute;inset:0;background:currentColor;transform:translateX(-101%);transition:transform .45s cubic-bezier(.7,0,.2,1);z-index:-1}
.btn:hover{color:var(--bk)!important;background:var(--ac)!important;border-color:var(--ac)}.btn:hover:before{transform:none;background:var(--ac)}
.btn.or{background:var(--pk);border-color:var(--pk);color:#fff}.btn.ln{background:none;color:inherit}.btn.sm{padding:10px 14px}
.sec.or .btn.or,.c-pk .btn.or{background:#0a0a0c;border-color:#0a0a0c}
/* panels */
.sec{background:var(--bk);position:relative}
.sec.cr{background:var(--gr);--ink:#0a0a0c;--mut:#2a2a30;--line:rgba(0,0,0,.22);--cr:#C3C3C9;color:var(--ink)}
.sec.cr .kick{color:#0a0a0c}.sec.cr h2 i,.sec.cr h3 i{color:var(--pk)}
.sec.or{background:var(--pk);--ink:#fff;--mut:#ffe3ec;--line:rgba(255,255,255,.3);--cr:#e01e64;color:#fff}.sec.or .kick{color:#0a0a0c}.sec.or h2 i{color:#0a0a0c}
.sec.bk,.bk{background:var(--ch)}
#book,.sec.book,section.bk#book{background:var(--cb)!important;--cr:#2234d6;color:#fff}
.sh .num{font:400 18px/1 var(--dp)!important;color:var(--bk);background:var(--ac);padding:6px 8px 4px;display:inline-block;margin-right:12px;clip-path:polygon(0 0,100% 0,100% 70%,78% 100%,0 100%)}
.sh h2,.d2{font-size:clamp(36px,5vw,78px)!important}
/* clip-path panel expand (instead of transparent bg swap) */
@media (prefers-reduced-motion:no-preference){.js .sec{clip-path:inset(0 3% 0 3%);transition:clip-path 1.1s cubic-bezier(.2,.7,.2,1)}.js .sec.pin{clip-path:inset(0 0 0 0)}}
/* heroes */
.khero{min-height:calc(100svh - 64px);padding:40px 0 50px;background:var(--pk);color:#fff}
.khero .wrap{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(20px,4vw,60px);align-items:center}
.khero .stage{position:relative;height:min(80svh,740px);min-height:420px}
.khero .gl{position:absolute;left:50%;top:50%;font:400 clamp(380px,46vw,760px)/.78 var(--dp);color:#121214;transform:translate(-50%,-50%);pointer-events:none;user-select:none}
.khero .plus,.dh .plus{position:absolute;font:400 70px/1 var(--dp);color:var(--ac);right:10%;top:6%;z-index:1}
.khero .cut{position:absolute;left:50%;bottom:0;height:100%;width:auto;max-width:none;transform:translateX(-50%);object-fit:contain;filter:drop-shadow(0 30px 40px rgba(0,0,0,.35));-webkit-mask-image:linear-gradient(#000 90%,transparent);mask-image:linear-gradient(#000 90%,transparent)}
.khero .mega{font-size:clamp(54px,8.6vw,140px)!important;margin:0 0 .25em;color:#fff}.khero .mega i{color:#0a0a0c}.khero .kick{color:#0a0a0c}
.khero .chips{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:18px 0}.khero .chips li{border:1.5px solid #fff;padding:7px 10px;font:600 13px var(--cd);letter-spacing:.14em;text-transform:uppercase;background:none;color:#fff}
.khero .ctas{display:flex;flex-wrap:wrap;gap:12px}
@media(max-width:820px){.khero{min-height:0;padding:20px 0 50px}.khero .wrap{grid-template-columns:1fr}.khero .stage{height:auto;aspect-ratio:4/5;min-height:0}.khero .gl{font-size:min(118vw,560px)}}
.dh{position:relative;overflow:hidden;background:var(--ch);padding:clamp(40px,6vw,90px) 0}
.dh .wrap{position:relative;z-index:2}
.dh .gl{position:absolute;left:80%;top:50%;font:400 clamp(300px,40vw,640px)/.78 var(--dp);transform:translate(-50%,-50%);pointer-events:none;user-select:none;z-index:0;color:rgba(0,0,0,.16)}
.dh.c-pk{background:var(--pk);--ink:#fff;--mut:#ffe3ec;color:#fff}.dh.c-pk .kick,.dh.c-pk h1 i{color:#0a0a0c}
.dh.c-ac{background:var(--ac);--ink:#0a0a0c;--mut:#2a2a30;--line:rgba(0,0,0,.2);color:#0a0a0c}.dh.c-ac .kick{color:#0a0a0c}.dh.c-ac h1 i{color:var(--pk)}.dh.c-ac .btn.or{background:#0a0a0c;border-color:#0a0a0c}
.dh.c-cb{background:var(--cb);--ink:#fff;--mut:#dfe3ff;color:#fff}.dh.c-cb .gl{color:#13208f}
.dh.c-gr{background:var(--gr);--ink:#0a0a0c;--mut:#2a2a30;--line:rgba(0,0,0,.2);color:#0a0a0c}.dh.c-gr .kick{color:#0a0a0c}.dh.c-gr h1 i{color:var(--pk)}
.dh .crumb a{color:inherit}
.dh .hpic{clip-path:polygon(0 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%);border:0}
/* light surfaces in the hub (product shots on white) keep dark text */
.card.cr,.pcard,.box,.ia,.bkcard,.wb,.cp,.hpic.wpic{--ink:#0a0a0c;--mut:#3a3a40;--line:rgba(0,0,0,.16);color:#0a0a0c}
.pcard{background:#fff;border:0;border-bottom:5px solid var(--pk)}.pcard:nth-child(2n){border-bottom-color:var(--cb)}
.box{background:var(--wh)}
input,select,textarea{border-radius:0!important;color:#0a0a0c}
/* cards — R6 cut corners */
.card{background:var(--ch);color:#fff;--ink:#fff;--mut:#bbb;clip-path:polygon(0 0,100% 0,100% calc(100% - 28px),calc(100% - 28px) 100%,0 100%);border-left:4px solid var(--pk)}
.sec.cr .card{background:#0a0a0c}.card:nth-child(3n+2){border-left-color:var(--ac)}.card:nth-child(3n){border-left-color:var(--cb)}
.card h3{font-size:clamp(24px,2.2vw,32px)}
/* zig-zag on two-column blocks */
@media(min-width:821px){.g2.zz0>*:first-child{order:2}}
.g2 figure,.two figure{clip-path:polygon(0 0,100% 0,100% calc(100% - 34px),calc(100% - 34px) 100%,0 100%)}
/* marquee */
.mq{background:var(--ac)!important;color:#0a0a0c!important;border-block:2px solid #0a0a0c}.mq.dark{background:#0a0a0c!important;color:var(--ac)!important;border-color:var(--ac)}
.mq span{font-family:var(--dp)!important;text-transform:uppercase;font-style:normal!important}
/* rows / faq / misc */
.faq details{border-color:var(--line)}.faq summary{font:600 19px/1.3 var(--cd);letter-spacing:.04em;text-transform:uppercase}
.post{background:var(--ch);color:#fff}.chip{border-radius:0!important}
.fine{margin-top:28px;font:600 13px var(--cd);letter-spacing:.14em;text-transform:uppercase}
.loc .map{width:100%;height:220px;border:0;filter:grayscale(1) contrast(1.1);margin:12px 0}
.loc{background:var(--bk);padding:22px;border-left:4px solid var(--ac)}
/* footer */
.ft{background:#000;color:#fff;--ink:#fff;--mut:#aaa}.ft .big{font:400 clamp(40px,5vw,70px)/.9 var(--dp)!important;text-transform:uppercase}.ft h4{font:600 13px var(--cd);letter-spacing:.24em;text-transform:uppercase;color:var(--ac)}
.fab{background:var(--ac)!important;color:#0a0a0c!important;border:2px solid #0a0a0c;font:600 13px var(--cd);letter-spacing:.16em;text-transform:uppercase;border-radius:0!important}
/* cart drawer */
.cartd,.cdrawer,[class*="cart-"]{border-radius:0!important}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1!important;transform:none!important}.khero .gl{transform:translate(-50%,-50%)!important}.dh .gl{transform:translate(-50%,-50%)!important}.js .sec{clip-path:none!important}}
.cdraw .cpay{display:flex;width:100%;margin-top:8px;justify-content:center}.cdraw .clist li{flex-wrap:wrap}.buyn{margin-right:10px;margin-bottom:10px}
.cdraw{background:var(--bk);color:#fff;border-left:3px solid var(--pk)}.cdraw .btn.ln{color:#fff}.cfab{background:var(--pk)!important;color:#fff!important;border-radius:0!important}
.dh .d0{font-size:clamp(52px,8vw,124px)!important;line-height:.92;color:inherit}.dh .lead,.lead{color:inherit!important;opacity:.92}
.dh .chips li{background:none!important;border:1.5px solid currentColor;color:inherit!important}
@media(max-width:820px){.dh .plus{display:none}.khero .plus{right:4%}}
.shipn{flex-basis:100%;font:600 13px/1.4 var(--cd);letter-spacing:.08em;text-transform:uppercase;opacity:.85;margin:10px 0 0}
.myonly{display:block;margin-top:4px;color:var(--ac)}.sec.cr .myonly,.c-ac .myonly,.c-gr .myonly,.wb .myonly{color:#0a0a0c}
/* === contrast pass 2026-10-24: dark ink (#0b0b0b) on every light/bright panel (pink, lime, grey, white) === */
.khero,.sec.or,.dh.c-pk,.way.or,.way.tp,.c-pk{--ink:#0b0b0b;--mut:#1f1f24;--line:rgba(0,0,0,.25);color:#0b0b0b}
.khero .mega,.khero .chips li{color:#0b0b0b}.khero .chips li{border-color:#0b0b0b}
.khero .mega i,.sec.or h2 i,.dh.c-pk h1 i,.khero .kick,.sec.or .kick,.dh.c-pk .kick{color:#fff}
.khero h1 i,.khero .kick{text-shadow:0 1px 0 rgba(0,0,0,.25)}
.way.or,.way.tp,.way.or *,.way.tp *{color:#0b0b0b}
.way .cn{opacity:1}
.btn.or{color:#0b0b0b}.sec.or .btn.or,.c-pk .btn.or,.dh.c-ac .btn.or{color:#fff}
.cfab{color:#0b0b0b!important}
.sec.cr h2 i,.sec.cr h3 i,.dh.c-ac h1 i,.dh.c-gr h1 i{color:#0b0b0b;text-decoration:underline;text-decoration-color:var(--pk);text-decoration-thickness:.08em;text-underline-offset:.08em}
.sh .num{color:#0b0b0b}
/* text over photos: dark scrim */
.ban .bcard{background:rgba(10,10,12,.82)!important;color:#fff;--ink:#fff;--mut:#e5e5ea}
.ban .bcard .kick{color:var(--ac)}
/* grey (.sec.cr) panels: no pink text on grey (1.4:1) */
.sec.cr{--or:#0b0b0b;--pk2:#0b0b0b}
.sec.cr a:not(.btn),.sec.cr summary,.sec.cr .rn,.sec.cr .rt,.sec.cr .rd,.sec.cr li,.sec.cr p,.sec.cr span:not(.num),.sec.cr i,.sec.cr sup a{color:#0b0b0b}
.sec.cr .btn.or{background:#0b0b0b;border-color:#0b0b0b;color:#fff}
.sec.cr .card,.sec.cr .card *{color:#fff}
/* hub light-theme greys (#3a332c) on com dark panels */
.ans,.ans p,.ans li,.ans h3,.prose p,.prose li,.prose h3,.checks li{color:inherit}
.lead{color:var(--ink)!important}
.rd{color:var(--mut)}
/* cards */
.card.cr{background:var(--ch);--ink:#fff;--mut:#c9c9cf;color:#fff}.card.cr *{color:inherit}
.sec.cr .card.cr{background:#0a0a0c}
.card.tp,.card.tp *,.box.tp,.box.tp *,.box.or,.box.or *{color:#0b0b0b}
.ph{color:#fff}
/* lime panels */
.c-ac,.c-ac *:not(.btn){color:#0b0b0b}
li[class]{}
:root{--ot:#FF2D78}.sec.cr,.c-ac,.c-gr,.pcard,.box,.wb,.bkcard,.ia,.cp{--ot:#C8005A}.sec.cr{--ot:#0b0b0b}
.khero,.sec.or,.dh.c-pk{--ot:#0b0b0b}
.kick{color:var(--ac)}.sec.cr .kick,.c-ac .kick,.c-gr .kick,.khero .kick,.sec.or .kick,.dh.c-pk .kick,.way .kick,.card.tp .kick,.pcard .kick,.box .kick,.bkcard .kick{color:inherit}
.pcard .ph .phs{color:#fff}
.c-gr{--ot:#0b0b0b}.c-gr h1 i,.c-gr .sw span,.c-gr li,.dh.c-gr .chips li,.sec.cr .fine{color:#0b0b0b!important}
.ss{--ink:#0b0b0b;--ot:#0b0b0b;color:#0b0b0b}.ss .lead,.ss li,.ss p{color:#0b0b0b!important}.ss .mega2 i,.ss h2 i{color:#fff}
.sh .num{color:#0b0b0b!important}
.role{color:var(--mut)}
#book{--ot:#fff}#book li,#book .checks li:before{color:#fff}
.card.or .cn,.card .cn{color:#c9c9cf}
.sec.cr .shipn{color:#0b0b0b;opacity:1}
.dh.c-cb,.sec.book{--ot:#fff}.dh.c-cb li,.sec.book li,#book li,.dh.c-cb .chips li{color:#fff!important}
.card.or,.card.or *{color:#f6f6f2}.card.or .cn{color:#c9c9cf}
.ss .mega2 i,.mega2 i{color:#0b0b0b}
.on{color:#0b0b0b}
.card.or{background:var(--pk)!important}.card.or *{color:#0b0b0b!important}
sup a,a[href^="#r-"],a[href^="#dr-"]{color:var(--ot)!important}
.card:not(.or):not(.tp) .cb p{color:#c9c9cf!important}
.on,.on small{color:#0b0b0b!important}
a[href*="#r-"],a[href*="#dr-"]{color:var(--ot)!important}
.on small{opacity:1!important}
.shipn{color:#0b0b0b!important;opacity:1}
.ss .ssl li,.ssl li,.sec.or .ssl li{color:#fff!important;background:#0b0b0b}
/* giant home letters (decorative, restored) */
.ss,.sec{position:relative}.ss>.gl2,.sec>.gl2{position:absolute;right:-2vw;top:50%;font:400 clamp(300px,42vw,700px)/.78 var(--dp);transform:translateY(-50%);pointer-events:none;user-select:none;z-index:0;color:rgba(0,0,0,.14);overflow:hidden}
.sec.bk>.gl2,.sec.blk>.gl2{color:rgba(255,255,255,.06)}
.ss>.wrap,.sec>.wrap{position:relative;z-index:1}.ss,.sec{overflow:hidden}
@media(max-width:820px){.ss>.gl2,.sec>.gl2{font-size:min(105vw,520px);right:-6vw;top:30%}}
.dh.c-ac .gl{color:rgba(0,0,0,.16)!important}
.sec>.gl2{color:rgba(255,45,120,.22)!important}.ss>.gl2,.sec.or>.gl2{color:rgba(0,0,0,.2)!important}.sec.cr>.gl2{color:rgba(0,0,0,.17)!important}.sec.bk>.gl2,.sec.blk>.gl2{color:rgba(215,255,47,.12)!important}
@media(max-width:820px){.ss>.gl2,.sec>.gl2{font-size:min(130vw,560px);right:-10vw;top:22%}}
.card.tp *,.card.bk *{color:#f6f6f2!important}.card.tp .cn,.card.bk .cn{color:#c9c9cf!important}
.box.bk{background:#1C1C21}.box.bk *{color:#fff!important}
.box.bk{background:#1C1C21!important}.card.cr *{color:#f6f6f2!important}.card.cr .cn{color:#c9c9cf!important}
.card.tp{background:var(--ac)!important}.card.tp *{color:#0b0b0b!important}
/* giant letters: clearly visible */
.sec>.gl2{color:rgba(255,45,120,.4)!important;top:0;transform:none;right:-3vw}.ss>.gl2,.sec.or>.gl2{color:rgba(0,0,0,.28)!important}.sec.cr>.gl2{color:rgba(0,0,0,.25)!important}.sec.bk>.gl2,.sec.blk>.gl2{color:rgba(215,255,47,.3)!important}
@media(max-width:820px){.ss>.gl2,.sec>.gl2{top:0;transform:none;right:-8vw}}
.card.tp .cn{color:#0b0b0b!important}.box.bk a[href*="#r-"],.box.bk a[href*="#dr-"]{color:#ff2d78!important}
.sec.cr>.gl2{color:rgba(255,45,120,.55)!important}.sec.bk>.gl2,.sec.blk>.gl2{color:rgba(255,45,120,.5)!important}