.radar-feature{position:relative;background:var(--radar-forest);color:var(--radar-cream);overflow:hidden;padding:clamp(56px,7vw,104px) 20px clamp(64px,7vw,104px);isolation:isolate}.radar-feature:before{content:"";position:absolute;z-index:-1;width:46vw;height:46vw;max-width:620px;max-height:620px;left:-8vw;top:-10vw;border-radius:50%;background:radial-gradient(circle,#d8f42b29,#0c2f6300 68%)}.radar-feature__court{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--radar-mint)}.radar-feature__inner{display:grid;gap:clamp(32px,4vw,64px);max-width:1280px;margin:0 auto;align-items:center}.radar-feature__media{position:relative;display:flex;justify-content:center}.radar-feature__streak{position:absolute;z-index:0;left:-6%;right:-6%;top:50%;height:clamp(90px,12vw,150px);transform:translateY(-50%) rotate(-7deg);background:linear-gradient(90deg,#d8f42b00,#d8f42b38,#d8f42b00);border-radius:999px}.radar-feature__card{position:relative;z-index:1;width:min(420px,86%);aspect-ratio:4 / 5;border-radius:26px;overflow:hidden;border:1px solid rgba(241,245,250,.22);box-shadow:0 30px 60px #00000059;transform:rotate(-5deg);transition:transform .5s var(--radar-ease-out),box-shadow .5s var(--radar-ease-out)}.radar-feature__image,.radar-feature__placeholder{display:block;width:100%;height:100%;object-fit:cover}.radar-feature__image{transform:scale(1.08)}.radar-feature__placeholder svg{width:100%;height:100%;fill:#f1f5fa1f}.radar-feature__model{position:relative;display:block;width:100%;height:100%;background:radial-gradient(circle at 50% 42%,#164a94,#081f45 78%)}.radar-feature__viewer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;cursor:grab;--poster-color: transparent;--progress-bar-color: var(--radar-mint);--progress-mask: transparent;opacity:0;transition:opacity .6s var(--radar-ease-out)}.radar-feature__model.is-ready .radar-feature__viewer{opacity:1}.radar-feature__viewer:active{cursor:grabbing}.radar-feature__poster{pointer-events:none;transition:opacity .6s var(--radar-ease-out)}.radar-feature__model.is-ready .radar-feature__poster{opacity:0}.radar-feature__hint{position:absolute;z-index:2;right:14px;bottom:14px;padding:6px 12px;border-radius:999px;background:#0c2f63b8;border:1px solid var(--radar-cream-faint);color:var(--radar-cream);font-family:var(--radar-font-display);font-size:.625rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;opacity:0;transition:opacity .4s var(--radar-ease-out);pointer-events:none}.radar-feature__model.is-ready .radar-feature__hint{opacity:1}.radar-feature__model.is-failed .radar-feature__hint{display:none}.radar-feature__card--model{transform:rotate(-2deg)}@media screen and (hover:hover){.radar-feature__card--model:hover{transform:rotate(-2deg);box-shadow:0 30px 60px #00000059}}@media screen and (hover:hover){.radar-feature__card:hover{transform:rotate(-2deg) translateY(-8px);box-shadow:0 40px 80px #0000006b}}.radar-feature__eyebrow{margin:0 0 14px}.radar-feature__heading{margin:0;color:var(--radar-cream);font-size:clamp(2rem,3.4vw,3.2rem);line-height:1.04}.radar-feature__line{display:block;width:84px;height:2px;margin:20px 0 0;background:var(--radar-mint);transform-origin:left center}.radar-feature__text,.radar-feature__text p{color:var(--radar-cream-soft)}.radar-feature__text{margin:18px 0 0;max-width:46ch}.radar-feature__points{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none}.radar-feature__point{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid var(--radar-cream-faint);border-radius:999px;font-family:var(--radar-font-display);font-size:.6875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--radar-cream)}.radar-feature__point:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--radar-mint)}.radar-feature__button{margin-top:28px;align-self:flex-start}.radar-feature__copy{display:flex;flex-direction:column;align-items:flex-start}.radar-feature--light{background:var(--radar-cream);color:var(--radar-ink)}.radar-feature--light:before{background:radial-gradient(circle,#d8f42b38,#f1f5fa00 68%)}.radar-feature--light .radar-feature__heading{color:var(--radar-ink)}.radar-feature--light .radar-feature__text,.radar-feature--light .radar-feature__text p{color:var(--radar-ink-soft)}.radar-feature--light .radar-feature__point{border-color:var(--radar-ink-faint);color:var(--radar-ink)}.radar-feature--light .radar-feature__card{border-color:var(--radar-ink-faint);box-shadow:0 30px 60px #0c2f632e}.radar-feature--light .radar-feature__streak{background:linear-gradient(90deg,#d8f42b00,#d8f42b80,#d8f42b00)}@media screen and (hover:hover){.radar-feature--light .radar-feature__card:hover{box-shadow:0 40px 80px #0c2f633d}}@media only screen and (min-width:900px){.radar-feature__inner{grid-template-columns:1fr 1fr}.radar-feature--right .radar-feature__media{order:2}.radar-feature--right .radar-feature__card{transform:rotate(5deg)}.radar-feature--right .radar-feature__streak{transform:translateY(-50%) rotate(7deg)}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.radar-feature__card{animation:radar-feature-card linear both;animation-timeline:view();animation-range:entry 8% cover 42%}.radar-feature--right .radar-feature__card{animation-name:radar-feature-card-right}.radar-feature__card--model{animation-name:radar-feature-card-model}.radar-feature__streak{animation:radar-feature-streak linear both;animation-timeline:view();animation-range:entry 8% cover 46%}.radar-feature__line{animation:radar-feature-line linear both;animation-timeline:view();animation-range:entry 20% cover 40%}.radar-feature__copy>*{animation:radar-feature-rise linear both;animation-timeline:view();animation-range:entry 12% cover 38%}}}@keyframes radar-feature-card{0%{transform:rotate(-11deg) translateY(46px) scale(.94);opacity:.35}to{transform:rotate(-5deg) translateY(0) scale(1);opacity:1}}@keyframes radar-feature-card-model{0%{transform:rotate(-7deg) translateY(46px) scale(.94);opacity:.35}to{transform:rotate(-2deg) translateY(0) scale(1);opacity:1}}@keyframes radar-feature-card-right{0%{transform:rotate(11deg) translateY(46px) scale(.94);opacity:.35}to{transform:rotate(5deg) translateY(0) scale(1);opacity:1}}@keyframes radar-feature-streak{0%{transform:translateY(-50%) rotate(-7deg) scaleX(.35);opacity:0}to{transform:translateY(-50%) rotate(-7deg) scaleX(1);opacity:1}}@keyframes radar-feature-line{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes radar-feature-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.radar-feature__card,.radar-feature__streak,.radar-feature__line,.radar-feature__copy>*{animation:none;opacity:1}.radar-feature__card{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/radar-feature.css.map */