/* One entrance, then motion only in response to interaction. */
.hero-inner,.services{animation:none}
.service-body{z-index:2}
.service:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;background:radial-gradient(ellipse 430px 300px at var(--light-x,50%) var(--light-y,30%),rgba(255,227,166,.16),transparent 75%);transition:opacity 250ms ease-out}
.outline{transition:background-color 200ms ease-out,color 200ms ease-out,transform 160ms ease-out}
.outline:active{transform:scale(.98)}
.service-link svg{transition:transform 250ms cubic-bezier(.23,1,.32,1)}
.service-link:focus-visible svg{transform:translateX(4px)}
@media(prefers-reduced-motion:no-preference){
 .hero:before{animation:scene-settle 1700ms cubic-bezier(.23,1,.32,1) backwards;transform-origin:80% 60%}
 .hero h1{animation:title-arrive 850ms cubic-bezier(.23,1,.32,1) backwards}
 .motto{animation:title-arrive 650ms 120ms cubic-bezier(.23,1,.32,1) backwards}
 .service{animation:panel-arrive 750ms 160ms cubic-bezier(.23,1,.32,1) backwards}
 .service:nth-child(2){animation-delay:230ms}
 .motto:before,.motto:after{animation:line-arrive 850ms 300ms cubic-bezier(.23,1,.32,1) backwards}
 .motto:before{transform-origin:right}.motto:after{transform-origin:left}
 @keyframes scene-settle{from{opacity:.35;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
 @keyframes title-arrive{from{opacity:.5;transform:translateY(9px)}to{opacity:1;transform:none}}
 @keyframes panel-arrive{from{opacity:.65;transform:translateY(10px)}to{opacity:1;transform:none}}
 @keyframes line-arrive{from{transform:scaleX(.2);opacity:.4}to{transform:scaleX(1);opacity:1}}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .service:hover:after{opacity:1}
 .service:hover .photo{transform:scale(1.025);transition:transform 850ms cubic-bezier(.23,1,.32,1)}
 .service:hover .service-link svg{transform:translateX(6px)}
 .header nav .outline:hover{background:var(--gold);color:var(--paper)}
}
@media(prefers-reduced-motion:reduce){.service:after{display:none}.service-link:focus-visible svg{transform:none}}