/* Hero variants controlled by [data-hero] attribute on body */

/* ——— Full editorial ——— */
body[data-hero="editorial"] .hero-portrait { display: none; }
body[data-hero="editorial"] .hero-title {
  max-width: 100%; text-align: center;
  font-size: clamp(56px, 11vw, 200px);
}
body[data-hero="editorial"] .hero-inner { text-align: center; align-items: center; }
body[data-hero="editorial"] .hero-ticker { text-align: center; }
body[data-hero="editorial"] .hero-title .line { text-align: center; }
body[data-hero="editorial"] .hero-meta { grid-template-columns: 1fr; justify-items: center; text-align: center; }
body[data-hero="editorial"] .hero-sub p { margin: 0 auto; }
body[data-hero="editorial"] .hero-actions { justify-content: center; }

/* ——— Kinetic ——— */
body[data-hero="kinetic"] .hero-portrait { display: none; }
body[data-hero="kinetic"] .hero-title em {
  background: linear-gradient(90deg, var(--accent) 0%, var(--ink) 50%, var(--accent) 100%);
  background-size: 200% 100%;
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: kineticShift 6s linear infinite;
}
@keyframes kineticShift {
  from { background-position: 0% 0%; }
  to   { background-position: 200% 0%; }
}
body[data-hero="kinetic"] .hero-title .line:nth-child(2)::after {
  content: " ·"; color: var(--accent);
  animation: blink 1.1s steps(2) infinite;
}
@keyframes blink { 50% { opacity: 0; } }

/* ——— Audience focus ——— */
body[data-audience="individual"] #corporate,
body[data-audience="individual"] .audience-card[data-role="corporate"] {
  opacity: 0.35; filter: saturate(0.4);
}
body[data-audience="corporate"] .audience-card[data-role="individual"] {
  opacity: 0.35; filter: saturate(0.4);
}
body[data-audience="corporate"] #services {
  order: 99;
}