/* Pioneer 1000 Elite page. Scoped to .elite; loaded only on that route. */
.elite{--el-ink:#1c1613;--el-paper:#f7f5f0;--el-surface:#ece6dc;--el-soft:#5e544c;--el-soft-dark:#b9aea4;--el-red:#ad1820;--el-red-hover:#8e1219;
  --el-m:clamp(16px,2.4vw,32px);--el-display:'Barlow Condensed',Impact,sans-serif;--el-ease:cubic-bezier(.16,1,.3,1);
  background:var(--el-paper);color:var(--el-ink);overflow-x:clip}
.elite h2,.elite h3{font-family:var(--el-display);font-weight:800;letter-spacing:-.01em;line-height:.95;text-transform:none}
.elite p,.elite li,.elite dd{font-size:17px;line-height:1.55}
.el-wrap{padding:0 var(--el-m);max-width:1440px;margin:0 auto}
.el-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;background:var(--el-red);color:#fff;font:600 16px/1 Inter,system-ui,sans-serif;border-radius:4px;transition:background .2s,transform .2s var(--el-ease)}
.el-btn:hover{background:var(--el-red-hover)}.el-btn:active{transform:scale(.97)}
.el-btn:focus-visible,.elite button:focus-visible,.elite summary:focus-visible,.elite li:focus-visible{outline:3px solid #e8a33b;outline-offset:3px}

/* Hero: the name as a monument, the photo tucked under its baseline */
.el-hero{background:var(--el-ink);color:var(--el-paper)}
.el-lift{padding-top:clamp(20px,2.4vw,36px);display:grid;grid-template-columns:minmax(0,1fr);will-change:transform}
.el-lift>*{grid-column:1;min-width:0}
.el-drive{display:block;width:min(88vw,1100px);height:auto;margin:clamp(24px,4vw,56px) auto 0;padding-bottom:clamp(24px,4vw,48px)}
/* The scene: the hero pins under the header while the name lifts and the machine drives in. */
.el-scene{height:250svh}
.el-lift{position:relative}
.el-cue{display:none;opacity:0;position:absolute;left:var(--el-m);top:100%;margin-top:clamp(28px,4.5svh,44px);white-space:nowrap;align-items:center;gap:12px;color:var(--el-paper);font:600 17px/1.2 Inter,system-ui,sans-serif!important;pointer-events:none}
.el-scene.is-peek .el-cue{display:flex;transition:opacity .45s ease}
.el-cue i{width:12px;height:12px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;rotate:45deg;margin-top:-6px;animation:el-bob 1.4s ease-in-out infinite}
.el-scene.is-peek .el-drive{bottom:14%}
.el-scene.is-peek.is-rest .el-drive{animation:el-rev 3.4s ease-in-out 1.6s infinite}
@keyframes el-rev{0%,70%,100%{translate:-50% 0}77%{translate:calc(-50% - 16px) 0}84%{translate:calc(-50% - 5px) 0}91%{translate:calc(-50% - 11px) 0}}
@keyframes el-bob{0%,100%{translate:0 -3px}50%{translate:0 4px}}
.el-scene .el-drive{bottom:4%}
.el-scene .el-pin{position:sticky;top:var(--el-top,0);height:calc(100svh - var(--el-top,0px));overflow:hidden}
.el-scene .el-drive{position:absolute;left:50%;bottom:5%;margin:0;padding:0;width:auto;height:min(64%,calc(94vw * 0.7256));max-width:none;translate:-50% 0;transform:translate3d(110vw,0,0);opacity:0;will-change:transform}
.el-hero-top{display:flex;justify-content:flex-end;align-items:center;gap:32px;padding:0 var(--el-m);grid-row:1;margin-top:-4px}
.el-mono{grid-row:1/3}
.el-hero-note{max-width:34ch;text-align:right;font-size:clamp(17px,1.4vw,20px)!important;color:var(--el-paper)}
.el-mono{margin:0;padding:0 var(--el-m);font-family:var(--el-display);font-weight:800;color:var(--el-paper);letter-spacing:-.02em}
.el-line{display:block;overflow:hidden}
.el-pre{display:block;font-size:clamp(26px,2.6vw,40px);line-height:1.3;letter-spacing:0;margin-bottom:clamp(8px,1.2vw,20px)}
.el-word{display:block;font-size:clamp(100px,47vw,1000px);line-height:.78;white-space:nowrap;width:max-content;text-transform:uppercase;letter-spacing:-.035em;padding-bottom:.02em}
.el-hero-photo{margin:0;height:min(78svh,62vw);overflow:hidden;position:relative}
.el-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 62%;transform:scale(1.1);will-change:transform}

