.about-page { background: var(--mkt-bg); }
.about-story { padding: 112px 48px 106px; }
.about-story-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 100px; align-items: start; }
.about-story h1 { margin: 20px 0 0; font-family: "Newsreader", Georgia, serif; font-size: clamp(40px, 5.3vw, 54px); font-weight: 400; line-height: 1.12; }
.about-story h1 em { font-weight: 300; }
.about-story-copy { padding-top: 28px; border-top: 1px solid var(--mkt-border); }
.about-story-copy p { margin: 0 0 20px; color: var(--mkt-muted); font-size: 16px; line-height: 1.75; }
.about-story-copy p:first-child::first-letter { float: left; margin: 7px 9px 0 0; color: var(--mkt-accent); font-family: "Newsreader", Georgia, serif; font-size: 56px; line-height: .75; }
.about-principles { padding: 100px 48px 110px; border-top: 1px solid var(--mkt-border); background: var(--mkt-raised-2); }
.about-principles .mkt-heading, .about-details .mkt-heading { max-width: 750px; margin-top: 16px; }
.about-principle-grid { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 50px; border-top: 1px solid var(--mkt-border); border-left: 1px solid var(--mkt-border); }
.about-principle-grid article { min-height: 280px; padding: 30px; border-right: 1px solid var(--mkt-border); border-bottom: 1px solid var(--mkt-border); }
.about-principle-grid article > span { color: var(--mkt-accent); font-family: "Newsreader", Georgia, serif; font-size: 20px; font-style: italic; }
.about-principle-grid h3 { margin: 42px 0 12px; font-family: "Newsreader", Georgia, serif; font-size: 25px; font-weight: 400; }
.about-principle-grid p { color: var(--mkt-muted); font-size: 14px; line-height: 1.7; }
.about-details { padding: 100px 48px; }
.about-detail-grid { display: grid; grid-template-columns: repeat(2, 1fr); max-width: 960px; margin: 48px 0 0 auto; border-top: 1px solid var(--mkt-border); border-left: 1px solid var(--mkt-border); }
.about-detail-grid article { padding: 26px 28px; border-right: 1px solid var(--mkt-border); border-bottom: 1px solid var(--mkt-border); }
.about-detail-grid h3 { margin: 0 0 10px; font-family: "Newsreader", Georgia, serif; font-size: 21px; font-weight: 400; }
.about-detail-grid p { margin: 0; color: var(--mkt-muted); font-size: 13px; line-height: 1.65; }
.about-stats { padding: 0 48px; background: var(--mkt-paper); color: var(--mkt-paper-ink); }
.about-stat-grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.about-stat-grid div { display: flex; min-height: 190px; flex-direction: column; justify-content: center; gap: 8px; padding: 34px; border-left: 1px solid var(--mkt-paper-border); text-align: center; }
.about-stat-grid div:last-child { border-right: 1px solid var(--mkt-paper-border); }
.about-stat-grid strong { color: var(--mkt-paper-accent); font-family: "Newsreader", Georgia, serif; font-size: 38px; font-weight: 400; }
.about-stat-grid span { color: var(--mkt-paper-muted); font-size: 12px; letter-spacing: .05em; }
.about-contact { padding: 104px 48px; }
.about-contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: center; }
.about-contact-grid > div:last-child > p { color: var(--mkt-muted); }
.about-email { display: inline-block; margin: 4px 0 28px; font-family: "Newsreader", Georgia, serif; font-size: clamp(24px, 4vw, 34px); text-decoration: none; }
.about-contact-actions { display: flex; gap: 12px; }
@media (max-width: 760px) {
  .about-story, .about-principles, .about-details, .about-contact { padding: 72px 20px; }
  .about-story-grid, .about-principle-grid, .about-stat-grid, .about-contact-grid { grid-template-columns: 1fr; }
  .about-story-grid, .about-contact-grid { gap: 42px; }
  .about-principle-grid article { min-height: 0; }
  .about-detail-grid { grid-template-columns: 1fr; }
  .about-stats { padding: 0 20px; }
  .about-stat-grid div { min-height: 140px; border-right: 1px solid var(--mkt-paper-border); border-bottom: 1px solid var(--mkt-paper-border); }
  .about-contact-actions { align-items: stretch; flex-direction: column; }
}