/* Approved solid-blue hero and compact opening; all colours scoped to the hero. */
body.comity-homepage .hero{background:#3d50a1;border-bottom-color:#3d50a1}
body.comity-homepage .hero h1,body.comity-homepage .hero h1 span,body.comity-homepage .hero .eyebrow{color:#fff}
body.comity-homepage .hero .lead{color:#f3f6ff}
body.comity-homepage .hero .button{background:#fff;border-color:#fff;color:#3d50a1}
body.comity-homepage .hero .button:hover{background:#eef1fb;border-color:#eef1fb;color:#3d50a1}
body.comity-homepage .hero .button:focus-visible{outline:3px solid #fff;outline-offset:5px;text-decoration:underline;text-underline-offset:4px}
body.comity-homepage .service-card h3>a{display:block;margin:0;padding:0;min-height:0;width:auto;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;text-decoration:none}
body.comity-homepage .service-card h3>a:hover,body.comity-homepage .service-card h3>a:focus-visible,body.comity-homepage .job-card h3>a:hover,body.comity-homepage .job-card h3>a:focus-visible,body.comity-homepage .article-card h3>a:hover,body.comity-homepage .article-card h3>a:focus-visible{text-decoration:underline;text-underline-offset:4px}
body.comity-homepage .article-image:focus-visible{display:block;outline:3px solid var(--blue);outline-offset:4px}
@media(min-width:901px){
 body.comity-homepage .header-inner{padding-block:16px}
 body.comity-homepage .hero-grid{padding-block:32px;gap:48px}
 body.comity-homepage .hero .eyebrow{margin-bottom:12px}
 body.comity-homepage .hero .lead{margin-top:16px}
 body.comity-homepage .hero .button{margin-top:18px}
 body.comity-homepage .hero-image>img{width:100%;height:270px;aspect-ratio:auto;object-position:50% 38%}
 body.comity-homepage .services{padding-top:36px}
}

body.comity-homepage .job-card h3>a,body.comity-homepage .article-card h3>a,body.comity-homepage .article-image{display:block}