.v4-scene{position:relative}.v4-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;height:100vh;height:100svh;overflow:hidden;pointer-events:none;opacity:1;transition:opacity .55s ease;background:transparent}.v4-scene.is-unpinned .v4-stage{opacity:0}.v4-stage__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%;opacity:1;transition:opacity .8s ease}.v4-stage__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .6s cubic-bezier(.22,1,.36,1)}.v4-stage.v4-stage--on .v4-stage__canvas{opacity:1}.v4-stage.v4-stage--on .v4-stage__poster{opacity:0}.v4-stage__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;transition:background .9s ease;background:#f7f5f170}.v4-scene[data-standalone=true]{position:relative;height:var(--v4-stage-h, 72vh)}.v4-scene[data-standalone=true] .v4-stage{position:relative;inset:auto;width:100%;height:100%;opacity:1!important}.v4-scene[data-standalone=true] .v4-stage__scrim{display:none}@media(max-width:759px){.v4-scene[data-standalone=true]{height:min(var(--v4-stage-h, 72vh),60vh)}}.v4-step{position:relative;z-index:2;min-height:100vh;min-height:100svh;display:flex;align-items:center;padding-block:var(--sp, 6rem);background:transparent;color:var(--ink, #f4f4f2);pointer-events:none}.v4-step>*{pointer-events:auto}.v4-step__col{width:min(38rem,calc(100% - var(--gut, 1.5rem) * 2));margin-inline:var(--gut, 1.5rem) auto}.v4-step[data-side=right] .v4-step__col{margin-inline:auto var(--gut, 1.5rem)}.v4-step--hero .v4-step__col{width:min(52rem,calc(100% - var(--gut, 1.5rem) * 2))}.v4-step .v4-kicker{margin-bottom:1rem}.v4-step h1,.v4-step h2{margin:0}.v4-step__lead{margin-top:1.1rem}.v4-step__cta{margin-top:1.7rem}.v4-feature-list{list-style:none;margin:1.9rem 0 0;padding:0}.v4-feature-list li{padding:1.05rem 0;border-top:1px solid var(--line, rgba(244,244,242,.14))}.v4-feature-list li:last-child{border-bottom:1px solid var(--line, rgba(244,244,242,.14))}.v4-feature__t{margin:0;font-weight:600;font-size:1.06rem;letter-spacing:-.01em}.v4-feature__b{margin:.3rem 0 0;color:var(--ink-dim, #c7c7cf);font-size:.96rem;line-height:1.45;max-width:42ch}.v4-feature-groups{margin:1.9rem 0 0}.v4-feature-group+.v4-feature-group{margin-top:1.7rem}.v4-feature-group__label{margin:0 0 .35rem;padding-top:1rem;border-top:1px solid var(--line, rgba(244,244,242,.14));font-weight:700;font-size:.92rem;letter-spacing:-.005em;color:var(--ink, #f4f4f2)}.v4-feature-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:1.6rem}.v4-feature-grid>li{padding:.85rem 0;border-top:1px solid var(--line, rgba(244,244,242,.14))}.v4-feature-grid>li .v4-feature__b{font-size:.9rem;max-width:26ch}.v4-hero-lead{max-width:38ch}.v4-step__col--wide{width:min(44rem,calc(100% - var(--gut, 1.5rem) * 2))}.v4-step[data-side=right] .v4-step__col--wide{margin-inline:auto var(--gut, 1.5rem)}.v4-finish-row{display:grid;grid-template-columns:repeat(5,1fr);gap:.6rem;margin:2rem 0 0;max-width:41rem}.v4-finish-swatch{margin:0;aspect-ratio:1 / 1;border-radius:10px;overflow:hidden;background:#1c1c21;border:1px solid var(--line, rgba(244,244,242,.14))}.v4-finish-swatch img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.22,1,.36,1)}.v4-finish-swatch:hover img{transform:scale(1.06)}.v4-finish-caption{margin:1rem 0 0;color:var(--ink-dim, #c7c7cf);font-size:.94rem}.v4-show-shots{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.7rem;margin:2rem 0 0;max-width:41rem}.v4-show-shot{margin:0;aspect-ratio:4 / 5;border-radius:10px;overflow:hidden;background:#1c1c21;border:1px solid var(--line, rgba(244,244,242,.14))}.v4-show-shot img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s cubic-bezier(.22,1,.36,1)}.v4-show-shot:hover img{transform:scale(1.05)}.v4-show-points{margin-top:1.7rem;max-width:40rem}.v4-hero-pillars{list-style:none;margin:2.3rem 0 0;padding:1.5rem 0 0;border-top:1px solid var(--line, rgba(244,244,242,.14));display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1.3rem 1.7rem;max-width:50rem}.v4-hero-pillar{margin:0}.v4-hero-pillar__t{margin:0;font-weight:700;font-size:1rem;letter-spacing:-.01em}.v4-hero-pillar__b{margin:.35rem 0 0;color:var(--ink-dim, #c7c7cf);font-size:.9rem;line-height:1.45;max-width:30ch}.v4-spec-table{list-style:none;margin:1.9rem 0 0;padding:0}.v4-spec-table li{display:flex;justify-content:space-between;gap:1.5rem;padding:.72rem 0;border-top:1px solid var(--line, rgba(244,244,242,.14));font-variant-numeric:tabular-nums}.v4-spec-table li:last-child{border-bottom:1px solid var(--line, rgba(244,244,242,.14))}.v4-spec-table .k{color:var(--ink-dim, #c7c7cf)}.v4-spec-table .v{font-weight:600}.v4-spec-price{margin:1.5rem 0 0;font-size:1.5rem;font-weight:600;font-variant-numeric:tabular-nums}.v4-spec-note{margin:.7rem 0 0;color:var(--ink-dim, #c7c7cf);font-size:.9rem}.v4-proof-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem;margin-top:1.9rem}.v4-proof-tile{position:relative;display:block;aspect-ratio:16 / 10;border-radius:10px;overflow:hidden;background:#1c1c21}.v4-proof-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.22,1,.36,1)}.v4-proof-tile:hover img{transform:scale(1.04)}.v4-proof-tile:focus-visible{outline:2px solid var(--signal, #ffc300);outline-offset:2px}.v4-proof-tile__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:var(--signal, #ffc300);display:grid;place-items:center}.v4-proof-tile__play:after{content:"";border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent #1b1b1f;margin-left:2px}.v4-fit-groups{margin:1.9rem 0 0;padding:0}.v4-fit-group{display:grid;grid-template-columns:8.5rem 1fr;gap:1rem;padding:1.05rem 0;border-top:1px solid var(--line, rgba(244,244,242,.14))}.v4-fit-group:last-of-type{border-bottom:1px solid var(--line, rgba(244,244,242,.14))}.v4-fit-group__t{margin:0;font-weight:600;font-size:1.02rem;letter-spacing:-.01em}.v4-fit-group__d{margin:0}.v4-fit-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem .5rem}.v4-fit-list li{font-size:.88rem;color:var(--ink-dim, #c7c7cf);border:1px solid var(--line, rgba(244,244,242,.2));border-radius:999px;padding:.26rem .62rem;font-variant-numeric:tabular-nums}.v4-fit-note{margin:1.3rem 0 0;color:var(--ink, #f4f4f2);font-size:.92rem;max-width:42ch}.v4-fit-note a{color:var(--signal, #ffc300);text-decoration:underline;text-underline-offset:2px}.v4-fit-note a:hover{text-decoration-thickness:2px}.v4-fit-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none;opacity:0;transition:opacity .5s ease;overflow:visible}.v4-fit-overlay.is-on{opacity:1}.v4-fitg{transition:opacity .35s ease}.v4-fitg .ln,.v4-fitg .tick{stroke:#f0f1f399;stroke-width:1;transition:stroke .35s ease,stroke-width .35s ease}.v4-fitg text{fill:#f3f4f6;font:700 13px/1 Figtree,system-ui,sans-serif;paint-order:stroke;stroke:#121216b8;stroke-width:3px;stroke-linejoin:round;transition:fill .35s ease}.v4-fitg.is-dim{opacity:.2}.v4-fitg.is-hi .ln,.v4-fitg.is-hi .tick{stroke:var(--signal, #ffc300);stroke-width:1.6}.v4-fitg.is-hi text{fill:var(--signal, #ffc300)}.v4-fitg.is-hi{animation:v4-fitpulse 1.9s ease-in-out infinite}@keyframes v4-fitpulse{0%,to{opacity:1}50%{opacity:.68}}.v4-fit-prect{fill:#ffc3000f;stroke:var(--signal, #ffc300);stroke-width:1.2;stroke-dasharray:4 4;opacity:.6}.v4-fit-hole{transform-box:fill-box;transform-origin:center}.v4-fit-hole .ring{fill:#ffc30038;stroke:var(--signal, #ffc300);stroke-width:3;filter:drop-shadow(0 0 6px rgba(255,195,0,.85))}.v4-fit-hole .dot{fill:var(--signal, #ffc300)}.v4-fit-hole .xh{stroke:var(--signal, #ffc300);stroke-width:1.8;stroke-linecap:round}.v4-fit-plabel{font-size:15px}.v4-fitg.v4-fit-holes.is-hi{animation:v4-holepulse 2.2s ease-in-out infinite}@keyframes v4-holepulse{0%,to{opacity:1}50%{opacity:.82}}.v4-fit-overlay.v4-fit-enter .v4-fit-holes{animation:none}.v4-fit-overlay.v4-fit-enter .v4-fit-holes .v4-fit-hole{animation:v4-holein .55s cubic-bezier(.22,1,.36,1) backwards;animation-delay:calc(var(--i, 0) * 70ms)}@keyframes v4-holein{0%{opacity:0;transform:scale(.35)}to{opacity:1;transform:scale(1)}}@media(max-width:759px){.v4-fitg text{font-size:13px;stroke-width:3.5px}}.v4-fit-tabs{display:inline-flex;gap:.25rem;margin:1.6rem 0 1.3rem;border:1px solid var(--line, rgba(244,244,242,.18));border-radius:999px;padding:.25rem}.v4-fit-tab{-webkit-appearance:none;appearance:none;background:transparent;border:0;color:var(--ink-dim, #c7c7cf);font:600 .9rem/1 Figtree,system-ui,sans-serif;padding:.5rem .95rem;border-radius:999px;cursor:pointer;min-height:40px;transition:background .2s ease,color .2s ease}.v4-fit-tab:hover{color:var(--ink, #f4f4f2)}.v4-fit-tab.is-active{background:var(--signal, #ffc300);color:#1b1b1f}.v4-fit-tab:focus-visible{outline:2px solid var(--signal, #ffc300);outline-offset:2px}.v4-fit-panel[hidden]{display:none}.v4-fit-hint{color:var(--ink-dim, #c7c7cf);font-size:.92rem;margin:0 0 1rem}.v4-fit-brands{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.v4-fit-brand{width:100%;text-align:left;-webkit-appearance:none;appearance:none;background:transparent;border:1px solid var(--line, rgba(244,244,242,.18));border-radius:10px;padding:.7rem .85rem;cursor:pointer;color:var(--ink, #f4f4f2);transition:border-color .2s ease,background .2s ease;min-height:44px}.v4-fit-brand:hover{border-color:#f4f4f266}.v4-fit-brand.is-on{border-color:var(--signal, #ffc300);background:#ffc30014}.v4-fit-brand:focus-visible{outline:2px solid var(--signal, #ffc300);outline-offset:2px}.v4-fit-brand__n{display:block;font-weight:600;font-size:1rem;letter-spacing:-.01em}.v4-fit-brand__m{display:block;color:var(--ink-dim, #c7c7cf);font-size:.82rem;margin-top:.15rem}.v4-fit-tbd{color:var(--ink-dim, #c7c7cf);font-style:italic}.v4-fit-sub{display:inline-flex;gap:1.4rem;margin:0 0 1.2rem}.v4-fit-subtab{-webkit-appearance:none;appearance:none;background:transparent;border:0;padding:.3rem 0;cursor:pointer;color:var(--ink-dim, #c7c7cf);font:600 .9rem/1 Figtree,system-ui,sans-serif;border-bottom:1.5px solid transparent;transition:color .2s ease,border-color .2s ease;min-height:40px}.v4-fit-subtab:hover{color:var(--ink, #f4f4f2)}.v4-fit-subtab.is-active{color:var(--ink, #f4f4f2);border-bottom-color:var(--signal, #ffc300)}.v4-fit-subtab:focus-visible{outline:2px solid var(--signal, #ffc300);outline-offset:2px}.v4-fit-sub-panel[hidden]{display:none}.v4-fit-overlay.v4-fit-enter .v4-fitg{animation:v4-fitin .5s cubic-bezier(.22,1,.36,1) both}@keyframes v4-fitin{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.v4-fitg,.v4-fitg .ln,.v4-fitg .tick,.v4-fitg text,.v4-fit-tab,.v4-fit-brand,.v4-fit-subtab{transition:none}.v4-fitg.is-hi,.v4-fit-overlay.v4-fit-enter .v4-fitg,.v4-fit-overlay.v4-fit-enter .v4-fit-holes .v4-fit-hole{animation:none}}:is(.v4-282-hero-shell,.v4-282-finish-shell,.v4-282-show-shell) .v4-lead{text-wrap:pretty}@media(min-width:1024px){:is(.v4-282-hero-shell,.v4-282-finish-shell,.v4-282-show-shell,.v4-282-fitment-shell,.v4-282-specs-shell,.v4-282-proof-shell) .v4-step__col{margin-left:max(var(--gutter-container, 40px),calc((100% - var(--theme-max-width, 1440px)) / 2 + var(--gutter-container, 40px)))}:is(.v4-282-hero-shell,.v4-282-finish-shell,.v4-282-show-shell,.v4-282-fitment-shell,.v4-282-specs-shell,.v4-282-proof-shell) .v4-step[data-side=right] .v4-step__col{margin-left:auto;margin-right:max(var(--gutter-container, 40px),calc((100% - var(--theme-max-width, 1440px)) / 2 + var(--gutter-container, 40px)))}}.v4-282-ship{position:relative;z-index:2;background:var(--signal, #ffc300);color:#1b1b1f}.v4-ship__line{text-align:center;font-weight:600;font-size:.95rem;padding-block:1rem;margin:0}@media(max-width:759px){.v4-step{min-height:92svh;align-items:flex-end;padding-bottom:13vh}.v4-step__col,.v4-step[data-side=right] .v4-step__col,.v4-step--hero .v4-step__col{width:calc(100% - 8vw);margin-inline:4vw}.v4-stage__scrim,.v4-scene[data-side=right] .v4-stage__scrim{background:linear-gradient(0deg,#121216ed,#121216a8 42%,#12121647 68%,#12121600 86%)}.v4-feature__b{font-size:1rem}.v4-spec-table li{padding-block:.82rem}.v4-fit-group{grid-template-columns:1fr;gap:.45rem}.v4-fit-list li{font-size:.94rem}.v4-feature-grid{grid-template-columns:1fr}.v4-feature-grid>li .v4-feature__b{font-size:1rem;max-width:none}.v4-hero-pillar__b{font-size:1rem}.v4-step__col--wide{width:calc(100% - 8vw)}.v4-finish-row{display:flex;gap:.5rem;max-width:none;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:.4rem}.v4-finish-swatch{flex:0 0 30vw;scroll-snap-align:start}.v4-show-shots{display:flex;max-width:none;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:.4rem}.v4-show-shot{flex:0 0 58vw;scroll-snap-align:start}}@media(max-width:759px){.v4-282-hero-shell .v4-step--hero,.v4-step--finish,.v4-step--show,.v4-step--fitment,.v4-step--specs,.v4-step--proof{padding-bottom:7vh}.v4-step--finish .v4-step__lead,.v4-step--show .v4-step__lead{margin-top:.75rem}.v4-282-hero-shell .v4-step__lead{margin-top:.9rem}.v4-282-hero-shell .v4-step__cta{margin-top:1.3rem}.v4-finish-row{margin-top:1.2rem;gap:.45rem;overscroll-behavior-x:contain}.v4-finish-swatch{flex:0 0 clamp(68px,21vw,108px);border-radius:8px}.v4-finish-caption{margin-top:.7rem;font-size:.9rem}.v4-show-shots{margin-top:1.2rem;gap:.5rem;overscroll-behavior-x:contain}.v4-show-shot{flex:0 0 clamp(112px,34vw,176px);aspect-ratio:1 / 1;border-radius:8px}.v4-show-points{margin-top:.9rem;max-width:none}.v4-show-points li{padding:.7rem 0}.v4-show-points .v4-feature__t{font-size:1rem}.v4-show-points .v4-feature__b{max-width:46ch;line-height:1.42}.v4-step--fitment .v4-fit-tabs{margin:1.1rem 0 .9rem}.v4-step--fitment .v4-fit-tab,.v4-step--fitment .v4-fit-subtab{min-height:44px}.v4-step--fitment .v4-fit-sub{margin-bottom:.8rem}.v4-step--fitment .v4-fit-hint{font-size:.88rem;margin-bottom:.7rem}.v4-step--fitment .v4-fit-brands{display:flex;flex-wrap:wrap;gap:.4rem}.v4-step--fitment .v4-fit-brands li{display:contents}.v4-step--fitment .v4-fit-brand{width:auto;min-height:44px;padding:.55rem .8rem}.v4-step--fitment .v4-fit-brand__n{font-size:.95rem}.v4-step--fitment .v4-fit-brand__m{display:none;font-size:.78rem;line-height:1.35;margin-top:.15rem}.v4-step--fitment .v4-fit-brand.is-on{width:100%}.v4-step--fitment .v4-fit-brand.is-on .v4-fit-brand__m{display:block}.v4-step--fitment .v4-fit-note{font-size:.85rem;margin-top:.9rem}.v4-step--fitment .v4-step__cta{margin-top:1.2rem}.v4-step--fitment .v4-spec-table li{padding-block:.62rem}.v4-step--specs{min-height:58svh}.v4-step--specs .v4-spec-table{margin-top:1.4rem}.v4-step--specs .v4-spec-table li{padding-block:.62rem}.v4-step--specs .v4-spec-price{margin-top:1.1rem;font-size:1.35rem}.v4-step--specs .v4-spec-note{font-size:.85rem}.v4-step--proof .v4-proof-grid{margin-top:1.4rem;gap:.6rem}.v4-step--proof .v4-proof-tile__play{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.v4-stage,.v4-stage__poster,.v4-stage__canvas,.v4-stage__scrim,.v4-finish-swatch img,.v4-show-shot img,.v4-proof-tile img{transition:none}.v4-finish-swatch:hover img,.v4-show-shot:hover img,.v4-proof-tile:hover img{transform:none}}[data-v4-step] img,[data-v4-step] picture{transition:opacity var(--t-2, .6s) var(--ease, ease)}[data-v4-step].is-v4-current img,[data-v4-step].is-v4-current picture{opacity:1}[data-v4-step]:not(.is-v4-current) img,[data-v4-step]:not(.is-v4-current) picture{opacity:.6}[data-v4-step][data-v4-nodim]:not(.is-v4-current) img,[data-v4-step][data-v4-nodim]:not(.is-v4-current) picture{opacity:1}.v4-scene.is-focus .v4-stage__scrim{background:radial-gradient(62% 62% at 50% 50%,#0000 55%,#1c1a170d)}.v4-scene:not([data-standalone=true]) .v4-stage.v4-stage--on .v4-stage__canvas{opacity:.45;transition:opacity .9s cubic-bezier(.22,1,.36,1)}.v4-scene.is-focus .v4-stage.v4-stage--on .v4-stage__canvas{opacity:1}@media(prefers-reduced-motion:reduce){.v4-scene:not([data-standalone=true]) .v4-stage.v4-stage--on .v4-stage__canvas{opacity:1}}@media(prefers-reduced-motion:reduce){[data-v4-step]{transition:none;opacity:1!important}.v4-scene:not([data-standalone=true]){position:relative;height:min(70vh,640px)}.v4-scene:not([data-standalone=true]) .v4-stage{position:relative;inset:auto;width:100%;height:100%;opacity:1!important}.v4-scene:not([data-standalone=true]) .v4-stage__scrim{display:none}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/v4-scene.css.map */