/* Kenny Rivers V5.28 — unified editorial hero reveal: Music & Story.
   Two-level lines rather than word-clipping. Keeps italic descenders and Y visible. */
.music-intro.magazine-hero h1.kr-editorial-hero-title,
.about-intro.magazine-hero h1.kr-editorial-hero-title {
  overflow:visible!important;
  line-height:1.15!important;
  padding-block:.09em .15em;
  margin-block:clamp(30px,4.5vw,62px) clamp(34px,4vw,55px);
  /* Keep large typography legible and allow accents to extend naturally. */
  text-wrap:balance;
}
/* Only intended punctuation red; inherited global h1 span rule must not recolor lines. */
.about-intro.magazine-hero h1.kr-editorial-hero-title .kr-editorial-line,
.about-intro.magazine-hero h1.kr-editorial-hero-title .kr-editorial-line-inner,
.music-intro.magazine-hero h1.kr-editorial-hero-title .kr-editorial-line,
.music-intro.magazine-hero h1.kr-editorial-hero-title .kr-editorial-line-inner {
  color:inherit!important;
}
.about-intro.magazine-hero h1.kr-editorial-hero-title .kr-editorial-period { color:var(--red,#ed1430)!important; }
.kr-editorial-hero-title .kr-editorial-line {
  display:block;
  position:relative;
  overflow:visible!important;
  line-height:1.15;
  padding:0.035em 0 .115em;
  margin:-.025em 0 -.045em;
  isolation:isolate;
}
.kr-editorial-hero-title .kr-editorial-line-inner {
  display:inline-block;
  max-width:100%;
  overflow:visible!important;
  vertical-align:baseline;
  white-space:normal;
  will-change:auto;
  transform:translate3d(0,0,0);
  opacity:1;
  filter:none;
}
.kr-editorial-hero-title .kr-editorial-line-inner em {
  display:inline;
  line-height:1.2;
  overflow:visible;
  /* Serif italic swashes and descenders must not be inside an overflow mask. */
}
/* Animation is applied with the native Web Animations API in the shared script.
   CSS remains visible by default, including when JS is disabled or fails. */
.kr-editorial-hero-title .kr-editorial-line-inner { opacity:1; transform:none; filter:none; }
@media (max-width:700px){
  .music-intro.magazine-hero h1.kr-editorial-hero-title,
  .about-intro.magazine-hero h1.kr-editorial-hero-title{line-height:1.14!important;padding-block:.06em .14em;}
  .kr-editorial-hero-title .kr-editorial-line{padding-bottom:.14em;margin-bottom:-.04em;}
}
@media (prefers-reduced-motion:reduce) {
  html.kr-editorial-motion .kr-editorial-hero-title .kr-editorial-line-inner{
    opacity:1!important;transform:none!important;filter:none!important;transition:none!important;
  }
}