/* Four compact shortcuts, with a two-column layout when labels need room. */
.home-page .hero-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.2vw,24px);width:100%;margin:0;padding:clamp(18px,2vw,32px) var(--warm-gutter);background:#fff}
.home-page .hero-service-link{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(8px,1vw,18px);min-width:0;padding:clamp(16px,1.6vw,27px) clamp(12px,1.5vw,24px);border:1px solid var(--line);border-radius:12px;color:var(--ink);background:#fff;text-decoration:none;box-shadow:0 5px 18px #29262205;transition:border-color .2s,transform .2s}
.home-page .hero-service-link:hover{border-color:var(--accent);transform:translateY(-3px);text-decoration:none}
.home-page .hero-service-icon{display:flex;width:clamp(28px,3vw,46px);color:var(--accent)}
.home-page .hero-service-icon svg{display:block;width:100%;height:auto}
.home-page .hero-service-label{font-size:clamp(13px,1.2vw,19px);font-weight:650;line-height:1.65}
.home-page .hero-service-arrow{display:grid;place-items:center;width:25px;height:25px;border:1px solid #f6d3b8;border-radius:50%;color:var(--accent-ink);font:18px/1 Arial,sans-serif}
@media(max-width:1000px){.home-page .hero-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:380px){.home-page .hero-service-link{gap:7px;padding:14px 9px}.home-page .hero-service-label{font-size:12px}.home-page .hero-service-arrow{width:20px;height:20px}}
@media(prefers-reduced-motion:reduce){.home-page .hero-service-link{transition:none;transform:none!important}}
