:root{
  color-scheme: dark;
  --ground:#0b0b0a; --surface:#141412; --raise:#1c1b18; --line:#2b2a26; --line-strong:#45423c;
  --ink:#efeae0; --muted:#9a948a; --bronze:#c6a15b; --bronze-deep:#8e7040;
  --display:"Gloock","Libre Caslon Display",Georgia,serif;
  --sans:"Familjen Grotesk","Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{background:var(--ground);color:var(--ink);font:15px/1.6 var(--sans);margin:0;padding-inline:16px}
img{max-width:100%;display:block}
.wrap{max-width:1280px;margin:0 auto}
a{color:inherit}

/* header */
.top{position:fixed;left:0;right:0;top:0;z-index:20;padding-inline:16px;padding-top:env(safe-area-inset-top,0px);transition:background .3s,border-color .3s;border-bottom:1px solid transparent}
.top.solid,body:not(:has(main[data-page="home"]:not([hidden]))) .top{background:rgba(11,11,10,.92);backdrop-filter:blur(10px);border-bottom-color:var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:14px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}
.brand svg{height:32px;width:auto}
.brand b{font:700 12px/1 var(--sans);letter-spacing:.34em;text-transform:uppercase}
.top nav{display:flex;align-items:center;gap:24px}
.top nav a{text-decoration:none;color:var(--muted);font:600 12px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase}
.top nav a:hover,.top nav a.on{color:var(--ink)}
.top nav a.navbtn{color:var(--ground);background:var(--ink);padding:10px 14px}
.top nav a:focus-visible{outline:2px solid var(--bronze);outline-offset:4px}
@media (max-width:600px){.brand b{display:none}.top nav{gap:14px}.top nav a{letter-spacing:.12em;font-size:11px}}

/* type */
.eyebrow{font:600 12px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--bronze)}
.ttl{font:300 clamp(28px,3.6vw,46px)/1.05 var(--sans);letter-spacing:.06em;text-transform:uppercase;margin:0;text-wrap:balance}
.ttl b{font-weight:700}
.ttl i{font-style:normal;font-weight:200;color:var(--bronze);margin-left:.1em}
.ttl.big{font-size:clamp(44px,8vw,112px);letter-spacing:.02em;line-height:.95}
.display{font:400 clamp(80px,12vw,180px)/.85 var(--display);margin:10px 0 0}
.lede{color:var(--muted);max-width:46ch;margin:0;font-size:16px}
.fine{margin:0;font-size:12.5px;color:var(--muted)}
.more{color:var(--ink);font:600 12px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:6px;white-space:nowrap}
.btn{display:inline-block;background:var(--bronze);color:#15120c;border:1px solid var(--bronze);text-decoration:none;font:700 12px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;padding:16px 22px;cursor:pointer}
.btn.light{background:var(--ink);border-color:var(--ink)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line-strong)}
.btn:hover{filter:brightness(1.08)}
.btn:focus-visible,.more:focus-visible{outline:2px solid var(--bronze);outline-offset:3px}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}

/* full-bleed media sections */
.full{position:relative;margin-inline:-16px;overflow:hidden;background:#000}
.hero{height:100svh;min-height:560px}
.media2,.still{height:88svh;min-height:520px}
.full video,.full > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,.15) 55%,rgba(0,0,0,.78) 100%)}
.over{position:absolute;left:0;right:0;bottom:0;padding:0 16px 64px;display:flex;flex-direction:column;gap:14px}
.over p{max-width:44ch;margin:0;color:#ddd6ca;font-size:16px}
.play{display:flex;align-items:center;gap:16px;text-decoration:none;color:var(--ink);font:600 12px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;margin-top:10px}
.play svg{width:64px;height:64px;transition:transform .3s}
.play:hover svg{transform:scale(1.06)}
.play:focus-visible{outline:2px solid var(--bronze);outline-offset:6px}

.band{padding-block:88px}
.pagetop{padding-top:120px}
.band-head{display:flex;justify-content:space-between;align-items:end;gap:18px;flex-wrap:wrap;margin-bottom:30px}

/* series cards */
.sgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;background:var(--line);border:1px solid var(--line)}
@media (max-width:900px){.sgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.sgrid{grid-template-columns:1fr}}
.scard{display:flex;flex-direction:column;background:var(--ground);text-decoration:none;color:var(--ink);transition:background .3s}
.scard:hover{background:var(--surface)}
.scard:focus-visible{outline:2px solid var(--bronze);outline-offset:-2px}
.scard-img{aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 50%,#23221e 0%,var(--ground) 68%)}
.scard-img img{width:82%;height:auto;transition:transform .6s}
.scard:hover .scard-img img{transform:scale(1.05) rotate(-3deg)}
.scard-meta{padding:6px 24px 26px;display:flex;flex-direction:column;gap:6px}
.scard-meta h3{margin:0;font:400 54px/1 var(--display)}
.scard-meta p{margin:0;color:var(--muted);font-size:14px}
.scard-meta > span{display:none}

/* split */
.split{display:grid;grid-template-columns:1.2fr 1fr;margin-inline:-16px;background:var(--surface)}
@media (max-width:860px){.split{grid-template-columns:1fr}}
.split-img img{width:100%;height:100%;object-fit:cover;min-height:360px}
.split-copy{padding:72px clamp(24px,5vw,80px);display:flex;flex-direction:column;justify-content:center;gap:26px}
.split-copy blockquote{margin:0;font:400 clamp(24px,2.6vw,34px)/1.3 var(--display);text-wrap:balance}
.split-copy cite{font:600 12px/1 var(--sans);font-style:normal;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}

/* cars */
.cars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
@media (max-width:1000px){.cars{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.cars{grid-template-columns:1fr}}
.car{display:flex;flex-direction:column;text-decoration:none;color:var(--ink)}
.car:focus-visible{outline:2px solid var(--bronze);outline-offset:3px}
.car-ph{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--surface)}
.car-ph img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.car:hover .car-ph img{transform:scale(1.05)}
.count{position:absolute;right:10px;bottom:10px;font:600 10px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;background:rgba(0,0,0,.6);padding:6px 8px}
.car-meta{display:flex;flex-direction:column;gap:5px;padding-top:12px}
.car-meta h4{margin:0;font:400 22px/1.15 var(--display)}
.car-meta h4 em,.install h3 em{font-style:normal;color:var(--muted)}
.car-meta span{font:600 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--bronze)}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chips button{background:transparent;border:1px solid var(--line-strong);color:var(--muted);font:600 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;padding:10px 14px;cursor:pointer}
.chips button[aria-pressed="true"]{background:var(--ink);color:var(--ground);border-color:var(--ink)}

