.services-detail .company-layout{padding-bottom:107px}
.services-detail .company-hero h1{overflow-wrap:anywhere}
.service-introduction{background:#bf2d0d;color:#fff;padding:40px 60px 60px;margin:27px 0;text-align:center}
.service-introduction h2{font-size:36px;line-height:1.2;font-weight:700;letter-spacing:0;margin:0 0 10px}
.service-lead{font-size:18px;line-height:1.6}
.service-lead p{color:#fff;margin:0}
.service-copy{text-align:justify}
.service-copy .service-brand,.service-copy strong{color:#800000}
.services-flip-grid{align-items:stretch;gap:26px}
.service-flip{min-width:0;perspective:1200px}
.service-flip-stage{display:grid;min-height:365px}
.service-flip-front,.service-flip-back{position:relative;min-width:0;overflow-wrap:anywhere}
.service-flip-front{min-height:365px;display:flex;align-items:end;padding:32px;color:#fff;isolation:isolate;background:var(--navy)}
.service-flip-front>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.service-flip-front:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#06152d26 10%,#06152de8 100%)}
.service-flip-heading h2,.service-flip-back h2{font-size:27px;line-height:1.2;letter-spacing:-.025em;margin:0}
.service-flip-heading>span{display:block;font-size:11px;margin-top:18px;color:#fff}


.service-flip-back{padding:30px 32px;display:flex;flex-direction:column;align-items:start;background:var(--navy);color:#fff}

.service-flip-back p{color:#e5e9f1;font-size:13px;line-height:1.75;margin:18px 0 25px}
.service-flip-back .button{margin-top:auto;min-height:44px}
.service-flip-open{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;cursor:pointer}
.service-flip-open:focus-visible{outline:3px solid #fff;outline-offset:-7px}
.service-flip-close{position:absolute;right:18px;top:16px;min-width:44px;min-height:44px;border:1px solid #ffffff66;border-radius:50%;background:transparent;color:#fff;font-size:23px;cursor:pointer}
.service-flip.is-ready .service-flip-front,.service-flip.is-ready .service-flip-back{grid-area:1/1;backface-visibility:hidden;transition:transform 280ms var(--ease-in-out,cubic-bezier(.77,0,.175,1))}
.service-flip.is-ready .service-flip-back{transform:rotateY(180deg);pointer-events:none}
.service-flip.is-flipped .service-flip-front{transform:rotateY(-180deg);pointer-events:none}
.service-flip.is-flipped .service-flip-back{transform:rotateY(0);pointer-events:auto}
.service-flip.is-instant .service-flip-front,.service-flip.is-instant .service-flip-back{transition:none}
@media(max-width:1000px){.services-flip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.services-flip-grid{grid-template-columns:1fr;gap:22px}.service-flip-stage,.service-flip-front{min-height:345px}.service-flip-front,.service-flip-back{padding:28px}.service-flip-heading h2,.service-flip-back h2{font-size:26px}.service-flip-back p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.service-flip.is-ready .service-flip-front,.service-flip.is-ready .service-flip-back{transform:none;transition:none}.service-flip.is-ready .service-flip-back{visibility:hidden}.service-flip.is-flipped .service-flip-front{visibility:hidden}.service-flip.is-flipped .service-flip-back{visibility:visible}}
@media(max-width:980px){.services-detail .company-layout{padding-bottom:80px}.service-introduction{padding:40px 40px 60px}}
@media(max-width:540px){.services-detail .company-hero h1{font-size:36px}.service-introduction{padding:35px 22px 45px}.service-introduction h2{font-size:29px;overflow-wrap:anywhere}.service-lead{font-size:16px;line-height:1.7}.services-index .service-content{min-height:300px}}

.service-flip-back h2{padding-right:42px}
