/* Lume Estética: identidade de movimento (calma, sálvia e creme). Núcleo em motion-base.css. */
:root{--btn-bg:var(--sage);--orb-a:oklch(76% .06 140/.38);--orb-b:oklch(88% .05 88/.6);--glow:oklch(100% 0 0/.09)}

/* Luz do cursor: nas faixas claras o brilho é sálvia */
.contact-section{--glow:oklch(62% .07 140/.14)}
.space-section,.contact-section{position:relative;isolation:isolate}
.space-section>.container,.contact-section>.container{position:relative;z-index:1}

/* Títulos: o destaque em itálico brilha devagar, sem perder a calma do site */
.motion h1 em .w>span,.motion h2 em .w>span{animation-duration:9s}

/* Botões principais pulsam suave */
@media(prefers-reduced-motion:no-preference){
  .hero-actions .button-dark,.contact-form>.button{animation:ring 3.2s ease-out infinite}
}

/* Pausa geral: o botão de pausar movimentos do Lume também para a vida em repouso */
.motion-paused .kb,.motion-paused .pan,.motion-paused .drift,.motion-paused .shine::after,.motion-paused .orb,.motion-paused .bob,.motion-paused .nudge,.motion-paused h1 em .w>span,.motion-paused h2 em .w>span,.motion-paused .button,.motion-paused .wa-float,
.tab-hidden .kb,.tab-hidden .orb,.tab-hidden .bob,.tab-hidden .nudge{animation-play-state:paused!important}

.service,.social-post{will-change:translate}

/* O hero do Lume mantém as animações dele (a base do kit as desliga nos outros sites) */
.motion .hero-copy>*{animation:copy-intro 1s cubic-bezier(.2,.6,.2,1) both}
.motion .hero-copy>p{animation-delay:.12s}
.motion .hero-actions{animation-delay:.24s}
.motion .hero-photo img{animation:hero-life 18s cubic-bezier(.45,0,.55,1) infinite alternate;animation-play-state:paused}
@media(max-width:600px){.motion .hero-photo img{animation-duration:22s}}