/* Depth and short, progressive interactions; no looping or scroll interception. */
.fs-premium-hero-photo{box-shadow:0 3px 0 #d5e6e3,0 22px 50px -26px #102f465c}
.fs-premium-home .fs-portal-card{box-shadow:0 2px 0 #e2ece9,0 12px 28px -23px #102f4647}
@media(prefers-reduced-motion:no-preference){
 .fs-button{transition:background-color .2s,box-shadow .25s,transform .25s}
 .fs-button:hover{transform:translateY(-2px);box-shadow:0 9px 20px -10px #102f4670}
 .fs-button:active{transform:translateY(0)}
 .fs-button .fs-icon,.fs-portal-card-link .fs-icon{transition:translate .25s}
 .fs-button:hover .fs-icon,.fs-portal-card:hover .fs-portal-card-link .fs-icon{translate:3px 0}
 html[dir=rtl] .fs-button:hover .fs-icon,html[dir=rtl] .fs-portal-card:hover .fs-portal-card-link .fs-icon{translate:-3px 0}
 .fs-faq-item[open]>:not(summary){animation:fs-answer-in .25s ease-out}
 @keyframes fs-answer-in{from{opacity:.35;translate:0 -5px}to{opacity:1;translate:0 0}}
}
@media(prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){
 .fs-depth-card{position:relative;isolation:isolate;transform:perspective(1100px) rotateX(var(--fs-rest-rx,0deg)) rotateY(var(--fs-rest-ry,0deg)) translateY(0);transition:transform .5s cubic-bezier(.2,.65,.25,1),box-shadow .4s,border-color .3s}
 .fs-premium-hero-photo.fs-depth-card{--fs-rest-rx:1deg;--fs-rest-ry:-3deg}
 html[dir=rtl] .fs-premium-hero-photo.fs-depth-card{--fs-rest-ry:3deg}
 .fs-depth-card::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;opacity:0;background:radial-gradient(circle at var(--fs-glow-x,50%) var(--fs-glow-y,25%),#ffffff4d,transparent 58%);box-shadow:inset 0 0 0 1px #ffffff40;transition:opacity .35s}
 .fs-depth-card.is-depth-active,.fs-depth-card.is-depth-active:hover{transform:perspective(1100px) rotateX(var(--fs-rx,0deg)) rotateY(var(--fs-ry,0deg)) translateY(-7px);box-shadow:0 3px 0 #d5e6e3,0 24px 42px -19px #102f4663;border-color:#9fc9c1;transition-duration:.12s,.35s,.3s;will-change:transform}
 .fs-depth-card.is-depth-active::after{opacity:1}
 .fs-depth-card:focus-visible{transform:perspective(1100px) translateY(-4px)}
}
@media(prefers-reduced-motion:reduce){
 .fs-depth-card,.fs-depth-card:hover,.fs-button,.fs-button:hover,.fs-button:active{transform:none!important;transition:none!important}
 .fs-depth-card::after{display:none}
 .fs-button .fs-icon,.fs-portal-card-link .fs-icon{translate:none!important;transition:none!important}
 .fs-faq-item[open]>:not(summary){animation:none!important}
}