/* Kompakter, redaktioneller Einstieg: Beiträge stehen direkt im Blick. */
.intro{padding:42px 0 34px}
.intro .wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:center;column-gap:44px}
.intro .eyebrow{grid-column:1/-1;margin-bottom:10px}
.intro h1{position:relative;max-width:610px;margin:0;padding-right:52px;font-size:clamp(38px,4.6vw,60px);line-height:1.04}
.intro h1:after{content:'';position:absolute;top:4px;right:0;bottom:4px;width:1px;background:var(--line)}
.intro p{max-width:430px;margin:0 0 4px;font-size:15px;line-height:1.65}
.intro-rule{grid-column:1;width:33px;margin-top:18px}
.blog{padding-top:38px}
.band-heading{display:block;margin-bottom:26px}
.band-heading .section-title:after{display:none}

@media(max-width:820px){
  .intro{padding:38px 0 32px}
  .intro .wrap{display:block}
  .intro .eyebrow{margin-bottom:10px}
  .intro h1{max-width:590px;font-size:clamp(36px,7vw,50px)}
  .intro h1{padding-right:0}
  .intro h1:after{display:none}
  .intro p{max-width:560px;margin-top:14px;font-size:15px}
  .intro-rule{margin-top:18px}
  .blog{padding-top:32px}
}

@media(max-width:470px){
  .intro h1{font-size:38px}
}