/* CIVIC³ landing art 2026-10-20; decorative, original heading/content retained. */
.hero.c3-landing-art{position:relative;isolation:isolate;max-width:none;min-height:350px;padding:66px 24px 40px;overflow:hidden;background:#080e12}
.hero.c3-landing-art::before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--c3-landing-art);background-position:var(--c3-art-position,center 52%);background-size:cover;opacity:.50;pointer-events:none}
.hero.c3-landing-art::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,14,18,.24),rgba(8,14,18,.58) 62%,#080e12),linear-gradient(90deg,rgba(8,14,18,.40),transparent 65%);pointer-events:none}
.hero.c3-landing-art .hero-title{text-shadow:0 3px 25px #000;overflow-wrap:anywhere}
.hero.c3-landing-art .hero-lede{color:#e1ddd3;text-shadow:0 2px 8px #000;max-width:760px}
.hero.c3-landing-art .hero-eyebrow{color:#e3be5a;text-shadow:0 2px 8px #000}
@media(max-width:600px){.hero.c3-landing-art{padding:45px 18px 30px;min-height:380px}.hero.c3-landing-art::before{background-position:var(--c3-art-mobile,center center);opacity:.43}.hero.c3-landing-art .hero-title{font-size:clamp(42px,12vw,66px)}.hero.c3-landing-art .hero-lede{font-size:14px;line-height:1.7}}

/* Explicit image elements keep completed art visible and easy to diagnose. */
.hero.c3-landing-art>.c3-landing-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--c3-art-position,center 52%);z-index:-2;opacity:.82;pointer-events:none}
.hero.c3-landing-art:has(>.c3-landing-image)::before{background-image:none}
.hero.c3-landing-art::after{background:linear-gradient(180deg,rgba(8,14,18,.12),rgba(8,14,18,.42) 65%,#080e12),linear-gradient(90deg,rgba(8,14,18,.25),transparent 65%)}
@media(max-width:600px){.hero.c3-landing-art>.c3-landing-image{object-position:var(--c3-art-mobile,center center);opacity:.72}}