/* Home page: hero + loading skeleton */
.hero{padding:36px 0 18px}
.hero h1{margin:0 0 6px;font-size:clamp(26px,4vw,38px);letter-spacing:-.02em}
.hero p{margin:0;color:var(--muted)}
.skel{aspect-ratio:4/6;border-radius:var(--radius);background:linear-gradient(90deg,var(--line),var(--surface),var(--line));background-size:200% 100%;animation:sh 1.2s infinite}
@keyframes sh{to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.skel{animation:none}}