/* B · Alvorada: Mercury's approach. A painted dawn (WebGL, with a 2D still as fallback) that starts behind the header.
   The GateDay arch stands on the far shore, the sun rises inside it, and its light runs across still water toward
   the viewer between hills that fade into the haze. Centred white text in the dark upper sky. */
.site[data-hero="alvorada"] { --sh-bg: transparent; --sh-ink: #fff; --sh-ink-2: rgba(255,255,255,.78); --sh-line: rgba(255,255,255,.18); --logo-ink: #fff; --focus: #fff; }
/* The hero fills the first screen. On a tall window the extra height is shared
   above and below the copy, so the scene stays balanced; the gate keeps its gap under the copy (see measure()). */
.h-alvorada { position: relative; z-index: 0; isolation: isolate; overflow: hidden; margin-top: -72px; padding: calc(72px + 84px) 0 476px; color: #fff;
  min-height: 100vh; min-height: 100lvh; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center;
  background: linear-gradient(to bottom, #040A1D 0, #0A1535 40%, #1C1F4E 62%, #43306E 74%, #C9566A 80%, #2A2252 80.5%, #0B1130 92%, #050A1A 100%); }
.h-alvorada > .wrap { width: 100%; }
.h-alvorada .ha-canvas { position: absolute; inset: 0; width: 100%; height: 100%; display: block; z-index: -1; opacity: 0; transition: opacity .9s cubic-bezier(.2,.7,.2,1); }
.h-alvorada .ha-canvas.is-on { opacity: 1; }
.h-alvorada .ha-copy { position: relative; display: grid; justify-items: center; text-align: center; }
.h-alvorada .ha-eyebrow { margin: 0; color: rgba(255,255,255,.72); }
.h-alvorada .ha-h1 { margin: 22px 0 0; max-width: 960px; font-size: 76px; line-height: 80px; letter-spacing: -.03em; color: #fff; text-shadow: 0 2px 30px rgba(4,10,29,.45); }
.h-alvorada .ha-lede { margin: 22px 0 0; max-width: 620px; text-wrap: pretty; color: rgba(255,255,255,.86); text-shadow: 0 1px 18px rgba(4,10,29,.5); }
.h-alvorada .ha-actions { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 12px; margin-top: 36px; }
.h-alvorada .ha-ghost { color: #fff; border-color: rgba(255,255,255,.62); background: rgba(10,16,44,.18); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.h-alvorada .ha-ghost:hover { background: rgba(255,255,255,.1); border-color: #fff; }
.h-alvorada .btn-sol { box-shadow: 0 10px 36px -10px rgba(255,190,26,.55); }
.h-alvorada .btn-sol:hover { background: var(--sol-stage-hover); }
.h-alvorada :focus-visible { outline-color: #fff; }

@container site (max-width: 1023px) {
  .h-alvorada { padding-top: calc(72px + 72px); padding-bottom: 430px; }
  .h-alvorada .ha-h1 { font-size: 60px; line-height: 64px; max-width: 760px; }
}
@container site (max-width: 719px) {
  .h-alvorada { margin-top: -60px; padding-top: calc(60px + 44px); padding-bottom: 396px; }
  .h-alvorada .ha-eyebrow { max-width: 30ch; }
  .h-alvorada .ha-h1 { margin-top: 16px; font-size: 40px; line-height: 44px; letter-spacing: -.02em; }
  .h-alvorada .ha-lede { margin-top: 16px; }
  .h-alvorada .ha-actions { margin-top: 28px; width: 100%; }
  .h-alvorada .ha-actions .btn { flex: 1 1 150px; }
}