/* A consistent, moderate desktop hero height across the four narrative pages. */
@media(min-width:701px){
body .home-hero,body.journey-editorial .journey-hero,body.record-page .record-hero,body.road-page .road-hero{height:auto;min-height:440px;max-height:none;padding-bottom:0}
body .home-hero .hero-inner{padding-top:28px;padding-bottom:28px}
body .home-hero .hero-inner h1{font-size:clamp(48px,4.6vw,68px);margin-bottom:18px}
body .home-hero .hero-kicker{margin-bottom:15px}
body .home-hero .hero-kicker:before{margin-bottom:15px}
body .home-hero .hero-quote{font-size:18px;line-height:1.45;margin-bottom:20px}
body.journey-editorial .journey-hero-content{padding-top:28px;padding-bottom:28px}
body.journey-editorial .journey-hero h1{font-size:clamp(42px,4vw,58px);margin-bottom:17px}
body.journey-editorial .journey-hero .journey-intro{font-size:18px;line-height:1.45;margin-bottom:20px}
body.record-page .record-hero-copy{padding-top:30px;padding-bottom:30px}
body.road-page .road-hero .road-container{padding-top:32px;padding-bottom:32px}
body.road-page .road-hero h1{font-size:clamp(48px,5vw,70px);margin-bottom:19px}
body.road-page .road-hero .road-kicker{margin-bottom:17px}
body.road-page .road-hero .hero-deck{font-size:21px;line-height:1.4}
}
@media(max-width:700px){
body.record-page .record-hero{min-height:410px}
body.road-page .road-hero{min-height:410px}
body.road-page .road-hero .road-container{padding-top:28px;padding-bottom:28px}
body .home-hero{padding-bottom:235px;background-size:auto 270px}
body .home-hero .hero-inner{padding-top:26px;padding-bottom:20px}
body.journey-editorial .journey-hero{min-height:0;padding-bottom:220px}
body.journey-editorial .journey-hero-image{height:250px}
body.journey-editorial .journey-hero-content{padding-top:26px;padding-bottom:22px}
}

/* Album artwork stays proportional beside the Journey title. */
body.journey-editorial .journey-hero-image{inset:0 0 0 47%;height:100%;background:#0b3024 url('../assets/journey-sorrow-tears-blood.webp') right center/contain no-repeat}
body.journey-editorial .journey-hero:after{background:linear-gradient(90deg,#0b3024 0%,#0b3024 40%,#0b3024bb 49%,transparent 65%)}
@media(max-width:700px){body.journey-editorial .journey-hero-image{inset:auto 0 0;height:250px;background-position:center;background-size:contain}body.journey-editorial .journey-hero{padding-bottom:265px}body.journey-editorial .journey-hero:after{background:linear-gradient(180deg,#0b3024 0%,#0b3024 48%,transparent 72%)}}

body.journey-editorial .journey-hero{background:#0b3024}
body.journey-editorial .journey-hero:after{display:none}
body.journey-editorial .journey-hero-content{width:43%;padding-left:6%;padding-right:2%}
body.journey-editorial .journey-hero .journey-intro{font-size:17px}
.fela-hero-covers{position:absolute;right:3%;top:50%;transform:translateY(-50%);width:53%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.fela-hero-covers figure{margin:0;min-width:0}.fela-hero-covers img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.fela-hero-covers figcaption{font:12px/1.4 Georgia,serif;color:#efdfb9;padding-top:10px;text-align:center}
@media(max-width:700px){body.journey-editorial .journey-hero{display:block;padding-bottom:24px}body.journey-editorial .journey-hero-content{width:100%;padding:26px 6%}.fela-hero-covers{position:relative;right:auto;top:auto;transform:none;width:88%;margin:0 auto;gap:8px}.fela-hero-covers figcaption{font-size:10px}}

body.record-page .record-hero{background:#000}body.record-page .record-hero:before{background:none}

body.record-page .record-hero .renewal-copy{max-width:490px;font-weight:400;margin-bottom:20px}body.record-page .record-hero .renewal-copy p{font:400 17px/1.45 Georgia,serif;margin:0 0 9px;color:#fffaf0}body.record-page .record-hero .renewal-copy p:last-child{margin-bottom:0}body.record-page .record-hero .renewal-copy strong{font-weight:700}body.record-page .record-hero h1{font-size:clamp(58px,5.8vw,78px);margin-bottom:18px}@media(max-width:700px){body.record-page .record-hero .renewal-copy p{font-size:16px}body.record-page .record-hero-copy{width:94%}body.record-page .record-hero:before{background:linear-gradient(90deg,#000e,#0009 65%,#0004)}}