.hapo-contact-hero{position:relative;isolation:isolate;box-sizing:border-box;width:100%;min-height:750px;padding:150px 24px 85px;background:#fff;color:#09090b;font-family:Manrope,sans-serif}
.hapo-contact-hero *{box-sizing:border-box}
.hapo-contact-hero--full{left:50%;width:100vw;margin-left:-50vw}
.hapo-contact-hero--container{width:100%}
.hapo-contact-hero__visual{position:absolute;z-index:-1;inset:0 0 auto;height:530px;overflow:hidden;background:#007d40;pointer-events:none}
.hapo-contact-hero__visual::after{position:absolute;inset:0;background:linear-gradient(105deg,rgba(0,131,66,.24),rgba(0,102,54,.26));content:""}
.hapo-contact-hero__background{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%}
.hapo-contact-hero__inner{position:relative;width:min(1440px,100%);margin:auto}
.hapo-contact-hero__intro{color:#fff;text-align:center}
.hapo-contact-hero .hapo-contact-hero__heading{margin:0;color:#fff;font-size:48px;font-weight:800;line-height:1.2;letter-spacing:-.03em}
.hapo-contact-hero__rule{display:block;width:150px;height:4px;margin:28px auto;background:#24d278}
.hapo-contact-hero .hapo-contact-hero__description{max-width:1050px;margin:0 auto;color:#fff;font-size:18px;line-height:1.65;font-weight:500}
.hapo-contact-hero__cards{display:grid;width:min(1220px,100%);grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:85px auto 0;padding:0;list-style:none}
.hapo-contact-hero .hapo-contact-hero__card{min-width:0;min-height:226px;margin:0;border-radius:8px;background:#fff;box-shadow:0 12px 28px rgba(3,54,30,.12);text-align:center;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease}
.hapo-contact-hero__card-link,.hapo-contact-hero__card-body{display:flex;width:100%;min-height:226px;flex-direction:column;align-items:center;justify-content:center;padding:26px 18px;color:inherit;text-decoration:none}
.hapo-contact-hero__card-link:focus-visible{outline:3px solid #0068fe;outline-offset:4px;border-radius:8px}
.hapo-contact-hero__icon{display:block;width:auto;max-width:60px;height:60px;object-fit:contain}
.hapo-contact-hero__channel-title{display:block;margin-top:15px;color:#09090b;font-size:22px;font-weight:800;line-height:1.2;text-transform:uppercase}
.hapo-contact-hero__value{display:block;margin-top:12px;color:#727272;font-size:18px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}
.hapo-contact-hero__empty{margin:75px auto 0;color:#fff;text-align:center}
@media(hover:hover) and (pointer:fine){.hapo-contact-hero .hapo-contact-hero__card:has(.hapo-contact-hero__card-link):hover{transform:translateY(-7px);box-shadow:0 22px 38px rgba(3,54,30,.17)}}
@media(max-width:900px){.hapo-contact-hero{min-height:0;padding:105px 20px 72px}.hapo-contact-hero__visual{height:410px}.hapo-contact-hero .hapo-contact-hero__heading{font-size:40px}.hapo-contact-hero .hapo-contact-hero__description{font-size:16px}.hapo-contact-hero__cards{gap:16px;margin-top:55px}.hapo-contact-hero .hapo-contact-hero__card,.hapo-contact-hero__card-link,.hapo-contact-hero__card-body{min-height:195px}.hapo-contact-hero__channel-title{font-size:18px}.hapo-contact-hero__value{font-size:15px}}
@media(max-width:600px){.hapo-contact-hero{padding:100px 18px 56px}.hapo-contact-hero__visual{height:330px}.hapo-contact-hero .hapo-contact-hero__heading{font-size:30px}.hapo-contact-hero__rule{width:90px;height:2px;margin:14px auto}.hapo-contact-hero .hapo-contact-hero__description{max-width:340px;font-size:12px;line-height:1.45}.hapo-contact-hero__cards{width:min(300px,100%);grid-template-columns:1fr;gap:16px;margin-top:28px}.hapo-contact-hero .hapo-contact-hero__card,.hapo-contact-hero__card-link,.hapo-contact-hero__card-body{min-height:168px}.hapo-contact-hero__card-link,.hapo-contact-hero__card-body{padding:18px 14px}.hapo-contact-hero__icon{height:46px;max-width:48px}.hapo-contact-hero__channel-title{margin-top:10px;font-size:17px}.hapo-contact-hero__value{margin-top:7px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.hapo-contact-hero .hapo-contact-hero__card{transition:none}}