:root{--blue:#0235f9;--logo-h:34px;--bg:#0b0a09;--bg2:#12100e;--ink:#efe9de;--mute:#a79f90;--gold:#c9a96a;--gold2:#e8d3a2;--line:rgba(201,169,106,.22);--display:Impact,'Oswald','Arial Narrow',sans-serif;--head:'Oswald',Impact,sans-serif;--body:Arial,Helvetica,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:70px}
body{background:var(--bg);color:var(--ink);font:400 16px/1.7 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}.wrap{width:min(1180px,90%);margin:auto}.sr{position:absolute;left:-9999px}
h1,h2,h3{font-family:var(--head);font-weight:300;line-height:1.08}
h2{font-size:clamp(2.2rem,5vw,4rem);margin-bottom:1.5rem}h2 em,h1 em{color:var(--gold2);font-style:italic}
.eyebrow{font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin-bottom:1.5rem}
.sec{padding:clamp(5rem,10vw,9rem) 0;position:relative}
.intro{max-width:620px;color:var(--mute);font-size:1.05rem;margin-bottom:3rem}
.ph{color:var(--gold);font-size:.85em;font-style:italic}
.btn{display:inline-block;padding:1rem 2.2rem;background:linear-gradient(135deg,var(--gold2),var(--gold));color:#14100a;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;font-weight:500;border:1px solid var(--gold);cursor:pointer;transition:.35s;font-family:var(--body)}
.btn:hover{box-shadow:0 8px 30px rgba(201,169,106,.3);transform:translateY(-2px)}
.btn-ghost{background:transparent;color:var(--gold2)}.btn-ghost:hover{background:rgba(201,169,106,.1)}
.btn-sm{padding:.6rem 1.3rem;font-size:.68rem}
.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:1.1rem 5%;transition:.4s}
.nav.s{background:rgba(11,10,9,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding:.7rem 5%}
.logo{display:flex;align-items:center;gap:.9rem}.logo img{height:var(--logo-h);width:auto;display:block}
.logo span{font:300 .6rem var(--body);letter-spacing:.3em;text-transform:uppercase;color:var(--mute)}
.nav nav{display:flex;gap:2rem;align-items:center}
.nav nav a:not(.btn){font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--mute);position:relative;transition:.3s}
.nav nav a:not(.btn)::after{content:"";position:absolute;left:0;bottom:-6px;height:1px;width:0;background:var(--gold);transition:.35s}
.nav nav a:not(.btn):hover{color:var(--gold2)}.nav nav a:not(.btn):hover::after{width:100%}
.burger{display:none;background:none;border:0;width:36px;height:30px;position:relative;cursor:pointer}
.burger i{position:absolute;left:6px;right:6px;height:1px;background:var(--gold2);transition:.3s}.burger i:first-child{top:11px}.burger i:last-child{top:19px}
.hero{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 40%,#1c1710,var(--bg) 65%)}
.hero-art{position:absolute;right:-8%;top:50%;width:min(80vh,780px);transform:translateY(-50%);animation:spin 120s linear infinite}
@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}
.hero-in{position:relative;padding-top:6rem}
h1{font-size:clamp(3.2rem,9vw,8rem);letter-spacing:-.01em;margin-bottom:2rem}
.lead{max-width:520px;color:var(--mute);font-size:1.1rem;margin-bottom:2.5rem}
.cta{display:flex;gap:1rem;flex-wrap:wrap}
.scroll{position:absolute;bottom:2rem;left:50%;width:1px;height:60px;background:var(--line)}
.scroll span{position:absolute;top:0;left:-1px;width:3px;height:14px;background:var(--gold);animation:dr 2.2s infinite}
@keyframes dr{to{top:46px;opacity:0}}
.rx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.card{border:1px solid var(--line);padding:2.5rem 2rem;background:linear-gradient(180deg,rgba(201,169,106,.05),transparent);position:relative;transition:.5s;overflow:hidden}
.card:hover{transform:translateY(-8px);border-color:var(--gold);background:linear-gradient(180deg,rgba(201,169,106,.1),transparent)}
.card.feature{border-color:rgba(201,169,106,.5)}
.ico{width:84px;color:var(--gold);margin-bottom:1.5rem;transition:.8s}.card:hover .ico{transform:rotate(90deg) scale(1.08)}
.num{position:absolute;top:1.5rem;right:1.8rem;font-family:var(--head);color:var(--line);font-size:2.2rem}
.card h3{font-size:2.4rem;margin-bottom:.4rem}.tag{color:var(--gold);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;margin-bottom:1.2rem}
.card p{color:var(--mute)}.card ul{list-style:none;margin-top:1.5rem;border-top:1px solid var(--line);padding-top:1rem}
.card li{font-size:.88rem;padding:.2rem 0 .2rem 1.2rem;position:relative;color:var(--ink)}.card li::before{content:"";position:absolute;left:0;top:.9em;width:6px;height:1px;background:var(--gold)}
.note{margin-top:2.5rem;color:var(--mute);font-size:.9rem}
.stock{background:var(--bg2);border-block:1px solid var(--line);padding:clamp(4rem,7vw,6rem) 0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.split.top{align-items:start}
.stock h2{margin:0}.stock p{color:var(--mute)}
.link{display:inline-block;margin-top:1.5rem;color:var(--gold2);letter-spacing:.12em;font-size:.8rem;text-transform:uppercase;border-bottom:1px solid var(--gold);transition:.3s}.link:hover{letter-spacing:.2em}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:3rem;border-top:1px solid var(--line)}
.why{padding:2.5rem 2rem 1rem 0}.why+.why{padding-left:2rem;border-left:1px solid var(--line)}
.why span{font-family:var(--head);font-style:italic;color:var(--gold);font-size:1.4rem}.why h3{font-size:2.2rem;margin:.5rem 0 1rem}.why p{color:var(--mute)}
.shops{background:var(--bg2)}
.filter input{width:100%;max-width:420px;background:transparent;border:0;border-bottom:1px solid var(--gold);color:var(--ink);padding:.8rem 0;font:inherit;margin-bottom:2.5rem;outline:0}
.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.2rem}
.shop{border:1px solid var(--line);padding:1.8rem;transition:.4s;position:relative}.shop:hover{border-color:var(--gold);transform:translateY(-4px)}
.shop h4{font-family:var(--head);font-weight:400;font-size:1.5rem}.shop p{color:var(--mute);font-size:.88rem}
.shop .badge{position:absolute;top:1rem;right:1rem;font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);border:1px solid var(--line);padding:.15rem .5rem}
.shop h4{margin-top:.8rem}
.faq details{border-bottom:1px solid var(--line);padding:1.2rem 0}
.faq summary{cursor:pointer;list-style:none;font-family:var(--head);font-size:1.5rem;display:flex;justify-content:space-between;gap:1rem;transition:.3s}
.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";color:var(--gold);transition:.3s}.faq details[open] summary::after{transform:rotate(45deg)}
.faq summary:hover{color:var(--gold2)}.faq details p{color:var(--mute);padding-top:.8rem}
.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:5rem}
.steps li{border-top:1px solid var(--gold);padding-top:1.5rem}.steps b{font-family:var(--head);font-weight:300;color:var(--gold);font-size:2.4rem}
.steps h3{font-size:1.7rem;margin:.3rem 0 .6rem}.steps p{color:var(--mute);font-size:.92rem}
.apply{display:grid;grid-template-columns:1.6fr 1fr;gap:2rem}
form,.login{border:1px solid var(--line);padding:2.5rem;background:rgba(201,169,106,.03)}
form h3,.login h3{font-size:2rem;margin-bottom:1.5rem}.login p{color:var(--mute);margin-bottom:1.5rem}
.row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
label{display:block;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:1.4rem}
label input{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--ink);font:300 1rem var(--body);padding:.6rem 0;outline:0;transition:.3s;letter-spacing:0;text-transform:none}
label input:focus{border-color:var(--gold)}.small{font-size:.78rem;color:var(--mute);margin-top:1rem}
footer{border-top:1px solid var(--line);padding:4rem 0 1.5rem;background:#080706}
.foot{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:3rem}.foot h4{font:400 .72rem var(--body);letter-spacing:.25em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}
.foot p{color:var(--mute);font-size:.92rem}.foot a:hover{color:var(--gold2)}.copy{text-align:center;color:#6d665a;font-size:.75rem;margin-top:3rem}
.reveal{opacity:0;transform:translateY(30px);transition:opacity 1s ease,transform 1s ease}.reveal.in{opacity:1;transform:none}
.d1{transition-delay:.12s}.d2{transition-delay:.24s}.d3{transition-delay:.36s}
.card.reveal.in:hover{transform:translateY(-8px)}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
@media(max-width:900px){
.burger{display:block;z-index:60}
.nav nav{position:fixed;inset:0;background:rgba(11,10,9,.97);flex-direction:column;justify-content:center;gap:1.6rem;opacity:0;pointer-events:none;transition:.4s}
.nav nav.open{opacity:1;pointer-events:auto}.nav nav a:not(.btn){font-size:1rem}
.logo span{display:none}
.rx-grid,.why-grid,.steps,.apply,.split,.foot,.row{grid-template-columns:1fr}
.split{gap:2rem}.why+.why{padding-left:0;border-left:0;border-top:1px solid var(--line)}.why{padding-right:0}
.hero-art{right:-45%;opacity:.55;width:130vw}
form,.login{padding:1.8rem}
}

.hero-logo{width:clamp(90px,11vw,140px);height:auto;margin-bottom:2.2rem;display:block}
.foot-logo{width:90px;height:auto;margin-bottom:1rem;display:block}
.prestige{display:grid;grid-template-columns:1fr 1.4fr;gap:2rem 3rem;align-items:center;padding:2.5rem;margin-bottom:1.5rem;border:1px solid var(--gold);background:linear-gradient(120deg,rgba(2,53,249,.14),rgba(201,169,106,.06) 60%,transparent);position:relative}
.prestige::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--blue),var(--gold))}
.prestige h3{font-size:clamp(2.2rem,4vw,3.4rem);color:var(--gold2)}.prestige .eyebrow{margin-bottom:.6rem;display:block}
.prestige p{color:var(--mute)}.prestige .link{grid-column:2;margin-top:0;justify-self:start}
.eyebrow::before{content:"";display:inline-block;width:22px;height:1px;background:var(--blue);margin-right:.8rem;vertical-align:middle;box-shadow:0 0 8px var(--blue)}
.steps li{border-top-color:var(--gold)}.btn:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
@media(max-width:900px){.prestige{grid-template-columns:1fr;padding:1.8rem}.prestige .link{grid-column:1}.logo{--logo-h:32px}}

