.cma-about-hero {
  position: relative;
  min-height: clamp(27rem, 52vw, 39rem);
  overflow: hidden;
  color: var(--cma-white);
  background:
    linear-gradient(90deg, rgba(13,14,17,.9) 0%, rgba(13,14,17,.58) 45%, rgba(13,14,17,.13) 100%),
    url("../images/about-hero.jpg") center / cover,
    var(--cma-ink);
}
.cma-about-hero .cma-wrap { display:grid; align-content:center; min-height:inherit; padding-block:4.5rem; }
.cma-about-hero .cma-eyebrow { color:#ff7982; }
.cma-about-hero h1 { max-width:45rem; margin:0; font-size:clamp(2.65rem,5.5vw,4.85rem); line-height:.99; letter-spacing:-.052em; }
.cma-about-hero p:not(.cma-eyebrow) { max-width:37rem; margin:1.25rem 0 0; color:rgba(255,255,255,.9); font-size:clamp(1rem,1.65vw,1.18rem); }

.cma-about-intro { display:grid; grid-template-columns:minmax(0,.88fr) minmax(19rem,1.12fr); gap:clamp(2rem,6vw,7rem); align-items:center; }
.cma-about-image { min-height:29rem; border-radius:var(--cma-radius); background:linear-gradient(0deg,rgba(17,18,21,.3),rgba(17,18,21,.05)),url("../images/menschen/about-family.png") center / cover,#2c2e33; box-shadow:var(--cma-shadow); }
.cma-about-copy .cma-eyebrow { margin-bottom:.7rem; }
.cma-about-copy h2 { max-width:33rem; margin:0; color:var(--cma-ink); font-size:clamp(2rem,4vw,3.2rem); line-height:1.06; letter-spacing:-.045em; }
.cma-about-copy > p:not(.cma-eyebrow) { max-width:39rem; margin:1.3rem 0 0; color:var(--cma-steel); }
.cma-about-facts { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.8rem; margin:2rem 0 0; }
.cma-about-fact { padding:1rem 1rem 1.05rem; border-top:3px solid var(--cma-red); border-radius:.35rem; background:var(--cma-surface); }
.cma-about-fact strong { display:block; color:var(--cma-ink); font-size:1.22rem; line-height:1.1; }
.cma-about-fact span { display:block; margin-top:.25rem; color:var(--cma-steel); font-size:.79rem; line-height:1.28; }

.cma-about-principles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.cma-principle { min-height:17rem; padding:2rem; border:1px solid rgba(27,28,31,.08); border-radius:.75rem; background:var(--cma-white); box-shadow:0 10px 24px rgba(17,18,21,.05); }
.cma-principle-number { display:inline-grid; place-items:center; width:2.2rem; height:2.2rem; color:var(--cma-white); font-size:.78rem; font-weight:800; border-radius:99px; background:var(--cma-red); }
.cma-principle h3 { margin:2rem 0 0; font-size:1.42rem; line-height:1.13; letter-spacing:-.03em; }
.cma-principle p { margin:.8rem 0 0; color:var(--cma-steel); }

.cma-team-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; }
.cma-team-card { overflow:hidden; border:1px solid rgba(27,28,31,.08); border-radius:.75rem; background:var(--cma-white); box-shadow:0 11px 26px rgba(17,18,21,.055); transition:transform .2s ease,box-shadow .2s ease; }
.cma-team-card:hover { box-shadow:0 17px 34px rgba(17,18,21,.12); transform:translateY(-4px); }
.cma-team-photo { position:relative; display:grid; place-items:center; aspect-ratio:4 / 4.3; overflow:hidden; color:rgba(255,255,255,.87); font-size:2rem; font-weight:800; letter-spacing:-.07em; background:linear-gradient(135deg,rgba(177,15,27,.35),rgba(20,21,24,.35)),var(--team-photo) center / cover,linear-gradient(140deg,#5b6067,#212228); }
.cma-team-photo::after { position:absolute; inset:0; content:""; border:1px solid rgba(255,255,255,.14); background:linear-gradient(0deg,rgba(15,16,18,.28),transparent 55%); }
.cma-team-photo span { position:relative; z-index:1; display:grid; place-items:center; width:4rem; height:4rem; border:1px solid rgba(255,255,255,.45); border-radius:99px; background:rgba(16,17,20,.25); backdrop-filter:blur(3px); }
.cma-team-card-body { padding:1.15rem 1.2rem 1.35rem; }
.cma-team-card h3 { margin:0; color:var(--cma-ink); font-size:1.12rem; line-height:1.15; letter-spacing:-.025em; }
.cma-team-role { min-height:2.65rem; margin:.38rem 0 0; color:var(--cma-red); font-size:.8rem; font-weight:800; line-height:1.25; }
.cma-team-language { min-height:2.6rem; margin:.7rem 0 0; color:var(--cma-steel); font-size:.77rem; line-height:1.35; }
.cma-team-email { display:inline-block; margin-top:.9rem; color:var(--cma-ink); font-size:.78rem; font-weight:800; border-bottom:1px solid rgba(177,15,27,.36); }
.cma-team-email:hover { color:var(--cma-red); border-color:var(--cma-red); }

.cma-history-grid { display:grid; grid-template-columns:minmax(17rem,.74fr) minmax(0,1.26fr); gap:clamp(2rem,5vw,6rem); align-items:start; }
.cma-history-intro { position:sticky; top:1.5rem; }
.cma-history-intro h2 { margin:0; color:var(--cma-ink); font-size:clamp(1.95rem,3.6vw,2.8rem); line-height:1.06; letter-spacing:-.042em; }
.cma-history-intro p:not(.cma-eyebrow) { margin:1rem 0 0; color:var(--cma-steel); }
.cma-timeline { position:relative; padding:0; margin:0; list-style:none; }
.cma-timeline::before { position:absolute; top:.3rem; bottom:.3rem; left:4.3rem; width:1px; content:""; background:var(--cma-line); }
.cma-timeline-item { position:relative; display:grid; grid-template-columns:3.15rem minmax(0,1fr); gap:1.35rem; padding-bottom:1.5rem; }
.cma-timeline-item:last-child { padding-bottom:0; }
.cma-timeline-year { position:relative; z-index:1; display:grid; place-items:center; width:3.15rem; height:3.15rem; color:var(--cma-white); font-size:.78rem; font-weight:800; border:4px solid var(--cma-white); border-radius:99px; background:var(--cma-red); box-shadow:0 0 0 1px var(--cma-line); }
.cma-timeline-text { padding:.55rem 0; color:var(--cma-steel); }
.cma-timeline-text h3 { margin:0; color:var(--cma-ink); font-size:1.12rem; line-height:1.2; }
.cma-timeline-text p { margin:.38rem 0 0; }

.cma-about-contact { color:var(--cma-white); background:var(--cma-ink); }
.cma-about-contact .cma-wrap { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:1.5rem 3rem; padding-block:clamp(3rem,6vw,4.8rem); }
.cma-about-contact .cma-eyebrow { color:#ff747e; }
.cma-about-contact h2 { max-width:44rem; margin:0; font-size:clamp(1.8rem,3.8vw,3.05rem); line-height:1.08; letter-spacing:-.04em; }

@media (max-width:1020px){ .cma-team-grid{grid-template-columns:repeat(3,minmax(0,1fr));} }
@media (max-width:820px){ .cma-about-intro,.cma-history-grid{grid-template-columns:1fr;} .cma-about-image{min-height:23rem;} .cma-about-principles{grid-template-columns:1fr;} .cma-history-intro{position:static;} .cma-about-contact .cma-wrap{grid-template-columns:1fr;} }
@media (max-width:620px){ .cma-about-hero{min-height:31rem;} .cma-about-facts{grid-template-columns:1fr;} .cma-team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;} .cma-team-card-body{padding:.95rem;} .cma-team-language{min-height:auto;} .cma-team-email{max-width:100%;overflow-wrap:anywhere;} .cma-history-grid{gap:2.2rem;} }