.motion-toggle{position:absolute;bottom:-2.125rem;right:0.625rem;width:2.125rem;height:2.125rem;display:grid;place-items:center;border:0.0625rem solid var(--ink);background:white;border-radius:50%;color:var(--ink);z-index:2;font-size:0.8125rem;line-height:1;box-shadow:0.125rem 0.125rem 0 var(--ink)}
.motion-toggle[aria-pressed=true]{background:var(--yellow)}
.clinic-art{display:block;width:100%;height:auto;aspect-ratio:640/600;overflow:visible}
@media(max-width:680px){
  .hero-art{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.75rem}
  .hero-art .clinic-art{grid-column:1/-1;margin-bottom:0.25rem}
  .hero-art .sticker{position:relative;inset:auto;width:auto;transform:none;padding:0.8125rem;align-self:stretch}
  .hero-art .motion-toggle{top:0;bottom:auto;right:0}
}
@media(prefers-reduced-motion:no-preference){
  .motion-active .reveal{transition:opacity .65s ease,translate .65s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
  .motion-active .reveal:not(.is-visible){opacity:0;translate:0 1.5rem}
  .motion-active .hero-copy>*{animation:hero-enter .7s cubic-bezier(.2,.7,.2,1) backwards}
  .motion-active .hero-copy h1{animation-delay:80ms}
  .motion-active .hero-copy .tag{animation-delay:160ms}
  .motion-active .hero-copy .lead{animation-delay:240ms}
  .motion-active .hero-copy .journey{animation-delay:320ms}
  .motion-active .hero-copy .btn{animation-delay:400ms}
  .motion-active .hero-copy .cta-note,.motion-active .hero-copy .hero-proof{animation-delay:460ms}
  .motion-active .sticker{animation:sticker-float 4.8s ease-in-out infinite}
  .motion-active .s2{animation-delay:-1.2s}
  .motion-active .s3{animation-delay:-2.4s}
  .motion-active .s4{animation-delay:-3.6s}
  .motion-active .sketch-label path{stroke-dasharray:160;animation:draw-arrow 1.3s .35s ease backwards}
  .motion-active .journey li{animation:journey-step 8s ease-in-out infinite}
  .motion-active .journey li:nth-child(2){animation-delay:2s}
  .motion-active .journey li:nth-child(3){animation-delay:4s}
  .motion-active .journey li:nth-child(4){animation-delay:6s}
  .motion-active.hero-motion-sleep .hero-art *,.motion-active.hero-motion-sleep .journey li{animation-play-state:paused}
  .motion-active .service,.motion-active .format,.motion-active .system-icon{transition:translate .3s ease,box-shadow .3s ease,opacity .65s ease}
  @media(hover:hover) and (pointer:fine){.motion-active .service:hover,.motion-active .format:hover{translate:0 -0.3125rem;box-shadow:0.3125rem 0.4375rem 0 var(--ink)}}
  @keyframes hero-enter{from{opacity:0;translate:0 1.125rem}to{opacity:1;translate:0 0}}
  @keyframes sticker-float{0%,100%{translate:0 0}50%{translate:0 -0.5625rem}}
  @keyframes draw-arrow{from{stroke-dashoffset:160}to{stroke-dashoffset:0}}
  @keyframes journey-step{0%,22%,100%{background:white;box-shadow:none}5%,16%{background:var(--yellow);box-shadow:0.125rem 0.125rem 0 var(--ink)}}
}
@media(prefers-reduced-motion:reduce){.motion-toggle{display:none}.reveal{opacity:1!important;translate:none!important}}