body [class*="-kicker"], body .emr-intro-call small{font-family: Elite, Arial, sans-serif !important;}
body [class*="-kicker"], body .emr-intro-call small{font-synthesis: none; font-weight: 400 !important; letter-spacing: 0.06em !important;}
.emr{--navy: #152b59; --blue: #244ba5; --muted: #53647e; --light: #f2f4f8; color: var(--navy); font: 400 14px / 1.85 Arial, Helvetica, sans-serif;}
.emr *{box-sizing: border-box;}
.emr a{color: var(--blue);}
.emr a:focus-visible{outline: rgb(36, 75, 165) solid 2px; outline-offset: 5px;}

.emr-section{padding: 55px 0px;}
 .emr h2, .emr h3{font-family: EBM, Arial, sans-serif; font-weight: 500; color: var(--navy);}
.emr h2{font-size: 29px; line-height: 1.25; margin: 10px 0px 18px;}
.emr h3{font-size: 22px; line-height: 1.3; margin: 0px 0px 10px;}
.emr p{margin: 0px 0px 18px; color: var(--muted);}
.emr-kicker{display: flex; align-items: center; gap: 10px; font: 600 9px / 1.6 Arial, sans-serif; letter-spacing: 1.8px; text-transform: uppercase; color: var(--blue);}
.emr-kicker::before{content: ""; width: 6px; height: 6px; background: currentcolor; transform: skewX(-20deg); flex-shrink: 0;}

























.emr-intro{display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: start;}
.emr-intro > div > p{text-align: justify; text-align-last: left;}
.emr-note{background: var(--navy); border-radius: 16px; padding: 30px; position: relative; overflow: hidden;}
.emr-note::after{content: "TODAY"; position: absolute; right: 10px; bottom: -10px; font: 900 80px Arial, sans-serif; color: rgba(255, 255, 255, 0.016); pointer-events: none;}
.emr-note h3{color: rgb(255, 255, 255); font-size: 26px;}
.emr-note p{color: rgb(196, 210, 233); font-size: 13px;}
.emr-note .emr-kicker{color: rgb(155, 182, 220); margin-bottom: 15px;}
.emr-note a{color: rgb(255, 255, 255); text-decoration: none; border-bottom: 1px solid rgb(155, 182, 220); padding-bottom: 5px; font-weight: 600; font-size: 12px;}







































@media (max-width: 1000px) {

.emr-intro{gap: 35px;}


}
@media (max-width: 650px) {
.emr-section{padding: 35px 0px;}








.emr-intro{grid-template-columns: 1fr; gap: 26px;}


.emr h2{font-size: 26px;}










}
@media (prefers-reduced-motion: reduce) {
}








@media (max-width: 700px) {
}

@media (prefers-reduced-motion: reduce) {
}




























@media (max-width: 1000px) {
}
@media (max-width: 760px) {


}
@media (max-width: 430px) {


}
@media (prefers-reduced-motion: reduce) {

}















@media (max-width: 1240px) {
}

@media (prefers-reduced-motion: reduce) {
}















@media (max-width: 650px) {
}
@media (prefers-reduced-motion: reduce) {

}











@media (max-width: 900px) {
}











@media (max-width: 1000px) and (min-width: 651px) {

}
@media (max-width: 650px) {





}





@media (max-width: 650px) {

}












@media (max-width: 600px) {
}
@media (prefers-reduced-motion: reduce) {

}



@media (max-width: 650px) {
}





.emr{padding-top: 28px;}
@media (max-width: 600px) {.emr{padding-top: 20px;}}






















@media (max-width: 650px) {
}

@media (min-width: 1101px) {
}





@media (min-width: 651px) {
}



















.emr .emr-intro{display: grid; grid-template-columns: minmax(0px, 1.12fr) minmax(350px, 0.88fr); gap: 0px; align-items: stretch; margin: 42px 0px 36px; padding: 0px; background: rgb(242, 244, 248); border-radius: 20px; overflow: hidden; isolation: isolate;}
.emr .emr-intro-story{min-width: 0px; padding: 44px clamp(32px, 4vw, 58px) 46px; background: linear-gradient(140deg, rgb(247, 249, 252) 0%, rgb(242, 244, 248) 70%);}
.emr .emr-intro .emr-kicker{font-size: 9px; letter-spacing: 1.7px;}
.emr .emr-intro h2{font: 500 27px / 1.2 EBM, Arial, sans-serif; color: rgb(21, 43, 89); letter-spacing: -0.3px; margin: 12px 0px 16px; white-space: nowrap;}
.emr .emr-intro-story > .emr-intro-lead{max-width: 620px; margin: 0px; color: rgb(78, 96, 124); font: 400 13px / 1.85 Arial, Helvetica, sans-serif; text-align: justify; text-align-last: left;}
.emr .emr-intro-flow{position: relative; display: grid; gap: 20px; margin-top: 27px;}
.emr .emr-intro-flow::before{content: ""; position: absolute; left: 22.5px; top: 23px; bottom: 23px; width: 1px; background: linear-gradient(rgb(199, 215, 235), rgb(220, 229, 242)); pointer-events: none;}
.emr .emr-intro-step{position: relative; display: grid; grid-template-columns: 46px minmax(0px, 1fr); gap: 17px; align-items: start;}
.emr .emr-intro-icon{display: grid; place-items: center; width: 46px; height: 46px; border-radius: 14px; background: linear-gradient(145deg, rgb(255, 255, 255), rgb(234, 240, 250)); color: rgb(36, 75, 165); box-shadow: rgb(225, 232, 242) 0px 0px 0px 1px inset; z-index: 1; transition: transform 0.25s, background 0.25s, color 0.25s;}
.emr .emr-intro-icon svg{display: block; width: 29px; height: 29px;}
.emr .emr-intro-step:hover .emr-intro-icon{transform: translateY(-2px); background: rgb(21, 43, 89); color: rgb(255, 255, 255);}
.emr .emr-intro-step h3{font: 500 17px / 1.3 EBM, Arial, sans-serif; margin: 0px 0px 4px; color: rgb(21, 43, 89);}
.emr .emr-intro-step p{font: 400 12px / 1.75 Arial, Helvetica, sans-serif; color: rgb(83, 100, 126); margin: 0px; max-width: 500px; text-align: justify; text-align-last: left;}
.emr .emr-intro > .emr-note{display: flex; flex-direction: column; min-width: 0px; margin: 0px; padding: 46px clamp(32px, 3.6vw, 52px); border-radius: 0px; background: linear-gradient(150deg, rgb(27, 57, 115), rgb(21, 43, 89) 58%, rgb(16, 36, 73)); color: rgb(255, 255, 255);}
.emr .emr-intro > .emr-note::before{content: ""; position: absolute; right: -80px; top: -90px; width: 260px; height: 260px; border: 1px solid rgba(255, 255, 255, 0.07); transform: rotate(28deg); pointer-events: none;}
.emr .emr-intro > .emr-note::after{content: none;}
.emr .emr-intro > .emr-note .emr-kicker{color: rgb(186, 208, 241); margin: 0px;}
.emr .emr-intro > .emr-note h3{font: 500 24px / 1.22 EBM, Arial, sans-serif; color: rgb(255, 255, 255); margin: 18px 0px 17px; letter-spacing: -0.3px; white-space: nowrap;}
.emr .emr-intro > .emr-note p{font: 400 13px / 1.8 Arial, Helvetica, sans-serif; color: rgb(231, 239, 252); margin: 0px; text-align: justify; text-align-last: left;}
.emr .emr-note-list{display: grid; gap: 12px; list-style: none; padding: 0px; margin: 23px 0px; color: rgb(255, 255, 255);}
.emr .emr-note-list li{display: grid; grid-template-columns: 14px minmax(0px, 1fr); gap: 11px; align-items: start; font: 400 13px / 1.55 Arial, Helvetica, sans-serif;}
.emr .emr-note-list li::before{content: ""; width: 7px; height: 7px; margin: 6px 0px 0px 3px; border: 1.5px solid rgb(186, 208, 241); border-radius: 2px; transform: rotate(45deg);}
.emr .emr-intro > .emr-note .emr-note-detail{font-size: 12px; color: rgb(212, 227, 248);}
.emr .emr-intro > .emr-note .emr-intro-call{position: relative; display: flex; align-items: center; justify-content: flex-start; gap: 20px; width: 100%; min-height: 72px; margin-top: auto; padding: 12px 16px; border: 1px solid rgba(224, 234, 255, 0.32); border-radius: 11px; background: linear-gradient(125deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.024)); color: rgb(255, 255, 255); text-decoration: none; box-shadow: rgba(255, 255, 255, 0.09) 0px 1px 0px inset, rgba(2, 12, 37, 0.1) 0px 8px 20px; transition: background 0.25s, transform 0.25s, box-shadow 0.25s;}
.emr .emr-intro > .emr-note .emr-intro-call:hover{color: rgb(255, 255, 255); transform: translateY(-2px); background: linear-gradient(125deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.043)); box-shadow: rgba(255, 255, 255, 0.13) 0px 1px 0px inset, rgba(2, 12, 37, 0.18) 0px 10px 22px;}
.emr .emr-intro-call > span:not(.emr-intro-call-icon){display: flex; flex-direction: column; align-items: flex-start; gap: 1px;}
.emr .emr-intro-call small{font: 400 9px / 1.4 Elite, Arial, sans-serif; letter-spacing: 0.85px; text-transform: uppercase; color: rgb(225, 234, 255);}
.emr .emr-intro-call strong{font: 400 19px / 1.2 Elite, Arial, sans-serif; color: rgb(255, 255, 255);}
.emr .emr-intro-call-icon{display: grid; place-items: center; flex: 0 0 42px; width: 42px; height: 42px; border-radius: 0px; background: transparent; color: rgb(255, 255, 255);}
.emr .emr-intro-call-icon svg{display: block; width: 25px; height: 25px; transform-origin: center center; animation: 3.8s ease-in-out 0s infinite normal none running emr-intro-phone-ring;}
@keyframes emr-intro-phone-ring { 
  0%, 12%, 28%, 100% { transform: rotate(0deg); }
  16%, 24% { transform: rotate(-8deg); }
  20% { transform: rotate(8deg); }
}
@media (max-width: 1000px) {.emr .emr-intro{grid-template-columns: 1fr;}
.emr .emr-intro-story, .emr .emr-intro > .emr-note{padding: 36px;}
.emr .emr-intro > .emr-note .emr-intro-call{margin-top: 28px;}}
@media (max-width: 650px) {.emr .emr-intro{margin: 30px 0px 28px; border-radius: 16px;}
.emr .emr-intro-story, .emr .emr-intro > .emr-note{padding: 28px 24px;}
.emr .emr-intro h2{font-size: 23px;}
.emr .emr-intro > .emr-note h3{font-size: 21px;}
.emr .emr-intro-flow{gap: 18px;}
.emr .emr-intro-step{gap: 13px;}
.emr .emr-intro-step h3{font-size: 16px;}
.emr .emr-intro-call strong{font-size: 18px;}}
@media (max-width: 430px) {.emr .emr-intro h2{font-size: clamp(14px, 4.65vw, 23px);}
.emr .emr-intro > .emr-note h3{font-size: clamp(14px, 4.65vw, 21px);}}
.emr .emr-intro-bottom{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); align-items: center; gap: 16px; margin-top: auto; padding-top: 20px;}
.emr .emr-intro-bottom .emr-note-detail{margin: 0px; line-height: 1.8;}
.emr .emr-intro > .emr-note .emr-intro-bottom .emr-intro-call{min-width: 0px; min-height: 72px; margin: 0px; padding: 12px 16px; gap: 20px; background: linear-gradient(125deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.024)); border: 1px solid rgba(224, 234, 255, 0.32); border-radius: 11px; box-shadow: rgba(255, 255, 255, 0.09) 0px 1px 0px inset, rgba(2, 12, 37, 0.1) 0px 8px 20px; color: rgb(255, 255, 255);}
.emr .emr-intro-bottom .emr-intro-call small{font: 400 9px / 1.4 Elite, Arial, sans-serif; letter-spacing: 0.85px; color: rgb(225, 234, 255); white-space: nowrap;}
.emr .emr-intro-bottom .emr-intro-call strong{font: 400 19px / 1.2 Elite, Arial, sans-serif; color: rgb(255, 255, 255); white-space: nowrap;}
.emr .emr-intro-bottom .emr-intro-call-icon{flex-basis: 42px; width: 42px; height: 42px;}
.emr .emr-intro-bottom .emr-intro-call-icon svg{width: 32px; height: 32px;}
@media (min-width: 1001px) and (max-width: 1320px) {.emr .emr-intro-bottom{grid-template-columns: 1fr; gap: 14px;}
.emr .emr-intro > .emr-note .emr-intro-bottom .emr-intro-call{max-width: 350px;}}
@media (max-width: 650px) {.emr .emr-intro-bottom{grid-template-columns: 1fr; gap: 14px; padding-top: 22px;}
.emr .emr-intro > .emr-note .emr-intro-bottom .emr-intro-call{max-width: 360px;}}
.emr .emr-intro-step p{max-width: 380px; text-align: left; text-align-last: auto;}
.emr .emr-step-copy-compact{display: none;}
@media (max-width: 500px) {.emr .emr-intro-step p{max-width: 205px;}
.emr .emr-step-copy-full{display: none;}
.emr .emr-step-copy-compact{display: inline;}}
@media (prefers-reduced-motion: reduce) {.emr .emr-intro-icon, .emr .emr-intro-call{transition: none;}
.emr .emr-intro-step:hover .emr-intro-icon, .emr .emr-intro-call:hover{transform: none;}
.emr .emr-intro-call-icon svg{animation: auto ease 0s 1 normal none running none;}}


















