/* Modern: clean and bright. Bold sans-serif, full-bleed photo hero. */
:root {
  --bg: #ffffff; --surface: #ffffff; --surface-alt: #f4f6f8; --ink: #0f1419; --ink-2: #2f3640; --muted: #5d6670; --line: #e3e7eb;
  --head-font: "Inter", system-ui, sans-serif; --body-font: "Inter", system-ui, sans-serif;
  --head-weight: 700; --head-tracking: -.02em; --header-bg: rgba(255,255,255,.94); --footer-bg: #0f1419; --radius: 16px;
}
.eyebrow { color: var(--brand); }
.btn { border-radius: 10px; }
.hero-modern { min-height: min(82vh, 760px); display: flex; align-items: flex-end; color: #fff; background: var(--brand); }
.hero-modern.has-photo .hero-bg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10,14,20,.78) 0%, rgba(10,14,20,.45) 55%, rgba(10,14,20,.1) 100%); }
.hero-modern .hero-inner { position: relative; padding-top: 120px; padding-bottom: clamp(48px, 9vw, 110px); }
.hero-modern .display { color: #fff; font-size: clamp(2.6rem, 6.2vw, 4.6rem); max-width: 15ch; line-height: 1.02; }
.hero-modern .lead { color: rgba(255,255,255,.88); }
.hero-modern .eyebrow { color: #fff; opacity: .9; }
.tool { border-radius: 16px; }
.post-card { border: 0; box-shadow: 0 1px 3px rgba(0,0,0,.08); }
.hero-modern:not(.has-photo) { background: radial-gradient(ellipse at 20% 0%, color-mix(in srgb, var(--accent) 35%, #0f1419) 0%, #0f1419 70%); }
.hero-modern .hero-inner { width: 100%; }
:root { --sand: #f4f6f8; --ink-band: #0f1419; --ink-band-text: #dfe5ea; }