/* =========================================================================
   PÁGINA QUEM SOMOS / HISTÓRIA — Grupo ARO
   Extende styles.css com componentes específicos da página interna.
   ========================================================================= */

/* ---------- Override global: nenhum <em> em italic dentro desta página ---------- */
.page-hero h1 em,
.timeline h2 em,
.numbers h2 em,
.frentes h2 em,
.lideranca-text h2 em,
.presenca-text h2 em,
.mvv h2 em,
.cta-final h2 em,
h1 em, h2 em, h3 em, h4 em {
  font-style: normal !important;
  font-weight: inherit;
  color: var(--aro-olive);
}
.cta-final h2 em { color: var(--aro-gold); }
.timeline h2 em { color: var(--aro-olive); }
.numbers h2 em { color: var(--aro-olive); }
.frentes h2 em { color: var(--aro-olive); }
.lideranca-text h2 em { color: var(--aro-olive); }
.presenca-text h2 em { color: var(--aro-olive); }
.mvv h2 em { color: var(--aro-olive); }

/* ---------- HERO da página interna ---------- */
.page-hero {
  position: relative;
  min-height: 88vh;
  display: flex; align-items: flex-end;
  padding: 12rem 0 6rem;
  overflow: hidden;
  background: var(--aro-charcoal);
}
.page-hero-media {
  position: absolute; inset: 0;
  z-index: 0;
}
.page-hero-media img {
  width: 100%; height: 100%; object-fit: cover;
  filter: brightness(0.55) saturate(0.95);
}
.page-hero-media::after {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(180deg,
    rgba(36, 41, 42,0.45) 0%,
    rgba(36, 41, 42,0.25) 35%,
    rgba(36, 41, 42,0.85) 100%);
}
.page-hero-inner {
  position: relative; z-index: 2;
  color: #fff;
  max-width: 900px;
}
.page-hero-inner h1 {
  color: #fff;
  font-size: clamp(2.2rem, 1.5rem + 2.3vw, 3.6rem);
  font-weight: 800;
  letter-spacing: -0.022em;
  line-height: 1.08;
  margin: var(--space-4) 0 var(--space-6);
  max-width: 20ch;
  text-wrap: balance;
}
.page-hero-inner .hero-accent {
  display: block;
  color: var(--aro-gold-light);
  font-weight: 800;
}
.page-hero-lead {
  color: rgba(255,255,255,0.85);
  font-size: var(--text-lg);
  max-width: 60ch;
  margin-bottom: var(--space-10);
}
.page-hero-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-6);
  padding-top: var(--space-8);
  border-top: 1px solid rgba(255,255,255,0.18);
}
.page-hero-stats > div { display: flex; flex-direction: column; gap: 0.3rem; }
.page-hero-stats .stat-num {
  font-family: var(--font-display);
  font-size: clamp(1.6rem, 1.2rem + 1vw, 2.2rem);
  font-weight: 900;
  letter-spacing: -0.035em;
  color: var(--aro-gold-light);
  line-height: 1;
}
.page-hero-stats .stat-num small {
  font-size: 0.55em;
  margin-left: 0.2rem;
  color: rgba(255,255,255,0.6);
  font-weight: 700;
}
.page-hero-stats .stat-label {
  font-size: var(--text-xs);
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.7);
}

