.about-hero { display: grid; grid-template-columns: minmax(0, 1.8fr) minmax(260px, .8fr); gap: 56px; align-items: center; margin-bottom: 64px; }
.about-hero .work-heading { margin: 0; }
.about-hero .work-heading > p:not(.home-eyebrow) { max-width: 590px; color: #ababaa; font-size: 16px; line-height: 1.8; }
.about-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.about-intro { padding: 30px; border: 1px solid #3a3b3c; border-radius: 5px; background: #242526; }
.about-year { display: block; color: #EABD7C; font-size: clamp(74px, 9vw, 118px); font-weight: 500; line-height: .85; letter-spacing: -.07em; margin-bottom: 34px; }
.about-intro div > p:last-child { color: #ababaa; font-size: 14px; line-height: 1.8; margin-top: 10px; }
.about-story, .about-principles { display: grid; grid-template-columns: 1fr 1.35fr; gap: 64px; padding: 56px 0; border-top: 1px solid #343536; }
.about-page h2 { color: #eceae5; font-size: clamp(25px, 3vw, 36px); font-weight: 500; line-height: 1.3; letter-spacing: -.03em; margin-top: 12px; }
.about-story-copy p { color: #ababaa; font-size: 15px; line-height: 1.9; }
.about-story-copy p + p { margin-top: 20px; }
.about-timeline, .about-focus { padding: 56px 0; border-top: 1px solid #343536; }
.about-section-heading { margin-bottom: 30px; }
.about-timeline-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.about-timeline-grid article { padding: clamp(26px, 3.5vw, 40px); border: 1px solid #343536; border-radius: 5px; background: #1b1c1d; }
.about-timeline-grid article > span, .about-focus-grid article > span { color: #EABD7C; font-size: 11px; letter-spacing: 1px; }
.about-timeline-grid h3, .about-focus-grid h3 { color: #eceae5; font-size: 22px; font-weight: 500; margin: 22px 0 12px; }
.about-timeline-grid article > p, .about-focus-grid article > p { color: #ababaa; font-size: 14px; line-height: 1.8; }
.about-focus-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.about-focus-grid article { padding: 28px; border-top: 1px solid #454545; }
.about-principles dl > div { display: grid; grid-template-columns: 1fr 1.4fr; gap: 22px; padding: 20px 0; border-bottom: 1px solid #343536; }
.about-principles dt { color: #EABD7C; font-size: 15px; line-height: 1.6; }
.about-principles dd { color: #ababaa; font-size: 14px; line-height: 1.8; }
.about-page .work-contact { border-top: 1px solid #343536; }
@media (max-width: 800px) { .about-hero { grid-template-columns: minmax(0, 1fr); gap: 30px; } .about-intro { max-width: 560px; } .about-focus-grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 700px) { .about-hero { margin-bottom: 40px; } .about-hero .work-heading > p:not(.home-eyebrow) { font-size: 14px; } .about-actions a { flex: 1 1 145px; } .about-story, .about-principles, .about-timeline-grid { grid-template-columns: minmax(0, 1fr); gap: 28px; } .about-story, .about-principles, .about-timeline, .about-focus { padding: 38px 0; } .about-principles dl > div { grid-template-columns: minmax(0, 1fr); gap: 7px; } }