.site-header{--header-height:78px;overflow:visible;transition:height .4s,background .4s,border-color .4s,box-shadow .35s}.site-header.is-scrolled{--header-height:66px}.site-header.is-mega-open{background:#001225fa;border-color:#d6e5f024;box-shadow:0 10px 40px #0000002e}.site-nav{height:100%;align-items:center}.nav-item{position:static;height:100%;display:flex;align-items:center}.site-nav .nav-trigger{position:relative;height:100%;display:flex;align-items:center;gap:9px;white-space:nowrap}.site-nav .nav-trigger:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:center;transition:transform .32s var(--ease)}.site-nav .nav-trigger>span{position:relative;width:9px;height:9px}.site-nav .nav-trigger>span:before,.site-nav .nav-trigger>span:after{content:"";position:absolute;left:1px;top:4px;width:7px;height:1px;background:#70869a;transition:transform .3s var(--ease),background .3s}.site-nav .nav-trigger>span:after{transform:rotate(90deg)}.nav-item:hover .nav-trigger:after,.nav-item:focus-within .nav-trigger:after,.nav-item.is-open .nav-trigger:after{transform:scaleX(1)}.nav-item:hover .nav-trigger>span:after,.nav-item:focus-within .nav-trigger>span:after,.nav-item.is-open .nav-trigger>span:after{transform:rotate(0)}.nav-item:hover .nav-trigger>span:before,.nav-item:hover .nav-trigger>span:after,.nav-item:focus-within .nav-trigger>span:before,.nav-item:focus-within .nav-trigger>span:after,.nav-item.is-open .nav-trigger>span:before,.nav-item.is-open .nav-trigger>span:after{background:#fff}.nav-flyout{position:fixed;z-index:110;top:var(--header-height);left:0;right:0;width:100%;padding:0;background:#f1f0ec;color:#07111a;border:0;border-top:1px solid rgba(7,17,26,.1);box-shadow:0 30px 80px #00081138;opacity:0;visibility:hidden;transform:translateY(-18px);transition:opacity .25s ease,transform .45s var(--ease),visibility .25s;pointer-events:none}.nav-item:hover .nav-flyout,.nav-item:focus-within .nav-flyout,.nav-item.is-open .nav-flyout{opacity:1;visibility:visible;transform:none;pointer-events:auto}.mega-menu__inner{display:grid;grid-template-columns:minmax(220px,.66fr) minmax(0,2.34fr);gap:clamp(42px,6vw,96px);padding-top:34px;padding-bottom:38px}.mega-menu__intro{padding:9px 0 0}.mega-menu__kicker{margin:0;color:#003cb3;font-size:8px;font-weight:700;letter-spacing:.22em}.mega-menu__intro h2{max-width:350px;margin:22px 0 0;font-family:var(--display);font-size:clamp(30px,2.5vw,44px);font-weight:500;line-height:.98;letter-spacing:-.045em}.mega-menu__intro>p:not(.mega-menu__kicker){max-width:330px;margin:22px 0 0;color:#5e6971;font-size:11px;line-height:1.7}.mega-menu__all{display:inline-flex;gap:10px;margin-top:28px;padding-bottom:6px;border-bottom:1px solid #07111a;color:#07111a!important;font-size:9px!important;font-weight:700;letter-spacing:.1em!important;text-transform:uppercase!important}.mega-menu__all span{color:#ed5700!important;font-size:inherit!important}.mega-menu__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mega-card{position:relative;min-width:0;display:flex!important;flex-direction:column;gap:0!important;padding:0!important;border:0!important;background:#e5e3de;color:#07111a!important;overflow:hidden;text-transform:none!important;letter-spacing:0!important}.mega-card__media{position:relative;display:block!important;aspect-ratio:1.75/1;margin:0!important;overflow:hidden;background:#d8d7d2}.mega-card__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(130deg,rgba(255,192,137,.1),transparent 42%),linear-gradient(0deg,rgba(0,8,17,.18),transparent 45%)}.mega-card__media img{width:100%;height:100%;object-fit:cover;filter:saturate(.74) contrast(1.02);transition:transform .7s var(--ease),filter .5s}.mega-card:hover .mega-card__media img{transform:scale(1.035);filter:saturate(.86) contrast(1.02)}.mega-card__copy{display:grid!important;gap:7px!important;margin:0!important;padding:18px 19px 20px}.mega-card__copy small,.mega-step small{color:#4f6577;font-size:7px;font-style:normal;font-weight:700;letter-spacing:.19em}.mega-card__copy strong,.mega-step strong{color:#07111a!important;font-family:var(--display);font-size:20px!important;font-weight:500;letter-spacing:-.035em!important;line-height:1.05}.mega-card__copy em,.mega-step em{color:#68737b;font-size:9px;font-style:normal;line-height:1.45;letter-spacing:.01em}.mega-card--quiet{justify-content:flex-end;min-height:100%;padding:20px!important;background:#001225;color:#fff!important}.mega-card--quiet:before{content:"";position:absolute;right:-22%;top:-36%;width:85%;aspect-ratio:1;border:1px solid rgba(89,137,255,.3);border-radius:50%;box-shadow:0 0 70px #003cb32e}.mega-card--quiet .mega-card__copy{position:relative;padding:45px 0 0}.mega-card--quiet .mega-card__copy strong{color:#eef3f6!important}.mega-card--quiet .mega-card__copy em{color:#8799a8}.mega-card__index{position:absolute;left:20px;top:20px;color:#7890a4!important;font-size:8px!important;letter-spacing:.2em!important}.mega-menu__cards--steps{border-top:1px solid rgba(7,17,26,.14);border-left:1px solid rgba(7,17,26,.14);gap:0}.mega-step{min-height:268px;display:flex!important;flex-direction:column;padding:23px!important;border-right:1px solid rgba(7,17,26,.14)!important;border-bottom:1px solid rgba(7,17,26,.14)!important;color:#07111a!important;text-transform:none!important;letter-spacing:0!important;transition:background .3s,transform .35s var(--ease)}.mega-step:hover{background:#fff;transform:translateY(-3px)}.mega-step>span{width:38px;height:38px;display:grid!important;place-items:center;margin:0 0 auto!important;border:1px solid rgba(0,60,179,.28);border-radius:50%;color:#003cb3!important;font-size:8px!important;letter-spacing:.13em!important}.mega-step small{margin:40px 0 11px}.mega-step em{margin-top:10px}.mega-menu-scrim{position:fixed;z-index:90;top:0;right:0;bottom:0;left:0;background:#0008117a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;pointer-events:none}body.mega-menu-open .mega-menu-scrim{opacity:1;visibility:visible}.header-actions{gap:13px}.header-icon{position:relative;width:38px;height:38px;display:grid;place-items:center;border:1px solid transparent;border-radius:50%;color:#e9eff3;transition:border-color .3s,background .3s,transform .3s}.header-icon:hover{border-color:#d6e5f038;background:#ffffff0b;transform:translateY(-1px)}.header-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}.cart-count{position:absolute;right:-2px;top:-2px;min-width:16px;height:16px;display:grid;place-items:center;padding:0 4px;border:2px solid #001225;border-radius:999px;background:#ed5700;color:#fff;font-size:7px;font-weight:700;line-height:1}.mobile-menu details{border-bottom:1px solid var(--line)}.mobile-menu summary{display:flex;align-items:center;justify-content:space-between;padding:17px 0;cursor:pointer;list-style:none;font-family:var(--display);font-size:28px;letter-spacing:-.03em}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{color:#6f8395;font-family:var(--body);font-size:18px;transition:transform .3s}.mobile-menu details[open] summary span{transform:rotate(45deg)}.mobile-menu details a{margin-left:18px;padding:11px 0;border:0;color:#8fa2b2;font-family:var(--body);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.mobile-menu__utilities{display:flex;gap:12px;padding-top:28px}.mobile-menu__utilities a{flex:1;margin:0;padding:14px 16px;border:1px solid var(--line);font-family:var(--body);font-size:9px;text-align:center;letter-spacing:.12em;text-transform:uppercase}.scene-copy>span{display:block;max-width:450px;margin-top:16px;color:#52616d;font-size:13px;line-height:1.7}.scene-copy .scene-link{margin-top:24px;color:#0c2944}.scene-copy .scene-link span{display:inline;color:var(--orange);margin:0;font-size:inherit}.materials-link{margin-top:34px}.footer-links{flex-wrap:wrap}@media(max-width:1180px){.site-nav{gap:22px}.mega-menu__inner{grid-template-columns:230px minmax(0,1fr);gap:38px}.mega-card__copy strong,.mega-step strong{font-size:18px!important}}@media(max-width:1000px){.site-header{overflow:visible}.site-nav{display:none}.header-actions{gap:8px}.mobile-menu{max-height:calc(100vh - 66px);overflow:auto}.mega-menu-scrim{display:none}}@media(max-width:640px){.header-icon{width:34px;height:34px}.header-icon svg{width:18px;height:18px}}@media(prefers-reduced-motion:reduce){.nav-flyout,.nav-trigger:after,.nav-trigger>span:before,.nav-trigger>span:after,.mega-card__media img,.mega-step,.mega-menu-scrim,.header-icon{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/drivona-navigation-v2.css.map */