/* Marca transparente inteira instalada na fachada. Fundo registrado sempre estático. */
.hero{min-height:0;height:clamp(700px,52vw,800px);background:#090d13;overflow:clip}
.hero .hero-inner{height:100%;min-height:0;padding-block:70px 100px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0}
.hero .hero-copy{width:44%;max-width:530px}
.hero .hero-copy h1{font-size:clamp(3.3rem,4.6vw,4.5rem);line-height:1.055}
.hero-title-line{display:block}
.hero .hero-copy>p{font-size:1rem;max-width:41ch}
.hero .hero-copy h1 span{color:#f4f6f9}
.hero .hero-copy .eyebrow{font-size:.68rem;line-height:1.5;color:#ff9b91;max-width:none;margin:0 0 22px}
.hero .hero-copy .hero-location{font-size:.75rem}
.facade-scene{position:absolute;z-index:-3;right:0;top:0;bottom:0;width:min(1160px,84%);overflow:hidden}
.facade-canvas{position:absolute;width:100%;aspect-ratio:1536/1024;top:50%;right:0;transform:translateY(-50%)}
.facade-static{display:block;width:100%;height:100%;max-width:none}
.hero .hero-shade{z-index:-2;pointer-events:none;background:linear-gradient(90deg,#090d13 0%,rgba(9,13,19,.98) 15%,rgba(9,13,19,.93) 29%,rgba(9,13,19,.26) 49%,transparent 65%),linear-gradient(0deg,#090d13 0%,rgba(9,13,19,.15) 17%,transparent 42%)}
.facade-caption{position:absolute;right:26px;top:16px;z-index:1;font-size:.63rem;line-height:1.5;color:#d9e1e9;background:#111a24;padding:4px 9px;border-radius:4px}
.hero .hero-scroll{bottom:28px}
.facade-canvas{overflow:hidden}
.facade-signs{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke:none;pointer-events:none}
.facade-logo-motion,.facade-number-motion{opacity:1;transform:none;transform-box:view-box}
.facade-logo-motion{transform-origin:790px 340px}
.facade-number-motion{transform-origin:1245px 455px}
.hero-replay{position:absolute;right:0;bottom:20px;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 4px 8px 12px;font-size:.72rem;color:#c6cfd9;border:0;background:transparent}
.hero-replay svg{width:16px;height:16px}.hero-replay:hover:not(:disabled){color:#fff}.hero-replay:disabled{opacity:.45;cursor:default}
.hero.is-entering .facade-canvas{animation:facade-scene-in 1.45s var(--ease) both}
.hero.is-entering .hero-title-line{animation:hero-title-in .95s .22s var(--ease) both}
.hero.is-entering .hero-title-line:nth-child(2){animation-delay:.42s}
.hero.is-entering .hero-copy>.eyebrow{animation:hero-copy-in .75s .12s var(--ease) both}
.hero.is-entering .hero-copy>p:not(.eyebrow):not(.hero-location){animation:hero-copy-in .8s .52s var(--ease) both}
.hero.is-entering .hero-copy>.button{animation:hero-copy-in .8s .7s var(--ease) both}
.hero.is-entering .hero-location{animation:hero-copy-in .75s .12s var(--ease) both}
.hero.is-entering .facade-logo-motion{animation:brand-whole-in .8s .155s var(--ease) both;will-change:transform,opacity}
.hero.is-entering .facade-number-motion{animation:facade-number-in .56s .9s var(--ease) both;will-change:transform,opacity}
@keyframes facade-scene-in{from{opacity:.3;transform:translateY(-50%) scale(1.08)}to{opacity:1;transform:translateY(-50%) scale(1)}}
@keyframes hero-title-in{from{opacity:0;clip-path:inset(-.15em -.1em 100% -.1em);transform:translate3d(0,34px,0)}to{opacity:1;clip-path:inset(-.15em -.1em -.3em -.1em);transform:translate3d(0,0,0)}}
@keyframes hero-copy-in{from{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes brand-whole-in{from{opacity:0;transform:translate3d(110px,-24px,0) scale(1.06)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes facade-number-in{from{opacity:0;transform:translate3d(35px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(min-width:1700px){.hero .hero-inner{padding-block:90px 110px}.facade-scene{width:min(1500px,84%)}.hero .hero-copy{max-width:560px}.hero .hero-copy h1{font-size:4.8rem}}
@media(max-width:1100px){.hero{height:700px}.facade-scene{width:89%}.hero .hero-copy{width:48%;max-width:460px}.hero .hero-copy h1{font-size:3.6rem}.hero .hero-copy>p{font-size:.93rem}.hero .hero-shade{background:linear-gradient(90deg,#090d13 0%,rgba(9,13,19,.98) 17%,rgba(9,13,19,.9) 33%,rgba(9,13,19,.22) 56%,transparent 73%),linear-gradient(0deg,#090d13,transparent 36%)}}
@media(max-width:880px){@keyframes facade-scene-in{from{opacity:.3;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}}
@media(min-width:621px) and (max-width:880px){.hero{height:780px}.facade-scene{width:100%;height:500px;bottom:auto}.facade-canvas{top:0;transform:none}.hero .hero-inner{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding-block:42px 86px;gap:24px}.hero .hero-copy{width:78%;max-width:550px}.hero .hero-copy h1{font-size:3.65rem}.hero .hero-copy>p{max-width:46ch}.hero .hero-shade{background:linear-gradient(0deg,#090d13 0%,rgba(9,13,19,.98) 36%,rgba(9,13,19,.65) 56%,transparent 80%)}.facade-caption{right:24px}}
@media(max-width:620px){
  .hero{height:auto;min-height:0;display:flex;flex-direction:column}
  .facade-scene{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1536/1024;flex:none;z-index:0;overflow:hidden}
  .facade-canvas{width:100%;top:0;right:0;transform:none}
  .facade-scene::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#090d13 0%,rgba(9,13,19,.16) 17%,transparent 35%)}
  .facade-caption{right:14px;top:auto;bottom:12px;font-size:.58rem;padding:3px 7px;line-height:1.45}
  .hero .hero-shade{display:none}.hero .hero-inner{height:auto;min-height:0;display:flex;flex-direction:column;padding:8px 0 78px;align-items:stretch;gap:0}
  .hero .hero-copy{width:100%;max-width:none;margin:0}.hero .hero-copy h1{font-size:clamp(2.65rem,10.9vw,3.6rem);line-height:1.045}
  .hero .hero-copy>p{font-size:.9rem;line-height:1.75;max-width:43ch;margin-top:20px}.hero .hero-copy>.eyebrow{font-size:.61rem;margin:0 0 16px;letter-spacing:.1em}
  .hero .hero-copy>.button{width:100%;margin-top:22px;min-height:56px;font-size:.84rem}.hero .hero-copy .hero-location{font-size:.66rem;margin-top:16px;justify-content:flex-start}
  .hero .hero-scroll{bottom:24px;font-size:.62rem;gap:7px}.hero-replay{bottom:14px;font-size:.65rem}
}
@media(max-width:370px){.hero .hero-copy h1{font-size:2.55rem}.hero .hero-copy>p{font-size:.85rem}.hero .hero-copy>.button{font-size:.77rem}}
@media(prefers-reduced-motion:reduce){.hero.is-entering .facade-canvas,.hero.is-entering .hero-copy>*,.hero.is-entering .hero-title-line,.hero.is-entering .facade-logo-motion,.hero.is-entering .facade-number-motion{animation:none!important}.hero-replay{display:none!important}}