.about-main { max-width: 900px; margin: 0 auto; padding: 56px 24px 20px; }

.section-eyebrow {
  font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--gold); font-weight: 800; margin-bottom: 10px;
}

.about-hero { max-width: 640px; margin-bottom: 48px; }
.about-hero h1 { font-size: clamp(28px, 4.5vw, 40px); margin-bottom: 20px; }
.about-lead { color: var(--ink-soft); font-size: 15.5px; line-height: 1.7; margin-bottom: 14px; }

.about-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 20px;
  margin-bottom: 48px;
}
.about-card {
  background: var(--paper); border: 1px solid var(--line); border-radius: 18px;
  padding: 28px 24px;
}
.about-card-icon { font-size: 26px; display: block; margin-bottom: 14px; }
.about-card h2 { font-family: 'Fraunces', serif; color: var(--maroon-deep); font-size: 19px; margin-bottom: 10px; }
.about-card p { color: var(--ink-soft); font-size: 14.5px; line-height: 1.65; }

.about-tech {
  background: var(--maroon-deep); color: var(--gold-soft);
  border-radius: 22px; padding: 40px 32px; margin-bottom: 44px;
}
.about-tech-icon { font-size: 26px; display: block; margin-bottom: 14px; }
.about-tech h2 { font-family: 'Fraunces', serif; color: white; font-size: 22px; margin-bottom: 14px; }
.about-tech p { font-size: 14.5px; line-height: 1.7; max-width: 620px; margin-bottom: 12px; }
.about-tech p:last-child { margin-bottom: 0; }

.about-tagline {
  text-align: center; padding: 8px 0 40px;
  font-family: 'Fraunces', serif; color: var(--maroon-deep);
  font-size: clamp(18px, 2.6vw, 22px); font-weight: 700;
}
.about-tagline em { font-style: italic; color: var(--maroon); }

@media (max-width: 700px) {
  .about-main { padding: 40px 18px 10px; }
  .about-grid { grid-template-columns: 1fr; }
  .about-tech { padding: 28px 22px; }
}