/* The first screen names the service, audience, scope and next step. */
.service-first .mice-hero{grid-template-columns:1.25fr 1fr;gap:48px;padding-block:40px 48px;border-bottom:1px solid var(--line)}
.service-first .hero-word>.eyebrow{font-size:10px;line-height:1.6;letter-spacing:.08em;margin-bottom:18px}
.service-first .hero-word .service-headline{font-size:clamp(38px,3.65vw,56px);line-height:1.08;font-weight:650;letter-spacing:-.045em;margin:0;overflow-wrap:break-word}
.service-first .hero-word .service-headline em{display:inline-block;font-family:inherit;font-size:1em;font-style:normal;font-weight:650;line-height:1.08;letter-spacing:-.045em;color:var(--blue)}
.service-first .hero-audience{font-size:16px;line-height:1.5;font-weight:600;max-width:520px;margin-top:20px;color:#28465a}
.service-first .hero-description{font-size:15px;line-height:1.7;max-width:550px;margin-top:12px;color:#526571}
.service-first .hero-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px;margin-top:20px;max-width:520px;border-top:1px solid #cbd4d6}
.hero-services a{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:10px 0;border-bottom:1px solid #cbd4d6;color:#193c50;font-size:13px;font-weight:600;line-height:1.4;text-decoration:none}
.hero-services a span{color:var(--blue);font-size:18px;flex-shrink:0}
.hero-services a:hover{color:var(--blue);border-bottom-color:var(--blue)}
.service-first .hero-buttons{gap:16px 22px;margin-top:23px;align-items:center}
.service-first .hero-buttons .button{font-size:14px;padding:16px 21px;min-height:54px;justify-content:space-between;gap:20px;line-height:1.4}
.service-first .hero-buttons .text-link{font-size:13px;gap:10px;min-height:44px}
.service-first .response-promise{font-size:12px;line-height:1.65;max-width:515px;margin-top:15px;color:#4b626a}
.service-first .response-promise strong{font-weight:650;color:#173e53}
.service-first .hero-collage{height:520px;padding-right:10px}
.service-first .hero-main-photo{height:445px;border-top-left-radius:60px}
.service-first .hero-main-photo>span{left:25px;right:18px;font-size:9px;line-height:1.6;letter-spacing:.045em}
.service-first .hero-small-photo{left:-20px;width:215px;height:160px}
.service-first .hero-small-photo>span{font-size:8px;line-height:1.5;padding:8px}
.service-first .hero-seal{width:115px;height:115px;right:25px;bottom:3px}
.service-first .hero-seal img{width:84px}
.service-first .hero-sideword{right:-15px}
@media(max-width:1100px){
 .service-first .mice-hero{gap:30px}
 .service-first .hero-word .service-headline{font-size:clamp(34px,3.8vw,42px)}
 .service-first .hero-collage{height:480px}
 .service-first .hero-main-photo{height:400px}
 .service-first .hero-small-photo{left:-12px;width:185px;height:145px}
 .service-first .hero-seal{width:95px;height:95px;right:10px}
 .service-first .hero-seal img{width:69px}
 .service-first .hero-audience{font-size:15px}
 .service-first .hero-description{font-size:14px}
}
@media(max-width:820px){
 .service-first .mice-hero{grid-template-columns:1fr;padding-block:28px 40px;gap:30px}
 .service-first .hero-word .service-headline{font-size:clamp(30px,6.3vw,47px);max-width:680px}
 .service-first .hero-word>.eyebrow{font-size:9px;letter-spacing:.04em;margin-bottom:14px}
 .service-first .hero-audience{margin-top:16px;font-size:15px;max-width:600px}
 .service-first .hero-description{font-size:14px;line-height:1.65;max-width:630px;margin-top:10px}
 .service-first .hero-services{margin-top:16px;max-width:none;gap:0 17px}
 .service-first .hero-buttons{margin-top:18px}
 .service-first .hero-collage{height:380px;max-width:650px;width:100%;margin-top:4px}
 .service-first .hero-main-photo{height:325px}
 .service-first .hero-small-photo{left:10px;width:185px;height:135px}
 .service-first .hero-seal{right:35px;bottom:0}
 .service-first .response-promise{margin-top:12px}
}
@media(max-width:480px){
 .service-first .hero-services a{font-size:12px}
 .service-first .hero-buttons{gap:9px}
 .service-first .hero-buttons .button{width:100%;font-size:14px}
 .service-first .hero-buttons .text-link{font-size:13px}
 .service-first .hero-collage{height:320px}
 .service-first .hero-main-photo{height:275px;border-top-left-radius:35px}
 .service-first .hero-main-photo>span{left:18px;right:12px;top:16px;font-size:8px;letter-spacing:.02em}
 .service-first .hero-small-photo{width:160px;height:120px;left:5px}
 .service-first .hero-small-photo>span{font-size:7px}
 .service-first .hero-seal{width:86px;height:86px;right:20px}
 .service-first .hero-seal img{width:64px}
}
