/* Startseite: Hero, Zwei-Wege-Split, Stats, Leistungsindex, Über-uns-Teaser */

.hero{padding:88px 0 0; text-align:center;}
h1{
  font-size:clamp(34px, 5vw, 54px);
  line-height:1.22; font-weight:400;
  max-width:760px; margin:0 auto; color:var(--ink);
}
.hero p.lede{max-width:520px; margin:26px auto 0; font-size:18px; line-height:1.65; color:var(--ink-soft);}

.paths{display:grid; grid-template-columns:1fr 1px 1fr; margin-top:64px; border-top:1px solid var(--hairline);}
@media (max-width:700px){ .paths{grid-template-columns:1fr;} .paths .divider{display:none;} .paths .path{border-bottom:1px solid var(--hairline);} }
.paths .divider{background:var(--hairline);}
.path{padding:48px 44px; text-align:left; display:flex; flex-direction:column;}
.path .tag{font-size:11.5px; color:var(--brass); font-weight:600; margin-bottom:16px;}
.path h3{font-size:22px; font-weight:400; margin-bottom:12px;}
.path p{font-size:15px; color:var(--ink-soft); max-width:340px; margin-bottom:20px;}
.path a.link{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); margin-top:auto; align-self:flex-start;}
.path a.link:hover{color:var(--burgundy);}

.stats{border-top:1px solid var(--hairline); border-bottom:1px solid var(--hairline); margin-top:8px;}
.stats .wrap{display:grid; grid-template-columns:1fr 1px 1fr 1px 1fr; padding:40px 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;}

.services{padding:80px 0;}
.section-head{text-align:center; max-width:520px; margin:0 auto 8px;}
.section-head .eyebrow{margin-bottom:16px;}
.section-head h2{font-size:28px; font-weight:400;}
.index-list{margin-top:48px; border-top:1px solid var(--hairline);}
.index-row{display:grid; grid-template-columns:64px 220px 1fr; gap:24px; align-items:baseline; padding:26px 0; border-bottom:1px solid var(--hairline);}
@media (max-width:700px){ .index-row{grid-template-columns:40px 1fr; grid-template-areas:"num title" "num desc";} .index-row .desc{grid-area:desc;} .index-row .num{grid-area:num;} .index-row .title{grid-area:title;} }
.index-row .num{font-family:'Libre Caslon Display', serif; font-size:20px; color:var(--brass);}
.index-row .title{font-size:18px; font-weight:600;}
.index-row .desc{font-size:16px; color:var(--ink-soft);}

.about-teaser{padding:92px 0 100px; text-align:center;}
.about-teaser .teaser-text{font-family:'Libre Caslon Display', serif; font-size:clamp(22px,3vw,28px); line-height:1.5; max-width:700px; margin:0 auto 20px; color:var(--ink); font-weight:400;}
.about-teaser .teaser-sub{font-size:15.5px; color:var(--ink-soft); max-width:520px; margin:0 auto 30px;}
.about-teaser .link{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);}
.about-teaser .link:hover{color:var(--burgundy);}