/* A proteção vai junto: uma seção normal, sem tela fixada ou espaço extra de scroll. */
html,body{overflow-x:clip}
.viagem{position:relative;isolation:isolate;background:var(--areia,#f7f7f3);overflow:hidden}
.viagem-palco{position:relative;display:grid;grid-template-columns:30% 70%;grid-template-rows:1fr auto 1fr;min-height:560px;height:clamp(560px,54vw,680px);max-height:90svh;align-items:center}
.viagem-titulo{grid-column:1;grid-row:2;position:relative;z-index:2;align-self:end;padding-bottom:21px;pointer-events:none}
.viagem-titulo .kicker{font-size:.66rem;letter-spacing:.16em;margin-bottom:20px;color:#74756c}
.viagem-titulo h2{font-size:clamp(1.8rem,3.25vw,3.2rem);line-height:1.12;letter-spacing:-.035em}
.viagem-titulo .grifo{background-size:100% 34%}
.viagem-mensagem{grid-column:1;grid-row:3;align-self:start;position:relative;z-index:2;margin:0;max-width:28ch;min-height:3.2em;font-size:.86rem;line-height:1.75;color:#60625a}
.viagem-mensagem.mudou{animation:viagem-frase .35s ease both}
@keyframes viagem-frase{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.viagem-cena{position:absolute;top:0;bottom:0;left:25%;right:-12%;overflow:hidden;pointer-events:none}
.viagem-cena canvas{display:block;width:100%;height:100%;opacity:0;transition:opacity .45s}
.viagem-poster{position:absolute;inset:0;transition:opacity .45s;display:block}
.viagem-poster img{width:100%;height:100%;object-fit:contain}
.viagem.pronta .viagem-poster{opacity:0}
.viagem.pronta canvas{opacity:1}
@media(min-width:901px) and (max-width:1080px){
 .viagem-palco{min-height:540px;max-height:none;height:610px;grid-template-columns:32% 68%}
 .viagem-cena{left:24%;right:-9%}.viagem-titulo h2{font-size:2.05rem}
 .viagem-mensagem{font-size:.8rem;max-width:25ch}
}
@media(max-width:900px){
 .viagem-palco{display:flex;flex-direction:column;align-items:stretch;min-height:0;max-height:none;height:auto;padding-top:45px;padding-bottom:38px}
 .viagem-titulo{padding:0;align-self:auto;text-align:center}
 .viagem-titulo .kicker{font-size:.55rem;margin-bottom:13px;letter-spacing:.17em}
 .viagem-titulo h2{font-size:clamp(1.8rem,7.6vw,2.45rem);line-height:1.13;letter-spacing:-.025em}
 .viagem-cena{position:relative;inset:auto;flex:none;width:114%;margin:5px -7% 0;height:clamp(320px,90vw,400px)}
 .viagem-mensagem{align-self:center;font-size:.77rem;line-height:1.65;text-align:center;max-width:30ch;min-height:2.8em;margin:4px 0 0}
}
@media(max-width:380px){
 .viagem-palco{padding-top:32px;padding-bottom:30px}
 .viagem-cena{height:292px}
}
@media(prefers-reduced-motion:reduce){.viagem *{animation:none!important;transition:none!important}}