.vp-hero{padding:32px 0 24px}
.vp-hero__grid{display:grid;gap:24px;align-items:center}
.vp-kicker{display:inline-block;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--vp-border);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--vp-green)}
.vp-hero h1{margin:14px 0 12px;font-size:42px;line-height:.95;max-width:12ch}
.vp-hero p{margin:0;max-width:54ch;color:var(--vp-muted);font-size:18px;line-height:1.6}
.vp-hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.vp-hero__visual{min-height:360px}
.vp-hero__art{position:relative;height:100%;min-height:360px;border-radius:32px;overflow:hidden;background:url('../img/hero-placeholder.jpg') center center/cover no-repeat;box-shadow:var(--vp-shadow)}
.vp-hero__art::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(15,75,58,.18) 0%,rgba(15,75,58,.08) 28%,rgba(0,0,0,0) 52%,rgba(157,35,38,.12) 100%)}
.vp-hero__art::after{content:'';position:absolute;inset:auto 0 0 0;height:38%;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(17,17,17,.08) 100%)}
.vp-home-grid{padding-bottom:48px}
.vp-home-card-grid{display:grid;gap:18px}
@media(min-width:960px){.vp-hero__grid{grid-template-columns:1fr 1fr}.vp-home-card-grid{grid-template-columns:repeat(4,1fr)}}