.hero-hiragana {
    background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.6)),
                url('../img/hiragana.jpg') center/cover no-repeat;
    padding: clamp(60px,10vw,100px) 0;
    text-align: center;
}
.hero-hiragana h1 { font-size: clamp(1.8rem,5vw,3.5rem); font-weight: 700; color: #fff; }
.hero-hiragana p  { font-size: clamp(1rem,2vw,1.2rem); color: #e2e8f0; }