/* ---------- Variante com selo institucional (Bem-estar Animal) ---------- */
.page-hero--with-seal .page-hero-inner {
  max-width: 780px;
  padding-right: 1rem;
}
.page-hero-seal {
  position: absolute;
  top: 50%;
  right: clamp(2rem, 5vw, 5rem);
  transform: translateY(-50%) rotate(-4deg);
  width: clamp(140px, 14vw, 200px);
  height: clamp(140px, 14vw, 200px);
  border-radius: 50%;
  background: #FFFFFF;
  padding: 8px;
  z-index: 3;
  box-shadow:
    0 0 0 3px rgba(248, 154, 62, 0.55),
    0 0 32px 4px rgba(255, 255, 255, 0.15),
    0 18px 48px rgba(0, 0, 0, 0.45);
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.page-hero-seal:hover {
  transform: translateY(-50%) rotate(-2deg) scale(1.04);
}
@media (max-width: 1100px) {
  .page-hero--with-seal .page-hero-inner { max-width: 100%; }
  .page-hero-seal {
    position: absolute;
    top: clamp(7rem, 14vw, 10rem);
    right: clamp(1.5rem, 4vw, 3rem);
    transform: rotate(-4deg);
    width: 120px;
    height: 120px;
  }
  .page-hero-seal:hover { transform: rotate(-2deg) scale(1.04); }
}
@media (max-width: 640px) {
  .page-hero-seal {
    position: static;
    transform: rotate(-4deg);
    width: 96px;
    height: 96px;
    margin: 0.5rem 0 1.25rem;
    display: block;
  }
  .page-hero-seal:hover { transform: rotate(-2deg) scale(1.04); }
}

/* ---------- Variante Home: full-bleed com CTA + stats ---------- */
.page-hero--home {
  min-height: 92vh;
  padding: 11rem 0 5rem;
}
.page-hero--home .page-hero-inner {
  max-width: 1040px;
}
.page-hero--home .page-hero-h1 {
  max-width: 22ch;
}
.page-hero--home .page-hero-lead {
  max-width: 56ch;
  margin-bottom: var(--space-8);
}
.page-hero-actions {
  display: flex; flex-wrap: wrap;
  gap: var(--space-4);
  margin-bottom: var(--space-10);
}
.page-hero--home .page-hero-stats {
  margin-top: var(--space-2);
}
@media (max-width: 900px) {
  .page-hero--home { min-height: 100vh; padding: 9rem 0 4rem; }
}
@media (max-width: 640px) {
  .page-hero-actions { flex-direction: column; align-items: stretch; }
  .page-hero-actions .btn { width: 100%; text-align: center; }
}

/* Breadcrumb */
.breadcrumb {
  display: flex; align-items: center; flex-wrap: wrap;
  gap: 0.5rem;
  font-size: var(--text-xs);
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255,255,255,0.75);
  margin-bottom: var(--space-4);
}
.breadcrumb a { color: rgba(255,255,255,0.75); transition: color var(--dur) var(--ease); }
.breadcrumb a:hover { color: var(--aro-gold-light); }
.breadcrumb [aria-current="page"] { color: var(--aro-gold-light); }
.breadcrumb span[aria-hidden="true"] { opacity: 0.4; }

/* ---------- INTRODUÇÃO ---------- */
.intro {
  background: var(--bg);
  padding: var(--space-20) 0;
}
.intro-grid {
  display: grid;
  grid-template-columns: 1fr 1.4fr;
  gap: clamp(2rem, 6vw, 6rem);
  align-items: start;
}
.intro-side h2 {
  font-size: clamp(1.6rem, 1.2rem + 1.5vw, 2.4rem);
  max-width: 14ch;
  margin-top: var(--space-3);
}
.intro-content p { font-size: var(--text-base); line-height: 1.8; margin-bottom: var(--space-4); }
.intro-content .lead { color: var(--fg); }
.intro-content strong { color: var(--aro-olive-dark); font-weight: 700; }

