.vn-hero{--px: 0;--py: 0;position:relative;display:grid;overflow:hidden;isolation:isolate;color:var(--vn-text);background:radial-gradient(120% 80% at 50% 40%,color-mix(in srgb,var(--vn-burgundy) 55%,transparent) 0%,transparent 60%),var(--vn-black)}.vn-hero--medium{min-height:70svh}.vn-hero--large{min-height:85svh}.vn-hero--full{min-height:calc(100svh - var(--header-height, 0px))}.vn-hero__stage{position:absolute;top:0;right:0;bottom:0;left:0;transform:perspective(1400px) scale(1.06) rotateY(calc(var(--px) * 3deg * var(--vn-depth))) rotateX(calc(var(--py) * -2deg * var(--vn-depth)));transition:transform .8s cubic-bezier(.2,.8,.2,1);pointer-events:none}.vn-hero [style*=--l]{translate:calc(var(--px) * var(--l) * -40px * var(--vn-depth)) calc(var(--py) * var(--l) * -26px * var(--vn-depth));transition:translate .6s cubic-bezier(.2,.8,.2,1)}.vn-hero__glow{position:absolute;top:10%;right:20%;bottom:0;left:20%;background:radial-gradient(closest-side,color-mix(in srgb,var(--vn-red) 20%,transparent),transparent);filter:blur(40px);opacity:.7}.vn-hero__word{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0;font-family:var(--font-heading-family);font-weight:800;font-size:clamp(6rem,21vw,30rem);line-height:.8;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px rgb(255 255 255 / .14);white-space:nowrap;-webkit-user-select:none;user-select:none}.vn-hero__mark{position:absolute;top:3%;right:4%;bottom:6%;left:4%;display:grid;place-items:center}.vn-hero__mark-img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;opacity:var(--vn-mark-opacity, .14)}.vn-hero__bolt{position:absolute;top:6%;left:calc(50% + 14rem);height:70%;width:auto;overflow:visible;fill:var(--vn-red);opacity:.85;filter:drop-shadow(0 0 18px var(--vn-red)) drop-shadow(0 0 60px color-mix(in srgb,var(--vn-red) 60%,transparent))}.vn-hero__floor{position:absolute;inset:auto 0 0;height:35%;background:radial-gradient(50% 40% at 50% 100%,color-mix(in srgb,var(--vn-red) 22%,transparent),transparent 70%),linear-gradient(to top,var(--vn-black) 0%,transparent 100%)}.vn-hero__inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.4rem;padding:clamp(2.4rem,5vh,5rem) 1.6rem clamp(2.4rem,6vh,6rem)}.vn-hero__eyebrow{display:inline-flex;align-items:center;gap:1rem;margin:0;font-size:1.2rem;font-weight:600;letter-spacing:.32em;white-space:nowrap;color:var(--vn-red)}.vn-hero__eyebrow:before,.vn-hero__eyebrow:after{content:"";width:3.2rem;height:1px;background:currentColor}.vn-drop{width:100%;perspective:1600px}.vn-drop__track{position:relative;height:clamp(32rem,48vh,58rem);margin:0;padding:0;list-style:none;transform-style:preserve-3d;touch-action:pan-y;pointer-events:none}.vn-drop__card{--x: 0%;--z: -600px;--r: 0deg;position:absolute;top:0;left:50%;height:100%;aspect-ratio:3 / 4;translate:-50% 0;transform:translate(var(--x)) translateZ(var(--z)) rotateY(var(--r));opacity:0;pointer-events:none;will-change:transform,opacity;backface-visibility:hidden}.vn-drop__card[data-pos="0"]{--x: 0%;--z: 0px;--r: 0deg;opacity:1;z-index:3;pointer-events:auto}.vn-drop__card[data-pos="1"]{--x: 68%;--z: -260px;--r: -38deg;opacity:.55;z-index:2;pointer-events:auto}.vn-drop__card[data-pos="-1"]{--x: -68%;--z: -260px;--r: 38deg;opacity:.55;z-index:2;pointer-events:auto}.vn-drop__card[data-pos="2"]{--x: 115%;--z: -520px;--r: -50deg;opacity:.18;z-index:1}.vn-drop__card[data-pos="-2"]{--x: -115%;--z: -520px;--r: 50deg;opacity:.18;z-index:1}.vn-drop__media{display:block;height:100%;overflow:hidden;border-radius:6px;background:#d9d9d9;box-shadow:0 30px 60px #0009;transition:box-shadow .6s ease;-webkit-box-reflect:below 10px linear-gradient(transparent 72%,rgb(255 255 255 / .12))}.vn-drop__card[data-pos="0"] .vn-drop__media{box-shadow:0 0 0 1px color-mix(in srgb,var(--vn-red) 70%,transparent),0 30px 90px color-mix(in srgb,var(--vn-red) 28%,transparent)}.vn-drop__card:not([data-pos="0"]) .vn-drop__media{cursor:pointer}.vn-drop__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}.vn-drop__card[data-pos="0"] .vn-drop__media:hover .vn-drop__img{transform:scale(1.04)}.vn-drop__img--placeholder{fill:#00000040}.vn-drop__info{display:grid;justify-items:center;gap:2rem;text-align:center}.vn-drop__meta{display:grid;justify-items:center;gap:.8rem;animation:vn-rise .6s cubic-bezier(.2,.8,.2,1) both}.vn-drop__meta[hidden]{display:none}.vn-drop__title{margin:0;font-family:var(--font-heading-family);font-size:clamp(1.8rem,2vw,2.4rem);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--vn-text)}.vn-drop__price{display:flex;gap:1.2rem;align-items:baseline;margin:0 0 .8rem;font-size:1.8rem;font-weight:700;color:var(--vn-red)}.vn-drop__price s{font-size:1.4rem;font-weight:400;color:color-mix(in srgb,var(--vn-text) 45%,transparent)}.vn-drop__nav{display:flex;align-items:center;gap:1.6rem}.vn-drop__arrow{display:grid;place-items:center;width:4.4rem;height:4.4rem;padding:0;border:1px solid rgb(255 255 255 / .25);border-radius:50%;background:transparent;color:var(--vn-text);cursor:pointer;transition:background-color .25s ease,border-color .25s ease}.vn-drop__arrow svg{width:1.8rem;height:1.8rem;fill:none;stroke:currentColor;stroke-width:1.6}.vn-drop__arrow:hover{border-color:var(--vn-red);background:var(--vn-red)}.vn-drop__dots{display:flex;gap:.8rem}.vn-drop__dot{width:1.2rem;height:.3rem;padding:0;border:0;background:#ffffff4d;cursor:pointer;transition:width .4s ease,background-color .4s ease}.vn-drop__dot[aria-current=true]{width:3.2rem;background:var(--vn-red)}.vn-hero__btn{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:5rem;padding:0 3.6rem;overflow:hidden;border-radius:var(--vn-radius-btn, 8px);font-size:1.3rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;transition:transform .25s ease,background-color .25s ease,box-shadow .25s ease}.vn-hero__btn--primary{background:var(--vn-red);color:#fff;box-shadow:0 10px 30px color-mix(in srgb,var(--vn-red) 35%,transparent)}.vn-hero__btn--primary:after{content:"";position:absolute;inset:0 auto 0 0;width:45%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .45),transparent);animation:vn-shine 3.2s ease-in-out infinite;pointer-events:none}.vn-hero__btn--primary:hover{transform:translateY(-2px);background:var(--vn-red-deep, #D6002B);box-shadow:0 14px 40px color-mix(in srgb,var(--vn-red) 55%,transparent)}.vn-hero :focus-visible{outline:2px solid var(--vn-red);outline-offset:3px}.vn-hero__grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.vn-hero.is-ready .vn-hero__bolt{animation:vn-strike 1.1s cubic-bezier(.7,0,.2,1) both}@keyframes vn-strike{0%{clip-path:inset(-50% -50% 100% -50%);opacity:0}55%{clip-path:inset(-50%);opacity:.85}65%{opacity:.3}75%{opacity:.85}to{clip-path:inset(-50%);opacity:.85}}@keyframes vn-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media screen and (max-width:749px){.vn-hero__inner{gap:1.8rem}.vn-drop__track{height:min(48svh,44rem)}.vn-drop__card[data-pos="1"]{--x: 58%;--z: -300px;--r: -42deg;opacity:.4}.vn-drop__card[data-pos="-1"]{--x: -58%;--z: -300px;--r: 42deg;opacity:.4}.vn-drop__card[data-pos="2"],.vn-drop__card[data-pos="-2"]{opacity:0}.vn-hero__bolt{left:72%;height:46%}.vn-hero__word{font-size:34vw}.vn-hero__mark{top:8%;right:-30%;bottom:35%;left:-30%}.vn-drop__arrow{width:4rem;height:4rem}}@media(prefers-reduced-motion:reduce){.vn-hero *,.vn-hero.is-ready *{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/vn-hero.css.map */