.vsci{--vsci-faint: color-mix(in srgb, var(--vix-night-soft) 62%, var(--vix-night));--vsci-rule-strong: color-mix(in srgb, var(--vix-night-rule) 55%, var(--vix-night-soft));background:var(--vix-night);color:var(--vix-night-ink);font-family:var(--vix-font-body);scroll-margin-top:var(--vix-header-height)}.vsci-wrap{max-width:var(--vix-content-max);margin:0 auto;padding-left:var(--vix-section-px);padding-right:var(--vix-section-px)}.vsci-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--vix-font-tech);font-weight:600;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--vix-red)}.vsci-eyebrow:before{content:"";width:26px;height:1px;background:currentColor}.vsci-intro{padding-top:var(--vix-section-py-tight);padding-bottom:clamp(24px,4vh,48px)}.vsci-h2{font-family:var(--vix-font-display);font-weight:500;font-size:clamp(2.1rem,4.4vw,3.6rem);line-height:1.04;letter-spacing:-.02em;color:var(--vix-night-ink);margin:16px 0;max-width:18ch;text-wrap:balance}.vsci-player{display:grid;grid-template-columns:minmax(280px,5fr) 7fr;gap:clamp(24px,4vw,64px);align-items:center;padding-bottom:clamp(24px,4vh,48px)}.vsci-copy{display:grid;grid-template-rows:auto auto auto;gap:22px;align-content:center}.vsci-rail{list-style:none;margin:0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:8px;position:relative}.vsci-rail:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:1px;background:var(--vix-night-rule)}.vsci-rail-fill{position:absolute;left:0;top:4px;width:1px;height:calc(var(--p, 0) * 100%);background:var(--vix-red);transition:height .2s linear}.vsci-rail li{margin:0;padding:0}.vsci-rail button{all:unset;cursor:pointer;display:grid;grid-template-columns:34px 1fr;align-items:baseline;font-family:var(--vix-font-tech);font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--vsci-faint);transition:color .25s}.vsci-rail button:hover{color:var(--vix-night-soft)}.vsci-rail button:focus-visible{outline:1px solid var(--vix-night-soft);outline-offset:4px}.vsci-rail-n{font-variant-numeric:tabular-nums}.vsci-rail li.is-active button{color:var(--vix-night-ink)}.vsci-rail li.is-active .vsci-rail-n{color:var(--vix-red)}.vsci-caps{display:grid}.vsci-cap{grid-area:1 / 1;display:flex;flex-direction:column;justify-content:flex-start;opacity:0;transform:translateY(8px);transition:opacity .16s ease,transform .16s ease;pointer-events:none}.vsci-cap.is-active{opacity:1;transform:none;pointer-events:auto;transition:opacity .26s ease .15s,transform .26s ease .15s}.vsci-controls{display:flex;align-items:center;gap:14px}.vsci-play{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:10px;font-family:var(--vix-font-tech);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--vix-night-ink);border:1px solid var(--vsci-rule-strong);padding:10px 16px;transition:border-color .2s}.vsci-play:before{content:"";width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent currentColor}.vsci-play[aria-pressed=true]:before{width:8px;height:10px;border:0;border-left:3px solid currentColor;border-right:3px solid currentColor;box-sizing:border-box}.vsci-play:hover,.vsci-play:focus-visible{border-color:var(--vix-night-ink);outline:none}.vsci-h3{font-family:var(--vix-font-display);font-weight:500;font-size:clamp(1.6rem,2.9vw,2.5rem);line-height:1.06;letter-spacing:-.015em;color:var(--vix-night-ink);margin:0 0 14px;max-width:18ch;text-wrap:balance}.vsci-h3 em{font-style:italic;color:var(--vix-red)}.vsci-p{margin:0;font-size:var(--vix-text-body);line-height:1.6;color:var(--vix-night-soft);max-width:38ch}.vsci-fine{display:block;margin-top:14px;font-size:var(--vix-text-spec);line-height:1.5;color:var(--vsci-faint);max-width:38ch}.vsci-stage{width:100%;aspect-ratio:1;margin:0 auto;position:relative}.vsci-stage svg{width:100%;height:100%;display:block}.vsci-video{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease;pointer-events:none}.vsci-video.is-on{opacity:1;pointer-events:auto}.vsci-video video{width:100%;max-height:100%;aspect-ratio:16 / 9;object-fit:cover;background:var(--vix-night-2);border:1px solid var(--vix-night-rule);display:block}.vsci .lbl{font-family:var(--vix-font-tech);font-weight:600;letter-spacing:2.6px;font-size:24px;fill:var(--vix-night-ink);text-transform:uppercase}.vsci .lbl--dim{fill:var(--vix-night-soft)}.vsci .lbl--red{fill:var(--vix-red)}.vsci .lbl--big{font-size:34px}.vsci-foot{padding-top:clamp(28px,4vh,48px);padding-bottom:var(--vix-section-py-tight);border-top:1px solid var(--vix-night-rule)}.vsci-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:640px}.vsci-stat{display:flex;flex-direction:column;gap:6px;border-left:1px solid var(--vix-night-rule);padding-left:16px}.vsci-n{font-family:var(--vix-font-display);font-size:var(--vix-display-stat);line-height:1;color:var(--vix-night-ink)}.vsci-u{font-size:18px;color:var(--vix-red)}.vsci-l{font-size:12px;color:var(--vix-night-soft);letter-spacing:.02em}@media(max-width:860px){.vsci-player{grid-template-columns:1fr;gap:16px;align-items:stretch}.vsci-stage{grid-row:1}.vsci-copy{grid-row:2;gap:14px}.vsci-rail{flex-direction:row;gap:14px;padding:8px 0 0}.vsci-rail:before{top:0;bottom:auto;left:0;right:0;width:auto;height:1px}.vsci-rail-fill{top:0;height:1px;width:calc(var(--p, 0) * 100%);transition:width .2s linear}.vsci-rail button{grid-template-columns:auto;font-size:12px}.vsci-rail-name{display:none}.vsci-h3{font-size:1.4rem;margin:8px 0}.vsci-p{font-size:var(--vix-text-body-sm);line-height:1.5}.vsci .lbl{font-size:34px;letter-spacing:3px}.vsci .lbl--big{font-size:44px}.vsci-stats{gap:12px}.vsci-n{font-size:30px}}.vsci.is-static .vsci-player,.vsci-frames{display:none}.vsci.is-static .vsci-frames{display:grid;gap:40px;padding-top:8px;padding-bottom:40px}.vsci-frame{display:grid;grid-template-columns:minmax(240px,5fr) 7fr;gap:28px;align-items:center;border-top:1px solid var(--vix-night-rule);padding-top:28px}.vsci-frame .vsci-cap{position:static;opacity:1;transform:none;pointer-events:auto}.vsci-frame .vsci-frame-stage{position:relative;width:100%;aspect-ratio:1}.vsci-frame svg{width:100%;height:100%;display:block}.vsci-frame video{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}@media(max-width:860px){.vsci-frame{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/80/assets/vix-science-stage.css.map */