body #services.service-reference{padding:48px clamp(24px,3.6vw,64px)!important;background:#fcfcfc;position:relative}
#services .sr-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:start}
#services .sr-intro{font-size:18px;color:#858b90;font-style:italic;margin:0 0 20px;line-height:1.5}
#services .sr-title{font-size:clamp(30px,2.8vw,54px);line-height:1.18;letter-spacing:-.8px;text-transform:uppercase;margin:0 0 40px;max-width:none}
#services .sr-cards{display:grid;gap:24px}
#services .sr-card{display:grid;grid-template-columns:40% minmax(0,1fr);gap:24px;align-items:center;border:1px solid #e8e8e8;border-radius:24px;background:white;padding:28px;box-shadow:0 12px 40px #17384e04}
#services .sr-card h3{font-size:22px;line-height:1.25;margin:0 0 16px;letter-spacing:-.3px;color:#161b1f}
#services .sr-image{aspect-ratio:1;background-image:url('services-art.webp');background-size:300% auto;background-repeat:no-repeat;border-radius:16px;background-position:0 50%}
#services .sr-image-1{background-position:50% 50%}#services .sr-image-2{background-position:100% 50%}
#services .sr-price{font-size:17px;line-height:1.5;margin-bottom:20px;color:#252d33;font-weight:600}
#services .sr-action{display:flex;align-items:center;justify-content:center;background:linear-gradient(125deg,#12b0f8,#087eff);border:0;border-radius:40px;color:white;min-height:62px;padding:16px 24px;font-size:16px;font-weight:700;line-height:1.4;text-align:center}
#services .sr-action:hover{background:#087dd6}
#services .sr-detail{display:block;width:100%;margin-top:10px;padding:0;border:0;background:none;color:#079ff6;text-decoration:underline;text-underline-offset:3px;line-height:1.5;font-size:15px;text-align:center}
#services .sr-art{margin:0;padding-top:140px;min-width:0}#services .sr-art img{display:block;width:100%;height:auto;border:1px solid #e3e9ef;border-radius:24px}#services .sr-art figcaption{font-size:17px;color:#4b5359;text-align:center;line-height:1.6;padding:16px 12px}
#services .sr-footer{display:flex;align-items:center;gap:32px;margin-top:32px}#services .sr-footer:before{content:'';width:10%;height:1px;background:#b4dfff}#services .sr-footer:after{content:'';flex:1;height:1px;background:#b4dfff}
#services .sr-toggle{border:1px solid #079ff6;background:#fff;color:#079ff6;border-radius:40px;min-height:68px;padding:18px 35px;font-size:17px;line-height:1.4}#services .sr-toggle:hover{background:#f0f9ff}
#services .sr-more{margin-top:24px;max-width:calc((100% - 44px)/2)}#services .sr-more[hidden]{display:none}
@media(max-width:1000px){#services .sr-layout{gap:28px}#services .sr-card{padding:22px;gap:18px;grid-template-columns:33% minmax(0,1fr)}#services .sr-card h3{font-size:21px}#services .sr-action{padding:15px;font-size:15px}}
@media(max-width:800px){body #services.service-reference{padding:32px 22px!important}#services .sr-layout{grid-template-columns:1fr;gap:28px}#services .sr-title{font-size:32px;margin-bottom:28px}#services .sr-intro{font-size:16px}#services .sr-art{padding-top:0}#services .sr-card{grid-template-columns:34% minmax(0,1fr);padding:22px}#services .sr-more{max-width:none}#services .sr-art figcaption{font-size:16px}#services .sr-footer{gap:16px}#services .sr-toggle{font-size:16px;min-height:60px;padding:15px 25px}}
@media(max-width:400px){#services .sr-card{grid-template-columns:1fr}#services .sr-image{width:130px;margin:auto}#services .sr-card h3,#services .sr-price{text-align:center}}
/* Align service proportions and typography with the surrounding sections. */
body #services.service-reference{background:#fff;border:1px solid #e9e9e9;border-radius:32px;box-shadow:0 12px 45px #203b5106;padding:clamp(32px,3.6vw,64px)!important}
#services.service-reference .sr-layout{gap:clamp(32px,4vw,72px);grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}
#services.service-reference .sr-intro{font-size:clamp(18px,1.25vw,24px);line-height:1.5;margin-bottom:24px;color:#8c9093}
#services.service-reference .sr-title{font-size:clamp(32px,2.65vw,54px);line-height:1.2;letter-spacing:-.025em;margin-bottom:32px}
#services.service-reference .sr-card{grid-template-columns:minmax(160px,38%) minmax(0,1fr);padding:clamp(24px,2vw,38px);gap:clamp(22px,2vw,36px);border-radius:28px;box-shadow:0 10px 32px #17384e04}
#services.service-reference .sr-image{width:100%;max-width:280px;justify-self:center;border-radius:18px}
#services.service-reference .sr-card h3{font-size:clamp(23px,1.5vw,30px);line-height:1.3;margin-bottom:16px;letter-spacing:-.025em}
#services.service-reference .sr-price{font-size:clamp(18px,1.18vw,24px);line-height:1.55;font-weight:500;margin-bottom:22px;color:#4b535a}
#services.service-reference .sr-action{font-size:clamp(17px,1.12vw,23px);min-height:clamp(62px,4vw,78px);padding:18px 26px;width:100%;line-height:1.4}
#services.service-reference .sr-detail{font-size:clamp(16px,1vw,20px);line-height:1.6;margin-top:14px;min-height:30px}
#services.service-reference .sr-art{padding-top:0;align-self:center;width:100%;max-width:680px;justify-self:center}
#services.service-reference .sr-art img{border-radius:28px;border-color:#e8edf1}
#services.service-reference .sr-art figcaption{font-size:clamp(18px,1.2vw,23px);line-height:1.6;padding:22px 10px 0;color:#68747e}
#services.service-reference .sr-footer{margin-top:32px}
#services.service-reference .sr-toggle{font-size:clamp(17px,1.1vw,22px);padding:18px 36px;min-height:64px}
#services.service-reference .sr-more{max-width:calc((100% - clamp(32px,4vw,72px))*1.08/2.08)}
@media(max-width:1100px){#services.service-reference .sr-card{grid-template-columns:1fr;padding:26px}#services.service-reference .sr-image{max-width:220px;aspect-ratio:1.3}#services.service-reference .sr-card h3{font-size:24px}}
@media(max-width:800px){body #services.service-reference{padding:30px 22px!important;border-radius:24px}#services.service-reference .sr-layout{grid-template-columns:1fr;gap:30px}#services.service-reference .sr-title{font-size:32px;margin-bottom:28px}#services.service-reference .sr-card{grid-template-columns:minmax(120px,35%) minmax(0,1fr);padding:24px;gap:22px}#services.service-reference .sr-image{aspect-ratio:1;max-width:210px}#services.service-reference .sr-price{font-size:18px}#services.service-reference .sr-action{font-size:17px}#services.service-reference .sr-detail{font-size:16px}#services.service-reference .sr-more{max-width:none}#services.service-reference .sr-art{max-width:620px}}
@media(max-width:480px){#services.service-reference .sr-card{grid-template-columns:1fr}#services.service-reference .sr-image{max-width:240px;aspect-ratio:1.3}#services.service-reference .sr-card h3,#services.service-reference .sr-price{text-align:center}#services.service-reference .sr-footer{gap:14px}#services.service-reference .sr-toggle{padding:16px 24px}}

/* Keep the services content on the shared page alignment. */
body #services.service-reference{padding-left:31px!important;padding-right:31px!important}
@media(min-width:1101px){body #services.service-reference{padding-left:calc(6.7vw - 1px)!important;padding-right:calc(6.1vw - 1px)!important}}
@media(max-width:800px){body #services.service-reference{padding-left:19px!important;padding-right:19px!important}}

/* Bring the service cards and showcase into one aligned composition. */
#services.service-reference .sr-layout{gap:clamp(28px,2.4vw,48px)}
#services.service-reference .sr-art{align-self:start;max-width:none;justify-self:stretch}
#services.service-reference .sr-card{grid-template-columns:minmax(170px,42%) minmax(0,1fr);gap:clamp(22px,1.6vw,32px)}
#services.service-reference .sr-image{max-width:320px}
#services.service-reference .sr-action,#services.service-reference .sr-detail{max-width:360px}
#services.service-reference .sr-price strong{display:block;color:#20262b;font-weight:700}
#services.service-reference .sr-price small{display:block;font-size:clamp(16px,1vw,19px);line-height:1.5;margin-top:5px;color:#68747e}
@media(max-width:1100px) and (min-width:801px){#services.service-reference .sr-card{grid-template-columns:1fr}#services.service-reference .sr-image{max-width:240px}}
@media(max-width:800px){#services.service-reference .sr-card{grid-template-columns:minmax(120px,35%) minmax(0,1fr)}#services.service-reference .sr-image{max-width:230px}#services.service-reference .sr-art{max-width:720px;justify-self:center}}
@media(max-width:480px){#services.service-reference .sr-card{grid-template-columns:1fr}#services.service-reference .sr-image{max-width:260px}#services.service-reference .sr-action,#services.service-reference .sr-detail{max-width:none}}