/* Reuse Event Landing Page hero classes, spacing, photo positions and shapes. */
.ecs-event-page-hero{background:#0d3347;color:#fff}
.ecs-event-page-hero .ecs-event-page-content{position:relative;z-index:2}
.ecs-event-page-hero .ecs-event-page-content h1{color:#fff;overflow-wrap:break-word}
.ecs-event-page-content .ecs-event-page-wordmark{display:inline-block;width:auto;height:.86em;max-width:100%;vertical-align:-.02em;object-fit:contain;margin:0 .06em}
.ecs-event-page-hero .ecs-event-page-intro{max-width:720px;margin:28px auto;color:#fff;font-size:20px;line-height:1.65}
.ecs-event-page-hero .ecs-event-page-intro p{color:#fff}
.ecs-event-page-hero .ecs-event-page-intro p:last-child{margin-bottom:0}
.ecs-event-page-hero .ecs-event-page-image img{display:block;width:100%;height:100%;object-fit:cover}

/* Keep a composed frame around the copy instead of a separate photo strip. */
@media(max-width:1100px){
 .ecs-event-page-hero{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,3fr) minmax(90px,1fr);grid-template-rows:auto auto;gap:24px 20px;padding:150px 28px 64px!important;align-items:center;min-height:0}
 .ecs-event-page-hero>.wrapper{grid-column:2;grid-row:1 / 3;width:100%;max-width:none;padding:0}
 .ecs-event-page-hero .hero-content{min-height:0;width:100%;max-width:none}
 .ecs-event-page-hero .ecs-event-page-images{display:contents}
 .ecs-event-page-hero .ecs-event-page-images .hero-service-image{position:relative;inset:auto!important;width:100%!important;max-width:160px;height:auto;aspect-ratio:1;transition:none;overflow:visible;margin:0;z-index:1}
 .ecs-event-page-hero .ecs-event-page-image img{position:absolute;inset:0}
 .ecs-event-page-hero .ecs-event-page-image--1{grid-column:1;grid-row:1;align-self:start;margin-top:20px!important}
 .ecs-event-page-hero .ecs-event-page-image--2{grid-column:3;grid-row:1;justify-self:end;align-self:start}
 .ecs-event-page-hero .ecs-event-page-image--3{grid-column:1;grid-row:2;justify-self:end;max-width:120px!important}
 .ecs-event-page-hero .ecs-event-page-image--4{grid-column:3;grid-row:2;max-width:120px!important;align-self:start}
 .ecs-event-page-hero .ecs-event-page-image::before{content:'';display:block;position:absolute;width:25px;height:25px;inset:auto -10px -10px auto;z-index:2;background:#28556d;border:0}
 .ecs-event-page-hero .ecs-event-page-image--2::before{background:#ec7614;right:auto;left:-10px}
 .ecs-event-page-hero .ecs-event-page-image--3::before{background:transparent;border:2px solid #9285ff;right:auto;left:-12px;bottom:-12px;width:30px;height:40px}
 .ecs-event-page-hero .ecs-event-page-image--4::before{background:transparent;border:2px solid #ec7614;top:-12px;bottom:auto;right:-12px}
 .ecs-event-page-hero .ecs-event-page-intro{font-size:18px;margin:24px auto}
 .ecs-event-page-hero .hero-content h1{font-size:clamp(32px,4.5vw,50px)}
 .ecs-event-page-hero .servics-hero-cubes{display:none}
}
@media(max-width:600px){
 .ecs-event-page-hero{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:22px 28px;padding:112px 24px 44px!important}
 .ecs-event-page-hero>.wrapper{grid-column:1 / -1;grid-row:2}
 .ecs-event-page-hero .ecs-event-page-images .hero-service-image{width:clamp(78px,24vw,120px)!important;max-width:120px;}
 .ecs-event-page-hero .ecs-event-page-image--1{grid-column:1;grid-row:1;justify-self:start;margin:0 0 0 8px!important}
 .ecs-event-page-hero .ecs-event-page-image--2{grid-column:2;grid-row:1;justify-self:end;margin:20px 8px 0 0!important}
 .ecs-event-page-hero .ecs-event-page-image--3{grid-column:1;grid-row:3;justify-self:start;margin:16px 0 0 32px!important}
 .ecs-event-page-hero .ecs-event-page-image--4{grid-column:2;grid-row:3;justify-self:end;margin:0 24px 16px 0!important}
 .ecs-event-page-hero .ecs-event-page-intro{font-size:17px;line-height:1.6;margin:20px auto}
 .ecs-event-page-hero .hero-content h1{font-size:clamp(30px,7vw,40px)}
 .ecs-event-page-hero .hero-btns .button{max-width:100%;box-sizing:border-box}
}