/* ==========================================================================
   TEMA 3 — "Aurora"  (flusso editoriale, luce che scorre)
   Notte calda, nastri d'ombra e d'oro, ritmo di lettura ampio. Composizione
   larga con testata generosa, schede a tutta larghezza e metodo a nastro.
   Attivo su html/body[data-variant="aurora"].
   ========================================================================== */

[data-variant="aurora"] body { background: var(--surface); }

/* --- ritmo di sezione più arioso --- */
[data-variant="aurora"] .section { padding-block: clamp(56px, 7vw, 132px); }

/* --- hero: testata larga e nastro di luce --- */
[data-variant="aurora"] .hero--aurora {
  background:
    radial-gradient(60% 70% at 12% 0%, var(--glow-a), transparent 60%),
    radial-gradient(55% 65% at 100% 92%, var(--glow-b), transparent 62%),
    linear-gradient(180deg, #0e2029, #0c1a22);
}
[data-variant="aurora"] .hero__grid--aurora {
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: clamp(40px, 6vw, 88px);
}
[data-variant="aurora"] .hero--aurora h1 {
  font-size: clamp(2.4rem, 1.4rem + 3.6vw, 4.25rem);
  letter-spacing: -0.035em;
}
[data-variant="aurora"] .hero--aurora::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--accent), var(--accent-2), transparent);
  opacity: 0.65;
}
[data-variant="aurora"] .hero__stage--aurora { border-radius: var(--radius); }
/* --- hero: strumentazione calda (bussola e sestante) --- */
[data-variant="aurora"] .hero__stage.stage-hud {
  background: linear-gradient(180deg, rgba(233, 180, 122, 0.08), rgba(255, 255, 255, 0.02));
  border-color: var(--line-strong);
}
[data-variant="aurora"] .stage-hud .hud-corner { color: var(--accent); }

/* --- metodo: nastro a quattro stazioni --- */
[data-variant="aurora"] .flow--method .flow__stage { background: rgba(233, 180, 122, 0.05); }
[data-variant="aurora"] .flow--method .flow__node {
  border-top: 2px solid var(--line-strong);
  padding-top: var(--s-8);
}
[data-variant="aurora"] .flow--method .flow__node::before {
  content: "";
  position: absolute;
  top: -4px;
  left: 0;
  width: 44px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--accent), transparent);
}
[data-variant="aurora"] .flow__num { color: var(--accent); }

/* --- catalogo: schede in flusso, numero grande a sinistra --- */
[data-variant="aurora"] .catalog { grid-template-columns: 1fr; gap: var(--s-4); }
[data-variant="aurora"] .orbit-card {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: clamp(24px, 4vw, 56px);
  align-items: start;
  padding: clamp(24px, 3vw, 40px);
  background: linear-gradient(180deg, rgba(233, 180, 122, 0.06), rgba(255, 255, 255, 0.02));
}
[data-variant="aurora"] .orbit-card__head {
  grid-column: 1;
  grid-row: 1 / span 5;
  border-right: 1px solid var(--line);
  padding-right: clamp(16px, 2.5vw, 32px);
}
[data-variant="aurora"] .orbit-card h3,
[data-variant="aurora"] .orbit-card p,
[data-variant="aurora"] .orbit-card__specs,
[data-variant="aurora"] .orbit-card__cta { grid-column: 2; }
[data-variant="aurora"] .orbit-card__num { font-size: clamp(3rem, 2rem + 3vw, 4.5rem); -webkit-text-stroke-color: var(--accent); }
[data-variant="aurora"] .orbit-card h3 { margin-top: 0; }

/* --- orientamento: nodi caldi --- */
[data-variant="aurora"] .constellation__node {
  background: linear-gradient(180deg, rgba(233, 180, 122, 0.07), rgba(255, 255, 255, 0.02));
}
[data-variant="aurora"] .constellation__node::before {
  background: radial-gradient(circle, var(--glow-a), transparent 70%);
}
[data-variant="aurora"] .constellation__id { color: var(--accent); }

/* --- etichetta variante --- */
[data-variant="aurora"] .concept-badge > span:first-child { color: var(--accent-ink); }

/* --- responsive --- */
@media (max-width: 880px) {
  [data-variant="aurora"] .hero__grid--aurora { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
  [data-variant="aurora"] .orbit-card { grid-template-columns: 1fr; }
  [data-variant="aurora"] .orbit-card__head {
    grid-row: auto;
    border-right: 0;
    border-bottom: 1px solid var(--line);
    padding-right: 0;
    padding-bottom: var(--s-4);
    margin-bottom: var(--s-4);
  }
  [data-variant="aurora"] .orbit-card h3,
  [data-variant="aurora"] .orbit-card p,
  [data-variant="aurora"] .orbit-card__specs,
  [data-variant="aurora"] .orbit-card__cta { grid-column: 1; }
}