/* FAROBYTE — Vill Motors Hero Refresh — 2026-11-02 */
/* This stylesheet is intentionally separate to preserve your existing site edits. */
.hero .hero-grid { grid-template-columns: minmax(0,53%) minmax(0,47%); align-items:center; }
.hero-art { position:relative; margin:22px -22px 12px 3px; transform:none; isolation:isolate; aspect-ratio:1.08/1; border:1px solid rgba(58,145,236,.42); border-radius:21px; overflow:hidden; background:#071424; box-shadow:0 32px 85px rgba(0,0,0,.48),0 0 0 5px rgba(31,135,250,.045); }
.hero-art:before { content:""; position:absolute; inset:0; z-index:2; pointer-events:none; opacity:1; filter:none; border-radius:0; background:linear-gradient(90deg,rgba(4,10,21,.25),transparent 30%),linear-gradient(0deg,rgba(3,9,21,.78),transparent 28%); }
.hero-art>img { width:100%;height:100%;object-fit:cover;object-position:50% 49%;display:block;position:relative;mix-blend-mode:normal;mask-image:none;-webkit-mask-image:none;filter:none; }
.hero-art .art-caption { z-index:3; left:22px;right:auto;bottom:18px;font-size:10px;color:#e9f4ff;text-shadow:0 2px 8px #000;letter-spacing:.15em; }
.hero-art .art-pulse {background:#56baff;}
@media (max-width:890px) {
 .hero .hero-grid { grid-template-columns:1fr; }
 .hero-art { margin:32px auto 12px; width:min(100%,620px);aspect-ratio:1.13/1;transform:none; }
}
@media (max-width:600px) {
 .hero-art { width:calc(100% + 12px); margin:22px -6px 13px; aspect-ratio:1.02/1; border-radius:15px; }
 .hero-art .art-caption { bottom:12px;left:15px;font-size:8px; }
}