.reading-progress{position:fixed;inset:0 0 auto;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;z-index:30;pointer-events:none}
.masthead nav a[aria-current="location"]{text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:2px}
@supports(animation-timeline:view()){
  @media(prefers-reduced-motion:no-preference){
    .hero-art img{animation:hero-depth linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
    .project-picture{overflow:hidden}
    .project-picture img{animation:project-depth linear both;animation-timeline:view();animation-range:entry 0% exit 100%}
    @keyframes hero-depth{from{transform:scale(1.09) translateY(-1.5%)}to{transform:scale(1.03) translateY(1.5%)}}
    @keyframes project-depth{from{transform:perspective(1400px) rotateX(3deg) translateY(10px) scale(.98)}to{transform:perspective(1400px) rotateX(0deg) translateY(-5px) scale(1.01)}}
  }
}
@media(max-width:760px) and (prefers-reduced-motion:no-preference){
  @keyframes hero-depth{from{transform:scale(1.045) translateY(-.5%)}to{transform:scale(1.01) translateY(.5%)}}
  @keyframes project-depth{from{transform:translateY(5px) scale(.99)}to{transform:translateY(-3px) scale(1)}}
}
@media(prefers-reduced-motion:reduce){.hero-art img,.project-picture img{animation:none!important;transform:none!important}}