/* About Metaphorum: editable identity panel, editorial chronology and product context. */
.mabout-hero { padding-block: 65px; }
.mq-about h1 { font-size: clamp(2.3rem,4.2vw,3.6rem); }
.mabout-brand-panel { padding: 35px; border-left: 3px solid var(--wp--custom--brand--accent); }
.mabout-logo { max-width: 330px; }
.mq-about .mabout-statement { font-size: 19px; line-height: 1.7; color: var(--wp--custom--brand--deep); margin-top: 30px; }
.mabout-history { padding-block: 60px; }
.mabout-timeline { margin-top: 35px; }
.mabout-event { display: grid; grid-template-columns: 180px minmax(0,1fr); gap: 40px; border-top: 1px solid var(--wp--custom--brand--border); padding-block: 30px; margin: 0!important; }
.mq-about .mabout-year { color: var(--wp--custom--brand--action); font-size: clamp(1.5rem,3vw,2rem); font-weight: 700; letter-spacing: -.03em; margin: 0; }
.mabout-event-copy { margin: 0!important; max-width: 850px; }
.mabout-event-copy h3 { font-size: 25px; line-height: 1.25; margin: 0 0 15px; }
.mabout-event-copy p { margin: 0 0 15px; }
.mabout-event-copy p:last-child { margin-bottom: 0; }
.mabout-event .mqp-text-link { font-size: 14px; }
.mabout-people { padding-block: 65px; }
.mabout-development { padding-block: 65px; }
.mabout-screen { padding: 12px; border: 1px solid var(--wp--custom--brand--border); border-radius: 16px; background: var(--wp--custom--brand--surface-soft); }
.mabout-screen img { border-radius: 6px; }
.mabout-more { padding-block: 40px; }
.mabout-more h2 { font-size: 30px; }
.mabout-more p { font-size: 15px; }
.mabout-final { padding-block: 60px; }
.mabout-final-copy { padding-left: 28px; border-left: 4px solid var(--wp--custom--brand--accent); max-width: 950px; }
@media(max-width:781px) { .mabout-hero,.mabout-history,.mabout-development,.mabout-people,.mabout-final { padding-block: 45px; } .mabout-brand-panel { padding: 20px 25px; } .mabout-logo { max-width: 280px; } .mabout-event { grid-template-columns: 120px minmax(0,1fr); gap: 25px; } .mabout-event-copy h3 { font-size: 22px; } }
@media(max-width:600px) { .mq-about h1 { font-size: clamp(2rem,8vw,2.7rem); } .mabout-event { grid-template-columns: 1fr; gap: 15px; padding-block: 25px; } .mq-about .mabout-year { font-size: 25px; } .mabout-final-copy { padding-left: 20px; } }