/* Mobile and tablet sizing aligned with the marriage components. */
@media(max-width:860px){
 .about-grid{grid-template-columns:1fr}
 .about-visual{width:100%;max-width:380px;margin-inline:auto}
}
@media(max-width:820px){
 .hero{min-height:100dvh;padding:7rem 0 7.5rem}
 .hero .container{max-width:780px;text-align:center;margin-inline:auto}
 .hero h1{font-size:clamp(1.5rem,6.4vw,3.4rem);margin-bottom:1.2rem}
 .hero .intro{font-size:1.12rem;max-width:540px;margin:0 auto 2.4rem}
 .hero-actions{justify-content:center;gap:1rem;margin-bottom:3.2rem;padding-bottom:0}
 .hero:after{background:linear-gradient(180deg,rgba(16,21,34,.88),rgba(16,21,34,.72) 45%,rgba(16,21,34,.92))}
}
@media(max-width:480px){.hero{padding-bottom:5rem}}