@media (max-width: 900px) {




}
@media (max-width: 650px) {






}







@media (max-width: 900px) {
}
@media (max-width: 650px) {



}
@media (prefers-reduced-motion: reduce) {
}
.emr .emr-intro > .emr-note .emr-intro-bottom .emr-intro-call{position: relative; isolation: isolate; display: flex; align-items: center; justify-content: flex-start; gap: 20px; min-height: 72px; padding: 12px 16px; overflow: hidden; background: linear-gradient(125deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.024)); border: 1px solid rgba(224, 234, 255, 0.32); border-radius: 11px; box-shadow: rgba(255, 255, 255, 0.09) 0px 1px 0px inset, rgba(2, 12, 37, 0.1) 0px 8px 20px; color: rgb(255, 255, 255); transition: background 0.25s, transform 0.25s, box-shadow 0.25s;}
.emr .emr-intro > .emr-note .emr-intro-bottom .emr-intro-call:hover{background: linear-gradient(125deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.043)); color: rgb(255, 255, 255); transform: translateY(-2px); box-shadow: rgba(255, 255, 255, 0.13) 0px 1px 0px inset, rgba(2, 12, 37, 0.18) 0px 10px 22px;}
.emr .emr-intro-bottom .emr-intro-call > span:not(.emr-intro-call-icon){position: relative; z-index: 1; order: 2; display: flex; flex-direction: column; align-items: flex-start; min-width: 0px; gap: 1px;}
.emr .emr-intro-bottom .emr-intro-call small{font: 400 9px / 1.4 Elite, Arial, sans-serif; letter-spacing: 0.85px; color: rgb(225, 234, 255); white-space: nowrap;}
.emr .emr-intro-bottom .emr-intro-call strong{font: 400 19px / 1.2 Elite, Arial, sans-serif; color: rgb(255, 255, 255); white-space: nowrap;}
.emr .emr-intro-bottom .emr-intro-call-icon{position: relative; z-index: 1; order: 1; display: grid; place-items: center; flex: 0 0 42px; width: 42px; height: 42px; border: 0px; border-radius: 0px; background: transparent; color: rgb(255, 255, 255);}
.emr .emr-intro-bottom .emr-intro-call-icon svg{width: 32px; height: 32px;}
.emr .emr-intro-bottom .emr-intro-call-glint{position: absolute; z-index: 0; inset: 0px; width: 100%; height: 100%; fill: none; pointer-events: none;}
.emr .emr-intro-bottom .emr-intro-call-glint rect{width: calc(100% - 2px); height: calc(100% - 2px); stroke: rgb(255, 255, 255); stroke-width: 1.5; stroke-opacity: 0.95; stroke-dasharray: 10, 90; stroke-linecap: round; filter: drop-shadow(rgb(220, 233, 255) 0px 0px 2px); animation: 4s linear 0s infinite normal none running emr-intro-call-border;}
@keyframes emr-intro-call-border { 
  100% { stroke-dashoffset: -100; }
}
.emr .emr-intro-bottom .emr-intro-call:focus-visible{outline: rgb(255, 255, 255) solid 2px; outline-offset: 3px;}
@media (max-width: 650px) {.emr .emr-intro-bottom .emr-intro-call strong{font-size: 18px;}}
@media (prefers-reduced-motion: reduce) {.emr .emr-intro-bottom .emr-intro-call-glint rect, .emr .emr-intro-bottom .emr-intro-call-icon svg{animation: auto ease 0s 1 normal none running none;}
.emr .emr-intro > .emr-note .emr-intro-bottom .emr-intro-call{transition: none;}}











