/* One shared portrait; complementary disciplines. Used by SK and de-CH. */
.about-page main{max-width:1400px;padding-top:clamp(34px,4vw,62px);padding-bottom:32px}
#o-nas .head{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:end;margin-bottom:clamp(28px,3.2vw,44px)}
#o-nas .head h1{max-width:11ch;text-wrap:balance}
#o-nas .head p{max-width:46ch;margin:0;font-size:clamp(16px,1.3vw,18px);line-height:1.6;color:#555550}
.team-story{display:grid;grid-template-columns:minmax(0,.3fr) minmax(0,.7fr);background:#171716;color:#f4f2ed;border-radius:10px;overflow:hidden}
.team-portrait{position:relative;width:100%;aspect-ratio:4/5;align-self:stretch;min-width:0;min-height:0;margin:0;background:#9b9fa1}
.team-portrait img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 57%}
.team-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:28px;padding:32px;min-width:0}
.team-person{min-width:0}
.team-person+.team-person{border-left:1px solid #ffffff29;padding-left:28px}
.team-person h2{font-family:var(--display);font-variation-settings:'wdth' 112,'wght' 750;font-size:clamp(30px,2.5vw,36px);line-height:1.12;letter-spacing:-.03em;margin:0;text-wrap:balance}
.team-role{margin:12px 0 0;font-size:14px;font-weight:600;line-height:1.5;color:#f4f2ed;text-wrap:pretty}
.team-person p:not(.team-role){max-width:45ch;margin:14px 0 0;color:#b5b4af;font-size:16px;line-height:1.65;text-wrap:pretty}
.team-email{display:block;box-sizing:border-box;width:fit-content;max-width:100%;min-height:44px;margin-top:10px;padding:10px 0;font-size:14px;line-height:1.6;color:#f4f2ed;overflow-wrap:anywhere;text-decoration:underline;text-decoration-color:#ffffff60;text-underline-offset:4px;transition:text-decoration-color .18s ease}
.team-email:hover{text-decoration-color:currentColor}
.team-email:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:2px}
.team-base{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px 32px;padding:22px clamp(26px,3.5vw,50px);border-top:1px solid #ffffff29}
.team-locations{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:14px;line-height:1.6;color:#b5b4af}
.team-direct{display:flex;flex-direction:column;gap:2px;min-width:0}
.team-direct span{font-size:12px;line-height:1.5;color:#b5b4af}
.team-direct a{display:inline-flex;align-items:center;min-height:44px;font-size:clamp(17px,1.6vw,21px);font-weight:600;line-height:1.3;overflow-wrap:anywhere;text-decoration:underline;text-decoration-color:#ffffff40;text-underline-offset:5px;transition:text-decoration-color .18s ease}
.team-direct a:hover{text-decoration-color:currentColor}
.about-page .price-page-footer{align-items:center}
.about-page .price-page-footer>a{display:inline-flex;align-items:center}
.about-page .price-page-footer>a:last-child{padding:12px 20px;border-radius:6px;background:#171716;color:#f4f2ed;font-size:14px;text-align:center}
@media(max-width:1100px){
  .team-story{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  .team-portrait{align-self:center;max-height:480px}
  .team-people{display:flex;flex-direction:column;justify-content:center;padding:28px;gap:22px}
  .team-person+.team-person{border-left:0;padding-left:0;border-top:1px solid #ffffff29;padding-top:22px}
}
@media(max-width:760px){
  #o-nas .head{grid-template-columns:minmax(0,1fr);gap:18px;margin-bottom:28px}
  #o-nas .head h1{max-width:none;font-size:clamp(36px,7.5vw,52px)}
  #o-nas .head p{max-width:46ch;font-size:16px}
  .team-story{grid-template-columns:minmax(0,1fr)}
  .team-portrait{aspect-ratio:1;max-height:360px}
  .team-portrait img{object-position:50% 36%}
  .team-people{padding:28px 24px;gap:28px}
  .team-person+.team-person{padding-top:28px}
  .team-person p:not(.team-role){font-size:16px}
  .team-base{padding:20px 24px;align-items:flex-start;gap:18px}
  .team-locations{font-size:13px}
  .team-direct{flex-basis:100%}
  .about-page .price-page-footer{gap:12px 24px;padding-top:20px;padding-bottom:22px}
  .about-page .price-page-footer>span{flex-basis:100%}
}
@media(prefers-reduced-motion:reduce){.team-direct a,.team-email{transition:none}}