:root { --brand:#0f172a; --muted:#64748b; --border:#e2e8f0; }
body { color:#0f172a; background:linear-gradient(#f8fafc, #ffffff); }
.hero { background: radial-gradient(1000px 500px at 80% -10%, #e2e8f0 0%, transparent 60%), #f8fafc; }
.card { border-radius: 1rem; border:1px solid var(--border); background:#fff; box-shadow:0 2px 10px rgba(15,23,42,.06); }
.card:hover { box-shadow:0 8px 20px rgba(15,23,42,.10); }
.badge-soft { font-size:.75rem; padding:.2rem .5rem; border:1px solid var(--border); border-radius:.6rem; color:#0f172a; }
.gallery-item { overflow:hidden; border-radius:1rem; border:1px solid var(--border); }
.text-muted { color: var(--muted)!important; }
footer { color: var(--muted); }
.object-fit-cover { object-fit: cover; }
.ratio-4x3 { aspect-ratio: 4/3; }
.ratio-16x9 { aspect-ratio: 16/9; }