/* Decorative movement is confined to the hero background; content stays in normal flow. */
.fan-site .fan-hero{position:relative;isolation:isolate;overflow:hidden}
.fan-site .fan-hero>:not(.fan-hero-art){position:relative;z-index:1}
.fan-site .fan-hero-art{position:absolute;inset:-80px -60px -80px 42%;pointer-events:none;opacity:.075;transform:translate3d(0,0,0)}
.fan-site .fan-hero-art::before,.fan-site .fan-hero-art::after{content:"";position:absolute;box-sizing:border-box;border-radius:50%;border-style:solid;border-color:currentColor}
.fan-site .fan-hero-art::before{width:440px;height:440px;top:-80px;right:40px;border-width:38px}
.fan-site .fan-hero-art::after{width:350px;height:350px;top:150px;right:-70px;border-width:2px}
.fan-site .fan-parallax-enabled .fan-hero-art{will-change:transform}
/* Scroll position controls the reveal; cards remain visible without JavaScript. */
.fan-site.fan-scroll-motion [data-fan-reveal-grid]>article{transform:translate3d(0,var(--fan-card-shift,0px),0);opacity:var(--fan-card-opacity,1);transition:transform .7s cubic-bezier(.22,.65,.3,1),opacity .7s cubic-bezier(.22,.65,.3,1)}
.fan-site.fan-scroll-motion [data-fan-reveal-grid]>article:is(:focus-within,.fan-motion-steady){transform:none;opacity:1;transition:none}
@media(max-width:899px),(hover:none),(pointer:coarse){
    .fan-site .fan-hero-art{transform:none!important;will-change:auto;opacity:.055}
    .fan-site.fan-scroll-motion [data-fan-reveal-grid]>article{transition-duration:.5s}
}
@media(prefers-reduced-motion:reduce){
    .fan-site .fan-hero-art{transform:none!important;will-change:auto}
    .fan-site.fan-scroll-motion [data-fan-reveal-grid]>article{transform:none!important;opacity:1!important;transition:none!important}
}
@media print{
    .fan-site .fan-hero-art{display:none}
    .fan-site.fan-scroll-motion [data-fan-reveal-grid]>article{transform:none!important;opacity:1!important;transition:none!important}
}