/* photos */
.hero{background:var(--bg)}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left center}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,10,9,.35) 0%,rgba(11,10,9,.15) 35%,rgba(11,10,9,.82) 62%,var(--bg) 100%),linear-gradient(0deg,var(--bg) 0%,transparent 22%),linear-gradient(180deg,rgba(11,10,9,.6),transparent 18%);mix-blend-mode:normal}
.hero-text{margin-left:auto;width:min(46%,560px)}
.hero-in h1{font-size:clamp(2.8rem,5.6vw,5.6rem)}
.tech{position:relative;min-height:70vh;display:flex;align-items:center;overflow:hidden;border-block:1px solid var(--line)}
.tech-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tech-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,10,9,.9),rgba(11,10,9,.55) 55%,rgba(11,10,9,.2)),linear-gradient(0deg,var(--bg),transparent 25%),linear-gradient(180deg,var(--bg),transparent 25%)}
.tech-in{position:relative;padding:6rem 0}.tech-in p:not(.eyebrow){max-width:480px;color:var(--ink);opacity:.8}
.vr{background:var(--bg2)}.vr .split{align-items:center}.vr h2{margin-bottom:1.2rem}.vr p:not(.eyebrow){color:var(--mute)}
figure img{display:block;width:100%;height:auto}
.vr figure{border:1px solid var(--line);padding:10px;position:relative}.vr figure::after{content:"";position:absolute;left:-1px;top:-1px;width:60px;height:60px;border-top:2px solid var(--blue);border-left:2px solid var(--blue);pointer-events:none}
.life{margin-top:2.5rem;max-width:340px;border:1px solid var(--line);padding:8px}.life img{aspect-ratio:4/5;object-fit:cover;object-position:center 25%;filter:saturate(.9)}
@media(max-width:900px){
.hero{display:block;min-height:0}
.hero-photo{position:relative;height:62vw;min-height:240px;max-height:420px;object-position:20% center}
.hero-shade{inset:0 0 auto 0;height:max(62vw,240px);max-height:420px;background:linear-gradient(0deg,var(--bg) 0%,transparent 45%),linear-gradient(180deg,rgba(11,10,9,.7),transparent 25%)}
.hero-in{padding-top:0;margin-top:-1rem}.hero-text{width:100%}
.hero-in h1{font-size:clamp(2.6rem,12vw,4rem)}.scroll{display:none}.hero{padding-bottom:4rem}
.tech{min-height:60vh}.tech-shade{background:linear-gradient(0deg,rgba(11,10,9,.9),rgba(11,10,9,.55)),linear-gradient(180deg,var(--bg),transparent 20%)}
.life{max-width:100%}
}

