.sp{position:relative;overflow:hidden;isolation:isolate}.sp__seam{position:absolute;inset:0 0 auto 0;height:8rem;z-index:2;pointer-events:none}.sp__seam:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgba(var(--color-foreground),.22) 18%,rgba(var(--color-button),.35) 50%,rgba(var(--color-foreground),.22) 82%,transparent)}.sp__seam:after{content:"";position:absolute;top:1px;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(0,0,0,.28),transparent)}.sp:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(120% 90% at 70% 30%,rgba(255,255,255,.05),transparent 55%);pointer-events:none}.sp__grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:clamp(3.6rem,5vw,5.6rem);align-items:center}@media screen and (min-width:750px){.sp__grid{grid-template-columns:1.05fr .95fr}.sp--image-left .sp__text{order:2}.sp--image-left .sp__media-col{order:1}}.sp__eyebrow{display:inline-flex;align-items:center;gap:.9rem;color:rgb(var(--color-link));margin-bottom:2rem}.sp__eyebrow:before{content:"";width:2.4rem;height:1px;background:rgb(var(--color-link))}.sp__heading{margin:0 0 2.2rem;text-wrap:balance}.sp__spectrum{display:flex;gap:.7rem;max-width:36rem;margin:0 0 1.2rem;list-style:none;padding:0}.sp__spectrum li{flex:1;height:.7rem;border-radius:999px;background:var(--led);opacity:.22;transform-origin:center;animation:sp-led 7s linear infinite}@keyframes sp-led{0%,to{opacity:.22;box-shadow:none;transform:scaleY(1)}6%,13%{opacity:1;box-shadow:0 0 14px 1px var(--led);transform:scaleY(1.55)}22%{opacity:.22;box-shadow:none;transform:scaleY(1)}}.sp__spectrum-label{font-family:var(--font-heading-family);font-size:1.2rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgb(var(--color-foreground));opacity:.6;margin:0 0 2.6rem}.sp__body{opacity:.84;max-width:46ch;margin:0 0 2.6rem}.sp__body>:last-child{margin-bottom:0}.sp__chips{display:flex;flex-wrap:wrap;gap:.8rem;margin:0 0 3rem;padding:0;list-style:none}.sp__chips li{font-family:var(--font-heading-family);font-size:1.2rem;font-weight:600;letter-spacing:.04em;padding:.6rem 1.2rem;border:1px solid rgba(var(--color-foreground),.22);border-radius:999px}.sp__cta{box-shadow:0 0 rgba(var(--color-button),.5);transition:box-shadow var(--duration-default, .22s) var(--ease-out),transform var(--duration-short, .12s) var(--ease-out)}.sp__cta:hover{box-shadow:0 12px 36px -10px rgba(var(--color-button),.6)}.sp__media-col{position:relative}.sp__media{position:relative;aspect-ratio:78 / 84;border-radius:calc(var(--media-radius, 8px) + 4px);overflow:hidden;border:1px solid rgba(var(--color-foreground),.14);animation:sp-halo 7s linear infinite}.sp__media,.sp__spectrum li{animation-play-state:paused}.sp.is-inview .sp__media,.sp.is-inview .sp__spectrum li{animation-play-state:running}.sp__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.sp__media:after{content:"";position:absolute;top:1.2rem;right:1.2rem;bottom:1.2rem;left:1.2rem;border:1px solid rgba(255,255,255,.18);border-radius:calc(var(--media-radius, 8px));pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) top left / 2.2rem 2.2rem no-repeat,linear-gradient(#000 0 0) top right / 2.2rem 2.2rem no-repeat,linear-gradient(#000 0 0) bottom left / 2.2rem 2.2rem no-repeat,linear-gradient(#000 0 0) bottom right / 2.2rem 2.2rem no-repeat;mask:linear-gradient(#000 0 0) top left / 2.2rem 2.2rem no-repeat,linear-gradient(#000 0 0) top right / 2.2rem 2.2rem no-repeat,linear-gradient(#000 0 0) bottom left / 2.2rem 2.2rem no-repeat,linear-gradient(#000 0 0) bottom right / 2.2rem 2.2rem no-repeat}@keyframes sp-halo{0%{box-shadow:0 0 70px -12px #ececec80}20%{box-shadow:0 0 70px -12px #3b82f68c}40%{box-shadow:0 0 70px -12px #a855f78c}60%{box-shadow:0 0 70px -12px #ff4d4d8c}80%{box-shadow:0 0 70px -12px #2fd9688c}to{box-shadow:0 0 70px -12px #ececec80}}@media screen and (max-width:749px){.sp__cta{width:100%;text-align:center}}@media(prefers-reduced-motion:reduce){.sp__spectrum li{animation:none;opacity:1}.sp__media{animation:none;box-shadow:0 32px 80px -50px #000000d9}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-spectrum-showcase.css.map */