/* AUTO-GENERATED from 04_V2_Experience/series.html. Do not edit. */
/* 01 Numbers hero */
.sx-hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:18vh 0 14vh}
.sx-hero .wrap{width:100%;position:relative;z-index:1}
.sx-sil{position:absolute;right:-5vw;bottom:-4vh;width:min(62vw,940px);height:auto;z-index:0;filter:brightness(0) invert(.45);opacity:.14;pointer-events:none;user-select:none}
.sx-hero .eb{font-family:var(--disp);text-transform:uppercase;letter-spacing:.3em;font-size:12px;color:var(--steel);margin:16px 0 7vh}
.sx-fig{display:flex;align-items:baseline;gap:min(4vw,52px);flex-wrap:wrap;line-height:.86}
.sx-fig .n{font-family:var(--disp);font-weight:600;color:var(--white);font-size:clamp(74px,17vw,270px);letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.sx-fig .to{font-family:var(--disp);text-transform:uppercase;letter-spacing:.24em;font-size:clamp(14px,1.6vw,22px);color:var(--steel);align-self:center}
.sx-unit{font-family:var(--disp);text-transform:uppercase;letter-spacing:.22em;font-size:clamp(11px,1.2vw,14px);color:var(--muted);margin-top:24px}
.sx-row{display:flex;gap:56px;margin-top:6vh;border-top:1px solid var(--line);padding-top:30px;flex-wrap:wrap}
.sx-row .v{font-family:var(--disp);font-weight:300;font-size:clamp(28px,3.2vw,46px);color:var(--white)}
.sx-row .l{display:block;font-family:var(--disp);text-transform:uppercase;letter-spacing:.2em;font-size:10px;color:var(--muted);margin-top:8px}
.sx-line{font-family:var(--disp);text-transform:uppercase;letter-spacing:.04em;color:var(--steel-2);font-weight:600;font-size:clamp(18px,2.4vw,34px);margin-top:6vh;line-height:1.05}
.sx-cue{position:absolute;left:40px;bottom:4vh;font-family:var(--disp);text-transform:uppercase;letter-spacing:.2em;font-size:10px;color:var(--muted);display:flex;align-items:center;gap:12px}
.sx-cue::before{content:"";width:1px;height:36px;background:var(--line);display:inline-block}
/* 02 Axis, tower to wheels */
.sx-axis{background:var(--ink-2);border-top:1px solid var(--line-2);padding:16vh 0 13vh}
.sx-axis .lead{color:var(--muted);max-width:62ch;margin-top:18px;font-size:clamp(15px,1.4vw,18px);line-height:1.75}
.sx-chart{margin-top:10vh;display:grid;grid-template-columns:repeat(7,1fr);gap:clamp(8px,1.4vw,24px);align-items:end;min-height:42vh}
.sx-bar{display:flex;flex-direction:column;justify-content:flex-end;height:100%}
.sx-bar .out{text-align:center;font-family:var(--disp);font-weight:300;font-size:clamp(14px,1.5vw,22px);color:var(--white);margin-bottom:10px}
.sx-bar .col{display:block;height:var(--h);background:linear-gradient(180deg,var(--steel-2),var(--steel));border-top:2px solid var(--white);transform-origin:bottom}
.sx-bar .nm{margin-top:16px;font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;font-size:clamp(10px,1vw,12px);color:var(--steel-2);text-align:center;line-height:1.2}
.sx-bar .ct{margin-top:6px;font-family:var(--body);font-size:10.5px;color:var(--muted);text-align:center;letter-spacing:.02em}
.sx-axisline{margin-top:28px;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;font-family:var(--disp);text-transform:uppercase;letter-spacing:.2em;font-size:10px;color:var(--muted)}
/* 03 Rail (moved verbatim from the homepage) */
.series{position:relative}
.series .pin{height:100vh;display:flex;align-items:center;overflow:hidden}
.series .track{display:flex;gap:30px;padding:0 max(40px,calc((100vw - var(--maxw))/2 + 40px));will-change:transform}
.scard{position:relative;flex:0 0 clamp(300px,42vw,560px);height:72vh;border:1px solid var(--line);overflow:hidden;background:#0e1014}
.scard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.92;transition:transform 1s var(--ease)}
.scard:hover img{transform:scale(1.05)}
.scard::after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(8,9,11,.1) 30%,rgba(8,9,11,.92))}
.scard .r3d{position:absolute;inset:0;z-index:1;background:radial-gradient(120% 95% at 50% 30%,#f0f1f3 0%,#dde0e3 60%,#c8ccd1 100%);opacity:0;transition:opacity .55s var(--ease);display:flex;align-items:center;justify-content:center}
.scard .r3d img{position:static;width:90%;height:82%;object-fit:contain;opacity:1;transform:none!important}
.scard:hover .r3d,.scard:focus-visible .r3d,.scard:focus-within .r3d{opacity:1}
.scard .b3d{position:absolute;top:16px;right:16px;z-index:3;font-family:var(--disp);font-size:9.5px;letter-spacing:.22em;color:var(--steel-2);border:1px solid var(--line);padding:6px 10px;background:rgba(10,11,13,.42);backdrop-filter:blur(4px)}
.scard .body{position:absolute;left:0;bottom:0;z-index:3;padding:34px}
.scard .cap{font-family:var(--disp);text-transform:uppercase;letter-spacing:.2em;font-size:10.5px;color:var(--steel)}
.scard h3{font-family:var(--disp);font-weight:600;text-transform:uppercase;color:#fff;font-size:clamp(26px,2.4vw,40px);line-height:1;margin-top:10px}
.scard .slog{font-family:var(--disp);text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:var(--steel);margin-top:8px;max-width:34ch;line-height:1.6}
.scard .st{display:flex;gap:30px;margin-top:14px;border-top:1px solid var(--line);padding-top:16px}
.scard .st .v{font-family:var(--disp);font-weight:300;font-size:20px;color:#fff}
.scard .st .l{font-family:var(--disp);text-transform:uppercase;letter-spacing:.16em;font-size:9px;color:var(--muted);margin-top:4px}
.series .intro{position:absolute;top:10vh;left:0;width:100%;z-index:5}
/* 04 Compare teaser */
.sx-cmp{padding:16vh 0 13vh}
.sx-cmp .pickrow{display:flex;gap:20px;flex-wrap:wrap;margin-top:5vh}
.sx-cmp .pick{flex:1 1 300px}
.sx-cmp label{display:block;font-family:var(--disp);text-transform:uppercase;letter-spacing:.16em;font-size:10px;color:var(--muted);margin-bottom:10px}
.sx-cmp select{width:100%;background:var(--ink-2);border:1px solid var(--line);color:var(--white);font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;font-size:14px;padding:16px 18px;-webkit-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%239aa1a8' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}
.sx-cmp select:focus-visible{border-color:var(--steel-2)}
.sx-cmp .bars{margin-top:7vh;display:grid;gap:44px}
.sx-metric .mlabel{font-family:var(--disp);text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--steel);margin-bottom:20px}
.sx-metric .brow{display:grid;grid-template-columns:150px 1fr 92px;align-items:center;gap:16px;margin-bottom:12px}
.sx-metric .bname{font-family:var(--disp);text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:var(--white)}
.sx-metric .btrack{height:44px;background:var(--ink-2);border:1px solid var(--line-2);position:relative;overflow:hidden}
.sx-metric .bfill{position:absolute;left:0;top:0;bottom:0;width:var(--w);background:linear-gradient(90deg,var(--steel),var(--steel-2));transition:width .7s var(--ease)}
.sx-metric .bval{font-family:var(--disp);font-weight:300;font-size:18px;color:var(--white);text-align:right}
/* 05 Proof line */
.sx-proof{background:#08090b;border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}
.sx-proof .grid{display:grid;grid-template-columns:1fr 1fr 1.4fr}
.sx-proof .pf{padding:9vh 30px;border-left:1px solid var(--line-2);display:flex;flex-direction:column;gap:12px}
.sx-proof .pf:first-child{border-left:none}
.sx-proof .pv{font-family:var(--disp);font-weight:300;font-size:clamp(40px,6vw,84px);color:var(--white);line-height:1}
.sx-proof .pl{font-family:var(--disp);text-transform:uppercase;letter-spacing:.2em;font-size:11px;color:var(--muted)}
.sx-proof .pf-wide{align-items:flex-start;justify-content:center}
.sx-proof .pv2{font-family:var(--disp);font-weight:600;text-transform:uppercase;color:var(--steel-2);font-size:clamp(26px,3.4vw,52px);letter-spacing:.02em;line-height:1}
/* 06 Close */
.s-close2{text-align:center;padding:16vh 0 12vh;position:relative}
.s-close2 .mach{width:min(680px,74vw);margin:0 auto 5vh;display:block;height:auto}
.s-close2 h2{font-size:clamp(34px,6vw,90px);line-height:.95}
.s-close2 .cta-b{margin-top:40px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.s-close2 .proof2{margin-top:52px;font-family:var(--disp);text-transform:uppercase;letter-spacing:.2em;font-size:11px;color:var(--muted)}
@media(prefers-reduced-motion:reduce){.sx-bar .col{transform:none!important}.sx-metric .bfill{transition:none}}
@media(max-width:760px){
  .sx-hero{padding:16vh 0 10vh}
  .sx-sil{width:92vw;right:-22vw;bottom:0;opacity:.11}
  .sx-cue{left:22px}
  .sx-chart{grid-template-columns:repeat(7,minmax(66px,1fr));overflow-x:auto;min-height:34vh;padding-bottom:10px}
  .sx-axisline{letter-spacing:.12em}
  .series .pin{height:auto;display:block;padding:14vh 0}
  .series .track{flex-direction:column;padding:0 22px;transform:none!important}
  .scard{flex:none;width:100%;height:64vh;margin-bottom:18px}
  .series .intro{position:static;margin-bottom:30px}
  .sx-metric .brow{grid-template-columns:104px 1fr 62px;gap:10px}
  .sx-metric .bval{font-size:14px}
  .sx-proof .grid{grid-template-columns:1fr 1fr}
  .sx-proof .pf-wide{grid-column:1 / -1;border-left:none;border-top:1px solid var(--line-2);align-items:center;text-align:center}
}