/* Motion enhances the existing content; nothing depends on animation to be visible. */
.scroll-progress{position:fixed;inset:0 auto auto 0;width:100%;height:3px;z-index:100;background:linear-gradient(90deg,#b49763,#e6d3a9);transform:scaleX(0);transform-origin:left;pointer-events:none}
header{transition:box-shadow .3s,background .3s}header.is-scrolled{box-shadow:0 5px 24px #062d5012;background:rgba(255,255,255,.98)}
nav a{position:relative}nav a:after{content:'';position:absolute;left:0;right:0;bottom:-10px;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .3s}nav a[aria-current="location"]:after,nav a:hover:after{transform:scaleX(1)}
.hero-art{overflow:hidden}.hero-copy .pill{animation:hero-in .75s both}.hero-copy h1{animation:hero-in .9s .12s both}.hero-copy>p{animation:hero-in .9s .24s both}.hero-copy .actions{animation:hero-in .9s .36s both}.hero-art>img{animation:scene-in 1.8s ease-out both}.scroll-label{animation:scroll-hint 2s ease-in-out 3}
.btn{transition:background .25s,transform .25s,box-shadow .25s}.btn>span{display:inline-block;transition:transform .25s}.btn:hover>span{transform:translate(3px,-2px)}.btn:hover{box-shadow:0 8px 22px #062d5020}.btn:active{transform:translateY(1px);box-shadow:none}
.tab{transition:color .25s,background .25s,border-color .25s}.tab:hover{background:#173e3308}.tab[aria-selected="true"]{background:#173e3308}.consider article{transition:transform .3s,box-shadow .3s}.zoom{transition:background .25s,box-shadow .25s}.zoom:hover{background:#f0f3ed;box-shadow:0 4px 15px #173e3315}.floating a,.floating button{transition:background .25s,transform .25s}.floating a:active,.floating button:active{transform:scale(.97)}
dialog[open]{animation:dialog-in .25s ease-out}dialog[open]::backdrop{animation:backdrop-in .25s ease-out}.faq details[open]>p{animation:hero-in .3s ease-out}
@media(hover:hover) and (pointer:fine){.consider article:hover{transform:translateY(-5px)}.floating a:hover,.floating button:hover{transform:translateY(-3px)}}
@keyframes hero-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes scene-in{from{opacity:.4;transform:scale(1.045)}to{opacity:1;transform:scale(1)}}
@keyframes scroll-hint{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@keyframes dialog-in{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
@keyframes backdrop-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}.scroll-progress{display:none}}