/* Seite "Über uns": Page-Hero + Story + Werte + Stats + Closing */

.page-hero{padding:76px 0 60px; text-align:center;}
h1{font-size:clamp(30px,4.5vw,44px); line-height:1.2; font-weight:400; max-width:680px; margin:0 auto; color:var(--ink);}
.page-hero p.lede{max-width:540px; margin:20px auto 0; font-size:17.5px; line-height:1.65; color:var(--ink-soft);}

.story{padding:20px 0 80px;}
.story .wrap{max-width:680px;}
.story-text p{font-size:15.5px; color:var(--ink-soft); margin-bottom:16px;}
.story-text p:last-child{margin-bottom:0;}
.story-text .draft-note{font-size:12.5px; font-style:italic; color:var(--ink-soft); margin-top:18px;}

.values{border-top:1px solid var(--hairline); border-bottom:1px solid var(--hairline); padding:64px 0;}
.values .section-head{text-align:center; max-width:520px; margin:0 auto 44px;}
.values .section-head h2{font-size:26px; font-weight:400;}
.value-grid{display:grid; grid-template-columns:1fr 1px 1fr 1px 1fr;}
@media (max-width:760px){ .value-grid{grid-template-columns:1fr; gap:32px;} .value-grid .vline{display:none;} }
.value{padding:0 32px; text-align:center;}
.value .num{font-family:'Libre Caslon Display', serif; font-size:22px; color:var(--brass); margin-bottom:14px;}
.value h3{font-size:17px; font-weight:600; margin-bottom:10px;}
.value p{font-size:16px; color:var(--ink-soft);}

.stats{padding:0;}
.stats .wrap{display:grid; grid-template-columns:1fr 1px 1fr 1px 1fr; padding:56px 32px;}
@media (max-width:700px){ .stats .wrap{grid-template-columns:1fr; gap:22px;} .stats .vline{display:none;} }
.stat{text-align:center;}
.stat .num{font-family:'Libre Caslon Display', serif; font-size:32px; color:var(--burgundy);}
.stat .label{font-size:11.5px; color:var(--ink-soft); letter-spacing:0.1em; text-transform:uppercase; margin-top:8px;}

.closing{padding:80px 0 88px; text-align:center;}
.closing .eyebrow{margin-bottom:16px;}
.closing h2{font-size:26px; font-weight:400; max-width:520px; margin:0 auto 30px;}
.closing-links{display:flex; justify-content:center; gap:48px; flex-wrap:wrap;}
.closing-links a{font-size:13px; font-weight:600; letter-spacing:0.06em; text-transform:uppercase; border-bottom:1px solid var(--burgundy); padding-bottom:4px; color:var(--ink);}
.closing-links a:hover{color:var(--burgundy);}
