/* hero */
#hero { background: linear-gradient(135deg, #fffaf5, #f7f2ed); padding: 60px 0; }
.hero-wrap picture { display: block; }
.hero-wrap picture img { width: 100%; }
.hero-title { font-size: clamp(28px, 4vw, 44px); color: var(--brand-2); margin: 0 0 0.6rem; }
.hero-desc { color: var(--muted); margin-bottom: 1.2rem; }