/* Homepage soundscape guide and responsive descriptive headline. */
.hero h1{max-width:1000px;font-size:clamp(2.5rem,6.5vw,5.5rem);line-height:1.04;letter-spacing:-.05em;text-wrap:balance}
.soundscape-guide,.soundscape-faq{padding:5rem 0;scroll-margin-top:90px}
.soundscape-guide{background:var(--ink);border-block:1px solid var(--line)}
.guide-intro{max-width:65ch;color:var(--muted);margin-bottom:2rem}
.soundscape-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 3rem;padding-left:1.5rem}
.soundscape-steps li::marker{color:var(--cyan-soft);font-weight:800}
.soundscape-steps h3{margin:0 0 .5rem}.soundscape-steps p{margin:0;color:var(--muted)}
.soundscape-faq .wrap{max-width:900px}.soundscape-faq details{border-top:1px solid var(--line);padding:1.2rem 0}
.soundscape-faq summary{cursor:pointer;font-weight:700;font-size:1.1rem;padding-right:.5rem}
.soundscape-faq details p{max-width:75ch;color:var(--muted);margin:1rem 0 0}
.soundscape-support{margin-top:2rem;color:var(--muted)}.soundscape-support a{color:var(--cyan-soft)}
@media(max-width:560px){.hero h1{font-size:clamp(2.2rem,10vw,3.5rem)}.soundscape-guide,.soundscape-faq{padding:3.5rem 0}.soundscape-steps{grid-template-columns:1fr;gap:1.5rem}}

.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}