/* Count-up clock: a whole field of brand red */
.el-clock{background:var(--el-red);color:#fff;padding:clamp(80px,9vw,140px) 0}
.el-clock h2{font-size:clamp(40px,5vw,72px)}
.el-digits{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 clamp(20px,4vw,64px);margin:clamp(24px,3vw,40px) 0;font-family:var(--el-display);font-weight:800;line-height:.82;font-variant-numeric:tabular-nums}
.el-digits b{font-weight:800}
.el-days{display:inline-flex;align-items:baseline;gap:.1em;font-size:clamp(110px,19vw,300px)}
.el-days small{font-size:.3em;line-height:1}
.el-hms{font-size:clamp(64px,10vw,160px);padding-bottom:.04em}
.el-hms i{font-style:normal;opacity:.75;padding:0 .02em}
.el-clock-note{max-width:60ch;color:#fff}

/* Intro: title, note, facts row */
.el-intro{padding:clamp(96px,11vw,160px) 0 clamp(80px,9vw,120px)}
.el-intro-row{display:grid;grid-template-columns:1fr minmax(260px,420px);gap:32px;align-items:end}
.el-intro h2{font-size:clamp(56px,7vw,110px)}
.el-intro-row p{color:var(--el-ink)}
.el-facts{display:flex;justify-content:space-between;gap:24px;margin:clamp(64px,8vw,120px) 0 0}
.el-facts dt{font-family:var(--el-display);font-weight:800;font-size:clamp(40px,4.4vw,68px);line-height:1}
.el-facts dd{margin:8px 0 0;color:var(--el-soft);font-size:15px!important}

/* Band of unequal panels */
.el-band{padding:clamp(40px,5vw,72px) 0 clamp(96px,11vw,160px)}
.el-band-h{font-size:clamp(36px,3.6vw,56px);padding:0 var(--el-m);margin:0 0 40px 16.66%}
.el-band-row{display:flex;height:68svh;min-height:420px}
.el-panel{margin:0;position:relative;overflow:hidden;flex:var(--g,2) 1 0;transition:flex-grow .5s var(--el-ease)}
.el-p1{--g:5}.el-p3{--g:3}
@media(hover:hover){.el-band-row:hover .el-p1,.el-band-row:hover .el-p3{--g:3}.el-band-row .el-panel:hover{--g:5}}
.el-panel img{width:100%;height:100%;object-fit:cover}
.el-p2 img,.el-p4 img{background:#fff;object-fit:cover;object-position:50% 50%}
.el-p2{background:#fff}.el-p4{background:#fff}
.el-p1 img{object-position:62% 60%}.el-p3 img{object-position:80% 60%}
.el-panel figcaption{position:absolute;inset:0 auto auto 0;padding:24px 40px 40px 24px;font:800 clamp(28px,2.6vw,40px)/.95 var(--el-display);color:#fff;background:radial-gradient(closest-side,rgba(20,14,10,.45),transparent);text-shadow:none}
.el-band-cap{padding:0 var(--el-m);margin-top:24px;max-width:72ch}

/* Studio switcher */
.el-studio{background:var(--el-surface);padding:clamp(96px,11vw,160px) 0}
.el-studio-head{display:grid;grid-template-columns:1fr minmax(240px,380px);gap:32px;align-items:end;margin-bottom:24px}
.el-studio h2{font-size:clamp(44px,5vw,80px)}
.el-stage{aspect-ratio:16/10;max-height:72svh;margin:0 auto;background:#fff;touch-action:pan-y;cursor:grab;user-select:none}
.el-stage-img{width:100%;height:100%;object-fit:contain;transition:opacity .18s ease,transform .5s var(--el-ease)}
.el-stage-img.is-swapping{opacity:0;transform:scale(.985)}
.el-controls{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px 32px;margin-top:24px}
.el-swatches,.el-angles{display:flex;flex-wrap:wrap;gap:8px}
.el-swatch,.el-angle{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 18px;border-radius:4px;background:var(--el-paper);color:var(--el-ink);font:500 16px/1 Inter,system-ui,sans-serif;transition:background .2s,color .2s,transform .2s var(--el-ease)}
.el-swatch span{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 2px rgba(0,0,0,.12)}
.el-swatch[aria-pressed="true"],.el-angle[aria-pressed="true"]{background:var(--el-ink);color:var(--el-paper)}
.el-swatch:not(:disabled):hover,.el-angle:hover{transform:translateY(-2px)}
.el-swatch:disabled{opacity:1;color:var(--el-soft);cursor:not-allowed}
.el-soon{margin-top:16px;color:var(--el-soft);font-size:15px!important}

/* 3D */
.el-3d{background:var(--el-ink);color:var(--el-paper);padding:clamp(96px,11vw,160px) 0}
.el-3d-head{display:grid;grid-template-columns:1fr minmax(240px,400px);gap:32px;align-items:end;margin-bottom:32px}
.el-3d h2{font-size:clamp(44px,5vw,80px)}
.el-3d-frame{position:relative;aspect-ratio:16/9;background:#fff;overflow:hidden}
.el-3d-poster{width:100%;height:100%;object-fit:contain}
.el-3d-load{position:absolute;left:50%;bottom:32px;transform:translateX(-50%);white-space:nowrap}
.el-3d-load:active{transform:translateX(-50%) scale(.97)}
.el-3d-frame.is-live{background:#111}
.el-3d-frame.is-live{aspect-ratio:16/9}
.el-3d-frame iframe{width:100%;height:100%;border:0;display:block}
.el-3d-note{margin-top:16px;color:var(--el-soft-dark);font-size:15px!important}

/* Features: one-size name columns */
.el-features{padding:clamp(120px,16vh,200px) 0}
.el-features h2{font-size:28px;margin-bottom:72px;font-family:Inter,system-ui,sans-serif;font-weight:600;letter-spacing:-.01em}
.el-cols{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.el-col h3{font:600 17px/1.25 Inter,system-ui,sans-serif;letter-spacing:0;margin-bottom:20px;color:var(--el-ink)}
.el-col ul{list-style:none;margin:0;padding:0}
.el-col li{font-size:17px;line-height:1.25;padding:5px 0;color:var(--el-soft);cursor:default;transition:color .15s}
.el-col li:hover,.el-col li:focus{color:var(--el-ink)}
.el-col-sum{display:none}
.el-desc{font-size:17px;color:var(--el-ink);align-self:start;max-width:30ch;position:sticky;top:140px}

/* Stats: quiet figure lines */
.el-stats{background:var(--el-surface);padding:clamp(120px,16vh,200px) 0}
.el-stats-grid{display:grid;grid-template-columns:7fr 4fr;gap:clamp(32px,6vw,96px);align-items:start}
.el-stats h2{font-size:clamp(28px,2.4vw,36px);margin:0 0 48px 224px}
.el-stats dl{margin:0}
.el-stats dl div{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:baseline;margin-bottom:28px}
.el-stats dt{text-align:right;font:800 clamp(30px,2.6vw,40px)/1 var(--el-display);font-variant-numeric:tabular-nums;white-space:nowrap}
.el-stats dd{margin:0;color:var(--el-ink);max-width:44ch}
.el-stats-photo{margin:96px 0 0;background:#fff;aspect-ratio:1}
.el-stats-photo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}

/* Prints dropped on the headline */
.el-prints{position:relative;min-height:100svh;background:var(--el-ink);color:var(--el-paper);display:grid;place-items:center;overflow:hidden;padding:80px var(--el-m)}
.elite .el-prints-h{font-size:clamp(110px,15vw,240px)!important;line-height:.85!important;text-align:center;text-transform:uppercase;letter-spacing:-.02em!important}
.el-prints-h span{display:block}
.el-print{position:absolute;margin:0;width:28vw;max-width:440px;aspect-ratio:16/10;background:#fff;padding:8px;transition:transform .25s var(--el-ease),z-index 0s}
.el-print img{width:100%;height:100%;object-fit:cover}
.el-print-a{left:4%;top:5%;width:22vw;--r:-8deg;transform:rotate(var(--r))}
.el-print-b{right:4%;bottom:9%;width:24vw;--r:6deg;transform:rotate(var(--r))}
.el-prints-h{position:relative;z-index:2}
.el-print:hover{transform:rotate(0) scale(1.02);z-index:3}
.el-prints-cap{position:absolute;left:var(--el-m);bottom:24px;max-width:52ch;font-size:16px!important;color:var(--el-paper)}

/* Specs: giant word, filled bars */
.el-specs{padding:clamp(120px,14vw,200px) var(--el-m)}
.el-specs-col{max-width:640px;margin:0 auto;container-type:inline-size}
.elite .el-specs-word{font-size:46cqw;white-space:nowrap;width:max-content;line-height:.8;text-transform:uppercase;letter-spacing:-.02em;margin:0 0 20px}
.el-specs-note{color:var(--el-soft);font-size:15px!important;margin-bottom:24px}
.el-bar{background:var(--el-surface);border-radius:4px;margin-bottom:6px}
.el-bar summary,.el-qs summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px}
.el-bar summary::-webkit-details-marker,.el-qs summary::-webkit-details-marker{display:none}
.el-bar summary{min-height:56px;padding:0 18px;font-weight:600;font-size:16px}
.el-bar summary span,.el-qs summary span{position:relative;width:14px;height:14px;flex:none}
.el-bar summary span::before,.el-bar summary span::after,.el-qs summary span::before,.el-qs summary span::after{content:"";position:absolute;left:0;top:6px;width:14px;height:2px;background:currentColor;transition:transform .25s var(--el-ease)}
.el-bar summary span::after,.el-qs summary span::after{transform:rotate(90deg)}
.el-bar[open] summary span::after,.el-qs details[open] summary span::after{transform:rotate(0)}
.el-bar dl{margin:0;padding:4px 18px 20px}
.el-bar dl div{display:grid;grid-template-columns:minmax(120px,40%) 1fr;gap:16px;padding:7px 0}
.el-bar dt{font-size:16px;color:var(--el-soft)}
.el-bar dd{margin:0;font-size:16px!important}

/* FAQ */
.el-faq{padding:clamp(80px,10vw,160px) 0 clamp(120px,14vw,200px)}
.el-faq h2{font-size:clamp(48px,5.5vw,88px);max-width:14ch}
.el-qs{margin:80px 0 0 33.33%}
.el-qs details{margin:0 calc(-1 * min(24px, var(--el-m))) 12px;padding:14px min(24px, var(--el-m));border-radius:4px;transition:background .2s}
.el-qs details[open]{background:var(--el-surface)}
.el-qs summary{font-size:clamp(20px,1.8vw,24px);font-weight:500;min-height:48px}
.el-qs p{max-width:56ch;margin:12px 0 8px;font-size:17px}
.el-qs a{text-decoration:underline;text-underline-offset:3px}

/* Close: the idea again, inverted */
.el-close{background:var(--el-ink);color:var(--el-paper);min-height:90svh;display:flex}
.el-close-inner{display:flex;flex-direction:column;justify-content:space-between;width:100%;padding-top:clamp(96px,10vw,160px);padding-bottom:40px}
.el-close h2{font-size:clamp(64px,10vw,160px);line-height:.9}
.el-close-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-top:80px}
.el-close-foot p{max-width:44ch;font-size:20px!important;color:var(--el-paper)}
.el-sources{margin-top:56px;font-size:14px!important;color:var(--el-soft-dark);max-width:90ch}

/* Motion: the masked headline and section entrances. Content is visible without script. */
.el-anim .el-line>span{transform:translateY(105%);transition:transform .9s var(--el-ease)}
.el-anim .el-line+.el-line>span{transition-delay:.11s}
.el-anim .el-fade{opacity:0;transform:translateY(12px);transition:opacity .6s ease .55s,transform .6s var(--el-ease) .55s}
.el-anim.is-ready .el-line>span,.el-anim.is-ready .el-fade{transform:none;opacity:1}
.el-anim [data-rise],.el-anim .el-panel,.el-anim .el-bar{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s var(--el-ease)}
.el-anim .el-print{opacity:0;transform:rotate(var(--r)) translateY(40px);transition:opacity .7s ease,transform .7s var(--el-ease)}
.el-anim .is-in{opacity:1!important}
.el-anim [data-rise].is-in,.el-anim .el-panel.is-in,.el-anim .el-bar.is-in{transform:none}
.el-anim .el-print.is-in{transform:rotate(var(--r))}
.el-anim .el-print.is-in:hover{transform:rotate(0) scale(1.02)}
@media (prefers-reduced-motion:reduce){
  .el-anim .el-line>span,.el-anim .el-fade,.el-anim [data-rise],.el-anim .el-panel,.el-anim .el-bar,.el-anim .el-print{transition:none;opacity:1;transform:none}
  .el-anim .el-print{transform:rotate(var(--r))}
  .el-hero-photo img{transform:none}.el-panel{transition:none}.el-stage-img{transition:none}
}

@media print{
  .el-scene{height:auto}.el-scene .el-pin{position:static;height:auto;overflow:visible}.el-scene .el-drive{position:static;translate:none;transform:none;opacity:1;width:80%;height:auto;margin:16px auto}
  .el-anim .el-line>span,.el-anim .el-fade,.el-anim [data-rise],.el-anim .el-panel,.el-anim .el-bar,.el-anim .el-print{opacity:1!important;transform:none!important}
  .el-3d,.el-stage,.el-controls{display:none}
}
/* Tablet */
@media (max-width:1024px){
  .el-mono{grid-row:1}.el-hero-top{grid-row:2;justify-content:space-between;margin:20px 0 28px}.el-hero-note{text-align:left}
  .el-cols{grid-template-columns:repeat(3,1fr)}.el-desc{display:none}.el-col-sum{display:block;margin-top:16px;color:var(--el-soft);font-size:15px!important}
  .el-stats-grid{grid-template-columns:1fr}.el-stats-photo{width:56%;margin:32px 0 0 auto}
}
/* Phone */
@media (max-width:720px){
  .elite p,.elite li,.elite dd{font-size:16px}
  .el-hero-top{flex-direction:column;align-items:flex-start}
  .el-hero-top .el-btn{width:100%}
  .el-word{font-size:40vw}
  .el-hero-photo{height:62svh}
  .el-intro-row,.el-studio-head,.el-3d-head{grid-template-columns:1fr;gap:16px}
  .el-intro h2{font-size:15vw}
  .el-facts{display:grid;grid-template-columns:1fr 1fr;gap:32px 16px}
  .el-facts dt{font-size:34px}
  .el-band-h{margin-left:0;font-size:30px}
  .el-band-row{flex-direction:column;height:auto;min-height:0}
  .el-panel{flex:none;height:52svh}.el-p3{height:36svh}
  .el-stage{cursor:auto}
  .el-controls{flex-direction:column}
  .el-swatch,.el-angle{padding:0 14px;font-size:15px}
  .el-angles{display:grid;grid-template-columns:repeat(4,1fr)}
  .el-3d-frame{aspect-ratio:4/5}
  .el-scene{height:210svh}
  .el-features{padding:72px 0}
  .el-cols{grid-template-columns:1fr;gap:36px}
  .el-col ul{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
  .el-col li{font-size:16px;line-height:1.35;padding:4px 0}
  .el-features h2{font-size:24px;margin-bottom:32px}
  .el-stats{padding:72px 0}.el-stats dl div{margin-bottom:20px}.el-stats-photo{width:48%;margin-top:8px}
  .el-specs{padding:72px var(--el-m)}
  .el-faq{padding:72px 0 88px}
  .el-clock{padding:64px 0}
  .el-intro{padding:72px 0 56px}.el-facts{margin-top:48px}
  .el-studio,.el-3d{padding:72px 0}
  .el-close-inner{padding-top:72px}
  .el-stats h2{margin-left:0;font-size:22px}
  .el-stats dl div{grid-template-columns:120px 1fr;gap:16px}
  .el-stats dt{font-size:24px}
  .el-prints{min-height:78svh}
  .elite .el-prints-h{font-size:22vw!important}
  .el-prints{min-height:88svh}
  .el-print-a{width:46vw;left:-4%;top:4%}.el-print-b{width:48vw;right:-4%;bottom:auto;top:66%}
  .el-prints-cap{bottom:20px}
  .el-prints-cap{font-size:15px!important;right:var(--el-m)}
  .el-qs{margin:48px 0 0}
  .el-qs details{margin:0 calc(var(--el-m) * -1) 8px;padding:12px var(--el-m);border-radius:0}
  .el-qs summary{font-size:19px}
  .el-faq h2{font-size:12vw}
  .el-close{min-height:80svh}
  .el-close h2{font-size:15vw}
  .el-close-foot{flex-direction:column;align-items:stretch}
  .el-close-foot .el-btn{width:100%}
}