/* ZEH0_001_SITE_INSTITUCIONAL, hero.css. Hero, faixa e revelacoes. Carregar na ordem das paginas. */
/* Hero */
.hero{height:100svh;min-height:640px;position:relative;display:flex;align-items:flex-end;overflow:hidden}
.hero .fundo{position:absolute;inset:0}
.hero .fundo img,.hero .fundo video{position:absolute;inset:0;animation:kb 22s ease-in-out infinite alternate}
@keyframes kb{from{transform:scale(1.04)}to{transform:scale(1.2) translate(-2%,-2%)}}
.hero .veu{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 30%,transparent 0,rgba(10,9,8,.55) 55%),linear-gradient(180deg,rgba(10,9,8,.55) 0,rgba(10,9,8,.15) 35%,var(--preto) 100%)}
.hero canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero .cont{position:relative;z-index:2;padding-bottom:clamp(70px,10vh,130px)}
.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(2.5rem,8.2vw,7.6rem);line-height:1;letter-spacing:-.015em;margin:22px 0 28px}
.hero h1 .ln{display:block;overflow:hidden;padding-bottom:.08em}
.hero h1 .l{display:inline-block;transform:translateY(110%) rotate(6deg);opacity:0;transition:transform 1.1s var(--ease),opacity 1.1s}
body.pronto .hero h1 .l{transform:none;opacity:1}
.hero h1 em{font-style:italic}
.hero .sub{max-width:480px;font-size:1.08rem;color:#d3ccbe;margin-bottom:34px}
.hero .acoes{display:flex;gap:16px;flex-wrap:wrap}
.entra{opacity:0;transform:translateY(24px);transition:1.1s var(--ease) 1.5s}
body.pronto .entra{opacity:1;transform:none}
.desce{position:absolute;right:max(20px,calc((100vw - 1240px)/2));bottom:40px;z-index:2;writing-mode:vertical-rl;font-size:.64rem;letter-spacing:.4em;text-transform:uppercase;color:var(--ouro);display:flex;align-items:center;gap:14px}
.desce::after{content:"";width:1px;height:70px;background:linear-gradient(var(--ouro),transparent);animation:pulsa 2.2s ease-in-out infinite}
@keyframes pulsa{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* Faixa */
.faixa{border-block:1px solid rgba(201,169,106,.2);padding:26px 0;overflow:hidden;white-space:nowrap;background:var(--carvao)}
.faixa div{display:inline-block;animation:corre 38s linear infinite;font-family:var(--serif);font-style:italic;font-size:clamp(1.4rem,3vw,2.3rem)}
.faixa span{margin:0 28px}.faixa i{color:var(--ouro);font-style:normal;font-size:.7em}
@keyframes corre{to{transform:translateX(-50%)}}

/* Revelacoes */
.rev{opacity:0;transform:translateY(46px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease);transition-delay:var(--d,0s)}
.rev.vis{opacity:1;transform:none}
.cortina{position:relative;overflow:hidden}
.cortina::after{content:"";position:absolute;inset:0;background:var(--ouro);transform-origin:top;transition:transform 1.2s var(--ease);z-index:3}
.cortina img{transform:scale(1.25);transition:transform 1.8s var(--ease)}
.cortina.vis::after{transform:scaleY(0)}.cortina.vis img{transform:scale(1.02)}