/* Home page */
.hero{background:var(--card);border-bottom:1.5px solid var(--line)}
.hero-in{max-width:1180px;margin:0 auto;padding:40px 20px 44px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:36px;align-items:center}
.badge{display:inline-block;font:800 12px var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--leaf);border:1.5px solid currentColor;padding:4px 10px;border-radius:999px}
.hero h1{font-size:clamp(34px,5.6vw,56px);font-weight:900;letter-spacing:-.02em;line-height:1.04;margin-top:14px}
.hero h1 span{color:var(--rose)}
.hero .lede{color:var(--soft);font-size:17.5px;margin-top:14px;max-width:52ch}
.hero .cta{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px}
.hero-art{margin:0;border-radius:18px;overflow:hidden;border:1.5px solid var(--line);box-shadow:0 18px 40px -24px rgba(61,46,42,.55);aspect-ratio:5/3}
.hero-art img{display:block;width:100%;height:100%;object-fit:cover}
@media (max-width:860px){.hero-in{grid-template-columns:1fr;padding-top:28px}.hero-art{order:-1}}

.sec.first{margin-top:8px}
.pillars .card{gap:6px}
.pillars .ico{width:40px;height:40px}
.pillars h3{font-size:17px}
.pillars p{font-size:14px}
.loop{grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr))}