/* Shared cinematic WebP heroes. Existing type, grid, height and CTA positions are retained. */
.unified-hero[data-hero-motion] .unified-art{inset:0;opacity:1;pointer-events:none;overflow:hidden}
.unified-hero[data-hero-motion]::before{background:linear-gradient(90deg,rgba(16,20,18,.94) 0%,rgba(16,20,18,.83) 29%,rgba(16,20,18,.58) 50%,rgba(16,20,18,.13) 79%,rgba(16,20,18,.08) 100%),linear-gradient(0deg,rgba(16,20,18,.34),transparent 28%)}
.hero-frame{position:absolute;inset:0;display:block;overflow:hidden}
.unified-hero[data-hero-motion] .hero-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:70% 50%;transform:scale(1.035);transform-origin:70% 50%;animation:hiddenad-hero-drift 26s ease-in-out infinite alternate;animation-play-state:paused}
.hero-frame-next{opacity:0;animation:hiddenad-hero-dissolve 36s linear infinite;animation-play-state:paused}
.unified-hero[data-hero-motion] .hero-frame-next img{animation-direction:alternate-reverse;transform-origin:65% 55%}
.unified-hero[data-hero-state="playing"] .hero-frame img,.unified-hero[data-hero-state="playing"] .hero-frame-next{animation-play-state:running}
.hero-motion-toggle{position:absolute;z-index:3;right:max(48px,calc((100% - 1320px)/2));bottom:20px;display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:44px;padding:7px 15px;border:1px solid #e8e4d35c;border-radius:3px;background:#171916a8;color:#f5f2e8;font:inherit;font-size:20px;line-height:1.3;cursor:pointer}
.hero-motion-toggle[hidden]{display:none}
.hero-motion-toggle:hover{background:#171916e8;border-color:#e8e4d3a8}
.hero-motion-toggle:focus-visible{outline:2px solid #e0c999;outline-offset:4px}
.hero-motion-icon{display:block;position:relative;width:12px;height:14px;flex:none;border-left:3px solid currentColor;border-right:3px solid currentColor}
.hero-motion-toggle[aria-pressed="true"] .hero-motion-icon{width:0;height:0;border:7px solid transparent;border-left:11px solid currentColor;border-right:0}
.unified-hero[data-hero-static] .hero-frame img,.unified-hero[data-hero-static] .hero-frame-next{animation:none}
.unified-hero[data-hero-static] .hero-frame-next{opacity:0}
@keyframes hiddenad-hero-drift{from{transform:scale(1.035) translate3d(.3%,0,0)}to{transform:scale(1.10) translate3d(-.7%,-.5%,0)}}
@keyframes hiddenad-hero-dissolve{0%,38%,100%{opacity:0}50%,88%{opacity:1}}
@media(max-width:1150px){.hero-motion-toggle{right:32px}}
@media(max-width:700px){
 .unified-hero[data-hero-motion]::before{background:linear-gradient(90deg,rgba(16,20,18,.91),rgba(16,20,18,.72) 60%,rgba(16,20,18,.52)),linear-gradient(0deg,rgba(16,20,18,.5),transparent 36%)}
 .unified-hero[data-hero-motion] .hero-frame img{object-position:72% 50%;transform-origin:72% 50%}
 .hero-motion-toggle{right:20px;bottom:20px;min-height:44px;padding-inline:13px}
}
@media(max-width:380px){.hero-motion-toggle{right:16px}}
@media(prefers-reduced-motion:reduce){
 .unified-hero[data-hero-motion] .hero-frame img,.hero-frame-next{animation:none!important}
 .hero-frame-next{opacity:0!important}
 .hero-motion-toggle{display:none!important}
}
