/* Scroll is still native; Lenis only eases desktop wheel input. */
html.lenis.lenis-smooth{scroll-behavior:auto!important}
html[data-motion=off],html[data-motion=off] body{scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){html,body{scroll-behavior:auto!important}}

/* V2 overlays share a short entrance/exit; native dialog semantics stay in charge. */
.preview-dialog[open]{animation:none}
@supports (transition-behavior:allow-discrete){
  @media(prefers-reduced-motion:no-preference){
    html[data-motion=on] .preview-dialog{
      --overlay-ease:var(--motion-ease,var(--ease));
      opacity:0;transform:translateY(24px) scale(.97);pointer-events:none;
      transition:opacity 180ms var(--overlay-ease),transform 180ms var(--overlay-ease),display 180ms allow-discrete,overlay 180ms allow-discrete;
    }
    html[data-motion=on] .preview-dialog[open]{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;transition-duration:280ms}
    html[data-motion=on] .preview-dialog::backdrop{
      opacity:0;pointer-events:none;
      transition:opacity 180ms var(--motion-ease,var(--ease)),display 180ms allow-discrete,overlay 180ms allow-discrete;
    }
    html[data-motion=on] .preview-dialog[open]::backdrop{opacity:1;pointer-events:auto;transition-duration:280ms}
    html[data-motion=on] .preview-dialog :is(.preview-dialog__title,.preview-dialog__intro,.preview-resource){
      opacity:0;transform:translateY(14px);
      transition:opacity 120ms var(--overlay-ease),transform 120ms var(--overlay-ease),background-color 200ms;
    }
    html[data-motion=on] .preview-dialog[open] :is(.preview-dialog__title,.preview-dialog__intro,.preview-resource){
      opacity:1;transform:translateY(0);transition-duration:250ms,250ms,200ms;
      transition-delay:var(--menu-delay,0ms),var(--menu-delay,0ms),0ms;
    }
    .preview-dialog__intro{--menu-delay:35ms}
    .preview-resource:nth-of-type(1){--menu-delay:70ms}
    .preview-resource:nth-of-type(2){--menu-delay:105ms}
    .preview-resource:nth-of-type(3){--menu-delay:140ms}
    .preview-resource:nth-of-type(4){--menu-delay:175ms}
    .preview-resource:nth-of-type(5){--menu-delay:210ms}
    .preview-resource:nth-of-type(6){--menu-delay:245ms}
    @starting-style{
      html[data-motion=on] .preview-dialog[open]{opacity:0;transform:translateY(24px) scale(.97)}
      html[data-motion=on] .preview-dialog[open]::backdrop{opacity:0}
      html[data-motion=on] .preview-dialog[open] :is(.preview-dialog__title,.preview-dialog__intro,.preview-resource){opacity:0;transform:translateY(14px)}
    }
  }
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  html[data-motion=on] .preview-resource>span:last-child{transition:transform 250ms var(--motion-ease,var(--ease))}
  html[data-motion=on] .preview-resource:is(:hover,:focus-visible)>span:last-child{transform:translate(5px,-5px)}
  html[data-motion=on] .preview-resource:is(:hover,:focus-visible){background-color:color-mix(in srgb,currentColor 7%,transparent)}
  html[data-motion=on] .preview-dialog__close{transition:transform 200ms var(--motion-ease,var(--ease)),background-color 200ms}
  html[data-motion=on] .preview-dialog__close:hover{transform:rotate(90deg);background-color:color-mix(in srgb,currentColor 9%,transparent)}
}