.section-hero-lineup{margin:0}.hero-lineup{--lineup-size: clamp(22rem, 33vh, 38rem);--lineup-active-glow: var(--lineup-bloom, 176, 20, 43);background:#050505;color:#fff;display:block;overflow:hidden;position:relative}.hero-lineup__field{top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;z-index:0}.hero-lineup__bloom--floor{background:radial-gradient(ellipse at 50% 50%,rgba(var(--lineup-active-glow, 176, 20, 43),.85),rgba(var(--lineup-active-glow, 176, 20, 43),0) 70%);bottom:-22vh;filter:blur(30px);height:46vh;left:50%;opacity:calc(var(--lineup-bloom-strength, .55) * .8);position:absolute;transform:translate(-50%);width:118vw}.hero-lineup__bloom--crown{background:radial-gradient(ellipse at 50% 50%,rgba(var(--lineup-active-glow, 176, 20, 43),.4),rgba(var(--lineup-active-glow, 176, 20, 43),0) 70%);height:40vh;left:50%;opacity:calc(var(--lineup-bloom-strength, .55) * .45);position:absolute;top:-18vh;transform:translate(-50%);width:100vw}.hero-lineup__grain{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E");top:0;right:0;bottom:0;left:0;opacity:.05;position:absolute}.hero-lineup__inner{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:var(--lineup-min, 80vh);padding-bottom:3rem;padding-top:3rem;position:relative;text-align:center;z-index:1}.hero-lineup__heading{color:#fff;font-size:clamp(2.8rem,5vw,5.6rem);font-weight:800;letter-spacing:-.02em;line-height:1;margin:0 0 1.9rem;text-transform:uppercase}.hero-lineup__heading-lead{display:inline-block;font-style:italic;font-weight:300;letter-spacing:-.01em;margin-left:.22em;position:relative;text-transform:lowercase}.hero-lineup__heading-lead:after{animation:hero-lineup-underline 3.5s cubic-bezier(.37,0,.25,1) .45s forwards;background:#b0142b;border-radius:10rem;bottom:-.12em;box-shadow:0 0 1.6rem #b0142b80;content:"";height:.085em;left:0;position:absolute;right:0;transform:scaleX(0);transform-origin:left center}@keyframes hero-lineup-underline{to{transform:scaleX(1)}}.hero-lineup__sub{color:#ffffffa8;font-size:1.6rem;line-height:1.5;margin:0 auto;max-width:52ch}.hero-lineup__rail{align-items:center;display:flex;justify-content:center;margin:1.4rem 0 0;position:relative;width:100%}.hero-lineup__track{height:var(--lineup-size);perspective:160rem;position:relative;transform-style:preserve-3d;width:100%}.hero-lineup__item{height:100%;left:50%;position:absolute;top:0;transform:translate3d(calc(-50% + var(--o, 0) * var(--lineup-gap, 78%)),0,0) scale(calc(1 - var(--d, 0) * .13));transition:transform .62s cubic-bezier(.22,.61,.36,1),opacity .62s ease,filter .62s ease;width:var(--lineup-size);z-index:var(--z, 1);opacity:clamp(0,calc(1 - var(--d, 0) * .3),1)}.hero-lineup__tile{align-items:flex-end;cursor:pointer;display:flex;height:100%;justify-content:center;position:relative;text-decoration:none;transform:rotate(calc(var(--lineup-tilt, 12deg) * -1));transition:transform .62s cubic-bezier(.22,.61,.36,1),filter .62s ease;filter:brightness(calc(1 - var(--d, 0) * .26)) saturate(calc(1 - var(--d, 0) * .3)) blur(calc(var(--d, 0) * .9px))}.hero-lineup__item.is-active .hero-lineup__tile{filter:none;transform:rotate(0)}.hero-lineup__product{display:block;position:relative;width:100%}.hero-lineup__img{display:block;height:auto;position:relative;width:100%;z-index:2}.hero-lineup__contact{background:radial-gradient(ellipse at 50% 50%,#000000d9,#0000 70%);bottom:-3%;height:12%;left:50%;position:absolute;transform:translate(-50%);width:80%;z-index:0}.hero-lineup__halo{background:radial-gradient(ellipse at 50% 60%,rgba(var(--item-glow, var(--lineup-bloom, 176, 20, 43)),.5),rgba(var(--item-glow, var(--lineup-bloom, 176, 20, 43)),0) 68%);filter:blur(24px);top:-14%;right:-22%;bottom:-14%;left:-22%;opacity:0;position:absolute;transition:opacity .62s ease;z-index:0}.hero-lineup__item.is-active .hero-lineup__halo{opacity:.9}.hero-lineup__plate{display:flex;flex-direction:column;gap:.6rem;left:50%;position:absolute;top:calc(100% + 1.2rem);transform:translate(-50%);white-space:nowrap;width:max-content}.hero-lineup__name,.hero-lineup__meta{opacity:0;transform:translateY(-1.5rem);transition:opacity .3s ease,transform .36s cubic-bezier(.22,.61,.36,1)}.hero-lineup__item.is-active .hero-lineup__name,.hero-lineup__item.is-active .hero-lineup__meta{opacity:1;transform:translateY(0)}.hero-lineup__item.is-active .hero-lineup__name{transition-delay:.14s}.hero-lineup__item.is-active .hero-lineup__meta{transition-delay:.22s}.hero-lineup__name{color:#fff;font-size:clamp(1.8rem,2.2vw,2.4rem);font-weight:700;letter-spacing:-.01em}.hero-lineup__meta{align-items:center;color:#ffffffb8;display:flex;font-size:1.4rem;gap:.6rem;justify-content:center;letter-spacing:.02em}.hero-lineup__variant{text-transform:uppercase;letter-spacing:.12em;font-size:1.15rem}.hero-lineup__dot{color:#ffffff57}.hero-lineup__price{color:#fff;font-weight:600}.hero-lineup__arrow{align-items:center;background:#0a0a0a8c;border:.1rem solid rgba(255,255,255,.24);border-radius:50%;color:#fff;cursor:pointer;display:flex;height:4.8rem;justify-content:center;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:background .25s ease,border-color .25s ease;width:4.8rem;z-index:200}.hero-lineup__arrow svg{height:2.2rem;width:2.2rem}.hero-lineup__arrow--prev{left:0}.hero-lineup__arrow--next{right:0}.hero-lineup__arrow:hover{background:rgba(var(--lineup-bloom, 176, 20, 43),.6);border-color:#ffffffb3}.hero-lineup__arrow:focus-visible{outline:.2rem solid #fff;outline-offset:.3rem}.hero-lineup__foot{align-items:center;display:flex;flex-direction:column;gap:1.8rem;margin-top:10rem;position:relative;z-index:2}.hero-lineup__cta{display:inline-block;position:relative;text-decoration:none}.hero-lineup__cta-face{background:#fff;border-radius:10rem;color:#050505;display:block;font-size:1.4rem;font-weight:600;padding:1.3rem 3rem;transition:background .3s ease}.hero-lineup__cta:hover .hero-lineup__cta-face{background:#ffffffe0}.hero-lineup__cta:focus-visible{outline:.2rem solid #fff;outline-offset:.4rem;border-radius:10rem}.hero-lineup__dots{display:flex;gap:1rem}.hero-lineup__dot-btn{background:none;border:0;cursor:pointer;display:block;height:2.4rem;padding:0;position:relative;width:2.4rem}.hero-lineup__dot-btn:after{background:#ffffff47;border-radius:50%;content:"";height:.7rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background .25s ease,width .25s ease;width:.7rem}.hero-lineup__dot-btn.is-active:after{background:#fff;border-radius:1rem;width:2rem}.hero-lineup__dot-btn:focus-visible{outline:.2rem solid #fff;outline-offset:0}.hero-lineup__all{border-bottom:.1rem solid rgba(255,255,255,.3);color:#ffffffb8;font-size:1.4rem;padding-bottom:.2rem;text-decoration:none;transition:color .25s ease,border-color .25s ease}.hero-lineup__all:hover{border-color:#fff;color:#fff}@media screen and (max-width:989px){.hero-lineup{--lineup-size: clamp(18rem, 30vh, 26rem)}.hero-lineup__item{transform:translate3d(calc(-50% + var(--o, 0) * var(--lineup-gap, 78%) * .92),0,0) scale(calc(1 - var(--d, 0) * .17))}}@media screen and (max-width:749px){.hero-lineup__inner{padding-bottom:3.2rem;padding-top:3.2rem}.hero-lineup{--lineup-size: min(56vw, 30vh)}.hero-lineup__item{transform:translate3d(calc(-50% + var(--o, 0) * 72%),0,0) scale(calc(1 - var(--d, 0) * .22));opacity:clamp(0,calc(1 - var(--d, 0) * .55),1)}.hero-lineup__arrow{height:4.4rem;width:4.4rem}.hero-lineup__arrow--prev{left:-.6rem}.hero-lineup__arrow--next{right:-.6rem}.hero-lineup__foot{gap:1.6rem;margin-top:10rem}.hero-lineup__sub{font-size:1.45rem}.hero-lineup__name{font-size:1.7rem}}@media(prefers-reduced-motion:reduce){.hero-lineup__item,.hero-lineup__tile,.hero-lineup__halo{transition:none}.hero-lineup__heading-lead:after{animation:none;transform:scaleX(1)}.hero-lineup__name,.hero-lineup__meta{transform:none;transition:opacity .2s ease}.hero-lineup__item.is-active .hero-lineup__name,.hero-lineup__item.is-active .hero-lineup__meta{transform:none;transition-delay:0s}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-hero-lineup.css.map */