/* Premium Premier Cinematic */
body { background: var(--wp--preset--color--base); color: var(--wp--preset--color--contrast); }

/* Fixed header w/ gradient */
.site-header-fixed {
  width: 100%; left: 0; right: 0;
  background: linear-gradient(180deg, rgba(5,5,7,.92) 0%, rgba(5,5,7,0) 100%);
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  z-index: 20;
}

/* Hero video */
.hero-video-section {
  position: relative; width: 100%; height: 100vh; min-height: 720px;
  overflow: hidden; background: var(--wp--preset--color--base);
}
.hero-bg-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: brightness(0.65) contrast(1.05); }
.hero-overlay {
  position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(5,5,7,.3) 0%, rgba(5,5,7,.05) 35%, rgba(5,5,7,.95) 100%);
  z-index: 1;
}
.hero-content {
  position: absolute; bottom: 6rem; left: 3rem; right: 3rem;
  z-index: 2; max-width: 920px;
}
.hero-eyebrow {
  font-family: var(--wp--preset--font-family--inter);
  font-size: 12px; letter-spacing: 0.3em; text-transform: uppercase;
  color: var(--wp--preset--color--accent); margin: 0 0 1.5rem;
}
.hero-title {
  font-family: var(--wp--preset--font-family--serif);
  font-size: clamp(64px, 9vw, 160px); line-height: 0.95; letter-spacing: -0.03em;
  font-weight: 400; margin: 0; color: #fff;
}
.hero-sub {
  font-family: var(--wp--preset--font-family--inter);
  color: var(--wp--preset--color--muted); margin: 2rem 0 3rem;
  max-width: 560px;
}

/* Ticker */
.hero-ticker {
  display: flex; gap: 2.5rem; flex-wrap: wrap;
  font-family: var(--wp--preset--font-family--mono);
  font-size: 13px; letter-spacing: 0.1em;
  border-top: 1px solid var(--wp--preset--color--grid);
  padding-top: 1.5rem;
}
.ticker-item { display: inline-flex; gap: 0.6rem; }
.ticker-label { color: var(--wp--preset--color--muted); }
.ticker-val.up { color: var(--wp--preset--color--data-up); }
.ticker-val.down { color: var(--wp--preset--color--data-down); }

/* Parallax */
.parallax-section img.wp-block-cover__image-background {
  transition: transform 1.6s cubic-bezier(.2,.7,.2,1);
  filter: brightness(0.7) contrast(1.05);
  transform: translateZ(0) scale(1.12);
}
.parallax-section.is-visible img.wp-block-cover__image-background { transform: translateZ(0) scale(1); }

/* Data stat row */
.data-stat-row {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem;
  margin-top: 3rem; padding: 2rem 0;
  border-top: 1px solid var(--wp--preset--color--grid);
}
.data-stat { font-family: var(--wp--preset--font-family--mono); }
.data-label {
  font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--wp--preset--color--muted); margin-bottom: 0.4rem;
}
.data-value {
  font-family: var(--wp--preset--font-family--serif);
  font-size: clamp(40px, 5vw, 64px); line-height: 1; letter-spacing: -0.02em;
  color: var(--wp--preset--color--contrast);
}
.data-delta { font-size: 12px; letter-spacing: 0.1em; margin-top: 0.5rem; }
.data-delta.up { color: var(--wp--preset--color--data-up); }
.data-delta.down { color: var(--wp--preset--color--data-down); }

/* Data viz canvas */
.data-viz-canvas {
  display: block; width: 100%; height: auto;
  margin-top: 4rem;
  background: var(--wp--preset--color--soft);
  border: 1px solid var(--wp--preset--color--grid);
}

/* Fade-in */
.fade-in { opacity: 0; transform: translateY(60px); transition: opacity 1.4s cubic-bezier(.2,.7,.2,1), transform 1.4s cubic-bezier(.2,.7,.2,1); }
.fade-in.is-visible { opacity: 1; transform: translateY(0); }

.wp-block-button__link { transition: background-color .3s ease, color .3s ease, letter-spacing .3s ease; }
.wp-block-button__link:hover { letter-spacing: 0.2em; }
