.price .reg{ color:var(--px-was,var(--px-dim)); }
.hero{ position:relative; isolation:isolate; }
.hero::before{
content:""; position:absolute; inset:-1px 0 auto; height:min(150vh,1400px);
z-index:-1; pointer-events:none;
background:
radial-gradient(120% 78% at 78% 12%,
color-mix(in srgb, var(--px-ink-3) 92%, var(--px-chalk)) 0%, transparent 62%),
radial-gradient(90% 60% at 4% 96%,
color-mix(in srgb, var(--px-ink-2) 96%, var(--px-chalk)) 0%, transparent 70%),
linear-gradient(var(--px-ink-2), var(--px-ink) 72%)}
.hero::after{
content:""; position:absolute; left:var(--px-4); right:var(--px-4); bottom:0;
height:var(--px-hair); background:var(--px-rule); pointer-events:none}
.hero .cmp{
box-shadow:0 30px 70px color-mix(in srgb, var(--px-ink) 72%, transparent)}
@media (min-width:1024px){
.hero{ min-height:calc(100svh - 64px); display:flex; align-items:center; }
.hero>.wrap{ width:100%; align-items:center; }
.hero h1{ font-size:clamp(58px,5.2vw,76px); letter-spacing:-.035em; }
.hero::after{ left:var(--px-14); right:var(--px-14); }
.hero .cmp{ margin-right:calc(var(--px-14) * -1); border-radius:var(--px-r-card); }
}
@media (min-width:1440px){ .hero .cmp{ margin-right:calc(var(--px-16) * -1); } }
[hidden]{ display:none !important; }
.bw{ background:var(--w-ground); color:var(--w-text); }
.bsec{ padding-block:var(--px-12); border-top:var(--px-hair) solid var(--w-rule-soft); }
.bsec>.wrap,.bhero>.wrap{ max-width:1120px; }
@media (min-width:1024px){ .bsec{ padding-block:var(--px-16); } }
.sechead{ display:flex; align-items:baseline; justify-content:space-between;
gap:var(--px-3) var(--px-6); flex-wrap:wrap; }
.sechead h2{ font-size:var(--px-t-h2); line-height:1.1; }
@media (min-width:1024px){ .sechead h2{ font-size:40px; } }
.label{ font-size:var(--px-t-micro); letter-spacing:.16em; text-transform:uppercase;
color:var(--w-dim); font-family:var(--px-font); font-weight:600; }
.subline{ color:var(--w-dim); max-width:62ch; margin-top:var(--px-4);
line-height:1.65; }
.bhero{ padding-block:var(--px-6) var(--px-12); }
.bhero .kick{ font-family:var(--px-font); font-size:var(--px-t-micro);
letter-spacing:.16em; text-transform:uppercase; color:var(--w-dim); }
.bhero h1{ margin-top:var(--px-4); }
.bhero .lede{ color:var(--w-dim); max-width:54ch; margin-top:var(--px-5);
line-height:1.65; }
.bhero .deal{ margin-top:var(--px-8); padding-top:var(--px-6);
border-top:var(--px-hair) solid var(--w-rule-soft); max-width:420px; }
.bhero .pack{ font-size:var(--px-t-ui); color:var(--w-dim); }
.bhero .price .now{ font-size:var(--px-t-price-hero);
line-height:var(--px-lh-price-hero); letter-spacing:-.03em; }
@media (max-width:1023.98px){
.bhero .cmp{ margin-inline:calc(50% - 50vw); width:100vw;
border-radius:0; border-inline:0; }
}
@media (min-width:1024px){
.bhero .wrap{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,520px);
gap:var(--px-14); align-items:center; padding-block:var(--px-10); }
.bhero .cmp{ width:100%; aspect-ratio:4/5; height:auto; justify-self:end;
border-radius:var(--px-r-card); }
}
.pairs{ display:grid; gap:var(--px-4); margin-top:var(--px-8);
grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr)); }
@media (min-width:1024px){ .pairs{ gap:var(--px-6); } }
.pairs figure{ margin:0; min-width:0; }
.pairs .cmp{ --cmp-ar:4/5; }
.pairs figcaption{ font-family:var(--w-display); text-transform:var(--w-case);
color:var(--w-dim); font-size:var(--px-t-ui); margin-top:var(--px-3);
line-height:1.4; }
.pairs>figure>figcaption{ position:static; width:auto; height:auto;
clip-path:none; overflow:visible; white-space:normal; }
.specs{ list-style:none; padding:0; margin-top:var(--px-8);
border-top:var(--px-hair) solid var(--w-rule-soft); }
.specs>li{ border-bottom:var(--px-hair) solid var(--w-rule-soft); }
.specs .row{ display:grid; gap:2px var(--px-5); align-items:baseline;
padding-block:var(--px-4); grid-template-columns:minmax(0,1fr); }
@media (min-width:760px){
.specs .row{ grid-template-columns:104px minmax(0,15em) minmax(0,1fr); }
}
.specs .no{ font-family:var(--px-font); font-size:var(--px-t-micro);
letter-spacing:.14em; text-transform:uppercase; color:var(--w-dim);
font-variant-numeric:tabular-nums; }
.specs .name{ font-family:var(--w-display); text-transform:var(--w-case);
font-size:var(--px-t-h3); color:var(--w-text); }
.specs .intent{ color:var(--w-dim); font-size:var(--px-t-ui); line-height:1.55; }
.specimen{ min-width:0; }
.specimen>summary{ position:relative; list-style:none; cursor:pointer;
padding-right:84px; }
.specimen>summary::-webkit-details-marker{ display:none; }
.specs .see{ position:absolute; right:0; top:var(--px-4); color:var(--w-dim);
font-family:var(--px-font); font-size:11px; letter-spacing:.14em;
text-transform:uppercase; }
.specs .see::after{ content:" +"; }
.specimen[open] .see::after{ content:" \2212"; }
.specimen>summary:hover .name{ text-decoration:underline;
text-underline-offset:3px; }
.specimen[open]>summary{ background:var(--w-tint-2, transparent); }
.specimen>summary:focus-visible{ outline:2px solid var(--px-focus);
outline-offset:-2px; }
.shots{ display:grid; gap:var(--px-3); padding-block:var(--px-2) var(--px-4);
grid-template-columns:repeat(auto-fit, minmax(min(150px,100%),1fr)); }
.shots .cmp{ --cmp-ar:440/789; --cmp-handle:28px; }
.shots .cmp .cmp-tag{ font-size:11px; padding:2px 5px; }
.shot{ margin:0; min-width:0; }
.shot figcaption{ font-family:var(--px-font); font-size:11px; letter-spacing:.12em;
text-transform:uppercase; color:var(--w-dim); margin-top:var(--px-2); }
.shot-note{ color:var(--w-dim); font-size:var(--px-t-micro); line-height:1.6;
max-width:62ch; margin:0 0 var(--px-4); }
.maker{ padding-block:var(--px-12); border-top:var(--px-hair) solid var(--w-rule-soft); }
@media (min-width:1024px){ .maker{ padding-block:var(--px-16); } }
.maker>.wrap{ max-width:1120px; }
.maker-grid{ display:grid; gap:var(--px-6); align-items:start; }
@media (min-width:760px){
.maker-grid{ grid-template-columns:300px minmax(0,1fr); gap:var(--px-12); }
}
.maker-photo{ margin:0; max-width:300px; }
.maker-photo img{ display:block; width:100%; height:auto;
border-radius:var(--px-r-card); }
.maker .maker-kick{ font-family:var(--px-font); font-size:var(--px-t-micro);
letter-spacing:.16em; text-transform:uppercase; margin-bottom:var(--px-4); }
.maker h2{ font-size:var(--px-t-h2); line-height:1.1; margin-bottom:var(--px-5); }
@media (min-width:1024px){ .maker h2{ font-size:40px; } }
.maker p{ line-height:1.7; max-width:62ch; }
.maker p+p{ margin-top:var(--px-4); }
.maker .maker-sign{ margin-top:var(--px-6); padding-top:var(--px-5);
border-top:var(--px-hair) solid var(--w-rule-soft); font-size:var(--px-t-ui); }
.bw .maker{ border-top-color:var(--w-rule-soft); }
.bw .maker .maker-kick,.bw .maker p,.bw .maker .maker-sign{ color:var(--w-dim); }
.bw .maker .maker-sign{ border-top-color:var(--w-rule-soft); }
.bw .maker .maker-sign b{ color:var(--w-text); }
.bpanel{ display:grid; gap:var(--px-6); margin-top:var(--px-8);
padding:var(--px-6); border-radius:var(--px-r-card);
background:var(--w-surface-2); border:var(--px-hair) solid var(--w-rule);
box-shadow:0 10px 30px color-mix(in srgb, var(--px-ink) 30%, transparent); }
@media (min-width:760px){
.bpanel{ grid-template-columns:minmax(0,1fr) minmax(0,340px);
gap:var(--px-12); align-items:center; padding:var(--px-8); }
}
.bpanel h3{ font-family:var(--w-display); text-transform:var(--w-case);
font-size:var(--px-t-h2); line-height:1.1; font-weight:500; }
.bpanel .meta{ color:var(--w-dim-2); margin-top:var(--px-2); }
.bpanel .incl{ list-style:none; padding:0; margin-top:var(--px-5); }
.bpanel .incl li{ color:var(--w-dim-2); font-size:var(--px-t-ui);
padding-block:var(--px-2); display:flex; gap:var(--px-3); }
.bpanel .incl li::before{ content:"\2713"; color:var(--w-accent); flex:none; }
.bpanel .price{ margin-top:0; }
.bpanel .price .now{ font-size:var(--px-t-price-hero);
line-height:var(--px-lh-price-hero); letter-spacing:-.03em; }
.bpanel .trust{ color:var(--w-dim-2); }
.faq{ margin-top:var(--px-6); max-width:860px;
border-top:var(--px-hair) solid var(--w-rule-soft); }
.faq details{ border-bottom:var(--px-hair) solid var(--w-rule-soft); }
.faq summary{ cursor:pointer; list-style:none; padding-block:var(--px-4);
min-height:56px; display:flex; align-items:center; justify-content:space-between;
gap:var(--px-4); font-family:var(--w-display); text-transform:var(--w-case);
font-size:var(--px-t-h3); }
.faq summary::-webkit-details-marker{ display:none; }
.faq summary::after{ content:"+"; color:var(--w-dim); font-family:var(--px-font);
flex:none; }
.faq details[open] summary::after{ content:"\2212"; }
.faq summary:focus-visible{ outline:2px solid var(--px-focus); outline-offset:-2px; }
.faq p{ color:var(--w-dim); line-height:1.7; max-width:70ch;
padding-bottom:var(--px-5); }
.faq a{ border-bottom:var(--px-hair) solid currentColor; }
.woffer{ position:fixed; inset:0; z-index:var(--px-z-scrim);
background:color-mix(in srgb, var(--px-ink) 78%, transparent);
display:flex; align-items:flex-end; justify-content:center;
padding:var(--px-4); padding-bottom:calc(var(--px-4) + env(safe-area-inset-bottom)); }
@media (min-width:640px){ .woffer{ align-items:center; } }
.wo-card{ position:relative; width:min(100%,420px); background:var(--w-surface-2);
color:var(--w-text); border:var(--px-hair) solid var(--w-rule);
border-radius:var(--px-r-sheet); padding:var(--px-6);
box-shadow:0 18px 48px color-mix(in srgb, var(--px-ink) 55%, transparent); }
.wo-card h2{ font-size:var(--px-t-h2); margin-top:var(--px-3); }
.wo-card p{ color:var(--w-dim-2); margin-top:var(--px-3); line-height:1.6; }
.wo-x{ position:absolute; top:6px; right:6px; width:44px; height:44px;
background:none; border:0; color:var(--w-dim); font-size:22px; cursor:pointer;
font-family:var(--px-font); line-height:1; }
.wo-x:focus-visible,.wo-no:focus-visible{ outline:2px solid var(--px-focus);
outline-offset:2px; }
.wo-card .price{ margin-top:var(--px-5); }
.wo-no{ display:block; width:100%; margin-top:var(--px-3); padding:var(--px-3);
background:none; border:0; color:var(--w-dim); font:inherit;
font-size:var(--px-t-ui); cursor:pointer; text-decoration:underline; }
.bar .cartn{ display:none; align-items:center; min-height:44px; gap:6px;
font-size:var(--px-t-ui); color:var(--px-chalk); margin-left:var(--px-4); }
@media (min-width:1024px){ .bar .cartn{ display:inline-flex; } }
.bar .cartn b{ min-width:18px; height:18px; padding-inline:5px;
border-radius:var(--px-r-pill); background:var(--px-signal);
color:var(--px-signal-ink); font-size:11.5px; display:inline-flex;
align-items:center; justify-content:center; font-variant-numeric:tabular-nums; }
.bar .cartn b:empty,.bar .cartn b[data-n="0"]{ display:none; }
.bar .cartn:focus-visible{ outline:2px solid var(--px-focus); outline-offset:2px; }
.cartbub{ position:fixed; z-index:var(--px-z-buybar);
right:var(--px-4); bottom:calc(var(--px-4) + env(safe-area-inset-bottom));
width:56px; height:56px; border-radius:var(--px-r-pill);
display:flex; align-items:center; justify-content:center;
background:var(--px-ink-3); color:var(--px-chalk);
border:var(--px-hair) solid var(--px-rule);
box-shadow:0 6px 20px color-mix(in srgb, var(--px-ink) 60%, transparent); }
.cartbub b{ position:absolute; top:-4px; right:-4px; min-width:20px; height:20px;
padding-inline:5px; border-radius:var(--px-r-pill); background:var(--px-signal);
color:var(--px-signal-ink); font-size:11.5px; font-weight:700;
display:inline-flex; align-items:center; justify-content:center;
font-variant-numeric:tabular-nums; }
.cartbub b:empty,.cartbub b[data-n="0"]{ display:none; }
.cartbub:focus-visible{ outline:2px solid var(--px-focus); outline-offset:3px; }
.buybar-on .cartbub{
bottom:calc(var(--buybar-h,170px) + var(--px-4) + env(safe-area-inset-bottom)); }
@media (min-width:1024px){ .cartbub{ display:none; } }
.buybar{ position:fixed; inset-inline:0; bottom:0; z-index:var(--px-z-buybar);
background:var(--px-ink-2); border-top:var(--px-hair) solid var(--px-rule);
padding:var(--px-3) var(--px-4) calc(var(--px-3) + env(safe-area-inset-bottom));
transform:translateY(110%); transition:transform var(--px-t-enter) var(--px-e-enter);
display:flex; flex-direction:column; align-items:stretch; gap:var(--px-2); }
.buybar.on{ transform:none; }
.buybar .bbrow{ display:flex; align-items:center; gap:var(--px-4); }
.buybar .price{ flex:0 0 auto; margin:0; flex-wrap:nowrap; gap:var(--px-1); }
.buybar .price .now{ font-size:var(--px-t-price); }
.buybar .price .reg{ font-size:var(--px-t-micro); }
.buybar .price .save{ display:none; }
.buybar .bbrow form{ flex:1 1 auto; min-width:0; }
.buybar .cta,.buybar .btn2{ margin:0; }
.buybar .express{ margin-top:0; }
@media (min-width:1024px){ .buybar{ display:none; } }
.hasbar{ padding-bottom:calc(var(--buybar-h,170px) + 88px); }
@media (min-width:1024px){ .hasbar{ padding-bottom:0; } }
.toast{ position:fixed; inset-inline:var(--px-4);
bottom:calc(var(--buybar-h,170px) + 88px);
z-index:var(--px-z-toast); background:var(--px-ink-3); color:var(--px-chalk);
border:var(--px-hair) solid var(--px-rule); border-radius:var(--px-r-card);
padding:var(--px-3) var(--px-4); font-size:var(--px-t-ui);
display:flex; align-items:center; justify-content:space-between; gap:var(--px-4);
opacity:0; transform:translateY(8px);
transition:opacity var(--px-t-enter) var(--px-e-enter),
transform var(--px-t-enter) var(--px-e-enter); }
.toast.on{ opacity:1; transform:none; }
@media (min-width:1024px){
.toast{ inset-inline:auto var(--px-14); bottom:auto; top:88px; width:360px; }
}
[data-world] .trust{ color:var(--w-dim); }
[data-world] .wbuy .trust,[data-world] .bpanel .trust,
[data-world] .wo-card .trust,[data-world] .winside .wmore{
color:var(--w-dim-2); }
.toast{ visibility:hidden; pointer-events:none;
transition:opacity var(--px-t-enter) var(--px-e-enter),
transform var(--px-t-enter) var(--px-e-enter),
visibility 0s linear var(--px-t-enter); }
.toast.on{ visibility:visible; pointer-events:auto; transition-delay:0s; }
.bar .mark,.back,.railhead .close{ display:inline-flex; align-items:center;
justify-content:center; min-height:44px; min-width:44px; }
.crumb a,.head a{ display:inline-flex; align-items:center; min-height:44px; }
.fine a,.faq p a,.obj p a{ padding-block:14px; }
.chip{ background:color-mix(in srgb, var(--px-ink) 62%, transparent);
-webkit-backdrop-filter:blur(4px); backdrop-filter:blur(4px); }
.chip.sig{ background:var(--px-signal); backdrop-filter:none;
-webkit-backdrop-filter:none; }
.chip.own{ background:var(--px-owned); backdrop-filter:none;
-webkit-backdrop-filter:none; }
.chip.out{ opacity:1;
border-color:color-mix(in srgb, currentColor 70%, transparent); }
@media (max-width:1023.98px){
.card .price{ gap:var(--px-1) var(--px-2); }
.card .price .save{ font-size:11.5px; padding-inline:5px; }
.grid{ align-items:stretch; }
.grid > .card,.grid > li,.grid > li > .card{ height:100%; }
.card{ display:flex; flex-direction:column; }
.card .cardl{ flex:1 1 auto; }
}
.hasbar{ padding-bottom:0; }
@media (max-width:1023.98px){
body{ padding-bottom:calc(72px + env(safe-area-inset-bottom)); }
body:has(.buybar),body:has(.checkbar){
padding-bottom:calc(var(--buybar-h,170px) + 88px + env(safe-area-inset-bottom)); }
}
.bar .cartn{ min-width:44px; padding-inline:var(--px-2); justify-content:center; }
.price .mmark{ width:12px; height:12px; flex:0 0 12px; border-radius:1px;
background:var(--px-chalk); display:inline-block; align-self:center;
margin-inline-end:var(--px-1); }
.price .mword{ color:var(--px-dim); font-size:var(--px-t-was); font-weight:400;
align-self:baseline; }