.hsb-services{--hsb-columns:5;--hsb-gap:16px;--hsb-accent:#e8ff61;position:relative;box-sizing:border-box;width:100%;padding:0;overflow:visible;background:transparent!important;color:inherit}
.hsb-services-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 24px}
.hsb-services-heading-copy{min-width:0;flex:1 1 auto;width:100%}
.hsb-services-kicker{margin:0 0 10px;color:var(--hsb-accent);font-size:13px;font-weight:800;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}
.hsb-services-title{margin:0 0 8px;color:#fff;font-family:Georgia,"Times New Roman",serif;font-size:clamp(28px,3vw,38px);font-weight:700;line-height:1.12}
.hsb-services-intro{margin:0;color:#e5edf3;font-size:16px;line-height:1.5}
.hsb-services-navigation{display:flex;flex:none;gap:9px}
.hsb-services-viewport{overflow:hidden}
.hsb-services-track{display:flex;align-items:stretch;gap:var(--hsb-gap);will-change:transform;transition:transform .65s cubic-bezier(.22,.68,0,1)}
.hsb-service-card{box-sizing:border-box;position:relative;isolation:isolate;flex:0 0 calc((100% - (var(--hsb-gap) * (var(--hsb-columns) - 1))) / var(--hsb-columns));min-width:0;overflow:hidden;display:flex;flex-direction:column;border:0;border-radius:16px;background:#fff;color:#14344b;text-decoration:none;box-shadow:0 7px 22px #081b2d2b;transition:transform .25s ease,box-shadow .25s ease}
.hsb-services.is-static .hsb-services-viewport{overflow:visible}
.hsb-services.is-static .hsb-services-track{display:grid;grid-template-columns:repeat(var(--hsb-columns),minmax(0,1fr));transform:none!important;transition:none}
.hsb-services.is-static .hsb-service-card{width:auto;min-width:0}
.hsb-service-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #081b2d40}
.hsb-service-media{position:relative;overflow:hidden;flex:none;aspect-ratio:1.85;background:#dbe4e9}
.hsb-service-image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.65,.3,1)}
.hsb-service-card:hover .hsb-service-image{transform:scale(1.045)}
.hsb-service-texture,.hsb-service-overlay{position:absolute;inset:0;pointer-events:none}
.hsb-service-texture{z-index:0;background-position:center;background-repeat:repeat;opacity:.3}
.hsb-service-overlay{z-index:1;background-color:transparent}
.hsb-service-gradient{display:none}
.hsb-service-content{position:relative;z-index:3;isolation:isolate;box-sizing:border-box;flex:1;min-height:205px;padding:20px 18px 18px;display:flex;flex-direction:column;align-items:flex-start;text-align:left}
.hsb-service-content>*:not(.hsb-service-texture):not(.hsb-service-overlay){position:relative;z-index:2}
.hsb-service-eyebrow,.hsb-service-description{width:100%}
.hsb-service-eyebrow{margin:0 0 8px;color:#6299b1;font-size:10px;font-weight:700;letter-spacing:.12em;line-height:1.25;text-transform:uppercase}
.hsb-service-title-row{display:flex;align-items:center;justify-content:flex-start;gap:10px;width:100%;margin:0 0 10px}
.hsb-service-icon{position:relative;flex:none;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:38px;height:38px;border:2px solid #fff;border-radius:12px;background:#e8ff61;color:#24536a;font-size:18px;line-height:1;box-shadow:0 2px 8px #102d4524}
.hsb-service-icon i{font-size:inherit}
.hsb-service-icon svg{display:block;width:1em;height:1em;fill:currentColor}
.hsb-service-title{margin:0;color:#15364f;font-family:Georgia,"Times New Roman",serif;font-size:21px;line-height:1.2;font-weight:600}
.hsb-service-description{margin:0 0 16px;color:#667f92;font-size:14px;line-height:1.5}
.hsb-service-description p{margin:0}
.hsb-service-cta{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;gap:8px;margin-top:auto;padding:11px 16px;border:1px solid transparent;border-radius:8px;background:var(--e-global-color-primary,#174563);color:#fff;font-size:14px;font-weight:600;line-height:1.2;text-decoration:none;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}
.hsb-service-cta--xs{padding:7px 12px;font-size:12px}
.hsb-service-cta--sm{padding:9px 14px;font-size:13px}
.hsb-service-cta--md{padding:11px 16px;font-size:14px}
.hsb-service-cta--lg{padding:13px 19px;font-size:15px}
.hsb-service-cta--xl{padding:15px 23px;font-size:16px}
.hsb-service-cta-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;font-size:14px;line-height:1}
.hsb-service-cta-icon i{font-size:inherit}
.hsb-service-cta-icon svg{display:block;width:1em;height:1em;fill:currentColor}
.hsb-service-cta:hover{transform:translateY(-1px);background:var(--e-global-color-accent,#609e39);color:#fff}
a.hsb-service-cta:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.hsb-services-arrow{display:flex;align-items:center;justify-content:center;width:46px;height:38px;padding:0;border:1px solid #ffffff75;border-radius:999px;background:#ffffff14;color:#fff;font-size:22px;line-height:1;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.hsb-services-arrow:hover{transform:translateY(-1px);border-color:#ffffffa8;background:#ffffff28}
.hsb-services-arrow:disabled{opacity:.45;cursor:not-allowed;transform:none}
.hsb-services-arrow:focus-visible{outline:2px solid var(--hsb-accent);outline-offset:3px}
.hsb-services-progress{display:flex;align-items:center;gap:14px;margin-top:20px;color:#fff;font-size:12px;font-weight:600}
.hsb-services-progress-label{flex:none}
.hsb-services-progress-track{position:relative;flex:1;height:3px;overflow:hidden;border-radius:4px;background:#ffffff61}
.hsb-services-progress-bar{display:block;width:20%;height:100%;border-radius:inherit;background:var(--hsb-accent);transition:width .3s ease}
.hsb-services-count{flex:none;font-variant-numeric:tabular-nums}
/* Layout 1: a classic framed photo above a clean service detail panel. */
.hsb-services.layout_1 .hsb-service-card{border:1px solid #dce6ec;border-radius:17px;box-shadow:0 8px 22px #102b4020}
.hsb-services.layout_1 .hsb-service-media{margin:12px 12px 0;border-radius:12px;aspect-ratio:1.72}
.hsb-services.layout_1 .hsb-service-content{min-height:205px;padding:18px 18px 18px}
.hsb-services.layout_1 .hsb-service-eyebrow{margin-bottom:7px;color:#63879b;letter-spacing:.1em}
.hsb-services.layout_1 .hsb-service-title-row{margin-bottom:9px}
.hsb-services.layout_1 .hsb-service-card:hover .hsb-service-media{box-shadow:0 8px 18px #102b4022}
/* Layout 2: full-bleed imagery with layered contrast and more expressive motion. */
.hsb-services.layout_2 .hsb-service-card{isolation:isolate;min-height:350px;border:1px solid #ffffff32;border-radius:20px;background:#17334a;color:#fff;box-shadow:0 12px 30px #071b2c38;transition:transform .42s cubic-bezier(.2,.75,.25,1),box-shadow .42s ease,border-color .42s ease}
.hsb-services.layout_2 .hsb-service-card::after{position:absolute;z-index:5;inset:10px;border:1px solid #ffffff00;border-radius:14px;content:"";pointer-events:none;transition:inset .42s ease,border-color .42s ease}
.hsb-services.layout_2 .hsb-service-card:hover{transform:translateY(-7px) scale(1.012);border-color:#ffffff80;box-shadow:0 22px 42px #06152255}
.hsb-services.layout_2 .hsb-service-card:hover::after{inset:8px;border-color:#ffffff46}
.hsb-services.layout_2 .hsb-service-media{position:absolute;z-index:0;inset:0;aspect-ratio:auto;background:#233f55}
.hsb-services.layout_2 .hsb-service-gradient{position:absolute;z-index:1;inset:0;display:block;pointer-events:none;background:linear-gradient(180deg,transparent 18%,var(--hsb-layout2-gradient-color,#071522) 100%);opacity:.9;transition:opacity .4s ease}
.hsb-services.layout_2 .hsb-service-card:hover .hsb-service-gradient{opacity:.98}
.hsb-services.layout_2 .hsb-service-texture,.hsb-services.layout_2 .hsb-service-overlay{display:none}
.hsb-services.layout_2 .hsb-service-content{z-index:4}
.hsb-services.layout_2 .hsb-service-image{height:100%;transform:scale(1.015);transition:transform .8s cubic-bezier(.16,.7,.2,1),filter .6s ease}
.hsb-services.layout_2 .hsb-service-card:hover .hsb-service-image{transform:scale(1.09);filter:saturate(1.08)}
.hsb-services.layout_2 .hsb-service-content{position:relative;z-index:2;flex:1;min-height:350px;justify-content:flex-end;padding:24px 22px 22px;color:#fff}
.hsb-services.layout_2 .hsb-service-eyebrow{width:max-content;max-width:100%;margin:0 0 12px;padding:6px 9px;border:1px solid #ffffff54;border-radius:999px;background:#102b3c72;color:var(--hsb-accent);font-size:9px;letter-spacing:.16em;backdrop-filter:blur(8px)}
.hsb-services.layout_2 .hsb-service-title-row{gap:11px;margin-bottom:9px}
.hsb-services.layout_2 .hsb-service-icon{border-color:#ffffffc9;box-shadow:0 5px 16px #07152250;transition:transform .42s cubic-bezier(.2,.75,.25,1),box-shadow .42s ease}
.hsb-services.layout_2 .hsb-service-card:hover .hsb-service-icon{transform:rotate(-8deg) scale(1.08);box-shadow:0 8px 22px #07152270}
.hsb-services.layout_2 .hsb-service-title{color:#fff}
.hsb-services.layout_2 .hsb-service-description{margin-bottom:16px;color:#ffffffdf}
.hsb-services.layout_2 .hsb-service-cta{box-shadow:0 5px 16px #07152230}
.hsb-services.layout_2 .hsb-service-cta-icon{transition:transform .25s ease}
.hsb-services.layout_2 .hsb-service-cta:hover .hsb-service-cta-icon{transform:translateX(3px)}
.hsb-services.layout_2.is-static .hsb-service-card{min-height:350px}
/* Layout 3: an editorial image panel with a floating service icon and a crisp text surface. */
.hsb-services.layout_3 .hsb-service-card{isolation:isolate;min-height:350px;border:1px solid #dce6ec;border-radius:20px;background:#fff;color:#17364d;box-shadow:0 10px 28px #102b4024;transition:transform .38s cubic-bezier(.2,.75,.25,1),box-shadow .38s ease,border-color .38s ease}
.hsb-services.layout_3 .hsb-service-card::before{position:absolute;z-index:4;top:0;left:20px;width:58px;height:5px;border-radius:0 0 5px 5px;background:var(--hsb-accent);content:"";transition:width .35s ease}
.hsb-services.layout_3 .hsb-service-card:hover{transform:translateY(-6px);border-color:#b8cbd7;box-shadow:0 20px 38px #102b4033}
.hsb-services.layout_3 .hsb-service-card:hover::before{width:92px}
.hsb-services.layout_3 .hsb-service-media{position:relative;z-index:0;aspect-ratio:1.72;background:#dbe4e9;clip-path:polygon(0 0,100% 0,100% 83%,0 100%)}
.hsb-services.layout_3 .hsb-service-media::after{position:absolute;inset:45% 0 0;content:"";pointer-events:none;background:linear-gradient(180deg,transparent,#102b4026)}
.hsb-services.layout_3 .hsb-service-image{transform:scale(1.01);transition:transform .75s cubic-bezier(.16,.7,.2,1),filter .5s ease}
.hsb-services.layout_3 .hsb-service-card:hover .hsb-service-image{transform:scale(1.075);filter:saturate(1.12)}
.hsb-services.layout_3 .hsb-service-content{position:relative;z-index:3;flex:1;min-height:190px;justify-content:flex-start;padding:16px 20px 20px;color:#17364d}
.hsb-services.layout_3 .hsb-service-eyebrow{position:relative;inset:auto;width:max-content;max-width:100%;margin:0 0 10px;padding:5px 8px;border:0;border-radius:4px;background:#edf4f7;color:#547f96;font-size:9px;letter-spacing:.15em;backdrop-filter:none}
.hsb-services.layout_3 .hsb-service-title-row{position:relative;gap:11px;margin:0 0 9px;align-items:center}
.hsb-services.layout_3 .hsb-service-icon{width:46px;height:46px;border:4px solid #fff;border-radius:15px;box-shadow:0 4px 13px #102b4030;transition:transform .4s cubic-bezier(.2,.75,.25,1),box-shadow .4s ease}
.hsb-services.layout_3 .hsb-service-card:hover .hsb-service-icon{transform:rotate(-6deg) scale(1.04);box-shadow:0 8px 18px #102b4040}
.hsb-services.layout_3 .hsb-service-title{color:#17364d;line-height:1.18}
.hsb-services.layout_3 .hsb-service-description{margin-bottom:14px;color:#647b8b}
.hsb-services.layout_3 .hsb-service-cta{position:relative;overflow:hidden;transition:background-color .25s ease,color .25s ease,border-color .25s ease,transform .25s ease,box-shadow .25s ease}
.hsb-services.layout_3 .hsb-service-cta:hover{transform:translateY(-2px);box-shadow:0 7px 16px #102b4024}
.hsb-services.layout_3 .hsb-service-cta-icon{transition:transform .25s ease}
.hsb-services.layout_3 .hsb-service-cta:hover .hsb-service-cta-icon{transform:translateX(3px)}
.hsb-services.layout_3.is-static .hsb-service-card{min-height:350px}
@media(max-width:1024px){.hsb-services.layout_3 .hsb-service-media{aspect-ratio:1.6}.hsb-services.layout_3 .hsb-service-content{min-height:180px}}
@media(max-width:767px){.hsb-services.layout_1 .hsb-service-media{margin:10px 10px 0}.hsb-services.layout_1 .hsb-service-content{padding:16px 16px 17px}.hsb-services.layout_3 .hsb-service-content{padding:15px 17px 18px}.hsb-services.layout_3 .hsb-service-title-row{gap:9px}.hsb-services.layout_3 .hsb-service-icon{width:42px;height:42px}}
@media(max-width:1024px){.hsb-services.layout_2 .hsb-service-card,.hsb-services.layout_2 .hsb-service-content{min-height:320px}}
@media(max-width:767px){.hsb-services.layout_2 .hsb-service-card,.hsb-services.layout_2 .hsb-service-content{min-height:320px}.hsb-services.layout_2 .hsb-service-content{padding:20px 18px 18px}}
@media(max-width:1024px){.hsb-services{--hsb-columns:3!important}.hsb-service-content{min-height:190px}}
@media(max-width:767px){.hsb-services{--hsb-columns:1!important;--hsb-gap:14px!important}.hsb-services-heading{align-items:flex-start;margin-bottom:18px}.hsb-services-title{font-size:30px}.hsb-services-intro{font-size:15px}.hsb-services-navigation{gap:6px}.hsb-services-arrow{width:38px;height:36px}.hsb-service-media{aspect-ratio:1.8}.hsb-service-content{min-height:175px;padding:18px 16px 16px}.hsb-service-title{font-size:20px}.hsb-service-description{font-size:14px}.hsb-service-cta{font-size:13px}.hsb-services-progress{gap:9px;font-size:10px}.hsb-services-progress-label{max-width:42%;line-height:1.25}}
@media(prefers-reduced-motion:reduce){.hsb-services-track,.hsb-service-card,.hsb-service-image,.hsb-services-arrow,.hsb-services-progress-bar,.hsb-service-cta{transition:none!important}}
@media(prefers-reduced-motion:reduce){.hsb-services.layout_2 .hsb-service-gradient,.hsb-services.layout_2 .hsb-service-card::after,.hsb-services.layout_2 .hsb-service-icon,.hsb-services.layout_2 .hsb-service-cta-icon,.hsb-services.layout_3 .hsb-service-card::before,.hsb-services.layout_3 .hsb-service-icon,.hsb-services.layout_3 .hsb-service-cta-icon{transition:none!important}.hsb-services.layout_2 .hsb-service-card:hover,.hsb-services.layout_3 .hsb-service-card:hover{transform:none}}
