/* Prévia fotográfica em camadas: /?realista. Não muda a capa padrão. */
body.realistic-hero .hero{background:#426b51;isolation:isolate}
body.realistic-hero .hero-media{background:#426b51}
body.realistic-hero .hero-media::after{display:block;background:linear-gradient(90deg,rgba(12,32,26,.40),rgba(12,32,26,.10) 58%,transparent),linear-gradient(0deg,rgba(12,32,26,.42),transparent 25%);z-index:2}
.realistic-scene{position:absolute;inset:0;overflow:hidden;contain:paint}
.realistic-landscape{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% 50%}
.realistic-scene.paused *{animation-play-state:paused!important}
body.realistic-hero .hero h1{text-shadow:0 2px 24px #102f2720}
.hero-version-switch{display:flex;width:max-content;max-width:100%;gap:3px;margin-top:20px;padding:4px;border:1px solid #f2f0e84d;border-radius:999px;background:#082e2c70;color:#f7fff1;backdrop-filter:blur(9px)}
.hero-version-switch a{display:flex;min-height:44px;align-items:center;justify-content:center;padding:0 15px;border-radius:999px;font-size:10px;font-weight:600;letter-spacing:.02em;transition:background .2s,color .2s}
.hero-version-switch a:hover{background:#f2f0e81f}
.hero-version-switch a[aria-current="page"]{background:#f2f0e8;color:#183f35}
@media(max-width:860px){.realistic-landscape{object-position:70% center}}
@media(max-width:540px){body.realistic-hero .hero-media::after{background:linear-gradient(180deg,#102f2766,transparent 70%,#102f2755)}.realistic-landscape{object-position:76% center}.hero-version-switch{margin-top:17px}.hero-version-switch a{padding-inline:12px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.realistic-scene *{animation:none!important}}