use-cases-rail{display:block}.use-cases__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}.use-cases__caption{margin:0 0 12px;color:var(--text-mute)}.use-cases__heading{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-.02em;color:var(--text-heading)}.use-cases__nav{display:none;gap:10px;flex-shrink:0}.use-cases__arrow{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1px solid rgba(var(--color-foreground),.2);border-radius:50%;background:none;color:rgb(var(--color-foreground));cursor:pointer;transition:border-color var(--dur-hover) ease,opacity var(--dur-hover) ease}.use-cases__arrow:hover:not([disabled]){border-color:rgba(var(--color-foreground),.6)}.use-cases__arrow[disabled]{opacity:.3;cursor:default}.use-cases__arrow svg{width:20px;height:20px}.use-cases__rail{display:flex;gap:16px;margin:0;padding:0;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}.use-cases__rail::-webkit-scrollbar{display:none}.use-cases__card{flex:0 0 min(78vw,320px);scroll-snap-align:start}.use-cases__link{position:relative;display:block;overflow:hidden;border-radius:var(--radius-card);aspect-ratio:4 / 5;background:var(--stage-gradient);color:#fff;text-decoration:none}.use-cases__media,.use-cases__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.use-cases__image{object-fit:cover;transition:transform .6s ease}.use-cases__image--placeholder{display:flex;align-items:center;justify-content:center}@media(prefers-reduced-motion:no-preference){a.use-cases__link:hover .use-cases__image{transform:scale(1.04)}}.use-cases__body{position:absolute;left:0;right:0;bottom:0;padding:72px 20px 20px;background:linear-gradient(0deg,rgba(10,10,10,.85) 0%,rgba(10,10,10,.55) 55%,transparent 100%)}.use-cases__mode{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--radius-pill);background:#0a0a0a8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px;font-weight:600;letter-spacing:.02em}.use-cases__dot{width:8px;height:8px;border-radius:50%;background:#8a8a8a}.use-cases__mode--live .use-cases__dot{background:#9b7be8}.use-cases__mode--sleep .use-cases__dot{background:#2e7bff}.use-cases__title{margin:14px 0 0;font-family:var(--font-display);font-size:22px;font-weight:700;line-height:1.2;color:#fff}.use-cases__text{margin:6px 0 0;font-size:14px;line-height:1.5;color:#ffffffd9}.use-cases__link:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:3px}@media screen and (min-width:750px){.use-cases__card{flex-basis:calc((100% - 32px) / 2.4)}}@media screen and (min-width:990px){.use-cases__nav{display:flex}.use-cases__card{flex-basis:calc((100% - 48px)/4)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-use-cases.css.map */