/* Hero copy only; all lower homepage sections retain their existing styling. */
#home h1{font-size:clamp(52px,5vw,76px);line-height:1.18;margin:0 0 24px;letter-spacing:-.025em}
#home .hero-copy>p.hero-brand-statement{font-size:clamp(26px,2.2vw,32px);line-height:1.5;max-width:1100px;font-weight:500;margin:0 0 24px;text-wrap:pretty}
#home .hero-copy>p.hero-description{font-size:clamp(17px,1.3vw,20px)!important;line-height:1.7!important;font-weight:400;width:min(100%,42vw,600px);max-width:100%;white-space:normal;word-break:normal;overflow-wrap:break-word;text-wrap:pretty;margin:0 0 28px;color:rgba(255,255,255,.94)}
@media(max-width:760px){
 #home h1{font-size:clamp(40px,10vw,52px);line-height:1.2;margin-bottom:20px}
 #home .hero-copy>p.hero-brand-statement{font-size:clamp(22px,5.6vw,26px);line-height:1.55;margin-bottom:20px}
 #home .hero-copy>p.hero-description{font-size:17px!important;line-height:1.7!important;width:100%;max-width:34rem;margin-bottom:24px}
}

/* Avoid stacked section and header top padding on mobile projects. */
@media(max-width:760px){
 #projects.projects{padding-top:48px}
 #projects.projects>header{padding:0 22px 32px;gap:24px}
 #projects.projects header>div:last-child p{margin-top:0;margin-bottom:20px}
}

/* Preserve the complete landscape dashboard image on mobile. */
@media(max-width:760px){
 #anew-flow .flow-media{height:auto;min-height:0;aspect-ratio:1400/782;align-self:start}
 #anew-flow .flow-media img{position:static;display:block;width:100%;height:auto;min-height:0;max-width:100%;object-fit:contain;object-position:center;transform:none}
}