.emr .emr-intro > .emr-note .emr-note-list{margin-bottom: 0px;}
.emr .emr-intro-bottom{display: block; margin-top: 14px; padding-top: 0px;}
.emr .emr-intro-bottom .emr-note-detail{max-width: 100%; margin: 0px; line-height: 1.75;}
.emr .emr-intro-actions{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); align-items: stretch; gap: 12px; margin-top: 18px;}
.emr .emr-intro > .emr-note .emr-intro-actions .emr-intro-call{width: 100%; max-width: none; min-width: 0px; min-height: 72px; margin: 0px; padding: 10px 11px; gap: 8px;}
.emr .emr-intro-actions .emr-intro-call-icon{flex: 0 0 34px; width: 34px; height: 34px;}
.emr .emr-intro-actions .emr-intro-call-icon svg{width: 29px; height: 29px;}
.emr .emr-intro-actions .emr-intro-call strong{font-size: 17px;}
.emr .emr-intro-booking{position: relative; isolation: isolate; display: flex; align-items: center; gap: 7px; min-width: 0px; min-height: 72px; padding: 10px 11px; overflow: hidden; border: 1px solid rgb(199, 211, 230); border-radius: 11px; background: rgb(255, 255, 255); text-decoration: none; box-shadow: rgba(7, 28, 61, 0.086) 0px 7px 18px; transition: background 0.25s, transform 0.25s, box-shadow 0.25s; color: rgb(21, 43, 89) !important;}
.emr .emr-intro-booking:hover{background: rgb(247, 250, 255); transform: translateY(-2px); box-shadow: rgba(7, 28, 61, 0.153) 0px 10px 22px; color: rgb(21, 43, 89) !important;}
.emr .emr-intro-booking-icon{position: relative; z-index: 1; display: grid; place-items: center; flex: 0 0 30px; width: 30px; height: 30px; color: rgb(36, 75, 165);}
.emr .emr-intro-booking-icon svg{display: block; width: 29px; height: 29px;}
.emr .emr-intro-booking-copy{position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; min-width: 0px; gap: 2px;}
.emr .emr-intro-booking-copy small{font: 400 8px / 1.3 Elite, Arial, sans-serif; letter-spacing: 0.04em; text-transform: uppercase; color: rgb(36, 75, 165); white-space: nowrap;}
.emr .emr-intro-booking-copy strong{font: 400 13px / 1.2 Elite, Arial, sans-serif; color: rgb(21, 43, 89); white-space: nowrap;}
.emr .emr-intro-booking-glint{position: absolute; inset: 0px; width: 100%; height: 100%; fill: none; pointer-events: none;}
.emr .emr-intro-booking-glint rect{width: calc(100% - 2px); height: calc(100% - 2px); stroke: rgb(36, 75, 165); stroke-width: 1.4; stroke-dasharray: 12, 88; stroke-linecap: round; animation: 4s linear 0s infinite normal none running emr-intro-call-border;}
.emr .emr-intro-booking:focus-visible{outline: rgb(255, 255, 255) solid 2px; outline-offset: 3px;}
@media (max-width: 1320px) {.emr .emr-intro-actions{grid-template-columns: 1fr;}
.emr .emr-intro > .emr-note .emr-intro-actions .emr-intro-call, .emr .emr-intro-booking{max-width: 350px;}}
@media (max-width: 650px) {.emr .emr-intro-bottom{margin-top: 14px; padding-top: 0px;}
.emr .emr-intro-actions{margin-top: 18px;}}
@media (prefers-reduced-motion: reduce) {.emr .emr-intro-booking, .emr .emr-intro-booking:hover{transition: none; transform: none;}
.emr .emr-intro-booking-glint rect{animation: auto ease 0s 1 normal none running none;}}
.emr .emr-intro > .emr-note{position: relative; isolation: isolate; background: rgb(21, 43, 89);}
.emr .emr-intro > .emr-note::after{content: ""; position: absolute; inset: 0px; z-index: 0; pointer-events: none; background-image: linear-gradient(rgba(16, 36, 73, 0.5), rgba(16, 36, 73, 0.56)), url("/wp-content/uploads/workshop-generated/reference-inspired-20261109/service-bays.webp"); background-size: cover; background-position: 58% center; background-repeat: no-repeat; mask-image: linear-gradient(to right, transparent 0%, transparent 12%, rgba(0, 0, 0, 0.2) 32%, rgba(0, 0, 0, 0.75) 60%, rgb(0, 0, 0) 88%);}
.emr .emr-intro > .emr-note > *{position: relative; z-index: 1;}








@container (max-width: 330px) {



}

.emh .emr{padding:0;margin:0}.emh .emr .emr-intro{margin:0}.emh .emh-rwc-panel{margin-top:55px}@media(max-width:650px){.emh .emh-rwc-panel{margin-top:39px}}