.cyft{--cys-h2: 4.4rem;--cys-h2-mb: 1.6rem;--cys-h2-weight: 800;--cys-lede: 1.6rem;--cys-radius: 1.6rem;--cys-btn-radius: .6rem;--cyft-gap: clamp(1.2rem, 1.2vw, 1.6rem);--cyft-gutter: clamp(1.6rem, 3.2vw, 4.8rem);--cyft-red: #DA0402;position:relative;isolation:isolate;overflow:hidden;padding-block:var(--cyft-pt, 6.4rem) var(--cyft-pb, 6.4rem);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:var(--font-body-family),system-ui,sans-serif}.cyft .hdt-container{position:relative;z-index:1;max-inline-size:136rem;margin-inline:auto;padding-inline:max(16px,env(safe-area-inset-left,0px)) max(16px,env(safe-area-inset-right,0px))}@media(min-width:768px){.cyft .hdt-container{padding-inline:3.2rem}}.cyft:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(rgb(var(--color-foreground) / .09) 1px,transparent 1.2px) 0 0 / 2.4rem 2.4rem;-webkit-mask:radial-gradient(ellipse 70% 60% at 50% 40%,#000,transparent 100%);mask:radial-gradient(ellipse 70% 60% at 50% 40%,#000,transparent 100%);opacity:.7}.cyft .hdt-section-heading_block{text-align:center;max-inline-size:78rem;margin:0 auto clamp(3.2rem,4vw,4.8rem)}.cyft .hdt-subheading-block{margin-inline:auto;text-align:center}.cyft .hdt-subheading-block p{color:rgb(var(--color-foreground2));text-wrap:balance}.cyft:after{content:"";position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;z-index:-1;pointer-events:none;background:radial-gradient(32% 42% at 18% 28%,rgb(255 0 0 / var(--cyft-g-red, .09)),transparent 70%),radial-gradient(30% 40% at 82% 72%,rgb(214 168 72 / var(--cyft-g-gold, .12)),transparent 70%),radial-gradient(45% 55% at 62% 18%,rgb(150 160 190 / var(--cyft-g-cool, .14)),transparent 72%),radial-gradient(40% 50% at 35% 85%,rgb(255 60 60 / var(--cyft-g-red2, .05)),transparent 70%);filter:blur(40px);transform:translateZ(0)}.cyft.cy-dark{--cyft-g-red: .16;--cyft-g-gold: .12;--cyft-g-cool: .08;--cyft-g-red2: .1}@media(prefers-reduced-motion:no-preference){.cyft:after{animation:cyftDrift 28s ease-in-out infinite alternate}@keyframes cyftDrift{0%{transform:translate3d(-4%,-2%,0) rotate(0) scale(1)}50%{transform:translate3d(3%,3%,0) rotate(8deg) scale(1.06)}to{transform:translate3d(5%,-3%,0) rotate(-6deg) scale(1.02)}}}.cyft__reel{margin-inline:calc(50% - 50vw)}.cyft__track{display:grid;grid-template-columns:repeat(var(--cyft-n, 5),minmax(0,1fr));gap:var(--cyft-gap);align-items:stretch;padding-inline:var(--cyft-gutter)}.cyft .cyft__panel{--cys-radius: 1.6rem;position:relative;display:grid;grid-template-rows:auto 1fr;min-inline-size:0;margin:0;overflow:hidden;border-radius:var(--cys-radius);background:rgb(var(--color-background2));box-shadow:inset 0 0 0 1px rgb(var(--color-foreground) / .1),0 1px 2px #0000000a;transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.15,1),box-shadow .3s ease;transition-delay:calc(var(--i) * 70ms),calc(var(--i) * 70ms),0s}.cyft[data-arm] .cyft__panel{opacity:0;transform:translateY(1.6rem)}.cyft[data-arm].is-in .cyft__panel{opacity:1;transform:none}.cyft__fig{position:relative;aspect-ratio:1;margin:0;overflow:hidden;background:#ececf0}.cyft.cy-dark .cyft__fig{background:#1a1a1e}.cyft__fig img{display:block;inline-size:100%;block-size:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.15,1),opacity .3s ease,filter .3s ease}.cyft__fig.is-swap img{opacity:.15;filter:blur(6px)}@media(hover:hover)and (pointer:fine){.cyft.is-in .cyft__panel:hover{transition-delay:0s;box-shadow:inset 0 0 0 1px rgb(var(--color-foreground) / .16),0 2.4rem 4.8rem -2.4rem #00000059}}.cyft__cap{padding:1.8rem 1.8rem 2rem}.cyft__kicker{margin:0 0 .6rem;font:700 1.1rem/1 var(--font-body-family);letter-spacing:.12em;text-transform:uppercase;color:var(--cyft-red)}.cyft__h{margin:0 0 .6rem;font:800 clamp(1.7rem,1.35vw,2rem)/1.15 var(--font-heading-family),var(--font-body-family),sans-serif;letter-spacing:-.01em;color:rgb(var(--color-foreground));text-wrap:balance}.cyft__d{margin:0;font:400 1.4rem/1.5 var(--font-body-family);color:rgb(var(--color-foreground2))}.cyft__nav{display:none}.cyft__num{display:inline-flex;align-items:baseline;gap:.5rem;font:700 1.3rem/1 var(--font-body-family);letter-spacing:.06em;color:rgb(var(--color-foreground2));font-variant-numeric:tabular-nums}.cyft__num b{font-size:2.2rem;color:var(--cyft-red)}.cyft__arrows{display:flex;gap:.8rem}.cyft .cyft__arrow{inline-size:4.4rem;block-size:4.4rem;min-block-size:4.4rem;padding:0;display:inline-grid;place-items:center}.cyft .cyft__arrow svg:not(.cy-edge){inline-size:.8rem;block-size:1.2rem;position:relative;z-index:1}@media(max-width:1149px){.cyft__track{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:46%;gap:1.2rem;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;padding:.4rem var(--cyft-gutter) 5.6rem;margin-block:-.4rem -5.6rem;scroll-padding-inline:var(--cyft-gutter);scrollbar-width:none;-webkit-overflow-scrolling:touch}.cyft__track::-webkit-scrollbar{display:none}.cyft .cyft__panel{scroll-snap-align:start}.cyft__nav{display:flex;justify-content:space-between;align-items:center;gap:1.6rem;padding:2.4rem var(--cyft-gutter) 0}}@media(max-width:767px){.cyft{--cyft-gutter: 1.6rem;--cys-h2: 3.2rem}.cyft__track{grid-auto-columns:84%}.cyft__h{font-size:1.8rem}}@media(prefers-reduced-motion:reduce){.cyft .cyft__panel,.cyft__fig img{transition:none!important}.cyft[data-arm] .cyft__panel{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/cy-features.css.map */