/* Two independent contexts, each with synchronized ambient image layers. */
.hero-backgrounds{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none;background:#1e211d}
.hero-backdrop{position:absolute;inset:0;opacity:0;overflow:hidden;will-change:opacity}
.hero-backgrounds[data-active=barbearia] .backdrop-barbearia,.hero-backgrounds[data-active=salao] .backdrop-salao{opacity:1}
.backdrop-barbearia{--hero-photo:url('/assets/barbearia-hero.webp')}
.backdrop-salao{--hero-photo:url('/assets/salao-hero.webp')}
.hero-photo{position:absolute;inset:-4%;background-image:var(--hero-photo);background-size:cover;background-position:100% 35%;transform-origin:100% 35%;animation:business-drift 32s ease-in-out infinite alternate;will-change:transform}
.hero-photo.photo-b{opacity:0;animation:business-drift 32s ease-in-out infinite alternate,business-light 64s ease-in-out infinite;filter:brightness(1.075);will-change:transform,opacity}
.hero:before{background:linear-gradient(180deg,rgba(12,17,15,.40),rgba(12,17,15,.58) 42%,rgba(12,17,15,.73) 78%,rgba(12,17,15,.84)),linear-gradient(90deg,rgba(12,17,15,.2),transparent 65%)}
.hero[data-background-error=true]{background:#203d35}
.hero.motion-paused .hero-photo,.motion-paused .hero-photo,.tab-hidden .hero-photo{animation-play-state:paused}
.hero-backdrop:not(:first-child) .hero-photo{animation-play-state:paused}
.hero-backgrounds[data-active=salao] .backdrop-salao .hero-photo{animation-play-state:running}
.hero-backgrounds[data-active=salao] .backdrop-barbearia .hero-photo{animation-play-state:paused}
.motion-paused .hero-backgrounds .hero-photo,.tab-hidden .hero-backgrounds .hero-photo,.hero.motion-paused .hero-backgrounds .hero-photo{animation-play-state:paused}
@keyframes business-drift{from{transform:translate3d(-1.2%,.45%,0) scale(1.02)}to{transform:translate3d(1.2%,-.45%,0) scale(1.09)}}
@keyframes business-light{0%,100%{opacity:0}50%{opacity:1}}
@media(max-width:700px){.hero-photo{inset:-5%;background-position:90% 35%;transform-origin:90% 35%;animation-duration:40s}.hero-photo.photo-b{animation-duration:40s,70s}.hero:before{background:linear-gradient(180deg,rgba(12,17,15,.52),rgba(12,17,15,.68) 33%,rgba(12,17,15,.78) 66%,rgba(12,17,15,.82))}}
@media(prefers-reduced-motion:reduce){.hero-backdrop{transition:none}.hero-photo{animation:none;transform:none;will-change:auto}.hero-photo.photo-b{display:none}}