/* series page */
.sp{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:start;padding-top:110px;padding-bottom:40px}
@media (max-width:900px){.sp{grid-template-columns:1fr;gap:28px}}
.renders{display:flex;flex-direction:column;gap:12px;position:sticky;top:90px}
@media (max-width:900px){.renders{position:static}}
.r-stage{aspect-ratio:1/1;background:radial-gradient(circle at 50% 50%,#26241f 0%,var(--ground) 70%);display:grid;place-items:center;border:1px solid var(--line)}
.r-main{width:90%;height:auto}
.r-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.r-thumb{background:var(--surface);border:1px solid var(--line);padding:8px;cursor:pointer}
.r-thumb[aria-pressed="true"]{border-color:var(--bronze)}
.r-thumb:focus-visible{outline:2px solid var(--bronze);outline-offset:2px}
.sp-copy{display:flex;flex-direction:column;gap:18px}
.sp-copy .display{margin:0}
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0}
.facts div{padding:14px 0}
.facts dt{font:600 11px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.facts dd{margin:6px 0 0;font-size:15px}
.soon{border-left:2px solid var(--bronze);padding-left:14px;margin:0;font-size:14px}
.installs{display:flex;flex-direction:column;gap:44px}
.install{scroll-margin-top:90px}
.install header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:14px}
.install h3{margin:0;font:400 30px/1.1 var(--display)}
.install header span{font:600 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--bronze)}
.install.flash header{border-bottom-color:var(--bronze)}
.strip{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}
.strip .ph{flex:0 0 auto;height:300px;padding:0;border:0;background:var(--surface);cursor:zoom-in;scroll-snap-align:start}
.strip .ph img{height:100%;width:auto}
.strip .ph:focus-visible{outline:2px solid var(--bronze);outline-offset:2px}
@media (max-width:600px){.strip .ph{height:200px}}

/* tables */
.tbl{overflow-x:auto;border:1px solid var(--line)}
.tbl table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums;min-width:640px}
.tbl.narrow table{min-width:0}
.tbl th,.tbl td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:right;font-size:15px}
.tbl thead th{font:700 12px/1.2 var(--sans);letter-spacing:.2em;text-transform:uppercase;background:var(--surface)}
.tbl thead th small{display:block;font-weight:500;letter-spacing:.08em;color:var(--muted);margin-top:4px}
.tbl th:first-child{text-align:left}
.tbl tbody th{font:400 20px/1 var(--display)}
.tbl td.muted{color:var(--muted);font-size:13px}
.tbl tr:last-child th,.tbl tr:last-child td{border-bottom:0}

