/* The reference's scrolling service cards and held photograph, in Ashal's brand. */
.sv-showcase{--sv-accent:var(--teal);--sv-ease:cubic-bezier(.22,1,.36,1);--sv-pin:140px}
.sv-showcase:before{display:none}
.sv-showcase .sv-section-heading{margin-bottom:58px;max-width:720px;text-align:center}
.sv-showcase-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:start}
.sv-service-step{padding-block:80px;scroll-margin-top:180px}
.sv-service-step:first-child{padding-top:74px}
.sv-service-card{position:relative;padding:32px;border-radius:24px;color:var(--navy);background:#fff;box-shadow:0 16px 48px #0a2e4d06;transition:box-shadow .5s ease,opacity .5s ease} /* taste-skill-ignore: user explicitly requested the reference card shadows and floating photograph frame. */
.sv-service-card:after{content:'';position:absolute;inset-inline-start:0;top:32px;bottom:32px;width:3px;border-radius:3px;background:var(--sv-accent);opacity:0;transform:scaleY(.6);transition:opacity .5s ease,transform .7s var(--sv-ease)}
.sv-service-step.is-active .sv-service-card{box-shadow:0 20px 54px #0a2e4d0d} /* taste-skill-ignore: user explicitly requested the reference card shadows and floating photograph frame. */
.sv-service-step.is-active .sv-service-card:after{opacity:1;transform:scaleY(1)}
.sv-service-card-heading{display:flex;align-items:center;gap:18px}
.sv-service-icon{display:grid;place-items:center;flex:none;width:56px;height:56px;border-radius:17px;background:var(--navy);color:#fff;transition:background .5s ease}
.sv-service-icon svg{width:29px;height:29px}
.sv-service-step.is-active .sv-service-icon{background:var(--sv-accent)}
.sv-service-number{font-size:17px;font-weight:700;color:var(--sv-accent);font-variant-numeric:tabular-nums;line-height:1.6}
.services-page .sv-service-card .sv-service-title{margin:2px 0 0;font-size:26px;line-height:1.6;letter-spacing:-.5px}
.services-page .sv-service-card .sv-body{margin:22px 0 0;font-size:14px;line-height:2}
.sv-service-fallback{margin-top:24px}
.sv-service-stage{display:none}
.sv-showcase.is-enhanced .sv-service-fallback{display:none}
.sv-showcase.is-enhanced .sv-service-stage{display:block;position:sticky;top:var(--sv-pin);padding:14px;background:#fff;border-radius:32px;box-shadow:0 18px 58px #0a2e4d08} /* taste-skill-ignore: user explicitly requested the reference card shadows and floating photograph frame. */
.sv-service-frame{display:grid;overflow:hidden;border-radius:23px;isolation:isolate}
.sv-service-slide{grid-area:1/1;margin:0;opacity:0;visibility:hidden;transition:opacity 900ms var(--sv-ease),visibility 900ms;z-index:0}
.sv-service-slide.is-active{opacity:1;visibility:visible;z-index:1}
.sv-service-slide img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;transform:scale(1.035);transition:transform 1400ms var(--sv-ease)}
.sv-service-slide.is-active img{transform:scale(1)}
.sv-service-controls{display:flex;justify-content:center;gap:8px;padding:14px 0 0;direction:ltr}
.sv-service-control{line-height:1;font-family:inherit;font-size:12px;font-weight:600;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--navy);cursor:pointer;transition:background .3s ease,color .3s ease}
.sv-service-control:hover{background:#0e7c7710}
.sv-service-control[aria-current]{background:var(--navy);color:#fff}
.sv-service-control:focus-visible,.sv-showcase-skip:focus-visible{outline:2px solid var(--teal);outline-offset:5px}
.sv-showcase-skip{position:absolute;inset-inline-start:16px;top:0;z-index:5;padding:12px 18px;border-radius:12px;background:#fff;color:var(--navy);transform:translateY(-200%);opacity:0;pointer-events:none}
.sv-showcase-skip:focus{transform:none;opacity:1;pointer-events:auto}
html[lang=en] .services-page .sv-service-card .sv-service-title{line-height:1.4;font-size:26px}
@media(min-width:768px){.sv-service-step{min-height:480px;display:flex;flex-direction:column;justify-content:center}.sv-showcase:not(.is-enhanced) .sv-service-step{padding-block:0 55px}}
@media(max-width:1099px) and (min-width:768px){.sv-showcase{--sv-pin:125px}.sv-showcase-layout{gap:28px}.sv-service-card{padding:26px 22px}.sv-service-card-heading{gap:12px}.sv-service-icon{width:48px;height:48px;border-radius:14px}.services-page .sv-service-card .sv-service-title,html[lang=en] .services-page .sv-service-card .sv-service-title{font-size:23px}.sv-service-step{min-height:400px;padding-block:60px}}
@media(max-width:767px){
 .sv-showcase{--sv-pin:100px}
 .sv-showcase .sv-section-heading{margin-bottom:30px}
 .sv-showcase-layout{display:flex;flex-direction:column;gap:0;align-items:stretch}
 .sv-service-stage{order:-1}
 .sv-showcase.is-enhanced .sv-service-stage{top:var(--sv-pin);z-index:3;border-radius:24px;padding:9px;box-shadow:0 12px 28px #0a2e4d0b} /* taste-skill-ignore: user explicitly requested the reference card shadows and floating photograph frame. */
 .sv-service-frame{border-radius:17px}
 .sv-service-slide img{aspect-ratio:1.65/1;max-height:30svh;min-height:140px}
 .sv-service-controls{padding-top:5px;gap:4px}
 .sv-service-control{height:36px;width:44px;border-radius:12px}
 .sv-service-step,.sv-service-step:first-child{padding-block:32px;scroll-margin-top:calc(100px + min(30svh,220px) + 76px)}
 .sv-showcase.is-enhanced .sv-service-step{min-height:390px;display:flex;flex-direction:column;justify-content:center}
 .sv-service-card{padding:26px 23px;border-radius:20px}
 .sv-service-card-heading{gap:13px}
 .sv-service-icon{width:48px;height:48px;border-radius:14px}
 .sv-service-icon svg{width:26px;height:26px}
 .sv-service-number{font-size:14px}
 .services-page .sv-service-card .sv-service-title,html[lang=en] .services-page .sv-service-card .sv-service-title{font-size:23px;line-height:1.55}
 .services-page .sv-service-card .sv-body{margin-top:18px;line-height:1.95}
}
@media(prefers-reduced-motion:reduce){.sv-service-card,.sv-service-card:after,.sv-service-icon,.sv-service-slide,.sv-service-slide img,.sv-service-control{transition:none}.sv-service-slide img{transform:none}}
@media(max-height:619px){.sv-showcase.is-enhanced .sv-service-stage{display:none}.sv-showcase.is-enhanced .sv-service-fallback{display:block}.sv-showcase-layout{display:block}.sv-service-step,.sv-service-step:first-child{min-height:0;padding-block:20px;scroll-margin-top:100px}}

/* v271: one complete pair stays aligned inside the available viewport. */
.sv-showcase.is-enhanced .sv-showcase-layout{position:sticky;top:var(--sv-pin);align-items:center}
.sv-showcase.is-enhanced .sv-service-list{display:grid;align-items:center;padding-bottom:72px;min-width:0}
.sv-showcase.is-enhanced .sv-service-step,.sv-showcase.is-enhanced .sv-service-step:first-child{grid-area:1/1;min-height:0;padding:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .55s ease,visibility .55s,transform .65s var(--sv-ease);transform:translateY(12px)}
.sv-showcase.is-enhanced .sv-service-step.is-active{opacity:1;visibility:visible;pointer-events:auto;transform:none;z-index:1}
.sv-showcase.is-enhanced .sv-service-stage{position:relative;top:auto;width:100%;max-width:580px;justify-self:center}
.sv-showcase.is-enhanced .sv-service-slide img{height:min(440px,calc(100svh - 240px));min-height:200px;aspect-ratio:4/3}
.sv-showcase.is-enhanced .sv-section-heading{margin-bottom:36px}
@media(max-width:767px){
 .sv-showcase.is-enhanced .sv-showcase-layout{display:flex;gap:18px;align-items:stretch}
 .sv-showcase.is-enhanced .sv-service-stage{position:relative;top:auto;z-index:1;max-width:100%}
 .sv-showcase.is-enhanced .sv-service-slide img{height:clamp(140px,23svh,210px);min-height:0;max-height:none;aspect-ratio:1.65/1}
 .sv-showcase.is-enhanced .sv-service-list{padding-bottom:0}
 .sv-showcase.is-enhanced .sv-service-card{padding:20px 22px}
 .services-page .sv-service-card .sv-body{margin-top:16px}
 .sv-showcase.is-enhanced .sv-service-card-heading{gap:12px}
}
@media(prefers-reduced-motion:reduce){.sv-showcase.is-enhanced .sv-service-step{transition:none;transform:none}}
@media(max-height:619px){
 .sv-showcase.is-enhanced .sv-showcase-track{height:auto!important}
 .sv-showcase.is-enhanced .sv-showcase-layout{position:static;display:block}
 .sv-showcase.is-enhanced .sv-service-list{display:block;padding:0}
 .sv-showcase.is-enhanced .sv-service-step,.sv-showcase.is-enhanced .sv-service-step:first-child{opacity:1;visibility:visible;pointer-events:auto;transform:none;padding-block:20px}
}