@layer motion {
  html:not(.theme-ready) *,html:not(.theme-ready) *::before,html:not(.theme-ready) *::after{transition:none!important}
  .reveal{opacity:0;transform:translateY(18px);transition:opacity var(--slow) var(--ease),transform var(--slow) var(--ease)}.reveal.is-visible{opacity:1;transform:none}.reveal[data-reveal-delay="1"]{transition-delay:80ms}.reveal[data-reveal-delay="2"]{transition-delay:160ms}
  .tilt-surface{transform-style:preserve-3d;will-change:transform;transition:transform 320ms var(--ease)}
  .project-stage.is-transitioning .project-copy-panel,.project-stage.is-transitioning .project-image-panel{opacity:.2;transform:translateY(6px)}.project-copy-panel,.project-image-panel{transition:opacity var(--normal),transform var(--normal)}
  dialog[open] .dialog-shell,dialog[open] .post-reader{animation:dialog-in var(--normal) var(--ease)}@keyframes dialog-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
  @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.tilt-surface{transform:none!important;transition:none!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
  @media(forced-colors:active){.button,.utility-button,.window,.post-card,.service-card,input,textarea,select{forced-color-adjust:auto}.post-card img,.project-image-panel img,.post-hero img{filter:none}}
  @media(prefers-reduced-transparency:reduce){.site-header,.palette-popover,.dialog-shell,.post-reader{background:var(--opaque-overlay);backdrop-filter:none}.site-header{background:var(--opaque-overlay)}}
}