/* ==========================================================================
   ABOUT — long-form narrative feature article
   ========================================================================== */
.about-hero{ padding:64px 0 44px; text-align:center; }
.about-hero .eyebrow{ display:inline-flex; margin-bottom:18px; }
.about-hero h1{ max-width:820px; margin:0 auto; text-transform:none; }
.about-hero .lede{ max-width:560px; margin:22px auto 0; }

.about-cover{ margin:46px 0 66px; }
.about-cover img{ width:100%; height:min(58vh,520px); object-fit:cover; border-radius:var(--radius); }

.about-article{ padding:0 0 40px; }
.about-article p{
  font-size:1.05rem; line-height:1.85; color:var(--ink); margin-bottom:24px; max-width:100%;
}
.about-article .drop p:first-of-type::first-letter{
  font-family:var(--font-display); font-size:4.2rem; font-weight:800; color:var(--gold);
  float:left; line-height:.8; padding:6px 10px 0 0;
}

.about-breakout{ margin:52px 0; display:grid; grid-template-columns:1fr 1fr; gap:18px; }
@media (max-width:700px){ .about-breakout{ grid-template-columns:1fr; } }
.about-breakout img{ width:100%; height:320px; object-fit:cover; border-radius:var(--radius); }

.about-pullquote{
  font-family:var(--font-display); font-weight:700; font-size:clamp(1.3rem,2.6vw,1.8rem);
  line-height:1.45; text-align:center; padding:20px 0; margin:56px auto; max-width:680px;
  position:relative; text-transform:none;
}
.about-pullquote::before, .about-pullquote::after{
  content:""; display:block; width:40px; height:2px; background:var(--gold); margin:0 auto 20px;
}
.about-pullquote::after{ margin:20px auto 0; }

/* Values run as a numbered list */
.values-list{ max-width:720px; margin:64px auto; padding:0; list-style:none; }
.values-list li{
  display:flex; gap:24px; padding:24px 0; border-top:1px solid var(--border-soft);
  align-items:baseline;
}
.values-list li:last-child{ border-bottom:1px solid var(--border-soft); }
.values-list .v-mark{ font-family:var(--font-mono); font-size:.78rem; color:var(--gold); flex:none; width:26px; font-weight:800; }
.values-list h4{ margin-bottom:6px; }
.values-list p{ color:var(--warm-gray); font-size:.94rem; margin:0; line-height:1.65; }

.about-signoff{ max-width:680px; margin:64px auto 0; text-align:center; }
.about-signoff .sig-mark{ font-family:var(--font-display); font-weight:800; font-size:1.5rem; color:var(--gold); margin-bottom:10px; }

.about-cta{ background:var(--cream-deep); border-top:1px solid var(--border-soft); border-bottom:1px solid var(--border-soft); padding:76px 0; margin-top:88px; text-align:center; }
.about-cta h2{ margin-bottom:20px; }