/* Approved composition: open copy area, integrated market artwork, one video CTA. */
.console-home-variant .hero {
  padding-block: 106px 62px;
  background: #050e0a;
  isolation: isolate;
}
.console-home-variant .hero-content { width: min(1190px, calc(100% - 96px)); max-width: 1190px; z-index: auto; }
.console-home-variant .hero-split {
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  gap: 0;
  min-height: 422px;
  margin-bottom: 24px;
}
.console-home-variant .hero-split .hero-message { position: relative; z-index: 2; }
.console-home-variant .hero-split .hero-title-lead,
.console-home-variant .hero-split .hero-title-focus {
  font-size: clamp(2.7rem, 4.55vw, 4.3rem);
  line-height: 1.12;
  letter-spacing: -.03em;
}
.console-home-variant .hero-split .hero-title-lead { color: var(--text); font-weight: 500; }
.console-home-variant .hero-split .hero-title-focus { margin-top: 10px; }
.console-home-variant .hero-split .hero-copy {
  max-width: 550px;
  margin: 25px 0 0;
  color: #c7cbbd;
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  line-height: 1.8;
}
.console-home-variant .hero::before {
  inset: 0;
  z-index: -2;
  background: url('/website/assets/hero-market-depth-v2.webp') center top / max(100%, 1400px) auto no-repeat;
  opacity: .95;
  animation: market-composition-drift 32s ease-in-out infinite alternate paused;
  pointer-events: none;
}
.console-home-variant .hero::after {
  z-index: -1;
  background: linear-gradient(180deg, transparent 65%, #050e0a 98%);
}
.hero-visual { position: relative; display: grid; place-items: center; height: 422px; pointer-events: none; }
.hero-orbital-halo {
  position: absolute;
  width: 100%;
  max-width: none;
  height: auto;
  mix-blend-mode: screen;
  animation: halo-revolve 100s linear infinite paused;
}
.hero-brand-mark {
  position: relative;
  width: 39%;
  height: auto;
  filter: drop-shadow(0 0 22px rgba(218, 168, 58, .3));
}
.console-home-variant .hero-video-wrap { width: min(900px, 100%); }
.console-home-variant .hero-video-action { margin-top: 28px; }
.console-home-variant .hero-video-action .btn { min-width: 260px; border-color: var(--gold); }

/* Section ornaments follow the heading and divider; there are no repeated logo stamps. */
.console-home-variant main > .section { overflow: hidden; isolation: isolate; border-top: 1px solid var(--line); }
.console-home-variant main > .section::before {
  content: '';
  position: absolute;
  z-index: 2;
  top: -20px;
  left: calc(50% - 120px);
  width: 240px;
  height: 40px;
  background: var(--gold);
  mask: url('/website/assets/gold-divider-glint-v1.webp') center / 100% 100% no-repeat;
  mask-mode: luminance;
  pointer-events: none;
  opacity: .5;
  animation: divider-glint 18s ease-in-out infinite paused;
}
.console-home-variant main > .section > .narrow.center { isolation: isolate; }
.section-orbit-art {
  position: absolute;
  z-index: -1;
  pointer-events: none;
  width: 640px;
  max-width: none;
  height: auto;
  left: calc(50% - 320px);
  top: calc(50% - 320px);
  mix-blend-mode: screen;
  opacity: .28;
  /* Fade the central reading area; only the outer arcs frame the heading. */
  mask-image: url('/website/assets/gold-orbital-halo-v1.webp'), radial-gradient(ellipse at center, transparent 24%, #000 65%);
  mask-mode: luminance, alpha;
  mask-size: 100% 100%;
  mask-composite: intersect;
  animation: heading-orbit 100s linear infinite paused;
}
.console-home-variant #offerings .section-orbit-art { width: 780px; left: calc(50% - 390px); top: calc(50% - 390px); animation-direction: reverse; opacity: .22; }
.console-home-variant #how-it-works .section-orbit-art { opacity: .22; }
.console-home-variant .values-section .section-orbit-art { animation-direction: reverse; }
.console-home-variant #start-your-journey .section-orbit-art { opacity: .3; }
.console-home-variant.has-scroll-reveal .scroll-reveal { transform: translateY(20px); filter: none; }
.console-home-variant.has-scroll-reveal .scroll-reveal.is-visible { transform: none; }
.console-home-variant .motion-active::before,
.console-home-variant .motion-active .hero-orbital-halo,
.console-home-variant .motion-active .section-orbit-art { animation-play-state: running; }
@keyframes halo-revolve { to { transform: rotate(360deg); } }
@keyframes heading-orbit { to { transform: rotate(360deg); } }
@keyframes market-composition-drift { from { transform: scale(1); } to { transform: scale(1.022); } }
@keyframes divider-glint {
  0%, 20%, 100% { opacity: .05; transform: translateX(-120px); }
  42% { opacity: .65; }
  65%, 90% { opacity: .05; transform: translateX(120px); }
}
@media (min-width: 761px) and (max-width: 1080px) {
  .console-home-variant .hero-content { width: calc(100% - 56px); }
  .console-home-variant .hero-split .hero-title-lead,
  .console-home-variant .hero-split .hero-title-focus { font-size: 4.25vw; }
  .console-home-variant .hero-split { min-height: 350px; }
  .hero-visual { height: 350px; }
}
@media (max-width: 760px) {
  .console-home-variant .hero { padding-block: 88px 48px; }
  .console-home-variant .hero-content { width: calc(100% - 32px); }
  .console-home-variant .hero-split { grid-template-columns: 1fr; gap: 6px; min-height: 0; margin-bottom: 30px; }
  .hero-visual { grid-row: 1; width: min(280px, 75vw); height: auto; aspect-ratio: 1; justify-self: center; }
  .hero-brand-mark { width: 44%; }
  .console-home-variant .hero-split .hero-message { text-align: center; }
  .console-home-variant .hero-split .hero-title-lead,
  .console-home-variant .hero-split .hero-title-focus { font-size: clamp(1.9rem, 7.2vw, 3.1rem); letter-spacing: -.025em; }
  .console-home-variant .hero-split .hero-copy { margin: 18px auto 0; max-width: 440px; font-size: 1rem; line-height: 1.65; }
  .console-home-variant .hero::before { background-size: auto 760px; background-position: 60% top; opacity: .5; }
  .console-home-variant .hero-video-action { margin-top: 22px; }
  .console-home-variant .hero-video-action .btn { min-width: min(260px, 100%); max-width: 100%; }
  .section-orbit-art { width: 480px; left: calc(50% - 240px); top: calc(50% - 240px); opacity: .12; }
  .console-home-variant #offerings .section-orbit-art { width: 540px; left: calc(50% - 270px); top: calc(50% - 270px); }
}
@media (prefers-reduced-motion: reduce) {
  .console-home-variant .hero::before,
  .console-home-variant main > .section::before,
  .hero-orbital-halo,
  .section-orbit-art { animation: none !important; transform: none; }
  .console-home-variant .hero-title,
  .console-home-variant .hero-copy,
  .console-home-variant .hero-video-wrap { animation: none; }
}