/* ---------- LINHA DO TEMPO ---------- */
.timeline {
  background: var(--aro-cream-light, #F9F8F7);
  padding: var(--space-20) 0;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}
.timeline-list {
  position: relative;
  margin-top: var(--space-16);
  list-style: none; padding: 0;
  display: grid; gap: var(--space-10);
}
.timeline-list::before {
  content: "";
  position: absolute;
  left: 80px;
  top: 30px; bottom: 30px;
  width: 1px;
  background: linear-gradient(180deg, transparent, var(--aro-olive) 5%, var(--aro-olive) 95%, transparent);
  opacity: 0.4;
}
.timeline-item {
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: var(--space-8);
  align-items: start;
  position: relative;
}
.timeline-marker {
  position: relative;
  display: flex; align-items: center; justify-content: center;
  width: 160px;
}
.timeline-marker span {
  font-family: var(--font-display);
  font-size: 2.2rem;
  font-weight: 900;
  letter-spacing: -0.04em;
  color: var(--aro-olive-dark);
  background: var(--aro-cream-light, #F9F8F7);
  padding: 0.4rem 0.6rem;
  position: relative;
  z-index: 2;
}
.timeline-marker::after {
  content: "";
  position: absolute;
  right: 0;
  width: 12px; height: 12px;
  border-radius: 50%;
  background: var(--aro-gold);
  box-shadow: 0 0 0 4px rgba(248, 154, 62,0.18);
  z-index: 1;
  transform: translateX(50%);
}
.timeline-item.current .timeline-marker span { color: var(--aro-gold); }
.timeline-item.current .timeline-marker::after {
  background: var(--aro-olive-dark);
  box-shadow: 0 0 0 4px rgba(63, 69, 70,0.18);
}
.timeline-content {
  padding-left: var(--space-6);
  border-left: 1px solid var(--border);
}
.timeline-content h3 {
  font-size: var(--text-xl);
  font-weight: 800;
  margin-bottom: var(--space-3);
  color: var(--aro-charcoal);
}
.timeline-content p {
  font-size: var(--text-base);
  line-height: 1.7;
  color: var(--fg-soft);
  margin-bottom: var(--space-3);
  max-width: 62ch;
}
.timeline-tag {
  display: inline-block;
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--aro-olive);
  padding: 0.3rem 0.7rem;
  border: 1px solid rgba(92, 99, 100,0.25);
  border-radius: 999px;
}

/* ---------- NÚMEROS ---------- */
.numbers {
  background: var(--bg);
  padding: var(--space-20) 0;
}
.numbers-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-6);
  margin-top: var(--space-12);
}
.number-card {
  padding: var(--space-8) var(--space-6);
  background: var(--aro-cream-light, #F9F8F7);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  display: flex; flex-direction: column; gap: var(--space-3);
  transition: transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);
}
.number-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
}
.number-card.highlight {
  background: linear-gradient(160deg, var(--aro-olive-dark), var(--aro-charcoal));
  color: #fff;
  border-color: transparent;
}
.number-card-num {
  font-family: var(--font-display);
  font-size: 3.2rem;
  font-weight: 900;
  letter-spacing: -0.04em;
  color: var(--aro-olive-dark);
  line-height: 1;
}
.number-card.highlight .number-card-num { color: var(--aro-gold-light); }
.number-card-num small {
  font-size: 0.45em;
  margin-left: 0.15rem;
  color: var(--aro-gold);
  font-weight: 700;
}
.number-card strong {
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: 800;
  letter-spacing: -0.015em;
}
.number-card.highlight strong { color: #fff; }
.number-card p {
  font-size: var(--text-sm);
  line-height: 1.55;
  color: var(--fg-soft);
}
.number-card.highlight p { color: rgba(255,255,255,0.8); }

/* ---------- FRENTES ---------- */
.frentes {
  background: var(--aro-cream-light, #F9F8F7);
  padding: var(--space-20) 0;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}
.frentes-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-6);
  margin-top: var(--space-12);
}
.frente-card {
  padding: var(--space-8);
  background: #fff;
  border: 1px solid var(--border);
  border-radius: var(--radius);
  display: flex; flex-direction: column; gap: var(--space-3);
  transition: transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);
}
.frente-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
}
.frente-num {
  font-family: var(--font-display);
  font-size: 2.4rem;
  font-weight: 900;
  letter-spacing: -0.03em;
  color: var(--aro-gold);
  line-height: 1;
  margin-bottom: var(--space-2);
}
.frente-card h3 {
  font-size: var(--text-xl);
  font-weight: 800;
  color: var(--aro-charcoal);
}
.frente-card > p {
  font-size: var(--text-sm);
  line-height: 1.65;
  color: var(--fg-soft);
}
.frente-card ul {
  margin-top: var(--space-3);
  padding-top: var(--space-3);
  border-top: 1px solid var(--border);
  display: flex; flex-direction: column; gap: 0.4rem;
}
.frente-card ul li {
  font-size: var(--text-sm);
  color: var(--fg);
  padding-left: 1rem;
  position: relative;
}
.frente-card ul li::before {
  content: "";
  position: absolute;
  left: 0; top: 0.6rem;
  width: 5px; height: 5px;
  border-radius: 50%;
  background: var(--aro-olive);
}

