/* Die Person hinter Vermonta. Bewusst ohne Effekthascherei. */
.vm-ethos { border-top:1px solid rgba(255,255,255,.07); border-bottom:1px solid rgba(255,255,255,.07); background:linear-gradient(115deg,rgba(5,171,137,.055),rgba(12,13,18,.15)); padding:64px 0; }
.vm-ethos-inner { max-width:1200px; margin:auto; padding:0 20px; display:flex; align-items:center; justify-content:space-between; gap:42px; }
.vm-ethos-copy { max-width:770px; }
.vm-kicker { display:block; font-family:'Courier New',monospace; font-size:.75rem; letter-spacing:.17em; text-transform:uppercase; color:#05AB89; margin-bottom:16px; }
.vm-ethos h2 { font-size:clamp(1.85rem,3.1vw,2.8rem); line-height:1.2; letter-spacing:-.035em; font-weight:650; margin:0 0 18px; color:#eee; }
.vm-ethos p { margin:0; color:#aab5be; font-size:1.04rem; max-width:740px; line-height:1.85; }
.vm-subtle-link { color:#a9e7d7; text-decoration:none; display:inline-block; border-bottom:1px solid rgba(5,171,137,.4); padding-bottom:5px; white-space:nowrap; transition:color .2s,border-color .2s; }
.vm-subtle-link:hover { color:#fff; border-color:#fff; }
.vm-person { padding:110px 20px 160px; }
.vm-person-layout { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(36px,7vw,110px); align-items:center; }
.vm-person-photo { margin:0; background:#101713; }
.vm-person-photo img { width:100%; height:auto; aspect-ratio:4/4.25; object-fit:cover; object-position:center 43%; display:block; }
.vm-person-copy h2 { font-size:clamp(2rem,4.1vw,3.2rem); line-height:1.12; letter-spacing:-.04em; font-weight:620; margin:0 0 26px; }
.vm-person-copy p { color:#aeb8c0; font-size:1.06rem; line-height:1.9; margin:0 0 20px; }
.vm-person-copy strong { color:#f1f4f4; font-weight:600; }
/* Zwei Erfahrungswerte: ruhig, mit deutlichem Abstand zu den folgenden Inhalten. */
.vm-experience { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(20px,3vw,46px); align-items:start; border-top:1px solid rgba(255,255,255,.12); margin-top:42px; padding-top:38px; }
.vm-experience-item { display:flex; flex-direction:column; align-items:flex-start; min-width:0; gap:20px; }
.vm-experience-num { display:block; font-family:'Segoe UI',sans-serif; font-size:clamp(3.25rem,6vw,5rem); line-height:1; font-weight:650; color:#05AB89; font-variant-numeric:tabular-nums; }
.vm-experience-meta { display:flex; flex-direction:column; gap:7px; }
.vm-experience-meta strong { font-size:1.04rem; line-height:1.35; }
.vm-experience-meta small { color:#91a29b; font-size:.83rem; line-height:1.5; }
@media(max-width:820px) { .vm-ethos-inner { flex-direction:column; align-items:flex-start; gap:26px; } .vm-person { padding:65px 20px 115px; } .vm-person-layout { grid-template-columns:1fr; } .vm-person-photo { max-width:560px; } }
@media(max-width:500px){ .vm-ethos { padding:48px 0; } .vm-person-photo img { aspect-ratio:1/1.1; } .vm-experience { gap:30px; } .vm-experience-item { gap:15px; } }
@media(max-width:380px) { .vm-experience { grid-template-columns:1fr; gap:36px; } }