.radar-making{background:var(--radar-cream)}.radar-making__body{max-width:1280px;margin:0 auto;padding:clamp(20px,2.5vw,32px) 20px clamp(48px,6vw,96px)}.radar-making__grid{display:flex;overflow-x:auto;overflow-y:hidden;gap:14px;margin:0;padding:0;list-style:none;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.radar-making__grid::-webkit-scrollbar{display:none}.radar-making__item{min-width:0;flex:0 0 85%;scroll-snap-align:center}.radar-making__frame{position:relative}.radar-making__tile{position:relative;display:block;width:100%;margin:0;padding:0;aspect-ratio:9 / 16;appearance:none;-webkit-appearance:none;overflow:hidden;cursor:pointer;border:1px solid var(--radar-ink-faint);border-radius:var(--radar-radius-md);background:var(--radar-forest);color:var(--radar-cream);font:inherit;text-align:left;transition:border-color .25s var(--radar-ease-out)}.is-live .radar-making__tile{border-color:var(--radar-forest)}.radar-making__tile:focus-visible{outline:2px solid var(--radar-forest);outline-offset:3px;box-shadow:0 0 0 3px var(--radar-mint-soft)}.radar-making__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.radar-making__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#0c2f6370;transition:opacity .32s var(--radar-ease-out)}.is-live .radar-making__scrim{opacity:0}@media screen and (hover:hover){.radar-making__tile:hover .radar-making__scrim{background:#0c2f634d}}.radar-making__tile:after{content:"";position:absolute;left:0;right:0;bottom:0;height:44%;pointer-events:none;background:linear-gradient(to top,#0c2f63c2,#0c2f6300)}.radar-making__state{position:absolute;z-index:2;left:9px;bottom:9px;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;background:var(--radar-cream);color:var(--radar-forest);font-family:var(--radar-font-display);font-weight:600;font-size:.6875rem;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}.is-live .radar-making__state{background:var(--radar-forest);color:var(--radar-cream);box-shadow:inset 0 0 0 1px var(--radar-cream-faint)}.radar-making__glyph{width:8px;height:9px;background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%)}.is-live .radar-making__glyph{clip-path:none;background:linear-gradient(to right,currentColor 0 34%,transparent 34% 66%,currentColor 66% 100%)}.radar-making__meta{display:flex;align-items:baseline;gap:8px;margin:12px 0 0}.radar-making__num{font-family:var(--radar-font-display);font-weight:600;font-size:.6875rem;letter-spacing:.18em;color:var(--radar-ink-soft);transition:color .25s var(--radar-ease-out)}.is-live .radar-making__num{color:var(--radar-ink)}.radar-making__name{font-family:var(--radar-font-display);font-weight:600;font-size:.9375rem;line-height:1.25;letter-spacing:.04em;text-transform:uppercase;color:var(--radar-ink-soft);min-height:2.5em;transition:color .25s var(--radar-ease-out)}.is-live .radar-making__name{color:var(--radar-ink)}.radar-making__note{margin:6px 0 0;font-size:.875rem;line-height:1.45;color:var(--radar-ink-soft)}.radar-making__dots{display:flex;justify-content:center;align-items:center;gap:8px;margin:14px 0 0}.radar-making__dot{width:6px;height:6px;border-radius:999px;background:var(--radar-ink-faint);transition:background-color .25s var(--radar-ease-out),transform .25s var(--radar-ease-out)}.radar-making__dot.is-active{background:var(--radar-forest);transform:scale(1.3)}.radar-making__foot{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:clamp(24px,3vw,40px)}.radar-making__cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}.radar-making__ctanote{margin:0;max-width:34ch;font-size:.9375rem;color:var(--radar-ink-soft)}.radar-making__more{align-self:center}@media only screen and (min-width:700px){.radar-making__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;scroll-snap-type:none;scroll-behavior:auto}.radar-making__item{scroll-snap-align:none}.radar-making__dots{display:none}}@media only screen and (min-width:1000px){.radar-making__grid{gap:18px}.radar-making__tile{border-radius:var(--radar-radius-lg)}.radar-making__state{left:12px;bottom:12px;height:34px;padding:0 15px}}@media(prefers-reduced-motion:reduce){.radar-making__tile,.radar-making__scrim,.radar-making__num,.radar-making__name,.radar-making__dot{transition:none}.radar-making__scrim{background:#0c2f633d}.is-live .radar-making__scrim{opacity:0}.radar-making__grid{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/radar-making.css.map */