/* ---------- LIDERANÇA ---------- */
.lideranca {
  background: var(--bg);
  padding: var(--space-20) 0;
}
.lideranca-grid {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: clamp(2rem, 6vw, 6rem);
  align-items: center;
}
.lideranca-img img {
  width: 100%;
  border-radius: var(--radius);
  aspect-ratio: 4/3;
  object-fit: cover;
  box-shadow: var(--shadow-md);
}
.lideranca-text h2 {
  font-size: clamp(1.8rem, 1.4rem + 1.5vw, 2.6rem);
  margin-bottom: var(--space-6);
}
.lideranca-text .lead { margin-bottom: var(--space-8); }
.gov-list {
  display: grid; gap: var(--space-5);
  margin-bottom: var(--space-8);
  padding: var(--space-6) 0;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}
.gov-list div { display: grid; grid-template-columns: 200px 1fr; gap: var(--space-4); align-items: start; }
.gov-list dt {
  font-family: var(--font-display);
  font-size: var(--text-base);
  font-weight: 800;
  letter-spacing: -0.015em;
  color: var(--aro-olive-dark);
}
.gov-list dd {
  font-size: var(--text-sm);
  line-height: 1.65;
  color: var(--fg-soft);
}

/* ---------- PRESENÇA ---------- */
.presenca {
  background: var(--aro-cream-light, #F9F8F7);
  padding: var(--space-20) 0;
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}
.presenca-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: clamp(2rem, 6vw, 6rem);
  align-items: center;
}
.presenca-text h2 {
  font-size: clamp(1.8rem, 1.4rem + 1.5vw, 2.6rem);
  margin-bottom: var(--space-6);
  max-width: 18ch;
}
.presenca-list {
  list-style: none; padding: 0;
  margin-top: var(--space-8);
  display: grid; gap: var(--space-4);
}
.presenca-list li {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: var(--space-4);
  padding: var(--space-4) 0;
  border-bottom: 1px solid var(--border);
}
.presenca-list li:last-child { border-bottom: 0; }
.presenca-list strong {
  font-family: var(--font-display);
  font-size: var(--text-base);
  font-weight: 800;
  letter-spacing: -0.015em;
  color: var(--aro-olive-dark);
}
.presenca-list span {
  font-size: var(--text-sm);
  line-height: 1.6;
  color: var(--fg-soft);
}
.presenca-img {
  display: flex; align-items: center; justify-content: center;
}
.presenca-img img {
  width: 100%;
  max-width: 420px;
  max-height: 540px;
  object-fit: contain;
  display: block;
  border-radius: var(--radius);
  filter: drop-shadow(0 12px 24px rgba(63, 69, 70,0.12));
}

/* ---------- PROPÓSITO · MISSÃO · VISÃO ---------- */
.mvv {
  background: var(--bg);
  padding: var(--space-20) 0;
}
.pmv-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr;
  gap: var(--space-6);
  margin-top: var(--space-12);
  align-items: stretch;
}
.pmv-card {
  padding: var(--space-8);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  background: var(--aro-cream-light, #F9F8F7);
  display: flex; flex-direction: column; gap: var(--space-4);
}
.pmv-tag {
  font-size: var(--text-xs);
  font-weight: 700;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: var(--aro-gold);
}
.pmv-card p {
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: 600;
  letter-spacing: -0.015em;
  line-height: 1.45;
  color: var(--aro-charcoal);
  margin: 0;
  font-style: normal;
}

/* Card destaque (Propósito) */
.pmv-card-feature {
  background: linear-gradient(160deg, var(--aro-olive-dark), var(--aro-charcoal));
  border-color: var(--aro-olive-dark);
  color: #fff;
  position: relative;
  overflow: hidden;
}
.pmv-card-feature::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 4px;
  background: var(--aro-gold);
}
.pmv-card-feature .pmv-tag { color: var(--aro-gold); }
.pmv-card-feature .pmv-statement {
  font-family: var(--font-display);
  font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.3rem);
  font-weight: 700;
  letter-spacing: -0.022em;
  line-height: 1.18;
  color: #fff;
  margin: 0;
  font-style: normal;
}
.pmv-accent { color: var(--aro-gold); display: inline; }

