.vhg{--spring: cubic-bezier(.22,1,.36,1);--ease-out: cubic-bezier(.23, 1, .32, 1);position:relative;overflow:hidden;min-height:86vh;display:flex;flex-direction:column;align-items:center;padding:34px 40px 60px;color:var(--ink);font-family:system-ui,-apple-system,Hanken Grotesk,Segoe UI,sans-serif;background:radial-gradient(70% 55% at 50% 42%,#2f7bff1a,#2f7bff00 60%),radial-gradient(90% 60% at 80% 4%,#ffd6aa80,#ffd6aa00 55%),radial-gradient(80% 50% at 12% 8%,#ffe0ce73,#ffe0ce00 55%),linear-gradient(180deg,#f7f3ee,#efeae4)}.vhg__glow{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);width:680px;height:560px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#2f7bff29,#ffc89626 42%,#fff0 70%);filter:blur(6px)}.vhg__toggle{position:relative;z-index:3;display:inline-flex;gap:4px;padding:6px;border-radius:999px;background:#ffffff6b;backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);border:1px solid rgba(255,255,255,.7);border-top-color:#ffffffe6;box-shadow:0 10px 34px -12px #5a422c47}.vhg__tab{position:relative;z-index:2;-webkit-appearance:none;appearance:none;border:0;background:transparent;cursor:pointer;font:inherit;font-weight:600;font-size:14px;letter-spacing:.1px;color:#1c1c1e8c;padding:11px 24px;border-radius:999px;transition:color .25s ease,transform .16s var(--ease-out)}.vhg__tab.is-active{color:var(--ink);font-weight:700}.vhg__tab.is-press{transform:scale(.97)}.vhg__tab-pill{position:absolute;z-index:1;top:6px;left:0;height:calc(100% - 12px);background:#fff;border-radius:999px;box-shadow:0 4px 14px -4px #0000002e;transition:transform .28s var(--ease-out),width .28s var(--ease-out)}.vhg__stage{position:relative;z-index:2;width:100%;max-width:1240px;flex:1;min-height:560px;margin-top:8px}.vhg__slide{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:20px;opacity:0;transform:scale(.965);filter:blur(10px);pointer-events:none;transition:opacity .42s var(--ease-out),transform .5s var(--ease-out),filter .42s ease}.vhg__slide.is-active{opacity:1;transform:none;filter:blur(0);pointer-events:auto}.vhg__eyebrow,.vhg__headline,.vhg__sub,.vhg__actions{opacity:0;transform:translateY(9px);transition:opacity .5s var(--ease-out),transform .5s var(--ease-out)}.vhg__slide.is-active .vhg__eyebrow{opacity:1;transform:none;transition-delay:.04s}.vhg__slide.is-active .vhg__headline{opacity:1;transform:none;transition-delay:.1s}.vhg__slide.is-active .vhg__sub{opacity:1;transform:none;transition-delay:.16s}.vhg__slide.is-active .vhg__actions{opacity:1;transform:none;transition-delay:.22s}.vhg__copy{max-width:440px}.vhg__eyebrow{color:var(--accent);font-weight:700;font-size:13px;letter-spacing:3px;text-transform:uppercase;margin-bottom:16px}.vhg__headline{margin:0;font-weight:800;font-size:clamp(38px,5.2vw,62px);line-height:1;letter-spacing:-1.6px;color:var(--ink)}.vhg__sub{margin:22px 0 30px;font-size:clamp(15px,1.4vw,18px);line-height:1.55;color:#1c1c1ea3;max-width:360px}.vhg__actions{display:flex;align-items:center;gap:24px}.vhg__cta{display:inline-flex;align-items:center;gap:9px;text-decoration:none;background:var(--ink);color:#fff;font-weight:600;font-size:15px;padding:15px 28px;border-radius:999px;transition:transform .16s var(--ease-out),filter .2s ease}.vhg__cta:active{transform:scale(.97)}.vhg__cta2{color:#1c1c1eb3;font-weight:600;font-size:15px;text-decoration:none;transition:color .2s ease}@media(hover:hover)and (pointer:fine){.vhg__cta:hover{filter:brightness(1.12)}.vhg__cta2:hover{color:var(--ink)}}.vhg__media{display:flex;align-items:center;justify-content:center;height:100%}.vhg__img{max-width:100%;max-height:500px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 40px 44px rgba(90,66,44,.26))}.vhg__img--ph{display:flex;align-items:center;justify-content:center;width:340px;height:340px;filter:none}.vhg__cluster{position:relative;width:min(520px,92%);aspect-ratio:1 / .92;margin:0 auto}.vhg__part{position:absolute;height:auto;object-fit:contain;will-change:transform}.vhg__part--tire{--r: -3deg;width:60%;left:20%;top:15%;filter:drop-shadow(0 34px 34px rgba(90,66,44,.3));animation:vhg-float 7s ease-in-out infinite}.vhg__part--rotor{--r: -9deg;width:39%;left:0%;top:47%;z-index:2;filter:drop-shadow(0 22px 26px rgba(90,66,44,.26));animation:vhg-float 6s ease-in-out infinite;animation-delay:-1.6s}.vhg__part--lcd{--r: 6deg;width:41%;right:0%;top:1%;z-index:2;filter:drop-shadow(0 22px 26px rgba(90,66,44,.24));animation:vhg-float 6.6s ease-in-out infinite;animation-delay:-3s}@keyframes vhg-float{0%,to{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-12px) rotate(var(--r,0deg))}}.vhg__proof{position:absolute;left:40px;bottom:40px;z-index:3;display:inline-flex;align-items:center;gap:12px;padding:9px 18px 9px 11px;border-radius:999px;background:#ffffff80;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.75);box-shadow:0 10px 30px -12px #5a422c40;font-size:14px}.vhg__proof-dots{display:inline-flex}.vhg__proof-dots i{width:28px;height:28px;border-radius:50%;border:2px solid #fff;display:inline-block}.vhg__proof-dots i:nth-child(1){background:linear-gradient(135deg,#9db4ff,#5b7fd6)}.vhg__proof-dots i:nth-child(2){background:linear-gradient(135deg,#ffcaa8,#e08a5b);margin-left:-10px}.vhg__proof-txt{font-weight:500;color:#1c1c1ebf}.vhg__proof-txt strong{color:var(--ink);font-weight:800}@media(max-width:820px){.vhg{min-height:auto;padding:20px 16px 40px}.vhg__toggle{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.vhg__toggle::-webkit-scrollbar{display:none}.vhg__tab{padding:10px 16px;font-size:13px;white-space:nowrap}.vhg__stage{min-height:0;position:static;margin-top:22px}.vhg__slide{position:absolute;grid-template-columns:1fr;text-align:center;gap:6px}.vhg__slide.is-active{position:relative}.vhg__media{order:-1;height:auto}.vhg__img{max-height:260px}.vhg__cluster{width:min(320px,84%)}.vhg__copy{margin:0 auto;max-width:100%}.vhg__headline{font-size:clamp(30px,8.5vw,44px);letter-spacing:-1px}.vhg__sub{margin:16px auto 24px}.vhg__actions{justify-content:center;flex-wrap:wrap;gap:14px}.vhg__proof{position:static;margin:22px auto 0}}@media(max-width:420px){.vhg__tab{padding:9px 13px;font-size:12.5px}.vhg__img{max-height:220px}.vhg__cluster{width:min(280px,82%)}}@media(prefers-reduced-motion:reduce){.vhg__slide{transition:opacity .2s ease;transform:none!important;filter:none!important}.vhg__tab-pill{transition:none}.vhg__part{animation:none!important;transform:rotate(var(--r,0deg))}.vhg__eyebrow,.vhg__headline,.vhg__sub,.vhg__actions{opacity:1!important;transform:none!important;transition:opacity .2s ease;transition-delay:0s!important}}@media(prefers-reduced-transparency:reduce){.vhg__toggle,.vhg__proof{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}}
/*# sourceMappingURL=/cdn/shop/t/144/assets/voro-hero-glass.css.map */