.prestige{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:3rem;padding:0;align-items:stretch}
.p-img{margin:0;overflow:hidden;min-height:100%}.p-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s ease}.prestige:hover .p-img img{transform:scale(1.04)}
.p-body{padding:3rem 3rem 3rem 0;align-self:center}.p-body p{margin:1.2rem 0 0}.p-body .link{grid-column:auto;margin-top:1.5rem}
@media(max-width:900px){.prestige{grid-template-columns:1fr;gap:0;padding:0}.p-img img{aspect-ratio:1/1}.p-body{padding:1.8rem}}

/* typography: Impact display / Oswald heads / Arial body */
h1,h2{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.015em;line-height:1.05}
h3,h4,.card h3,.why h3,.steps h3,.prestige h3,.shop h4,.faq summary,.num,.steps b,.why span{font-family:var(--head);font-weight:400;text-transform:uppercase;letter-spacing:.06em;font-style:normal}
h2 em,h1 em,.link,.tag{font-style:normal}
h1{font-size:clamp(2.6rem,6.6vw,6rem);line-height:1.02}
.hero-in h1{font-size:clamp(2.4rem,4.6vw,4.6rem)}
h2{font-size:clamp(2rem,4.4vw,3.5rem)}
.eyebrow,.btn,.nav nav a,.tag,.link,.logo span,label,.foot h4,.badge,.p-mark .eyebrow{font-family:var(--head);font-weight:400}
.eyebrow{font-weight:500;letter-spacing:.3em}
.btn{font-weight:500;letter-spacing:.18em}
.card h3{font-size:1.9rem}.why h3{font-size:1.7rem}.steps h3{font-size:1.35rem}.prestige h3{font-size:clamp(1.9rem,3.4vw,2.8rem);letter-spacing:.05em;color:var(--gold2)}
.shop h4{font-size:1.2rem}.faq summary{font-size:1.1rem;letter-spacing:.05em}
.steps b{font-size:2rem}.num{font-size:1.8rem}form h3,.login h3{font-size:1.6rem}
.ph{font-style:normal;font-size:.8em}
.lead,.intro,.card p,.why p,.steps p,.faq p,.foot p{font-weight:400}
.logo span{letter-spacing:.3em}
@media(max-width:900px){.hero-in h1{font-size:clamp(2.3rem,11vw,3.4rem)}h2{font-size:clamp(1.8rem,8vw,2.6rem)}.card h3{font-size:1.7rem}}

