.services-stack{--stack-top:124px;position:relative;padding:86px 26px 44px;isolation:isolate;scroll-margin-top:92px}
.services-stack[hidden]{display:none}.stack-container{max-width:1000px;margin-inline:auto}
.stack-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:end;margin-bottom:42px}
.stack-eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:1px;color:#627a82;margin:0 0 18px}.stack-eyebrow:before{content:'';height:1px;width:33px;background:#079dcb}
.stack-intro h2{font:700 clamp(34px,3.6vw,54px)/1.4 ArabicDisplay,Arial,sans-serif;white-space:pre-line;margin:0;letter-spacing:-.4px}
.stack-intro-copy{max-width:360px;justify-self:end}.stack-intro-copy p{font-size:12px;line-height:2.1;color:#5d7076;margin:0 0 17px}.stack-scroll-cue{display:flex;align-items:center;gap:12px;color:#54717a;font-size:10px}.stack-scroll-cue span:first-child{font:20px Arial;color:#009aca}
.stack-list{position:relative;padding-bottom:22vh}.stack-card{position:sticky;top:calc(var(--stack-top) + var(--stack-offset,0px));z-index:var(--stack-index,1);margin:0 0 clamp(90px,18vh,180px);scroll-margin-top:160px}
.stack-card:last-child{margin-bottom:0}.stack-surface{position:relative;height:min(490px,62svh);min-height:350px;border-radius:14px;background:#16232b;overflow:hidden;box-shadow:0 22px 65px #11252e29,0 0 0 1px #ffffff40;transform-origin:50% 0;transform:perspective(1500px) scale(var(--card-scale,1)) rotateX(var(--card-tilt,0deg));filter:brightness(var(--card-brightness,1))}
.stack-surface>img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(var(--image-scale,1));transform-origin:center;object-position:var(--focal-x,50%) var(--focal-y,50%)}
.stack-surface:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#07131bf5 0%,#07131bad 23%,transparent 65%),linear-gradient(180deg,#07131b3d,transparent 24%);pointer-events:none}
.stack-card-top{position:absolute;inset:22px 26px auto;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;color:white}
.stack-category{border:1px solid #ffffff77;background:#12232a66;backdrop-filter:blur(10px);padding:7px 14px;border-radius:30px;font-size:10px;line-height:1.7}.stack-number{font:11px Arial;letter-spacing:2px;direction:ltr;text-shadow:0 1px 6px #000}
.stack-caption{position:absolute;inset:auto 32px 27px;z-index:2;color:#fff;max-width:750px}.stack-caption h3{font:700 clamp(25px,2.7vw,39px)/1.45 ArabicDisplay,Arial,sans-serif;margin:0 0 8px;overflow-wrap:anywhere}.stack-caption p{font-size:11px;line-height:1.9;color:#d6e1e6;margin:0;max-width:620px;overflow-wrap:anywhere}
.stack-card.image-error .stack-surface>img{opacity:0}.stack-footnote{font-size:9px;color:#73848a;line-height:1.9;border-top:1px solid #bfcbd0;padding-top:22px;display:flex;justify-content:space-between;gap:18px;margin:0}.stack-footnote span:last-child{font:9px Arial;letter-spacing:2px;white-space:nowrap;direction:ltr}
html[dir=ltr] .stack-intro h2,html[dir=ltr] .stack-caption h3{font-family:Arial,sans-serif;letter-spacing:-1px;line-height:1.2}html[dir=ltr] .stack-intro h2{font-size:clamp(32px,3.5vw,51px)}html[dir=ltr] .stack-caption h3{font-size:clamp(24px,2.6vw,36px)}
@media(min-width:1600px){.services-stack{padding-top:104px}.stack-container{max-width:1060px}}
@media(max-width:680px){.services-stack{--stack-top:96px;padding:48px 18px 30px;scroll-margin-top:78px}.stack-intro{grid-template-columns:1fr;gap:18px;margin-bottom:28px}.stack-intro h2{font-size:36px;line-height:1.4}.stack-eyebrow{margin-bottom:13px;font-size:9px}.stack-intro-copy{justify-self:start;max-width:340px}.stack-intro-copy p{font-size:11px;margin-bottom:12px}.stack-scroll-cue{font-size:9px}.stack-list{padding-bottom:15vh}.stack-card{margin-bottom:18vh}.stack-surface{height:min(540px,67svh);min-height:390px;border-radius:11px}.stack-card-top{inset:17px 17px auto;gap:8px}.stack-category{font-size:9px;padding:6px 10px;max-width:80%}.stack-number{font-size:9px;letter-spacing:1px}.stack-caption{inset:auto 20px 23px}.stack-caption h3{font-size:28px;line-height:1.5;margin-bottom:8px}.stack-caption p{font-size:10px;line-height:1.9}.stack-surface:after{background:linear-gradient(0deg,#07131bf5 0%,#07131bab 34%,transparent 74%),linear-gradient(180deg,#07131b3d,transparent 25%)}.stack-footnote{font-size:8px;flex-direction:column;gap:12px}html[dir=ltr] .stack-caption h3{font-size:27px}}
@media(max-height:580px){.stack-card{position:relative;top:auto;margin-bottom:25px}.stack-surface{height:400px;transform:none!important;filter:none!important}.stack-list{padding-bottom:25px}}
@media(prefers-reduced-motion:reduce){.stack-card{position:relative;top:auto;margin-bottom:28px}.stack-surface,.stack-surface>img{transform:none!important;filter:none!important}.stack-list{padding-bottom:30px}}