:root{--v7-ink: #061321;--v7-cobalt: #77a7ff;--v7-amber: #f0b47d;--v7-paper: #f6f4ef;--v7-ease: cubic-bezier(.16, 1, .3, 1);--v7-cinema: cubic-bezier(.83, 0, .17, 1)}.hero-opening-v7{position:absolute;z-index:40;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;background:transparent;isolation:isolate;animation:v7-intro-exit 3.8s linear both}.hero-opening-v7__grain{position:absolute;z-index:8;top:-30%;right:-30%;bottom:-30%;left:-30%;opacity:.11;background-image:repeating-radial-gradient(circle at 31% 47%,transparent 0 1px,rgb(255 255 255 / 16%) 1px 2px,transparent 2px 4px),repeating-linear-gradient(103deg,transparent 0 4px,rgb(255 255 255 / 4%) 4px 5px);background-size:5px 5px,11px 11px;mix-blend-mode:soft-light;animation:v7-grain .22s steps(2) infinite}.hero-opening-v7__bloom{position:absolute;z-index:3;left:50%;top:50%;width:min(110vw,1700px);aspect-ratio:3.2;border-radius:50%;background:radial-gradient(ellipse,rgb(255 255 255 / 34%) 0%,rgb(119 167 255 / 16%) 16%,rgb(240 180 125 / 10%) 38%,transparent 70%);filter:blur(22px);opacity:0;transform:translate(-50%,-46%) scaleX(.08);animation:v7-bloom 2.6s var(--v7-cinema) .58s both}.hero-opening-v7__aperture,.hero-opening-v7__aperture i{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0}.hero-opening-v7__aperture i{background:#03111f;will-change:transform}.hero-opening-v7__aperture i:nth-child(1){top:0;right:0;bottom:50%;left:0;animation:v7-blade-top 1.55s var(--v7-cinema) 1.32s forwards}.hero-opening-v7__aperture i:nth-child(2){top:50%;right:0;bottom:0;left:0;background:#051725;animation:v7-blade-bottom 1.65s var(--v7-cinema) 1.26s forwards}.hero-opening-v7__aperture i:nth-child(3){top:49.8%;right:50%;bottom:0;left:0;background:#041522;animation:v7-blade-left 1.5s var(--v7-cinema) 1.34s forwards}.hero-opening-v7__aperture i:nth-child(4){top:49.8%;right:0;bottom:0;left:50%;background:#061925;animation:v7-blade-right 1.7s var(--v7-cinema) 1.22s forwards}.hero-opening-v7__identity{position:absolute;z-index:6;left:50%;top:50%;width:min(66vw,610px);opacity:0;transform:translate(-50%,calc(-50% + 18px)) scale(.985);filter:blur(10px);animation:v7-identity 2.35s var(--v7-ease) .18s both}.hero-opening-v7__identity img{display:block;width:100%;height:auto;filter:invert(1)}.hero-opening-v7__identity>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-top:24px;color:#8da1b2;font-size:8px;letter-spacing:.28em}.hero-opening-v7__identity>div i{height:1px;background:linear-gradient(90deg,var(--v7-cobalt),var(--v7-amber));transform-origin:left;animation:v7-rule 1.6s var(--v7-ease) .55s both}.hero-opening-v7__horizon{position:absolute;z-index:7;left:50%;top:50%;width:min(94vw,1500px);height:1px;opacity:0;transform:translate(-50%,66px);overflow:visible;animation:v7-horizon 2.35s var(--v7-cinema) .48s both}.hero-opening-v7__horizon:before{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,var(--v7-cobalt) 24%,#fff 50%,var(--v7-amber) 76%,transparent);box-shadow:0 0 18px #82b1ffa8,0 0 44px #f0b47d40;content:""}.hero-opening-v7__horizon i{position:absolute;left:50%;top:-2px;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:0 0 24px 8px #9fc1ff73;transform:translate(-50%)}.hero-opening-v7__telemetry{position:absolute;z-index:7;left:28px;right:28px;bottom:28px;display:flex;justify-content:space-between;color:#c2d0db94;font-size:8px;letter-spacing:.22em;opacity:0;animation:v7-telemetry 2.6s ease .55s both}.hero-opening-v7__telemetry b{color:var(--v7-cobalt);font-weight:500}.hero-opening-v7__progress{position:absolute;z-index:7;left:28px;right:28px;bottom:18px;height:1px;background:#ffffff1c;overflow:hidden}.hero-opening-v7__progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--v7-cobalt),#e7f0ff 62%,var(--v7-amber));transform-origin:left;animation:v7-progress 3.25s var(--v7-ease) .2s both}.hero.has-v7 .hero-opening{display:none}.motion-v2 .hero.has-v7 h1 i{transform:translate3d(0,115%,0);transition:transform 1.35s var(--v7-ease)!important}.motion-v2 .hero.has-v7.is-v7-content h1>span:first-child i{transform:none;transition-delay:0s!important}.motion-v2 .hero.has-v7.is-v7-content h1>span:nth-child(2) i{transform:none;transition-delay:.12s!important}.motion-v2 .hero.has-v7 .hero-copy,.motion-v2 .hero.has-v7 .hero-actions,.motion-v2 .hero.has-v7 .eyebrow{opacity:0!important;transform:translate3d(0,20px,0)!important;transition:opacity 1s var(--v7-ease),transform 1.15s var(--v7-ease)!important}.motion-v2 .hero.has-v7.is-v7-content .eyebrow{opacity:1!important;transform:none!important;transition-delay:0s!important}.motion-v2 .hero.has-v7.is-v7-content .hero-copy{opacity:1!important;transform:none!important;transition-delay:.32s!important}.motion-v2 .hero.has-v7.is-v7-content .hero-actions{opacity:1!important;transform:none!important;transition-delay:.45s!important}.motion-v2 .hero.has-v7 .hero-media{transform:scale(1.018);filter:blur(3px);transition:transform 2.2s var(--v7-ease),filter 2s var(--v7-ease)}.motion-v2 .hero.has-v7.is-v7-open .hero-media{transform:none;filter:none}.motion-v2 .hero.has-v7 .hero-video,.motion-v2 .hero.has-v7 .hero-poster{filter:saturate(.93) contrast(1.015) brightness(calc(1.09 - var(--v5-scroll) * .08))}.motion-v2 .hero.has-v7 .hero-vignette{background:linear-gradient(90deg,rgb(2 18 32 / 72%) 0%,rgb(4 24 40 / 42%) 37%,transparent 72%),linear-gradient(0deg,rgb(3 16 28 / 64%) 0%,transparent 56%),radial-gradient(ellipse 70% 42% at 70% 70%,rgb(240 180 125 / 24%),transparent 72%)}.motion-v2 .hero.has-v7:after{position:absolute;z-index:8;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(112deg,transparent 42%,rgb(255 222 188 / 10%) 52%,transparent 61%);opacity:calc(.7 - var(--v5-scroll));transform:translate3d(calc(-80% + var(--v7-hero-light, 0) * 160%),0,0);content:""}.motion-v2 [data-v7-reveal]{opacity:0;transform:translate3d(0,34px,0);filter:blur(8px);transition:opacity 1s var(--v7-ease),transform 1.2s var(--v7-ease),filter 1s ease}.motion-v2 [data-v7-reveal].is-v7-revealed{opacity:1;transform:none;filter:none}.motion-v2 .section-intro[data-v7-reveal] h2,.motion-v2 .setup-intro[data-v7-reveal] h2,.motion-v2 .support-copy[data-v7-reveal] h2{clip-path:inset(0 0 105%);transform:translateY(24px);transition:clip-path 1.25s var(--v7-ease) .08s,transform 1.25s var(--v7-ease) .08s}.motion-v2 .is-v7-revealed h2{clip-path:inset(0);transform:none}.motion-v2 .scene-card{clip-path:inset(0 0 100% 0 round 2px);transform:translate3d(0,24px,0);transition:clip-path 1.35s var(--v7-ease),opacity .8s ease,transform 1.35s var(--v7-ease)}.motion-v2 .scene-card.is-v2-visible,.motion-v2 .scene-card.is-v7-revealed{clip-path:inset(0 round 2px);transform:none}.motion-v2 .scene-card:nth-child(2){transition-delay:.12s}.motion-v2 .scene-card:nth-child(3){transition-delay:.24s}.motion-v2 .scene-media img,.motion-v2 .scene-media video{filter:saturate(.82) contrast(1.02) brightness(1.01);transition:transform 1.4s var(--v7-ease),filter 1.2s ease}.motion-v2 .scene-card:hover .scene-media img,.motion-v2 .scene-card:hover .scene-media video{filter:saturate(.9) contrast(1.02) brightness(1.05);transform:translate3d(0,calc((.5 - var(--dv2-scene-p)) * 14px),0) scale(1.045)}.motion-v2 .scene-overlay{background:linear-gradient(0deg,rgb(4 18 30 / 48%),transparent 54%),radial-gradient(70% 78% at calc(50% + var(--dv2-card-x) * 2%),calc(45% + var(--dv2-card-y) * 2%),rgb(240 180 125 / 12%),transparent 72%)}.motion-v2 .product-sticky{overflow:hidden}.motion-v2 .product-sticky:after{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(108deg,transparent 37%,rgb(255 255 255 / 42%) 49%,rgb(240 180 125 / 14%) 54%,transparent 65%);mix-blend-mode:screen;opacity:calc(var(--dv2-product-sweep) * .72);transform:translate3d(calc(-85% + var(--dv2-product-p) * 185%),0,0);content:""}.motion-v2 .materials-light{background:linear-gradient(106deg,transparent 37%,rgb(117 167 255 / 8%) 45%,rgb(255 247 235 / 38%) 49.6%,rgb(240 180 125 / 16%) 53%,transparent 62%)}.motion-v2 .materials-visual img{filter:saturate(.86) contrast(1.025) brightness(calc(.9 + var(--dv2-material-p) * .12))}.motion-v2 .button,.motion-v2 .text-link{transition:transform .65s var(--v7-ease),background-color .4s ease,color .4s ease,border-color .4s ease}.motion-v2 .button:hover{transform:translate3d(0,-2px,0)}.motion-v2 .text-link:hover{transform:translate3d(4px,0,0)}@keyframes v7-intro-exit{0%,89%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes v7-grain{50%{transform:translate3d(2%,-1.4%,0)}}@keyframes v7-bloom{0%{opacity:0;transform:translate(-50%,-46%) scaleX(.05)}34%{opacity:.64}78%{opacity:.42;transform:translate(-50%,-46%) scaleX(1)}to{opacity:0;transform:translate(-50%,-46%) scaleX(1.08)}}@keyframes v7-identity{0%{opacity:0;filter:blur(10px);transform:translate(-50%,calc(-50% + 18px)) scale(.985)}22%,66%{opacity:1;filter:blur(0);transform:translate(-50%,-50%) scale(1)}to{opacity:0;filter:blur(3px);transform:translate(-50%,calc(-50% - 15px)) scale(1.008)}}@keyframes v7-rule{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes v7-horizon{0%{opacity:0;clip-path:inset(0 50%)}25%,65%{opacity:1}78%{clip-path:inset(0)}to{opacity:0;clip-path:inset(0);transform:translate(-50%,48px) scaleX(1.04)}}@keyframes v7-telemetry{0%,12%{opacity:0}26%,72%{opacity:1}to{opacity:0}}@keyframes v7-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes v7-blade-top{to{transform:translate3d(0,-101%,0)}}@keyframes v7-blade-bottom{to{transform:translate3d(0,101%,0)}}@keyframes v7-blade-left{to{transform:translate3d(-101%,0,0)}}@keyframes v7-blade-right{to{transform:translate3d(101%,0,0)}}@media(max-width:640px){.hero-opening-v7__identity{width:76vw}.hero-opening-v7__identity>div{font-size:6px;gap:10px;letter-spacing:.18em}.hero-opening-v7__horizon{transform:translate(-50%,50px)}.hero-opening-v7__telemetry{left:14px;right:14px;bottom:20px}.hero-opening-v7__progress{left:14px;right:14px;bottom:12px}.motion-v2 .hero.has-v7 .hero-vignette{background:linear-gradient(0deg,rgb(3 15 27 / 88%) 0%,rgb(3 18 32 / 50%) 58%,transparent 100%),radial-gradient(ellipse 95% 44% at 65% 68%,rgb(240 180 125 / 19%),transparent 72%)}}@media(prefers-reduced-motion:reduce){.hero-opening-v7{display:none}.motion-v2 .hero.has-v7 h1 i,.motion-v2 .hero.has-v7 .hero-copy,.motion-v2 .hero.has-v7 .hero-actions,.motion-v2 .hero.has-v7 .eyebrow,.motion-v2 [data-v7-reveal],.motion-v2 .scene-card{opacity:1!important;transform:none!important;filter:none!important;clip-path:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/drivona-luminous-v7.css.map */