/* lightbox */
.lightbox{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.94);display:grid;grid-template-columns:64px 1fr 64px;align-items:center}
.lightbox figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:12px;height:100%;justify-content:center;padding:48px 0}
.lightbox img{max-height:82vh;width:auto;max-width:100%}
.lightbox figcaption{font:600 11px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.lightbox button{background:none;border:0;color:var(--ink);font:300 44px/1 var(--sans);cursor:pointer;height:100%}
#lb-close{position:absolute;top:10px;right:14px;height:auto;font-size:40px}
.lightbox button:focus-visible{outline:2px solid var(--bronze)}

/* configurator */
#configure{padding-bottom:64px}
.sec-head{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:18px}
.sec-head p{color:var(--muted);max-width:44ch;margin:0}
.back{display:inline-block;margin-bottom:14px;color:var(--muted);text-decoration:none;font:600 12px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase}
.back:hover{color:var(--ink)}
.grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(330px,1fr);gap:40px;margin-top:28px;align-items:start}
@media (max-width:900px){.grid{grid-template-columns:1fr}}
.stage-col{position:sticky;top:84px}
@media (max-width:900px){.stage-col{position:static}}
.stage-wrap{position:relative;background:radial-gradient(ellipse at 50% 45%,#2b2923 0%,#121210 72%);aspect-ratio:1/1;max-width:100%;overflow:hidden;border:1px solid var(--line)}
#stage{position:absolute;inset:0}
#stage canvas{display:block;width:100%;height:100%;cursor:grab}
#stage canvas:active{cursor:grabbing}
.corner{position:absolute;font:500 11px/1.45 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);pointer-events:none}
.tl{top:16px;left:18px}.br{bottom:16px;right:18px;text-align:right}
#status{position:absolute;inset:0;display:grid;place-items:center;font:500 12px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
#spin{position:absolute;bottom:12px;left:16px;background:transparent;border:1px solid var(--line-strong);color:var(--muted);font:500 11px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;padding:8px 12px;cursor:pointer}
#spin[aria-pressed="true"]{color:var(--ink);border-color:var(--ink)}
.disclaimer{margin:14px 0 0;font-size:12px;line-height:1.55;color:var(--muted);max-width:70ch}
aside{display:flex;flex-direction:column}
.block{border-top:1px solid var(--line);padding-block:20px;display:flex;flex-direction:column;gap:12px}
.block:first-child{border-top:0;padding-top:0}
.block > h3,.zone-head h3{margin:0;font:700 12.5px/1.2 var(--sans);letter-spacing:.24em;text-transform:uppercase;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.flag{font:600 11px/1 var(--sans);font-style:normal;letter-spacing:.08em;color:#15120c;background:var(--bronze);padding:4px 6px}
.zone{border-top:1px solid var(--line);padding-block:18px;display:flex;flex-direction:column;gap:10px}
.zone-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.zone-head span{font:400 17px/1 var(--display);color:var(--muted);text-align:right}
.hint,.polnote{margin:0;font-size:12.5px;color:var(--muted)}
.polnote{display:none}
.zone.polished .polnote{display:block}
.zone.polished .sw,.zone.polished .tseg,.zone.carbon .tseg{opacity:.3;filter:grayscale(1)}
.sw{display:flex;gap:10px;flex-wrap:wrap}
.sw button{width:36px;height:36px;border-radius:50%;border:1px solid #ffffff26;background:var(--c);cursor:pointer;box-shadow:inset 0 1px 0 #ffffff40,inset 0 -6px 10px #00000050;outline-offset:3px}
.sw button[aria-pressed="true"]{outline:1.5px solid var(--ink)}
.sw button:focus-visible{outline:2px solid var(--bronze)}
.pick{position:relative;width:36px;height:36px;border-radius:50%;border:1px dashed var(--line-strong);display:grid;place-items:center;cursor:pointer;overflow:hidden;outline-offset:3px}
.pick.on{outline:1.5px solid var(--ink);border-style:solid;background:conic-gradient(#e0b04a,#c24a3a,#5a6fb0,#4f9a6a,#e0b04a)}
.pick.on span{color:#fff;text-shadow:0 1px 2px #000a}
.pick input{position:absolute;inset:-8px;width:60px;height:60px;opacity:0;cursor:pointer}
.pick span{font:600 7.5px/1 var(--sans);text-transform:uppercase;color:var(--muted);pointer-events:none}
.pick:focus-within{outline:2px solid var(--bronze)}
.seg-row{display:flex;gap:10px;flex-wrap:wrap}
.seg{display:inline-flex;border:1px solid var(--line-strong)}
.seg button{background:transparent;border:0;color:var(--muted);font:500 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;padding:9px 12px;cursor:pointer}
.seg button+button{border-left:1px solid var(--line-strong)}
.seg button[aria-pressed="true"]{background:var(--ink);color:var(--ground)}
.seg button:focus-visible{outline:2px solid var(--bronze);outline-offset:-2px}
.locks{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.locks button{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--line);color:var(--muted);padding:12px 10px 16px;cursor:pointer;text-align:center}
.locks img{width:100%;max-width:130px;height:auto;aspect-ratio:1/1;filter:invert(1);opacity:.6}
.locks .ln{font:700 13px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ink)}
.locks .ld{font-size:12px;line-height:1.3}
.locks button[aria-pressed="true"]{border-color:var(--bronze);box-shadow:inset 0 0 0 1px var(--bronze)}
.locks button[aria-pressed="true"] img{opacity:1}
.locks button:focus-visible{outline:2px solid var(--bronze);outline-offset:2px}
.fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media (max-width:460px){.fields{grid-template-columns:1fr 1fr}}
label.f{display:flex;flex-direction:column;gap:5px;font:600 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
select,input[type=text]{font:500 14px/1.2 var(--sans);color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:0;padding:10px;width:100%;min-width:0;letter-spacing:0;text-transform:none}
select:disabled{color:#5d5952}
select:focus-visible,input:focus-visible{outline:2px solid var(--bronze);outline-offset:1px}
.axle{display:flex;flex-direction:column;gap:8px}
.axle h4{margin:0;font:600 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.check{display:flex;gap:10px;align-items:flex-start;font-size:14px;cursor:pointer}
.check input{margin-top:4px;accent-color:var(--bronze);width:16px;height:16px}
.check small{display:block;color:var(--muted);font-size:12.5px}
.sheet{border:1px solid var(--line);background:var(--surface);padding:14px 16px;margin-top:6px}
.sheet .zone-head h3{font-size:11.5px}
.sheet pre{margin:10px 0 0;font:500 12.5px/1.65 var(--sans);white-space:pre-wrap;color:var(--ink);font-variant-numeric:tabular-nums}
#copy{background:transparent;border:1px solid var(--line-strong);color:var(--muted);font:600 11px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;padding:6px 10px;cursor:pointer}
.price{margin-top:18px;border:1px solid var(--bronze-deep);padding:16px 18px;font-variant-numeric:tabular-nums}
.price ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.price li{display:flex;justify-content:space-between;gap:12px;font-size:14px;color:var(--muted)}
.price li b{font-weight:500;color:var(--ink)}
.price li.add b{color:var(--bronze)}
.price .total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-top:1px solid var(--line);margin-top:12px;padding-top:12px}
.price .total span{font:700 12px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase}
.price .total b{font:400 32px/1 var(--display)}
.cta{margin-top:16px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.cta button{background:var(--bronze);color:#15120c;border:0;font:700 13px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;padding:16px 24px;cursor:pointer}
.cta button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.cta small{color:var(--muted);font-size:13px}
#note{color:var(--bronze);font-size:13px;margin:10px 0 0}

footer.site{border-top:1px solid var(--line);margin-inline:-16px;padding-inline:16px;background:var(--ground)}
footer.site .wrap{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px;padding-block:44px 36px}
@media (max-width:700px){footer.site .wrap{grid-template-columns:1fr}}
footer.site svg{height:36px;width:auto}
footer.site h5{margin:0 0 10px;font:700 11px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase}
footer.site p,footer.site a{color:var(--muted);font:400 14px/1.9 var(--sans);text-decoration:none;display:block;margin:0}
footer.site a:hover{color:var(--ink)}
.sel{user-select:all}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* series covers */
.scard-img.cov{background:#0e0e0d}
.scard-img.cov img{width:100%;height:100%;object-fit:cover}
.scard:hover .scard-img.cov img{transform:scale(1.04)}
.r-thumb img{width:100%;aspect-ratio:1/1;object-fit:contain}
.facts{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:1100px){.sp .facts{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* shop */
.subttl{font:700 12.5px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin:36px 0 16px}
.pgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
@media (max-width:1000px){.pgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.prod{display:flex;flex-direction:column;text-decoration:none;color:var(--ink)}
.prod:focus-visible{outline:2px solid var(--bronze);outline-offset:3px}
.prod-img{aspect-ratio:4/5;overflow:hidden;background:var(--surface)}
.prod-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.prod-img.dark{background:#0e0e0d}
.prod:hover .prod-img img{transform:scale(1.04)}
.prod-meta{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-top:12px;flex-wrap:wrap}
.prod-meta h4{margin:0;font:400 21px/1.2 var(--display)}
.prod-meta span{font:600 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--bronze);white-space:nowrap}
.pdp{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:start;padding-bottom:80px}
@media (max-width:900px){.pdp{grid-template-columns:1fr;gap:28px}}
.pdp-media{display:flex;flex-direction:column;gap:12px;position:sticky;top:90px}
@media (max-width:900px){.pdp-media{position:static}}
.pdp-main{aspect-ratio:4/5;background:var(--surface);overflow:hidden}
.pdp-main img{width:100%;height:100%;object-fit:cover}
.pdp-main.dark{background:radial-gradient(circle at 50% 50%,#26241f 0%,var(--ground) 70%)}
.pdp-main.dark img{object-fit:contain}
.pdp-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.pdp-thumbs .r-thumb{padding:0;aspect-ratio:1/1;overflow:hidden}
.pdp-thumbs .r-thumb img{width:100%;height:100%;object-fit:cover}
.pdp-thumbs .r-thumb.dark img{object-fit:contain;padding:6px}
.pdp-copy{display:flex;flex-direction:column;gap:18px}
.pdp-name{font:400 clamp(40px,5vw,64px)/1 var(--display);margin:0}
.pdp-price{font:500 20px/1 var(--sans);letter-spacing:.06em;color:var(--bronze)}
#pdp-desc p{margin:0;color:#d6d0c5;max-width:52ch;font-size:16px}
.qtyrow{max-width:140px}
.cartbtn{background:transparent;border:1px solid var(--line-strong);color:var(--ink);font:600 12px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;padding:9px 12px;cursor:pointer}
.cartbtn span{display:inline-block;min-width:18px;margin-left:4px;color:var(--bronze)}
.cartbtn:focus-visible{outline:2px solid var(--bronze);outline-offset:3px}
.drawer{position:fixed;inset:0;z-index:60}
.drawer-bg{position:absolute;inset:0;background:rgba(0,0,0,.6)}
.drawer-panel{position:absolute;top:0;right:0;bottom:0;width:min(420px,100%);background:var(--surface);border-left:1px solid var(--line);display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top,0px) + 20px) 22px calc(env(safe-area-inset-bottom,0px) + 20px)}
.drawer-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px}
.drawer-head h3{margin:0;font:700 13px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase}
#cart-close{background:none;border:0;color:var(--ink);font:300 32px/1 var(--sans);cursor:pointer}
.cart-list{list-style:none;margin:0;padding:14px 0;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:14px}
.cart-list li{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:start}
.cart-list li.empty{display:block;color:var(--muted)}
.cart-list img{width:64px;height:64px;object-fit:cover;background:#0e0e0d}
.cart-list b{display:block;font:400 17px/1.2 var(--display)}
.cart-list span{font-size:13px;color:var(--muted)}
.qty{display:inline-flex;align-items:center;gap:10px;margin-top:6px;border:1px solid var(--line-strong)}
.qty button{background:none;border:0;color:var(--ink);width:28px;height:28px;cursor:pointer}
.rm{background:none;border:0;color:var(--muted);font-size:12px;text-decoration:underline;cursor:pointer}
.cart-foot{border-top:1px solid var(--line);padding-top:14px;display:flex;flex-direction:column;gap:12px}
.cart-total{display:flex;justify-content:space-between;align-items:baseline}
.cart-total span{font:700 12px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase}
.cart-total b{font:400 26px/1 var(--display)}
.paym{border:1px solid var(--line);margin:0;padding:10px 14px;display:flex;flex-direction:column;gap:8px}
.paym legend{font:600 11px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);padding:0 6px}
.paym label{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;font-size:14px;cursor:pointer}
.paym input{accent-color:var(--bronze)}
.paym small{color:var(--muted);font-size:12px}
.btn.full{width:100%;text-align:center}
.btn:disabled{opacity:.4;cursor:not-allowed}
#checkout-note{color:var(--bronze)}
#checkout{background:var(--bronze);color:#15120c;border-color:var(--bronze)}
.pw{display:flex;flex-direction:column;gap:4px;margin-top:4px}
.pw b{font:500 17px/1.2 var(--sans);letter-spacing:.04em;color:var(--ink)}
.pw b small{font-size:12px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}
.pw em{font:600 11px/1.4 var(--sans);font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze)}
.pw.big b{font:400 clamp(28px,3vw,38px)/1.1 var(--display)}
.pw.big b small{font-family:var(--sans)}
.tbl td small{display:block;color:var(--muted);font-size:11.5px;margin-top:3px}
.pdp-price small{font-size:13px;color:var(--muted);letter-spacing:.04em}
#perwheel{margin-top:8px;text-align:right}

/* language */
.langbtn{background:transparent;border:1px solid var(--line-strong);color:var(--ink);font:600 12px/1 var(--sans);letter-spacing:.1em;padding:9px 10px;cursor:pointer}
.langbtn:focus-visible{outline:2px solid var(--bronze);outline-offset:3px}
html[lang="zh-Hant"] body{font-family:"Familjen Grotesk","Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif}
html[lang="zh-Hant"] .ttl,html[lang="zh-Hant"] .ttl b{letter-spacing:.08em}
html[lang="zh-Hant"] blockquote,html[lang="zh-Hant"] .car-meta h4,html[lang="zh-Hant"] .install h3{font-family:var(--display),"Noto Serif TC",serif}
html[lang="zh-Hant"] .eyebrow,html[lang="zh-Hant"] .zone-head h3,html[lang="zh-Hant"] .block > h3,html[lang="zh-Hant"] .btn,html[lang="zh-Hant"] .seg button,html[lang="zh-Hant"] label.f{letter-spacing:.1em}
.gap{margin-top:18px}
.pgrid.gap{margin-top:24px}
#life-cats{margin-bottom:6px}

/* configurator steps (desktop shows everything) */
.steps,.partnav,.mbar,.disclaimer.mob{display:none}
.step{display:block}

@media (max-width:900px){
  .top .wrap{padding-block:10px}
  #configure{padding-top:74px}
  #configure .sec-head{padding-bottom:10px}
  #configure .sec-head .ttl{font-size:24px}
  #build-note{display:none}
  #configure .grid{margin-top:12px;gap:0}
  .stage-col{position:sticky;top:calc(env(safe-area-inset-top,0px) + 52px);z-index:4;background:var(--ground);margin-inline:-16px;padding-inline:16px;padding-bottom:0}
  .stage-wrap{aspect-ratio:auto;height:min(40svh,420px)}
  .corner .dh{display:none}
  .disclaimer.dsk{display:none}
  .disclaimer.mob{display:block}
  .steps{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);background:var(--ground)}
  .steps button{background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);font:600 12px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:14px 4px;cursor:pointer}
  .steps button[aria-pressed="true"]{color:var(--ink);border-bottom-color:var(--bronze)}
  .steps button:focus-visible{outline:2px solid var(--bronze);outline-offset:-2px}
  aside{padding-top:16px;padding-bottom:110px}
  .step:not(.on){display:none}
  .partnav{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}
  .partnav::-webkit-scrollbar{display:none}
  .partnav button{flex:0 0 auto;background:transparent;border:1px solid var(--line-strong);color:var(--muted);font:600 12px/1 var(--sans);letter-spacing:.08em;padding:10px 12px;cursor:pointer;white-space:nowrap}
  .partnav button[aria-pressed="true"]{background:var(--ink);color:var(--ground);border-color:var(--ink)}
  .step[data-step="colour"] .zone:not(.on){display:none}
  .step[data-step="colour"] .zone{border-top:0}
  .mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;align-items:center;justify-content:space-between;gap:12px;background:rgba(20,20,18,.97);border-top:1px solid var(--line);padding:12px 16px calc(env(safe-area-inset-bottom,0px) + 12px)}
  .mbar small{display:block;font:600 10px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}
  .mbar b{font:400 24px/1 var(--display)}
  .mbar button{background:var(--bronze);color:#15120c;border:0;font:700 12px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;padding:15px 22px;cursor:pointer}
  .mbar button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
  footer.site{padding-bottom:0}
  body:has(main[data-page="build"]:not([hidden])) footer.site{padding-bottom:80px}
}

.navlinks{display:flex;align-items:center;gap:24px}
.menubtn{display:none;background:transparent;border:1px solid var(--line-strong);color:var(--ink);font:600 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;padding:9px 12px;cursor:pointer}
@media (max-width:760px){
  .top nav{gap:8px}
  .menubtn{display:inline-block}
  .navlinks{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:rgba(11,11,10,.98);border-bottom:1px solid var(--line);padding:6px 16px 16px}
  .navlinks.open{display:flex}
  .navlinks a{padding:16px 0;border-bottom:1px solid var(--line);font-size:13px!important}
  .navlinks a.navbtn{margin-top:14px;text-align:center;border-bottom:0}
  .top .wrap{position:relative}
  .top:has(.navlinks.open){background:rgba(11,11,10,.98)}
}
#configure .grid > *{min-width:0}
.slogan{font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);font-size:14px}
.ccard{border:1px solid var(--line);background:var(--surface);padding:14px 16px;margin-bottom:12px}
.ccard h3{font-size:11.5px}
.ccard ul{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.ccard li{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center}
.ccard i{width:36px;height:36px;border:1px solid #ffffff30;box-shadow:inset 0 -6px 10px #00000040}
.ccard b{display:block;font:600 12px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.ccard span{font-size:13px;color:var(--muted)}
.ccard code{font:500 12px/1.4 ui-monospace,Menlo,Consolas,monospace;color:var(--ink);text-align:right;user-select:all}
@media (max-width:700px){
  .sgrid.rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:2px;background:transparent;border:0;margin-inline:-16px;padding-inline:16px;scrollbar-width:none}
  .sgrid.rail::-webkit-scrollbar{display:none}
  .sgrid.rail .scard{flex:0 0 72%;scroll-snap-align:start;border:1px solid var(--line)}
  .sgrid.rail .scard-meta{padding:4px 16px 18px}
  .sgrid.rail .scard-meta h3{font-size:40px}
  .sgrid:not(.rail){grid-template-columns:repeat(2,minmax(0,1fr))}
  .sgrid:not(.rail) .scard-meta{padding:4px 12px 16px}
  .sgrid:not(.rail) .scard-meta h3{font-size:34px}
  .sgrid:not(.rail) .scard-meta p{display:none}
}

/* brand wordmark */
.brand b{white-space:nowrap}
@media (max-width:1020px) and (min-width:761px){.brand b{letter-spacing:.22em;font-size:11px}}

/* founder story, full bleed */
.story{height:min(92svh,980px);min-height:560px}
.story > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.story-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,.55) 75%,rgba(0,0,0,.85) 100%),linear-gradient(270deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,0) 55%)}
.story-copy{position:absolute;right:0;bottom:0;max-width:min(600px,100%);padding:0 clamp(16px,5vw,72px) clamp(40px,8vh,88px);display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:22px}
.story-copy blockquote{margin:0;font:400 clamp(22px,2.4vw,32px)/1.35 var(--display);color:#f3eee4;text-wrap:balance;text-shadow:0 2px 18px rgba(0,0,0,.6)}
.story-copy cite{font:600 12px/1 var(--sans);font-style:normal;letter-spacing:.22em;text-transform:uppercase;color:#cfc8bb}
@media (max-width:700px){.story{height:auto;min-height:0;background:var(--ground)}.story > img{position:relative;display:block;height:auto;aspect-ratio:4/3}.story-shade{bottom:auto;height:75vw;background:linear-gradient(180deg,rgba(0,0,0,0) 50%,var(--ground) 100%)}.story-copy{position:relative;margin-top:-48px;padding:0 16px 56px;align-items:flex-start;text-align:left}}

/* coded palette swatches */
.sw{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:10px 6px}
.sw button,.sw .pick{width:auto;height:auto;border:0;border-radius:0;background:none;box-shadow:none;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;cursor:pointer;color:var(--muted);outline:0;overflow:visible}
.sw button i,.sw .pick i{display:block;width:36px;height:36px;border-radius:50%;border:1px solid #ffffff2e;box-shadow:inset 0 1px 0 #ffffff40,inset 0 -6px 10px #00000040;outline-offset:3px}
.sw small{font:600 10px/1 var(--sans);letter-spacing:.06em;min-height:10px}
.sw button[aria-pressed="true"]{outline:0}
.sw button[aria-pressed="true"] i{outline:1.5px solid var(--ink)}
.sw button[aria-pressed="true"] small{color:var(--ink)}
.sw button:focus-visible i{outline:2px solid var(--bronze)}
.sw .pick{position:relative}
.sw .pick i{border:1px dashed var(--line-strong);box-shadow:none;background:transparent}
.sw .pick.on i{outline:1.5px solid var(--ink);border-style:solid;background:conic-gradient(#e0b04a,#c24a3a,#5a6fb0,#4f9a6a,#e0b04a)}
.sw .pick input{position:absolute;left:0;top:0;width:100%;height:36px;opacity:0;cursor:pointer}
.sw .pick small{font-size:9.5px;text-transform:uppercase;color:var(--muted)}
.sw .pick:focus-within i{outline:2px solid var(--bronze)}
.swname{margin:0;font:400 18px/1.2 var(--display);color:var(--ink)}
.zone .tseg{display:none}
.zone.custom .tseg{display:inline-flex}
.zone.polished .sw,.zone.carbon .tseg{opacity:1;filter:none}
.zone.polished .fseg{opacity:.3}

/* series picker in the configurator */
.spick{display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;padding:14px 0 2px}
.spick::-webkit-scrollbar{display:none}
.spick-l{font:600 11px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-right:10px;white-space:nowrap}
.spk{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:4px 14px 4px 4px;border:1px solid var(--line);text-decoration:none;color:var(--muted);transition:border-color .2s,color .2s}
.spk img{width:40px;height:40px;object-fit:contain}
.spk b{font:400 18px/1 var(--display);letter-spacing:.02em}
.spk:hover{color:var(--ink);border-color:var(--line-strong)}
.spk[aria-current="true"]{color:var(--ink);border-color:var(--bronze);background:var(--surface)}
.spk:focus-visible{outline:2px solid var(--bronze);outline-offset:2px}

/* desktop accordion; phones keep the tabs and part chips */
.acc-head{display:none}
@media (min-width:901px){
  .step{border-top:1px solid var(--line)}
  .step[data-step="car"]{border-top:0}
  .acc-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;width:100%;background:none;border:0;color:var(--ink);padding:20px 2px;cursor:pointer;text-align:left}
  .acc-n{font:400 15px/1 var(--display);color:var(--bronze)}
  .acc-t{font:700 12.5px/1.2 var(--sans);letter-spacing:.24em;text-transform:uppercase}
  .acc-s{font:400 15px/1.2 var(--display);color:var(--muted);text-align:right;max-width:24ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .acc-s::after{content:"+";display:inline-block;margin-left:14px;font:300 20px/1 var(--sans);color:var(--ink);transition:transform .25s;vertical-align:-2px}
  .acc-head[aria-expanded="true"] .acc-s::after{transform:rotate(45deg)}
  .acc-head:focus-visible{outline:2px solid var(--bronze);outline-offset:-2px}
  .step:not(.on) .acc-body{display:none}
  .acc-body{padding-bottom:12px}
  .acc-body > .block:first-child{padding-top:4px}
  .step[data-step="lock"] .block > h3{display:none}
  .step[data-step="summary"]{border-top:1px solid var(--line);padding-top:22px}
  .zone{padding-block:0}
  .zone .zone-head{cursor:pointer;padding:15px 12px;margin-inline:-12px;align-items:center}
  .zone:not(.on) .zone-head:hover h3{color:var(--bronze)}
  .zone .zone-head:focus-visible{outline:2px solid var(--bronze);outline-offset:-2px}
  .zone .zone-head span{font-size:15px}
  .zone .zone-head::after{content:"+";font:300 18px/1 var(--sans);color:var(--muted);margin-left:12px;transition:transform .25s}
  .zone .zone-head[aria-expanded="true"]::after{transform:rotate(45deg)}
  .zone:not(.on) .zone-body{display:none}
  .zone-body{display:flex;flex-direction:column;gap:10px;padding-bottom:18px}
  .zone .zone-head > span{flex:1;text-align:right}
}
@media (max-width:900px){
  .zone-body{display:flex;flex-direction:column;gap:10px}
  .zone .zone-head{pointer-events:none}
  .spick{padding-top:10px}
  .spk{padding-right:10px}
  .spk img{width:30px;height:30px}
  .spk b{font-size:15px}
}

/* active section: solid title block so the customer sees what they are editing */
.zone.on .zone-head{background:var(--bronze);color:#15120c}
.zone.on .zone-head h3,.zone.on .zone-head span,.zone.on .zone-head::after{color:#15120c!important}
@media (max-width:900px){.step[data-step="colour"] .zone.on .zone-head{padding:12px 14px;margin-bottom:4px}}
@media (min-width:901px){
  .acc-head{padding-inline:12px;margin-inline:-12px;width:calc(100% + 24px)}
  .step.on > .acc-head{background:var(--ink);color:var(--ground)}
  .step.on > .acc-head .acc-n{color:#8a6a2c}
  .step.on > .acc-head .acc-s,.step.on > .acc-head .acc-s::after{color:var(--ground)}
  .acc-body{padding-top:14px}
}
.editing{position:absolute;right:14px;top:14px;background:var(--bronze);color:#15120c;font:700 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;padding:8px 12px;white-space:nowrap;pointer-events:none}
html[lang="zh-Hant"] .editing{letter-spacing:.12em}
@media (max-width:900px){.editing{top:12px;right:12px;font-size:10px;padding:7px 10px}}
/* merged build sheet */
.ccard .zone-head{display:flex;justify-content:space-between;align-items:center}
.bspec{margin:12px 0 4px;display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:13px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.bspec dt{color:var(--muted);font:600 11px/1.6 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.bspec dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}
.ccard li code small{color:var(--muted)}

/* multi-page additions */
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
a.langbtn{display:inline-block;text-decoration:none;color:var(--ink)!important;letter-spacing:.1em!important}
footer.site .wrap{grid-template-columns:1.3fr 1fr 1fr 1fr}
@media (max-width:900px){footer.site .wrap{grid-template-columns:1fr 1fr}}
@media (max-width:560px){footer.site .wrap{grid-template-columns:1fr}}
footer.site p.fine{font-size:12px;line-height:1.6;margin-top:10px}
.install{scroll-margin-top:90px}
.legal{max-width:760px;padding-bottom:80px}
.legal h1{margin-bottom:10px}
.legal h2{font:700 13px/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;margin:40px 0 12px;color:var(--ink)}
.legal p{color:#cfc9be;margin:0 0 14px;max-width:68ch}
.legal a{color:var(--bronze)}
.legal .co{list-style:none;padding:0;margin:0;color:#cfc9be;line-height:1.9}
html[lang="zh-Hant"] .legal h2{letter-spacing:.1em}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.cart-totals{list-style:none;margin:0 0 6px;padding:0;display:flex;flex-direction:column;gap:6px;font-size:14px}
.cart-totals li{display:flex;justify-content:space-between;color:var(--muted)}
.cart-totals li.tot{color:var(--ink);border-top:1px solid var(--line);padding-top:8px;margin-top:2px}
.cart-totals li.tot b{font:400 22px/1 var(--display)}
.coform,.eqform{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.coform h4{margin:4px 0 0;font:700 11.5px/1.2 var(--sans);letter-spacing:.2em;text-transform:uppercase}
.eqform{border:1px solid var(--line);background:var(--surface);padding:14px 16px;margin:0 0 12px}
.eqform h3{margin:0;font:700 11.5px/1.2 var(--sans);letter-spacing:.2em;text-transform:uppercase}
.coform input,.eqform input,.eqform textarea{width:100%;background:var(--ground);border:1px solid var(--line-strong);color:var(--ink);font:400 15px/1.4 var(--sans);padding:11px 12px;margin-top:6px;border-radius:0}
.coform input:focus,.eqform input:focus,.eqform textarea:focus{outline:2px solid var(--bronze);outline-offset:-1px}
.fields.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:520px){.fields.two{grid-template-columns:1fr}}
.err{color:#e0a36a}
#note{white-space:normal}
.order-page p{color:#cfc9be;font-size:16px}
.drawer-panel{overflow-y:auto}
.cart-list{flex:0 0 auto;overflow:visible}
#pay-now{background:var(--bronze);color:#15120c;border:1px solid var(--bronze);width:100%;margin:4px 0 0;font:700 12px/1 var(--sans);letter-spacing:.2em;padding:16px 18px}
#pay-now:disabled{opacity:.5}
.pdp-price small{font:400 15px/1 var(--sans);color:var(--muted);letter-spacing:.04em}
.paym .pm-name{display:inline-flex;align-items:center;gap:7px}.paym .twflag{width:21px;height:14px;flex:none;border-radius:1px;box-shadow:0 0 0 1px rgba(255,255,255,.15)}
.legal a.btn{color:#15120c}
.trackform{max-width:420px}.trackform .btn{align-self:flex-start}
.track-card{border:1px solid var(--line-strong);padding:22px 24px;margin:28px 0 0;max-width:560px}
.track-card .eyebrow{margin:0 0 6px}
.track-st{font:400 30px/1.15 var(--display);margin:0 0 18px;color:var(--ink)}
.track-st.s-cancelled,.track-st.s-refunded{color:#d97a6c}
.track-steps{list-style:none;display:flex;gap:0;margin:0 0 20px;padding:0}
.track-steps li{flex:1;border-top:2px solid var(--line-strong);padding-top:10px;color:var(--muted);font-size:13px}
.track-steps li.done{border-color:var(--bronze);color:var(--ink)}
.track-steps li b{display:block;font-weight:600}.track-steps small{color:var(--muted)}
.track-lines{list-style:none;margin:16px 0 0;padding:14px 0 0;border-top:1px solid var(--line)}
.track-lines li{display:flex;justify-content:space-between;padding:4px 0;color:#cfc9be}
.order-page .btn.ghost{background:none;color:var(--ink);border-color:var(--line-strong)}
.legal h2.track-st{font:400 30px/1.15 var(--display);letter-spacing:0;text-transform:none;margin:0 0 18px}.track-page #track-out+p{margin-top:22px}
.paybtns{display:flex;flex-direction:column;gap:10px;margin-top:6px}
.paybtn{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;text-align:left;cursor:pointer;background:transparent;color:var(--ink);border:1px solid var(--line-strong);padding:10px 14px 10px 10px;border-radius:0}
.paybtn .pb-logo{display:flex;align-items:center;justify-content:center;background:#fff;border-radius:4px;width:104px;height:44px;flex:none}
.paybtn .pb-logo img{display:block;max-width:86px;max-height:30px;width:auto;height:auto}
.paybtn small{color:var(--muted);font-size:12px;line-height:1.35;letter-spacing:0;text-transform:none}
.paybtn b{font:400 19px/1 var(--display);white-space:nowrap}
.paybtn.primary{background:var(--bronze);border-color:var(--bronze);color:#15120c}
.paybtn.primary small{color:#3a3020}
.paybtn:disabled{opacity:.5;cursor:wait}
.coform label.f small{color:var(--muted);font-weight:400;letter-spacing:0;text-transform:none}