@property --dv2-hero-p{syntax: "<number>"; inherits: true; initial-value: 0;}@property --dv2-product-p{syntax: "<number>"; inherits: true; initial-value: 0;}@property --dv2-material-p{syntax: "<number>"; inherits: true; initial-value: 0;}.motion-v2{--dv2-blue: #5d8dff;--dv2-cyan: #a9d7ff;--dv2-warm: #ed5700;--dv2-ease-out: cubic-bezier(.16, 1, .3, 1);--dv2-ease-in-out: cubic-bezier(.65, 0, .35, 1)}.motion-v2 .hero{--dv2-hero-p: 0;--dv2-hero-x: 0;--dv2-hero-y: 0;min-height:max(760px,100svh);background:radial-gradient(90% 75% at 74% 52%,rgb(21 63 114 / 34%),transparent 62%),#001225}.motion-v2 .hero-media{contain:paint;background:#001225}.motion-v2 .hero-media:before,.motion-v2 .hero-media:after{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;pointer-events:none;content:""}.motion-v2 .hero-media:before{background:radial-gradient(34% 42% at calc(68% + var(--dv2-hero-x) * 2%),calc(54% + var(--dv2-hero-y) * 2%),rgb(103 154 255 / 20%),transparent 72%),conic-gradient(from 210deg at 73% 57%,transparent 0 21%,rgb(150 198 255 / 7%) 28%,transparent 34% 100%);mix-blend-mode:screen;opacity:calc(.45 + var(--dv2-hero-p) * .28);transform:translate3d(calc(var(--dv2-hero-x) * 5px),calc(var(--dv2-hero-y) * 3px),0);will-change:transform,opacity}.motion-v2 .hero-media:after{background-image:repeating-linear-gradient(90deg,rgb(255 255 255 / 2%) 0 1px,transparent 1px 4px),repeating-linear-gradient(0deg,rgb(255 255 255 / 1.5%) 0 1px,transparent 1px 3px);background-size:7px 7px,5px 5px;mix-blend-mode:soft-light;opacity:.16}.motion-v2 .hero-video,.motion-v2 .hero-poster{top:-5%;right:-5%;bottom:-5%;left:-5%;width:110%;height:110%;filter:saturate(.67) contrast(1.08) brightness(calc(.92 - var(--dv2-hero-p) * .09));transform:translate3d(calc(var(--dv2-hero-x) * -7px),calc(var(--dv2-hero-p) * -2.8% + var(--dv2-hero-y) * -4px),0) scale(calc(1.055 + var(--dv2-hero-p) * .03));transition:opacity .9s var(--dv2-ease-out);will-change:transform,filter}.motion-v2 .hero-vignette{z-index:2;background:linear-gradient(90deg,#000811f5,#000a15b8 34%,#000a1517 70%),linear-gradient(0deg,rgb(0 7 14 / 88%) 0%,transparent 54%),radial-gradient(85% 72% at 72% 47%,transparent 30%,rgb(0 6 13 / 48%) 100%);opacity:calc(1 - var(--dv2-hero-p) * .08)}.motion-v2 .hero-optical-field{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;opacity:calc(.16 + (1 - var(--dv2-hero-p)) * .34);transform:translate3d(calc(var(--dv2-hero-x) * 4px),calc(var(--dv2-hero-y) * 3px),0);will-change:transform,opacity}.motion-v2 .hero-optical-field i{position:absolute;left:51%;top:50%;width:min(56vw,940px);aspect-ratio:1.75;border:1px solid rgb(131 174 255 / 16%);border-radius:50%;box-shadow:inset 0 0 70px #3a75e60a;transform:translate(-50%,-50%) rotate(-8deg) scale(calc(.82 + var(--dv2-hero-p) * .14))}.motion-v2 .hero-optical-field i:nth-child(2){width:min(39vw,660px);border-color:#99bfff1f;transform:translate(-46%,-47%) rotate(-8deg) scale(calc(.86 + var(--dv2-hero-p) * .1))}.motion-v2 .hero-optical-field i:nth-child(3){width:min(22vw,370px);border-style:dashed;border-color:#a9d0ff2e;transform:translate(-41%,-44%) rotate(calc(-8deg + var(--dv2-hero-p) * 18deg))}.motion-v2 .hero-content,.motion-v2 .hero-meta{z-index:5}.motion-v2 .hero.is-ready .hero-content{transform:translate3d(0,calc(var(--dv2-hero-p) * -30px),0);opacity:calc(1 - var(--dv2-hero-p) * .82);will-change:transform,opacity}.motion-v2 .hero-content:before{display:block;width:1px;height:clamp(38px,5vw,76px);margin-bottom:25px;background:linear-gradient(180deg,transparent,rgb(130 168 255 / 80%));transform:scaleY(calc(.25 + (1 - var(--dv2-hero-p)) * .75));transform-origin:bottom;content:""}.motion-v2 .hero h1{text-shadow:0 16px 70px rgb(0 7 15 / 45%)}.motion-v2 .hero.is-ready .hero-content>*{transition-duration:1.05s;transition-timing-function:var(--dv2-ease-out)}.motion-v2 .hero.is-ready .hero-content>*:nth-child(2){transition-delay:90ms}.motion-v2 .hero.is-ready .hero-content>*:nth-child(3){transition-delay:.18s}.motion-v2 .hero.is-ready .hero-content>*:nth-child(4){transition-delay:.27s}.motion-v2 .hero.is-ready .hero-content>*:nth-child(5){transition-delay:.35s}.motion-v2 .hero-meta{opacity:calc(1 - var(--dv2-hero-p) * 1.4)}.motion-v2 .road-signal{z-index:4;opacity:calc(.38 + (1 - var(--dv2-hero-p)) * .42);filter:drop-shadow(0 0 8px rgb(82 136 255 / 34%))}.motion-v2 .road-signal path{vector-effect:non-scaling-stroke;stroke:#7ea8ff3d;stroke-width:1;stroke-dasharray:.035 .022;animation:dv2-road-flow 7.2s linear infinite}.motion-v2 .road-signal .road-signal-glow{stroke:#88b8ffeb;stroke-width:1.45;stroke-dasharray:.006 .994;animation:dv2-road-beacon 5.2s linear infinite}.motion-v2 .awareness-ring{z-index:5;border-color:#86b0ff75;background:radial-gradient(circle,rgb(36 91 181 / 16%),transparent 67%);box-shadow:0 0 0 1px #6096ff1a inset,0 0 0 10px #003cb30d,0 0 68px #1f60d838;opacity:calc(1 - var(--dv2-hero-p) * .85);transform:translate3d(calc(var(--dv2-hero-x) * 9px),calc(var(--dv2-hero-y) * 7px),0) scale(calc(.94 + (1 - var(--dv2-hero-p)) * .06));animation:none;will-change:transform,opacity}.motion-v2 .awareness-ring:before,.motion-v2 .awareness-ring:after{position:absolute;background:linear-gradient(90deg,transparent,rgb(128 174 255 / 65%),transparent);content:""}.motion-v2 .awareness-ring:before{width:145%;height:1px}.motion-v2 .awareness-ring:after{width:1px;height:145%}.motion-v2 .awareness-ring i{border-width:1px;animation:dv2-scan-ring 8s linear infinite}.motion-v2 .product-reveal{--dv2-product-p: 0;--dv2-product-sweep: 0;background:radial-gradient(80% 75% at 35% 47%,rgb(0 60 179 / 12%),transparent 67%),#02080f}.motion-v2 .product-sticky:before{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;border:1px solid rgb(255 255 255 / 0%);box-shadow:inset 0 0 120px #0000;pointer-events:none;content:"";transition:border-color .6s ease}.motion-v2 .product-reveal.is-v2-engaged .product-sticky:before{border-color:#ffffff0d;box-shadow:inset 0 0 120px #00000038}.motion-v2 .product-image{top:-8%;right:-7%;bottom:-8%;left:-7%;width:114%;height:116%;filter:saturate(calc(.7 + var(--dv2-product-p) * .18)) brightness(calc(.61 + var(--dv2-product-p) * .22)) contrast(1.04);transform:translate3d(calc(var(--dv2-product-p) * -4.2%),calc((var(--dv2-product-p) - .5) * -1.6%),0) scale(calc(1.11 - var(--dv2-product-p) * .095));will-change:transform,filter}.motion-v2 .product-visual:after{background:linear-gradient(90deg,#02080f24,#02080fc7 66%,#02080f),linear-gradient(0deg,#02080f 0%,transparent 43%),radial-gradient(55% 70% at 38% 50%,transparent,rgb(2 8 15 / 35%))}.motion-v2 .product-halo{width:min(48vw,820px);background:radial-gradient(circle,rgb(70 125 255 / 24%) 0%,rgb(0 60 179 / 13%) 38%,transparent 70%);filter:blur(20px);opacity:calc(.48 + var(--dv2-product-p) * .45);transform:translate(-40%,-50%) scale(calc(.72 + var(--dv2-product-p) * .5));will-change:transform,opacity}.motion-v2 .material-sweep{top:-35%;right:38%;bottom:-35%;left:30%;background:linear-gradient(104deg,transparent 33%,rgb(100 154 255 / 8%) 46%,rgb(255 255 255 / 25%) 50%,rgb(112 161 255 / 8%) 54%,transparent 67%);filter:blur(.5px);opacity:calc(.12 + var(--dv2-product-sweep) * .88);transform:translate3d(calc(-115% + var(--dv2-product-p) * 285%),0,0);will-change:transform,opacity}.motion-v2 .product-coordinate{border-color:#bed6ff33;background:#0012258a;box-shadow:0 12px 36px #00000029;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:calc(.1 + var(--dv2-product-p) * 1.3);transform:translate3d(0,calc((1 - var(--dv2-product-p)) * 12px),0)}.motion-v2 .story-step{filter:blur(7px);transform:translate3d(0,28px,0);transition:opacity .52s var(--dv2-ease-in-out),transform .76s var(--dv2-ease-out),filter .52s ease}.motion-v2 .story-step.is-active{filter:blur(0);transform:translateZ(0)}.motion-v2 .story-step h2{text-shadow:0 20px 70px rgb(0 0 0 / 38%)}.motion-v2 .reveal-progress{overflow:hidden;background:#ffffff1a}.motion-v2 .reveal-progress span{height:calc(var(--dv2-product-p) * 100%);background:linear-gradient(180deg,var(--dv2-cyan),var(--dv2-blue));box-shadow:0 0 16px #5d8dff7f}.motion-v2 .scene-card{--dv2-scene-p: 0;--dv2-card-x: 0;--dv2-card-y: 0;opacity:0;transform:translate3d(0,42px,0);transition:opacity .9s var(--dv2-ease-out),transform 1.1s var(--dv2-ease-out)}.motion-v2 .scene-card.is-v2-visible{opacity:1;transform:translateZ(0)}.motion-v2 .scene-card:nth-child(2){transition-delay:.1s}.motion-v2 .scene-media{transform:perspective(1200px) rotateX(calc(var(--dv2-card-y) * -1deg)) rotateY(calc(var(--dv2-card-x) * 1deg));transform-origin:center;transition:transform .9s var(--dv2-ease-out);contain:paint}.motion-v2 .scene-media img,.motion-v2 .scene-media video{filter:saturate(.7) contrast(1.03) brightness(.94);transform:translate3d(0,calc((.5 - var(--dv2-scene-p)) * 18px),0) scale(1.055);transition:filter .9s ease;will-change:transform}.motion-v2 .scene-card:hover .scene-media img,.motion-v2 .scene-card:hover .scene-media video{filter:saturate(.8) contrast(1.04) brightness(1);transform:translate3d(0,calc((.5 - var(--dv2-scene-p)) * 18px),0) scale(1.065)}.motion-v2 .scene-overlay{background:linear-gradient(0deg,rgb(0 12 24 / 58%),transparent 58%),radial-gradient(65% 70% at calc(50% + var(--dv2-card-x) * 3%),calc(45% + var(--dv2-card-y) * 3%),rgb(117 167 255 / 10%),transparent 72%)}.motion-v2 .scene-overlay i{top:calc(28% + var(--dv2-scene-p) * 52%);background:linear-gradient(90deg,transparent,rgb(105 155 255 / 82%),transparent);box-shadow:0 0 22px #3e78ff8f;opacity:calc(.12 + var(--dv2-scene-p) * .55);transform:none;animation:none}.motion-v2 .scene-index{padding:8px 9px;border:1px solid rgb(255 255 255 / 16%);background:#000f1f40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.motion-v2 .materials{--dv2-material-p: 0;--dv2-material-x: .5;background:radial-gradient(70% 58% at 22% 48%,rgb(35 76 123 / 10%),transparent 72%),#02080f}.motion-v2 .materials-visual{box-shadow:0 50px 120px #00000047;isolation:isolate}.motion-v2 .materials-visual:after{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;border:1px solid rgb(255 255 255 / 8%);background:radial-gradient(65% 60% at calc(var(--dv2-material-x) * 100%) 48%,rgb(160 199 255 / 9%),transparent 68%),linear-gradient(0deg,rgb(0 6 13 / 32%),transparent 42%);pointer-events:none;content:""}.motion-v2 .materials-visual img{filter:saturate(.76) contrast(1.055) brightness(calc(.78 + var(--dv2-material-p) * .16));transform:translate3d(0,calc((.5 - var(--dv2-material-p)) * 16px),0) scale(1.045);will-change:transform,filter}.motion-v2 .materials-light{z-index:1;top:-38%;right:-38%;bottom:-38%;left:-38%;background:linear-gradient(106deg,transparent 37%,rgb(89 144 255 / 7%) 45%,rgb(255 255 255 / 24%) 49.6%,rgb(177 210 255 / 11%) 52%,transparent 62%);mix-blend-mode:screen;opacity:calc(.12 + var(--dv2-material-p) * .75);transform:translate3d(calc(-70% + var(--dv2-material-p) * 125% + (var(--dv2-material-x) - .5) * 12%),0,0);animation:none;will-change:transform,opacity}.motion-v2 .materials-copy.is-v2-visible dl div{animation:dv2-spec-in .7s var(--dv2-ease-out) both}.motion-v2 .materials-copy.is-v2-visible dl div:nth-child(2){animation-delay:90ms}.motion-v2 .materials-copy.is-v2-visible dl div:nth-child(3){animation-delay:.18s}@keyframes dv2-road-flow{to{stroke-dashoffset:-1}}@keyframes dv2-road-beacon{to{stroke-dashoffset:-1}}@keyframes dv2-scan-ring{to{transform:rotate(360deg)}}@keyframes dv2-spec-in{0%{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:translateZ(0)}}@media(max-width:1000px){.motion-v2 .mobile-menu{top:100%;max-height:calc(100vh - 78px);max-height:calc(100dvh - 78px);overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.motion-v2 .site-header.is-scrolled .mobile-menu{max-height:calc(100vh - 66px);max-height:calc(100dvh - 66px)}.motion-v2 .hero-video,.motion-v2 .hero-poster{transform:translate3d(0,calc(var(--dv2-hero-p) * -1.7%),0) scale(calc(1.045 + var(--dv2-hero-p) * .02))}.motion-v2 .product-image{transform:translate3d(calc(var(--dv2-product-p) * -2%),0,0) scale(calc(1.08 - var(--dv2-product-p) * .045))}.motion-v2 .scene-media{transform:none}}@media(max-width:640px){.motion-v2 .mobile-menu{max-height:calc(100vh - 66px);max-height:calc(100dvh - 66px)}.motion-v2 .hero{min-height:max(760px,100svh)}.motion-v2 .hero-media:after{display:none}.motion-v2 .hero-optical-field{opacity:.22;transform:none}.motion-v2 .hero-optical-field i{left:68%;width:92vw}.motion-v2 .hero-optical-field i:nth-child(2){width:68vw}.motion-v2 .hero-optical-field i:nth-child(3){width:42vw}.motion-v2 .hero-content:before{height:34px;margin-bottom:18px}.motion-v2 .hero.is-ready .hero-content{opacity:1;transform:none}.motion-v2 .hero-video,.motion-v2 .hero-poster{filter:saturate(.7) contrast(1.06) brightness(.9);transform:scale(1.035);will-change:auto}.motion-v2 .road-signal{opacity:.45}.motion-v2 .product-reveal{height:240vh}.motion-v2 .product-image{top:-4%;right:-42%;bottom:-4%;left:-42%;width:145%;height:108%;filter:saturate(.72) brightness(.72) contrast(1.03);transform:translate3d(calc(var(--dv2-product-p) * -2%),0,0) scale(calc(1.045 - var(--dv2-product-p) * .025))}.motion-v2 .material-sweep{opacity:.42;filter:blur(2px)}.motion-v2 .scene-card,.motion-v2 .scene-card:nth-child(2){transition-delay:0ms}.motion-v2 .scene-media img,.motion-v2 .scene-media video,.motion-v2 .scene-card:hover .scene-media img,.motion-v2 .scene-card:hover .scene-media video{transform:scale(1.025);will-change:auto}.motion-v2 .materials-visual img{transform:scale(1.02);will-change:auto}}@media(prefers-reduced-motion:reduce){.motion-v2 .hero-video{display:none}.motion-v2 .hero-video,.motion-v2 .hero-poster,.motion-v2 .hero.is-ready .hero-content,.motion-v2 .product-image,.motion-v2 .product-halo,.motion-v2 .material-sweep,.motion-v2 .product-coordinate,.motion-v2 .scene-card,.motion-v2 .scene-media,.motion-v2 .scene-media img,.motion-v2 .scene-media video,.motion-v2 .materials-visual img,.motion-v2 .materials-light{opacity:1;filter:none;transform:none;transition:none;animation:none}.motion-v2 .hero-optical-field{transform:none;transition:none;animation:none}.motion-v2 .road-signal path,.motion-v2 .awareness-ring i,.motion-v2 .materials-copy.is-v2-visible dl div{animation:none}.motion-v2 .scene-overlay i{top:58%;opacity:.28}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/drivona-motion-v2.css.map */