:root{--v5-mineral:#e9e7e1;--v5-paper:#f5f3ee;--v5-ink:#07121d;--v5-blue:#165dcc;--v5-blue-bright:#72a1ff;--v5-amber:#e8a46a;--v5-orange:#ed5700;--v5-ease:cubic-bezier(.16,1,.3,1);--v5-ease-cinema:cubic-bezier(.76,0,.24,1)}.hero-opening{position:absolute;z-index:30;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;visibility:visible;transition:visibility 0s 2.8s}.hero-opening__panel{position:absolute;top:0;right:50%;bottom:0;left:0;background:#001225;transform:none;will-change:transform}.hero-opening__panel--right{top:0;right:0;bottom:0;left:50%;background:#061b2d}.hero-opening__identity{position:absolute;z-index:2;left:50%;top:50%;width:min(72vw,680px);transform:translate(-50%,-50%);opacity:0}.hero-opening__identity>img{width:100%;height:auto;filter:invert(1);opacity:.96}.hero-opening__identity>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-top:23px;color:#7f94a8;font-size:8px;letter-spacing:.24em}.hero-opening__identity i{height:1px;background:linear-gradient(90deg,#72a1ff,#e8a46a)}.hero-opening__horizon{position:absolute;z-index:3;left:50%;top:50%;width:0;height:1px;background:linear-gradient(90deg,transparent,#fff 18%,#a8c5ff 62%,#f4be8d,transparent);transform:translate(-50%,62px);box-shadow:0 0 24px #72a1ff8c}.hero.is-v5-ready .hero-opening__identity{animation:v5-identity 1.3s var(--v5-ease) both}.hero.is-v5-ready .hero-opening__horizon{animation:v5-horizon 1.55s var(--v5-ease) .25s both}.hero.is-v5-ready .hero-opening__panel--left{animation:v5-curtain-left 1.25s var(--v5-ease-cinema) 1.15s forwards}.hero.is-v5-ready .hero-opening__panel--right{animation:v5-curtain-right 1.25s var(--v5-ease-cinema) 1.15s forwards}.hero.is-v5-open .hero-opening{visibility:hidden}.hero.skip-v5-opening .hero-opening{display:none}.motion-v2 .hero{--v5-scroll:0;--v5-x:0;--v5-y:0;min-height:max(800px,100svh);background:#001225}.motion-v2 .hero-media{background:linear-gradient(135deg,#456883,#d7b28d)}.motion-v2 .hero-video,.motion-v2 .hero-poster{filter:saturate(.88) contrast(1.02) brightness(calc(1.05 - var(--v5-scroll)*.08));transform:translate3d(calc(var(--v5-x)*-5px),calc(var(--v5-scroll)*-2.2% + var(--v5-y)*-3px),0) scale(calc(1.035 + var(--v5-scroll)*.025))}.motion-v2 .hero-vignette{background:linear-gradient(90deg,#000d1ad1,#00101f91,#00112214 70%),linear-gradient(0deg,rgb(0 9 18 / 68%) 0%,transparent 56%),radial-gradient(ellipse 66% 42% at 68% 70%,rgb(232 164 106 / 20%),transparent 72%)}.hero-atmosphere{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;mix-blend-mode:screen}.hero-atmosphere i{position:absolute;border-radius:50%;filter:blur(40px);opacity:.24}.hero-atmosphere i:nth-child(1){right:-8%;top:4%;width:52vw;aspect-ratio:1;background:radial-gradient(circle,#9fc4ff,transparent 67%);transform:translate3d(calc(var(--v5-x)*12px),calc(var(--v5-y)*8px),0)}.hero-atmosphere i:nth-child(2){left:24%;bottom:-32%;width:72vw;aspect-ratio:2;background:radial-gradient(ellipse,#f0af78,transparent 68%);opacity:.18}.hero-atmosphere i:nth-child(3){left:42%;top:54%;width:1px;height:36vh;border-radius:0;background:linear-gradient(#fff,transparent);filter:blur(.2px);opacity:.24;transform:rotate(68deg) scaleY(calc(1 + var(--v5-scroll)*.6));transform-origin:top}.hero-light-canvas{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;opacity:calc(.35 + (1 - var(--v5-scroll))*.42);mix-blend-mode:screen}.motion-v2 .hero-optical-field{z-index:5;opacity:calc(.11 + (1 - var(--v5-scroll))*.18)}.motion-v2 .road-signal{z-index:6;opacity:.62}.motion-v2 .awareness-ring{z-index:7;right:10.5%;top:56%;width:clamp(88px,8vw,142px);border-color:#94bcffa3;background:radial-gradient(circle,rgb(26 91 190 / 19%),transparent 68%);box-shadow:0 0 0 1px #ffffff1a inset,0 0 0 10px #2866cd12,0 0 80px #3d7cec52}.motion-v2 .hero-content{z-index:9;max-width:1504px;padding-top:106px}.motion-v2 .hero-content:before{height:clamp(42px,6vw,84px);background:linear-gradient(180deg,transparent,#e8a46a 46%,#7da6ff)}.motion-v2 .hero h1{max-width:1180px;font-size:clamp(72px,9.5vw,164px);line-height:.79;letter-spacing:-.073em;text-shadow:0 18px 70px rgb(0 9 18 / 28%)}.motion-v2 .hero h1>span{display:block;overflow:hidden;padding:0 0 .09em}.motion-v2 .hero h1 i{display:block;font-style:normal;transform:translate3d(0,112%,0);transition:transform 1.25s var(--v5-ease)}.motion-v2 .hero.is-v5-ready h1>span:first-child i{transition-delay:1.35s;transform:none}.motion-v2 .hero.is-v5-ready h1>span:nth-child(2) i{transition-delay:1.5s;transform:none}.motion-v2 .hero-copy,.motion-v2 .hero-actions,.motion-v2 .hero .eyebrow{opacity:0!important;transform:translate3d(0,18px,0)!important;transition:opacity .9s var(--v5-ease),transform 1s var(--v5-ease)!important}.motion-v2 .hero.is-v5-ready .eyebrow{opacity:1!important;transform:none!important;transition-delay:1.28s!important}.motion-v2 .hero.is-v5-ready .hero-copy{opacity:1!important;transform:none!important;transition-delay:1.72s!important}.motion-v2 .hero.is-v5-ready .hero-actions{opacity:1!important;transform:none!important;transition-delay:1.87s!important}.motion-v2 .hero-copy{max-width:660px;color:#dde5e9;font-size:clamp(15px,1.25vw,19px)}.motion-v2 .hero-actions .button-primary{background:var(--v5-paper);border-color:var(--v5-paper)}.motion-v2 .hero-meta{z-index:9;grid-template-columns:1fr auto 1fr;display:grid;align-items:end;opacity:calc(1 - var(--v5-scroll)*1.6)}.hero-system-state{justify-self:center;display:flex;align-items:center;gap:11px;color:#dbe5eb}.hero-system-state>i{width:6px;height:6px;border-radius:50%;background:#7fa4ff;box-shadow:0 0 16px #6393ff;animation:v5-status 2.4s ease-in-out infinite}.hero-system-state b{color:#8296a7;font-weight:500}.motion-v2 .hero-scroll{justify-self:end}.hero-frame{position:absolute;z-index:8;top:98px;right:28px;bottom:28px;left:28px;pointer-events:none;border:1px solid rgb(255 255 255 / 9%);opacity:calc(.8 - var(--v5-scroll)*.9)}.hero-frame i{position:absolute;width:42px;height:42px;border-color:#ffffff75}.hero-frame i:first-child{left:-1px;top:-1px;border-left:1px solid;border-top:1px solid}.hero-frame i:nth-child(2){right:-1px;bottom:-1px;border-right:1px solid;border-bottom:1px solid}.hero-frame span{position:absolute;right:16px;top:14px;color:#ffffff8c;font-size:8px;letter-spacing:.2em}.motion-v2 .product-reveal{color:var(--v5-ink);background:var(--v5-mineral)}.motion-v2 .product-sticky{background:radial-gradient(circle at 25% 50%,rgb(255 255 255 / 76%),transparent 44%),linear-gradient(120deg,#f2f0ea,#dcdad3)}.motion-v2 .product-image-stack{position:absolute;top:0;right:0;bottom:0;left:0}.motion-v2 .product-image{top:-4%;right:-2%;bottom:-4%;left:-2%;width:104%;height:108%;filter:saturate(.84) brightness(1.06) contrast(.98);transform:translate3d(calc(var(--dv2-product-p)*-2.4%),calc((var(--dv2-product-p)-.5)*-1%),0) scale(calc(1.055 - var(--dv2-product-p)*.045))}.motion-v2 .product-image--sa01{opacity:clamp(0,calc((.72 - var(--dv2-product-p))*4),1)}.motion-v2 .product-image--sa02{opacity:clamp(0,calc((var(--dv2-product-p) - .3)*4),1)}.motion-v2 .product-visual:after{background:linear-gradient(90deg,transparent 0 46%,rgb(233 231 225 / 82%) 68%,#e9e7e1 92%),linear-gradient(0deg,#e9e7e1,transparent 28%)}.motion-v2 .product-halo{background:radial-gradient(circle,rgb(59 115 219 / 22%) 0%,rgb(232 164 106 / 14%) 42%,transparent 70%);filter:blur(28px)}.motion-v2 .material-sweep{background:linear-gradient(104deg,transparent 34%,rgb(232 164 106 / 8%) 45%,rgb(255 255 255 / 70%) 50%,rgb(66 116 205 / 7%) 56%,transparent 67%);mix-blend-mode:screen}.motion-v2 .product-coordinate{border-color:#07121d29;background:#f7f5efb8;color:#465968;box-shadow:0 14px 34px #07121d14}.motion-v2 .story-step>span{color:var(--v5-blue)}.motion-v2 .story-step h2{color:var(--v5-ink);text-shadow:none}.motion-v2 .story-step p{color:#53626d}.motion-v2 .story-step .text-link{color:var(--v5-ink)}.motion-v2 .reveal-progress{background:#07121d26}.motion-v2 .reveal-progress span{background:linear-gradient(180deg,var(--v5-blue),var(--v5-orange));box-shadow:none}.motion-v2 .experience{background:radial-gradient(circle at 86% 6%,rgb(232 164 106 / 12%),transparent 28%),var(--v5-paper)}.motion-v2 .scene-card{background:#e5e2db;border-color:#07121d1a;box-shadow:0 30px 90px #212e3712}.motion-v2 .scene-copy h3{color:#07121d}.motion-v2 .scene-copy span{color:#52616a}.motion-v2 .materials{background:radial-gradient(ellipse at 80% 32%,rgb(232 164 106 / 12%),transparent 36%),#06121e}.motion-v2 .setup{color:var(--v5-ink);background:radial-gradient(circle at 13% 24%,rgb(232 164 106 / 17%),transparent 28%),radial-gradient(circle at 82% 70%,rgb(22 93 204 / 10%),transparent 30%),var(--v5-mineral)}.motion-v2 .setup .eyebrow,.motion-v2 .guide-kicker{color:var(--v5-blue)}.motion-v2 .setup-intro>p:nth-of-type(2),.motion-v2 .guide-model li p,.motion-v2 .guide-panel details>p{color:#566570}.motion-v2 .model-tabs{border-color:#07121d2e}.motion-v2 .model-tabs button{color:#62717c}.motion-v2 .model-tabs button.is-active{background:#07121d;color:#fff}.motion-v2 .safety-note{border-color:#ed570047;background:#ed570012}.motion-v2 .safety-note p{color:#52616c}.motion-v2 .guide-model ol,.motion-v2 .guide-model li,.motion-v2 .guide-panel details{border-color:#07121d24}.motion-v2 .guide-model li>span{color:#657583}.motion-v2 .guide-model h3,.motion-v2 .guide-panel summary{color:var(--v5-ink)}.motion-v2 .support{background:radial-gradient(circle at 24% 24%,rgb(232 164 106 / 24%),transparent 27%),radial-gradient(circle at 76% 64%,rgb(99 147 255 / 28%),transparent 30%),linear-gradient(135deg,#12345a,#082144 58%,#113c73)}.motion-v2 .support-orbit{background:radial-gradient(circle,rgb(132 173 255 / 24%),transparent 68%)}.motion-v2 .support-copy>p:nth-of-type(2){color:#c4d1da}.mega-menu{clip-path:inset(0 0 100%);transform:translateY(-5px);transition:clip-path .65s var(--v5-ease),transform .65s var(--v5-ease),visibility 0s .65s}.nav-item.is-open .mega-menu{clip-path:inset(0);transform:none;transition-delay:0s}.nav-item.is-open .mega-card,.nav-item.is-open .mega-step{animation:v5-mega-item .72s var(--v5-ease) both}.nav-item.is-open .mega-card:nth-child(2),.nav-item.is-open .mega-step:nth-child(2){animation-delay:.06s}.nav-item.is-open .mega-card:nth-child(3),.nav-item.is-open .mega-step:nth-child(3){animation-delay:.12s}.mega-card__media:after{background:linear-gradient(130deg,rgb(255 206 159 / 12%),transparent 36%),linear-gradient(0deg,rgb(0 12 24 / 22%),transparent 44%)}@keyframes v5-identity{0%{opacity:0;filter:blur(9px);transform:translate(-50%,calc(-50% + 22px))}28%,62%{opacity:1;filter:blur(0);transform:translate(-50%,-50%)}to{opacity:0;filter:blur(4px);transform:translate(-50%,calc(-50% - 14px))}}@keyframes v5-horizon{0%{width:0;opacity:0}35%{opacity:1}75%{width:min(82vw,1180px);opacity:1}to{width:min(90vw,1420px);opacity:0}}@keyframes v5-curtain-left{to{transform:translate3d(-101%,0,0)}}@keyframes v5-curtain-right{to{transform:translate3d(101%,0,0)}}@keyframes v5-status{50%{opacity:.45;transform:scale(.78)}}@keyframes v5-mega-item{0%{opacity:0;transform:translate3d(0,18px,0);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}@media(max-width:1000px){.hero-frame{top:82px;right:18px;bottom:18px;left:18px}.hero-system-state{display:none}.motion-v2 .hero-meta{grid-template-columns:1fr 1fr}.motion-v2 .product-visual:after{background:linear-gradient(0deg,#e9e7e1 4%,rgb(233 231 225 / 76%) 45%,transparent 76%)}.motion-v2 .story-step{left:7%;right:7%}.mega-menu{clip-path:none;transform:none}}@media(max-height:800px)and (min-width:1001px){.motion-v2 .hero-content{padding-top:78px}.motion-v2 .hero-content:before{height:34px;margin-bottom:16px}.motion-v2 .hero h1{font-size:clamp(64px,7.7vw,118px);line-height:.8}.motion-v2 .hero-copy{margin-top:18px;font-size:15px}.motion-v2 .hero-actions{margin-top:24px}.motion-v2 .hero-meta{bottom:14px}.hero-frame{top:84px;right:20px;bottom:20px;left:20px}.motion-v2 .awareness-ring{top:61%}}@media(max-width:640px){.hero-opening__identity{width:72vw}.hero-opening__identity>div{font-size:6px}.hero-opening__horizon{transform:translate(-50%,45px)}.motion-v2 .hero{min-height:900px}.motion-v2 .hero-content{padding-top:100px}.motion-v2 .hero h1{font-size:clamp(60px,18.5vw,88px);line-height:.82}.motion-v2 .hero-copy{max-width:88%;color:#e4eaed}.motion-v2 .hero-vignette{background:linear-gradient(0deg,#000a14e8,#000d1a91 56%,#000d1a0f),radial-gradient(ellipse 90% 40% at 50% 74%,rgb(232 164 106 / 18%),transparent 72%)}.motion-v2 .awareness-ring{right:8%;top:21%;width:88px}.hero-frame{top:74px;right:12px;bottom:12px;left:12px}.hero-frame span{display:none}.motion-v2 .product-image{top:-2%;right:-32%;bottom:-2%;left:-32%;width:132%;height:104%;object-position:center}.motion-v2 .story-step{bottom:9%}.motion-v2 .setup{background:radial-gradient(circle at 4% 10%,rgb(232 164 106 / 13%),transparent 24%),var(--v5-mineral)}}@media(prefers-reduced-motion:reduce){.hero-opening{display:none}.motion-v2 .hero h1 i,.motion-v2 .hero-copy,.motion-v2 .hero-actions,.motion-v2 .hero .eyebrow{opacity:1!important;transform:none!important;transition:none!important}.hero-light-canvas{display:none}.nav-item.is-open .mega-card,.nav-item.is-open .mega-step{animation:none}}.motion-v2 .hero-poster{opacity:1;transition:opacity .8s var(--v5-ease)}.motion-v2 .hero.is-media-ready .hero-poster{opacity:0}@media(min-width:1001px){.nav-flyout.mega-menu{max-height:0;overflow:hidden;clip-path:none;opacity:0;visibility:hidden;transform:translate3d(0,-34px,0);transform-origin:top;transition:max-height .82s var(--v5-ease),opacity .44s ease,transform .82s var(--v5-ease),visibility 0s .82s;pointer-events:none}.nav-item:hover .nav-flyout.mega-menu,.nav-item:focus-within .nav-flyout.mega-menu,.nav-item.is-open .nav-flyout.mega-menu{max-height:560px;opacity:1;visibility:visible;transform:none;transition-delay:0s;pointer-events:auto}.mega-menu__inner{opacity:0;transform:translate3d(0,-26px,0);transition:opacity .42s ease .08s,transform .76s var(--v5-ease) .05s}.nav-item:hover .mega-menu__inner,.nav-item:focus-within .mega-menu__inner,.nav-item.is-open .mega-menu__inner{opacity:1;transform:none}.mega-menu-scrim{transition:opacity .58s ease,visibility 0s .58s}body.mega-menu-open .mega-menu-scrim{transition-delay:0s}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/drivona-cinematic-v5.css.map */