/* =========================================================
   Escala global — o site em 100% fica com a aparência de 75%.
   Só em telas grandes; celular e tablet mantêm o tamanho normal.
   A capa e o menu reduzem menos (90%): o zoom deles é relativo
   ao da página (0.9 / 0.75 = 1.2).
   As alturas em vh são divididas pela escala efetiva para
   continuarem ocupando a tela inteira.
   ========================================================= */
@media (min-width:1100px){
  html{zoom:.75}
  .site-header,.hero{zoom:1.2}
  .hero{height:calc(100svh / .9);max-height:calc(1050px / .9)}
  dialog{max-height:calc(85svh / .75)}

  /* Menu: mesmas margens da capa, links no centro exato da página */
  .site-header:not(.is-scrolled) .nav-wrap{width:86%;max-width:1560px;margin-inline:auto;display:grid;grid-template-columns:1fr auto 1fr}
  .site-header:not(.is-scrolled) .header-cta{justify-self:end}
  .site-header .main-nav a{font-size:13px}
  .site-header .header-cta{font-size:12.5px;min-height:50px}

  /* Nome */
  .hero .hero-stage .hero-name{font-size:19.4vw;text-align:center}

  /* Grade da capa: esquerda protagonista, direita ficha leve.
     Bases das duas colunas na mesma linha, logo acima do nome
     (topo das letras ≈ 14,5vw acima do fim da capa). */
  .hero .hero-content{width:86%;max-width:1560px;margin-inline:auto;grid-template-columns:420px minmax(0,1fr) 300px;grid-template-rows:auto;align-content:end;align-items:end;padding-top:118px;padding-bottom:calc(14.5vw + 130px)}
  .hero .hero-copy,.hero .hero-summary{height:auto;margin:0;padding:0;border:0;align-self:end}
  .hero .hero-copy{width:420px;max-width:420px}
  .hero .hero-summary{width:300px;max-width:300px;justify-self:end}

  .hero .hero-statement{font-size:30px;line-height:1.28}
  .hero .hero-statement em{font-size:58px;line-height:1.02}
  .hero .hero-sub{font-size:15px;max-width:360px}

  /* Colunas com a mesma altura: topo do título = topo da ficha;
     base do botão = base do último item. Ficha distribuída por igual. */
  .hero .hero-content{align-items:stretch}
  .hero .hero-copy{align-self:end}
  .hero .hero-summary{align-self:stretch;display:flex}
  .hero .hero-facts{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;gap:0}
  .hero .hero-facts>div{gap:6px}
  .hero .hero-facts dt{font-size:13px;line-height:1.2;color:#c3c7b5}
  .hero .hero-facts dd{font-size:30px;line-height:1}
  .hero .hero-actions{margin-top:34px;gap:30px}
  .hero .hero-place{font-size:14px}
}

/* Capa no celular: um degradê só, sem faixas, e proporções enxutas */
@media (max-width:700px){
  .hero .hero-light::before{background-size:cover!important;background-position:52% 0!important;
    -webkit-mask-image:linear-gradient(#000 0%,#000 28%,rgba(0,0,0,.5) 45%,transparent 64%)!important;mask-image:linear-gradient(#000 0%,#000 28%,rgba(0,0,0,.5) 45%,transparent 64%)!important}
  .hero .hero-light::after{display:none!important}
  .hero::after{top:auto!important;height:68%!important;background:linear-gradient(to bottom,#30372300 0%,#30372314 14%,#30372347 30%,#30372394 48%,#303723d1 66%,#303723f2 82%,#303723 94%)!important}
  .hero .hero-statement{font-size:24px;line-height:1.25}
  .hero .hero-statement em{font-size:44px;line-height:1.04}
  .hero .hero-actions{gap:14px;margin-top:22px}
  .hero .hero-actions .hero-cta{min-height:52px;font-size:14px;padding:5px 5px 5px 22px}
  .hero .hero-actions .hero-cta .button-icon{width:42px;height:42px}
  .hero .hero-place{font-size:13px}
}
/* Celular: frase da capa centralizada */
@media (max-width:700px){
  .hero .hero-copy{text-align:center}
  .hero .hero-statement{max-width:none;margin-inline:auto;text-align:center}
  .hero .hero-statement em{text-align:center}
  .hero .hero-place{justify-content:center;margin-inline:auto}
  .hero .hero-actions{justify-items:center;justify-content:center}
}
@media (max-width:700px){.hero .hero-actions{margin-top:40px}}
/* Celular: a máscara do bloco cortava o alto da cabeça; o próprio recorte já esmaece embaixo */
@media (max-width:700px){.hero .hero-visual{-webkit-mask-image:none!important;mask-image:none!important}}