.hero-rotation{position:relative;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 .36em;max-inline-size:100%;min-block-size:2.5rem;margin:.8rem 0 1rem;padding-inline-end:2.7rem;font-family:inherit;font-size:clamp(1.05rem,1.5vw,1.45rem);font-weight:600;line-height:1.45;letter-spacing:-.015em}
.product-hero .hero-rotation{color:#c6d0f0;--hero-motion-accent:#b9c8ff;max-inline-size:32rem}
.hero-motion-prefix{flex:none}
.hero-motion-words{display:grid;min-inline-size:0;max-inline-size:100%;color:var(--hero-motion-accent,inherit)}
.hero-motion-words>span{grid-area:1/1;min-inline-size:0;overflow-wrap:normal}
.hero-motion-sizing{visibility:hidden;pointer-events:none}
.hero-motion-live{text-decoration:underline;text-decoration-thickness:.045em;text-underline-offset:.24em;text-decoration-color:color-mix(in srgb,currentColor 40%,transparent)}
.hero-motion-cursor{display:inline-block;inline-size:.55em;animation:hero-cursor 1s step-end infinite;text-decoration:none}
.hero-motion-toggle{position:absolute;inset-inline-end:0;inset-block-start:-.2rem;display:grid;place-items:center;inline-size:2.5rem;block-size:2.5rem;border:1px solid color-mix(in srgb,currentColor 25%,transparent);border-radius:50%;background:transparent;color:inherit;opacity:.6;cursor:pointer}
.hero-motion-toggle[hidden]{display:none}
.hero-motion-toggle:hover,.hero-motion-toggle:focus-visible{opacity:1}
.hero-motion-toggle:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.hero-motion-accessible{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
[data-hero-state="paused"] .hero-motion-cursor{animation:none;opacity:.4}
[data-hero-state="static"] .hero-motion-cursor{visibility:hidden;animation:none}
@keyframes hero-cursor{50%{opacity:0}}
@view-transition{navigation:auto}
::view-transition-old(root){animation:hero-page-out .16s ease both}
::view-transition-new(root){animation:hero-page-in .24s ease both}
@keyframes hero-page-out{to{opacity:0}}
@keyframes hero-page-in{from{opacity:.35}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.hero-motion-cursor{animation:none;visibility:hidden}::view-transition-old(root),::view-transition-new(root){animation:none}}