/* Ajuste a opacidade da tinta para mostrar mais ou menos as fotos. */
:root { --photo-tint: .84; --photo-transition: 3200ms; }
body { position: relative; isolation: isolate; }
.photo-atmosphere { position: fixed; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; background: var(--bg); }
.photo-atmosphere__image { position: absolute; inset: -3%; width: 106%; height: 106%; object-fit: cover; object-position: center 30%; opacity: 0; filter: saturate(.55) sepia(.14); transition: opacity var(--photo-transition) ease-in-out; }
.photo-atmosphere__image.is-visible { opacity: 1; animation: photo-drift 15s ease-out both; }
.photo-atmosphere::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg,rgba(32,25,18,.88),rgba(32,25,18,.40) 55%,rgba(32,25,18,.79)),linear-gradient(0deg,var(--bg),transparent 35%,transparent 65%,rgba(32,25,18,.70)),rgba(32,25,18,var(--photo-tint)); }
header { background: rgba(32,25,18,.93); }
.stream-section { background: rgba(25,21,16,.70); }
footer { background: rgba(32,25,18,.68); }
@keyframes photo-drift { from { transform: scale(1); } to { transform: scale(1.045); } }
@media(max-width:760px) { :root { --photo-tint: .79; } .photo-atmosphere__image { object-position: center 25%; } }
@media(prefers-reduced-motion:reduce) { .photo-atmosphere__image { transition: none; animation: none !important; } }