/* ---------- VALORES ---------- */
.valores {
  background: var(--aro-cream-light, #F9F8F7);
  padding: var(--space-20) 0;
  border-top: 1px solid var(--border);
}
.valores h2 em { color: var(--aro-olive); font-style: normal; }
.valores-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-5);
  margin-top: var(--space-12);
}
.valor-card {
  background: #fff;
  border: 1px solid var(--border);
  border-top: 3px solid var(--aro-olive);
  padding: var(--space-7) var(--space-6);
  display: flex; flex-direction: column; gap: var(--space-3);
  min-height: 100%;
  transition: transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);
}
.valor-card:hover { transform: translateY(-3px); box-shadow: 0 12px 30px -18px rgba(0,0,0,0.18); }
.valor-num {
  font-family: var(--font-display);
  font-size: 1.4rem;
  font-weight: 800;
  color: var(--aro-gold);
  letter-spacing: 0.02em;
  line-height: 1;
}
.valor-card h3 {
  font-family: var(--font-display);
  font-size: 1.25rem;
  font-weight: 800;
  color: var(--aro-charcoal);
  letter-spacing: -0.018em;
  margin: 0;
  font-style: normal;
}
.valor-card p {
  font-size: 0.95rem;
  line-height: 1.6;
  color: var(--fg-soft);
  margin: 0;
}

/* ---------- CTA FINAL ---------- */
.cta-final {
  background: linear-gradient(160deg, var(--aro-olive-dark), var(--aro-charcoal));
  color: #fff;
  padding: var(--space-20) 0;
  text-align: center;
}
.cta-inner { max-width: 760px; margin: 0 auto; }
.cta-final .eyebrow { color: var(--aro-gold-light); }
.cta-final h2 {
  color: #fff;
  font-size: clamp(2rem, 1.5rem + 1.8vw, 3.2rem);
  margin: var(--space-4) 0 var(--space-6);
}
.cta-final h2 em { color: var(--aro-gold); font-style: normal; }
.cta-final .lead {
  color: rgba(255,255,255,0.82);
  margin: 0 auto var(--space-10);
}
.cta-actions {
  display: flex; flex-wrap: wrap; justify-content: center;
  gap: var(--space-4);
}
.cta-final .btn-ghost {
  border-color: rgba(255,255,255,0.3);
  color: #fff;
}
.cta-final .btn-ghost:hover {
  background: rgba(255,255,255,0.08);
  border-color: rgba(255,255,255,0.6);
}

