.hero-image { opacity: .7; object-position: 64% 45%; }
.hero:has(.hero-image)::after { background: linear-gradient(90deg,rgba(14,17,16,.94),rgba(14,17,16,.72) 48%,rgba(14,17,16,.15)),linear-gradient(0deg,var(--bg),transparent 75%); }
.guide-card { border-radius: 3px; }
.guide-card img { image-rendering: auto; }
.article-hero { border-radius: 3px; }
.article-hero img { image-rendering: auto; }
[data-theme="light"] .hero-image { opacity: .32; }
[data-theme="light"] .hero:has(.hero-image)::after { background:linear-gradient(90deg,rgba(248,243,230,.96),rgba(248,243,230,.72) 58%,rgba(248,243,230,.35)),linear-gradient(0deg,var(--bg),transparent 75%); }
@media(max-width:767px) { .hero-image { object-position: 68% 50%; } }

.hero .hero-eyebrow { color: #e1c488; font-size: 11px; font-weight: 600; letter-spacing: .17em; text-transform: uppercase; margin-bottom: 18px; }
.hero-stats { display: flex; flex-wrap: wrap; gap: 16px 28px; list-style: none; padding: 0; margin: 32px 0 0; }
.hero-stats li { display: flex; flex-direction: column; margin: 0; padding-left: 12px; border-left: 1px solid #b8995f; }
.hero-stats strong { color: #f2e5c9; font-size: 14px; line-height: 1.4; }
.hero-stats span { color: #c4bba9; font-size: 11px; margin-top: 3px; }
[data-theme="light"] .hero .hero-eyebrow { color:#78551e; }
[data-theme="light"] .hero-stats strong { color:#29241c; }
[data-theme="light"] .hero-stats span { color:#5c5142; }
.button.primary { color:#18150e; }
@media(max-width:767px) { .hero-stats { gap: 14px 16px; } .hero-stats li { flex: 0 0 calc(50% - 16px); } }