/* CSS handles direct hover feedback; scroll and state changes use short, cancellable animations. */
@media(prefers-reduced-motion:no-preference){
 .nav-link,.nav-link::before,.nav-link::after{transition:color .25s,transform .35s var(--ease)}
 .button,.square-arrow,.save-button,.testimonial-controls button{transition:background .25s,color .25s}
 .button svg,.text-link svg,.header-enquire svg,.journal-arrow svg,.card-title svg{transition:transform .35s var(--ease)}
 .card-image img,.journal-thumb img,.hero-photo>img{transition:scale .7s var(--ease)}
 .card-view{transition:transform .4s var(--ease)}
 .atlas-pin,.atlas-pin strong,.atlas-tabs button{transition:background .25s,color .25s,max-width .35s var(--ease),padding .35s var(--ease)}
 .service-plus{transition:transform .4s var(--ease)}
 .service summary h3{transition:translate .4s var(--ease),color .25s}
 .toast{transition:opacity .25s,transform .35s var(--ease)}
 .process-progress span{transition:background .3s,color .3s}
}
@media(hover:hover){
 .nav-link:hover{color:var(--paper)}.nav-link:hover::before{transform:scaleX(1)}.nav-link:hover::after{transform:scale(1)}
 .button:hover svg,.text-link:hover svg,.header-enquire:hover svg{transform:translateX(5px)}
 .button-dark:hover{background:#c84328}.button-coral:not(:disabled):hover{background:var(--paper)}.button-light:hover{background:var(--ink);color:var(--paper)}
 .card-image>a:hover img,.journal-thumb:hover img,.hero-photo:hover>img{scale:1.035}
 .card-image>a:hover .card-view{transform:translateY(0)}.card-title:hover svg{transform:translate(4px,-4px) rotate(-45deg)}
 .save-button:hover,.testimonial-controls button:hover{background:var(--coral);color:var(--ink)}
 .atlas-pin:hover{background:var(--coral);color:var(--ink)}.atlas-tabs button:hover{background:#1b1d1c12}
 .service summary:hover h3{translate:12px 0;color:#bd3c23}
 .journal-row:hover .journal-arrow svg{transform:translate(4px,-4px) rotate(-45deg)}
 .filter-tabs button:not([aria-pressed=true]):hover{background:#dedfd7}
}
.card-image>a:focus-visible .card-view{transform:none}.nav-link:focus-visible{color:var(--paper)}.nav-link:focus-visible::before{transform:scaleX(1)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.process-card{position:relative;top:auto}.process-intro{position:static}}