/* ---------- RESPONSIVE ---------- */
@media (max-width: 1100px) {
  .intro-grid { grid-template-columns: 1fr; gap: var(--space-8); }
  .numbers-grid { grid-template-columns: repeat(2, 1fr); }
  .frentes-grid { grid-template-columns: repeat(2, 1fr); }
  .lideranca-grid, .presenca-grid { grid-template-columns: 1fr; }
  .pmv-grid { grid-template-columns: 1fr; }
  .valores-grid { grid-template-columns: repeat(2, 1fr); }
  .page-hero-stats { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
  .page-hero { padding: 9rem 0 4rem; min-height: auto; }
  .page-hero-inner h1 { font-size: clamp(1.85rem, 1.3rem + 3vw, 2.6rem); line-height: 1.1; }
  .page-hero-stats { grid-template-columns: repeat(2, 1fr); gap: var(--space-4); }
  .intro, .timeline, .numbers, .frentes, .lideranca, .presenca, .mvv, .valores, .cta-final { padding: var(--space-12) 0; }
  .valores-grid { grid-template-columns: 1fr; }

  .timeline-list::before { left: 28px; }
  .timeline-item { grid-template-columns: 70px 1fr; gap: var(--space-4); }
  .timeline-marker { width: 70px; }
  .timeline-marker span { font-size: 1.2rem; padding: 0.2rem 0.3rem; }
  .timeline-marker::after { width: 8px; height: 8px; }
  .timeline-content { padding-left: var(--space-4); }
  .timeline-content h3 { font-size: var(--text-lg); }

  .numbers-grid, .frentes-grid { grid-template-columns: 1fr; }
  .number-card-num { font-size: 2.4rem; }

  .gov-list div { grid-template-columns: 1fr; gap: var(--space-1); }
  .presenca-list li { grid-template-columns: 1fr; gap: 0.3rem; }

  .cta-actions { flex-direction: column; align-items: stretch; }
  .cta-actions .btn { justify-content: center; }
}

/* =========================================================================
   ASSINATURA INSTITUCIONAL — manifesto Origem • Cuidado • Legado
   ========================================================================= */
.manifesto {
  padding: var(--space-14) 0;
  background: linear-gradient(180deg, var(--aro-charcoal) 0%, var(--aro-olive-dark) 100%);
  color: #fff;
  position: relative;
  overflow: hidden;
}
.manifesto::before {
  content: "";
  position: absolute;
  top: 0; left: 50%;
  width: 1px; height: var(--space-10);
  background: linear-gradient(180deg, transparent, var(--aro-gold));
  transform: translateX(-50%);
}
.manifesto-inner {
  text-align: center;
  max-width: 1080px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.manifesto .eyebrow {
  color: var(--aro-gold);
  margin-bottom: var(--space-6);
  display: inline-block;
}
.manifesto-inner > .eyebrow { display: block; }
.manifesto-title {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: var(--space-5);
  font-family: var(--font-display);
  font-size: clamp(1.75rem, 4.2vw, 3rem);
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.1;
  color: #fff;
  margin-bottom: var(--space-6);
  font-style: normal;
}
.manifesto-title em { font-style: normal; }
.manifesto-title > span:not(.manifesto-sep) {
  position: relative;
}
.manifesto-sep {
  color: var(--aro-gold);
  font-size: 0.55em;
  line-height: 1;
  opacity: 0.75;
}
.manifesto-lead {
  max-width: 64ch;
  margin: 0 auto var(--space-10);
  font-size: var(--text-lg);
  line-height: 1.65;
  color: rgba(255, 255, 255, 0.78);
}
.manifesto-pillars {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-6);
  text-align: left;
}
.manifesto-pillar {
  padding: var(--space-7) var(--space-6);
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(248, 154, 62, 0.18);
  border-radius: 4px;
  transition: border-color var(--dur) var(--ease), transform var(--dur) var(--ease);
}
.manifesto-pillar:hover {
  border-color: rgba(248, 154, 62, 0.42);
  transform: translateY(-2px);
}
.manifesto-pillar-num {
  display: block;
  font-family: var(--font-body);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.24em;
  text-transform: uppercase;
  color: var(--aro-gold);
  margin-bottom: var(--space-4);
}
.manifesto-pillar h3 {
  font-family: var(--font-display);
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.01em;
  margin-bottom: var(--space-3);
  color: #fff;
  font-style: normal;
}
.manifesto-pillar h3 em { font-style: normal; }
.manifesto-pillar p {
  font-size: var(--text-sm);
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.7);
  margin: 0;
}

@media (max-width: 900px) {
  .manifesto { padding: var(--space-10) 0; }
  .manifesto-pillars { grid-template-columns: 1fr; gap: var(--space-4); }
  .manifesto-title { gap: var(--space-3); }
  .manifesto-lead { font-size: var(--text-base); margin-bottom: var(--space-7); }
}