/* RX series grid + product pages */
.rx-all{grid-template-columns:repeat(3,1fr);margin-top:1.5rem}
a.card.sc{display:block;padding:2rem 1.8rem}
a.sc h3{font-size:1.6rem;margin-bottom:.5rem}a.sc .tag{margin-bottom:.8rem}a.sc p:not(.tag){font-size:.95rem}
a.sc .link{margin-top:1.4rem;color:var(--gold2)}a.sc:hover .link{letter-spacing:.2em}
a.sc .num{top:1.2rem}
.rx-feature{position:relative;margin:0;overflow:hidden;border:1px solid var(--line);min-height:320px;display:flex;align-items:flex-end}
.rx-feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%}
.rx-feature::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,10,9,.85),rgba(11,10,9,.2) 70%)}
.rx-feature figcaption{position:relative;z-index:1;padding:2.5rem;max-width:520px}.rx-feature h3{font-size:clamp(1.6rem,3vw,2.4rem);margin-bottom:.6rem}.rx-feature p:not(.eyebrow){color:var(--ink);opacity:.8}
.phero{position:relative;min-height:78vh;display:flex;align-items:flex-end;overflow:hidden;padding:8rem 0 4rem}
.phero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 60%}
.phero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,10,9,.92) 0%,rgba(11,10,9,.6) 50%,rgba(11,10,9,.15)),linear-gradient(0deg,var(--bg),transparent 35%)}
.phero-in{position:relative}.phero h1{font-size:clamp(2.4rem,7vw,6rem);margin-bottom:1rem;word-break:break-word}
.crumb{font:400 .72rem var(--head);letter-spacing:.18em;text-transform:uppercase;color:var(--mute);margin-bottom:2rem}.crumb a:hover{color:var(--gold2)}.crumb span{color:var(--gold)}
.psec{padding:clamp(3.5rem,7vw,6rem) 0}.psec.alt{background:var(--bg2);border-block:1px solid var(--line)}
.lead2{font-size:1.15rem;color:var(--ink);opacity:.9;margin-bottom:1.5rem}
.pnote{color:var(--mute);margin-top:1.5rem;max-width:680px}
.plist{list-style:none;margin:1rem 0}.plist li{padding:.7rem 0 .7rem 1.6rem;border-bottom:1px solid var(--line);position:relative}
.plist li::before{content:"";position:absolute;left:0;top:1.35em;width:8px;height:1px;background:var(--gold)}
.mats{border-top:1px solid var(--line)}.mrow{display:grid;grid-template-columns:240px 1fr;gap:2rem;padding:1.2rem 0;border-bottom:1px solid var(--line)}
.mrow b{font:500 1.2rem var(--head);letter-spacing:.08em;text-transform:uppercase;color:var(--gold2)}.mrow span{color:var(--mute)}
.cta-band{text-align:left}.cta-band h2{margin-bottom:1rem}.cta-band .cta{margin-top:2rem}
.pager{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center;width:min(1180px,90%);margin:0 auto 5rem;border-top:1px solid var(--line);padding-top:2rem}
.pager a{display:block;transition:.3s}.pager small{display:block;font:400 .7rem var(--head);letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.pager span{font:400 1.4rem var(--head);letter-spacing:.05em;text-transform:uppercase}.pager a:hover span{color:var(--gold2)}
.pager .next{text-align:right}.pager .all{font:500 .75rem var(--head);letter-spacing:.2em;text-transform:uppercase;border:1px solid var(--gold);padding:.8rem 1.4rem;color:var(--gold2)}
@media(max-width:900px){.rx-all{grid-template-columns:1fr}.mrow{grid-template-columns:1fr;gap:.4rem}.phero{min-height:70vh;padding-top:7rem}.pager{grid-template-columns:1fr 1fr}.pager .all{grid-column:1/-1;order:3;text-align:center}.rx-feature figcaption{padding:1.6rem}}
/* man photo: mirrored so the face sits on the right, clear of the left-aligned text */
.phero-img,.rx-feature img{transform:scaleX(-1);object-position:70% 25%}
.rx-feature img{object-position:70% 30%}
.rx-feature{min-height:380px}
.phero-shade{background:linear-gradient(90deg,rgba(11,10,9,.92) 0%,rgba(11,10,9,.65) 45%,rgba(11,10,9,.1) 80%),linear-gradient(0deg,var(--bg),transparent 35%)}
@media(max-width:900px){.phero-img,.rx-feature img{object-position:62% 25%}.phero-shade{background:linear-gradient(0deg,rgba(11,10,9,.95) 20%,rgba(11,10,9,.45)),linear-gradient(0deg,var(--bg),transparent 35%)}.rx-feature{min-height:420px}}
@media(max-width:900px){.phero-img,.rx-feature img{object-position:24% 25%}.phero-shade{background:linear-gradient(0deg,rgba(11,10,9,.95) 25%,rgba(11,10,9,.25) 75%),linear-gradient(0deg,var(--bg),transparent 35%)}}
@media(max-width:900px){.phero-img,.rx-feature img{object-position:32% 12%}.phero{padding-top:17rem;min-height:0}.phero-shade{background:linear-gradient(0deg,rgba(11,10,9,.97) 38%,rgba(11,10,9,.1) 80%)}}
/* craft band: man photo mirrored so face is on the right, clear of the left headline */
.tech{min-height:78vh}
.tech-bg{object-position:50% 30%}
.tech-shade{background:linear-gradient(90deg,rgba(11,10,9,.94) 0%,rgba(11,10,9,.72) 38%,rgba(11,10,9,.1) 70%),linear-gradient(0deg,var(--bg),transparent 25%),linear-gradient(180deg,var(--bg),transparent 20%)}
@media(max-width:900px){.tech{min-height:0;padding-top:16rem}.tech-bg{object-position:40% 20%;height:100%}.tech-shade{background:linear-gradient(0deg,rgba(11,10,9,.97) 42%,rgba(11,10,9,.05) 85%),linear-gradient(180deg,var(--bg),transparent 12%)}.tech-in{padding:2rem 0 4rem}}
@media(min-width:901px){.tech{min-height:68vh}.tech-bg{left:auto;right:0;width:62%;object-position:50% 28%}.tech-shade{background:linear-gradient(90deg,var(--bg) 0%,rgba(11,10,9,.9) 36%,rgba(11,10,9,.15) 75%),linear-gradient(0deg,var(--bg),transparent 25%),linear-gradient(180deg,var(--bg),transparent 20%)}}
@media(min-width:901px){.tech-bg{-webkit-mask-image:linear-gradient(90deg,#000 55%,transparent 100%);mask-image:linear-gradient(90deg,#000 55%,transparent 100%)}}
.pblk{font-size:1.2rem;margin:1.6rem 0 .3rem;color:var(--gold2)}.plist li b{color:var(--gold2);font-weight:500}
.lead3{margin:0 0 1rem;opacity:.9}.quote{font-family:var(--head);font-style:italic;color:var(--gold2);font-size:1.25rem;margin-top:1rem}
table.cfg{width:100%;border-collapse:collapse;margin-top:1rem}table.cfg th,table.cfg td{text-align:left;padding:.8rem 1rem;border-bottom:1px solid var(--line);vertical-align:top}table.cfg th{color:var(--gold2);font-weight:500;width:32%}
.diag{width:100%;max-width:520px;background:#fff;padding:.5rem;margin:1rem 0}
@media(max-width:640px){table.cfg th{width:40%}table.cfg th,table.cfg td{padding:.6rem .5rem}}
.wpnav{display:flex;flex-wrap:wrap;gap:.5rem .6rem;margin:1.5rem 0 2rem}.wpnav a{border:1px solid var(--line);padding:.45rem .8rem;font-size:.78rem;letter-spacing:.06em;color:var(--ink);opacity:.85}.wpnav a:hover{border-color:var(--gold);color:var(--gold2)}
details.wp{border-top:1px solid var(--line);padding:0}details.wp:last-of-type{border-bottom:1px solid var(--line)}details.wp summary{cursor:pointer;list-style:none;font-family:var(--head);font-size:1.5rem;padding:1.1rem 0;display:flex;justify-content:space-between;gap:1rem}details.wp summary::after{content:"+";color:var(--gold)}details.wp[open] summary::after{content:"\2212"}details.wp summary::-webkit-details-marker{display:none}.wpb{padding:0 0 1.6rem;max-width:860px;scroll-margin-top:90px}details.wp{scroll-margin-top:90px}
.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:.4rem 0 1rem}.chip{border:1px solid var(--line);padding:.35rem .8rem;font-size:.8rem;letter-spacing:.05em;color:var(--gold2)}
section[id^=hz-]{scroll-margin-top:90px}
.tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);max-width:100%}
table.ctab{border-collapse:collapse;width:100%;min-width:760px;font-size:.9rem}
table.ctab th,table.ctab td{padding:.7rem .8rem;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}
table.ctab thead th{background:rgba(201,169,106,.1);color:var(--gold2);font-family:var(--head);font-weight:500;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;border-bottom:1px solid var(--gold)}
table.ctab td.mfh{text-align:center;color:var(--gold2);border-left:1px solid var(--line);padding:.7rem .5rem}
table.ctab td.auto{color:var(--gold2);font-style:italic}table.ctab td.none{color:var(--mute)}
table.ctab tbody tr:hover{background:rgba(201,169,106,.06)}
.tech-bg{transform:none!important}@media(min-width:901px){.tech-bg{object-position:50% 22%}}@media(max-width:900px){.tech{padding-top:20rem}.tech-bg{height:24rem;bottom:auto;object-position:50% 18%}.tech-shade{background:linear-gradient(0deg,rgba(11,10,9,.97) 45%,rgba(11,10,9,.05) 90%),linear-gradient(180deg,var(--bg),transparent 12%)}}

/* Gold product tabs (RX grid cards only) */
.rx-grid a.card.sc{background:linear-gradient(145deg,rgba(243,227,181,.82),rgba(226,199,127,.82));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(201,169,106,.75);border-radius:10px;color:#111;box-shadow:0 4px 18px rgba(0,0,0,.25);transition:transform .35s,filter .35s,box-shadow .35s}
.rx-grid a.card.sc:hover,.rx-grid a.card.sc.reveal.in:hover{transform:translateY(-4px);filter:brightness(1.05);background:linear-gradient(145deg,rgba(243,227,181,.82),rgba(226,199,127,.82));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-color:#c9a96a;box-shadow:0 10px 26px rgba(0,0,0,.35)}
.rx-grid a.card.sc h3{color:#111}
.rx-grid a.card.sc .tag{color:#6b5320;font-weight:600}
.rx-grid a.card.sc p:not(.tag){color:#3a2f17;font-size:1.02rem;line-height:1.6}
.rx-grid a.card.sc .num{color:rgba(17,17,17,.25)}
.rx-grid a.card.sc .link{display:inline-block;color:#111;border-bottom:1px solid #111;padding-bottom:2px}
.rx-grid a.card.sc:hover .link{color:#111;letter-spacing:.2em}