/* ═════════════════════════════════════════════════════════════
   DHALMIA — "What We Deliver" cinematic showcase (v1.0)
   Original homepage markup (dh-services / dh-srv__*), now theme-owned:
   replaces the Elementor Page Custom CSS for this section (Pass 3).
   Scope: .dh-home3 .dh-services. Motion: services-showcase-v1.0.js.
   Palette: v3 tokens — slate + copper, scrim gradients only.
═════════════════════════════════════════════════════════════ */
.dh-home3 .dh-services{position:relative;overflow:hidden;background:var(--slate-950);min-height:clamp(560px,86vh,900px);display:flex;isolation:isolate;padding:0}
.dh-home3 .dh-services__particles{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none;opacity:.35}
.dh-home3 .dh-srv__images{position:absolute;inset:0;z-index:0}
.dh-home3 .dh-srv__img-wrap{position:absolute;inset:0;overflow:hidden;opacity:0;will-change:clip-path,opacity;background-repeat:no-repeat!important;background-size:cover!important;background-position:center!important}
.dh-home3 .dh-srv__img-wrap.is-active{opacity:1}
.dh-home3 .dh-srv__img-wrap img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;object-position:center;display:block;margin:0;filter:saturate(.9) brightness(.82);will-change:transform}
.dh-home3 .dh-srv__scrim{position:absolute;inset:0;z-index:1;pointer-events:none;background:
  linear-gradient(90deg,rgba(20,22,23,.82) 0%,rgba(20,22,23,.45) 34%,rgba(20,22,23,.12) 62%,rgba(20,22,23,.30) 100%),
  linear-gradient(180deg,rgba(20,22,23,.55) 0%,rgba(20,22,23,0) 25%,rgba(20,22,23,0) 70%,rgba(20,22,23,.7) 100%)}
.dh-home3 .dh-srv__watermark{position:absolute;right:var(--pad-x);bottom:-.08em;z-index:2;font-family:var(--serif);font-weight:300;font-size:clamp(9rem,26vw,22rem);line-height:1;color:rgba(241,242,242,.05);pointer-events:none;user-select:none}
.dh-home3 .dh-srv__overlay{position:relative;z-index:3;width:100%;max-width:var(--wrap);margin-inline:auto;padding:var(--s-5) var(--pad-x) var(--s-4);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:var(--s-4);text-align:left}
.dh-home3 .dh-srv__label,.dh-home3 .dh-srv__card,.dh-home3 .dh-srv__card *,.dh-home3 .dh-srv__controls{text-align:left}
.dh-home3 .dh-srv__label{width:100%}
/* overline (original .dh-overline--dash) */
.dh-home3 .dh-overline{display:inline-flex;align-items:center;gap:.9rem;font-family:var(--sans);font-size:var(--t-xs);letter-spacing:.32em;text-transform:uppercase;color:var(--copper-bright);font-weight:500}
.dh-home3 .dh-overline--dash::before{content:"";width:2.4rem;height:1px;background:var(--copper)}
.dh-home3 .dh-srv__heading{font-size:clamp(1.5rem,1rem + 1.6vw,2.4rem);margin-top:var(--s-2);max-width:26ch}
/* card */
.dh-home3 .dh-srv__card{position:relative;width:min(100%,520px);margin-left:0;margin-right:auto;background:rgba(20,22,23,.90);border-top:1px solid var(--copper);padding:clamp(1.5rem,2.4vw,2.6rem);margin-top:auto}
.dh-home3 .dh-srv__card-accent{position:absolute;left:0;top:-1px;height:1px;width:100%;background:var(--copper-bright);transform-origin:left;transform:scaleX(0)}
.dh-home3 .dh-srv__card-inner{position:relative;min-height:clamp(230px,26vw,300px)}
.dh-home3 .dh-srv__card-slide{position:absolute;inset:0;visibility:hidden;pointer-events:none;display:flex;flex-direction:column;align-items:flex-start;text-align:left}
.dh-home3 .dh-srv__card-slide.is-active{visibility:visible;pointer-events:auto}
.dh-home3 .dh-srv__step{display:block;font-family:var(--sans);font-size:var(--t-xs);letter-spacing:.24em;color:var(--copper-bright);font-weight:500;margin-bottom:var(--s-2)}
.dh-home3 .dh-srv__step-total{color:var(--muted);font-weight:400}
.dh-home3 .dh-srv__title{font-size:clamp(1.9rem,1.3rem + 1.9vw,2.9rem);margin-bottom:var(--s-2);overflow:hidden}
.dh-home3 .dh-srv__title .dh-char{display:inline-block;will-change:transform,opacity}
.dh-home3 .dh-srv__desc{font-size:var(--t-sm);color:var(--ink-1);line-height:1.75;max-width:44ch;margin-bottom:var(--s-3)}
/* original .dh-btn--ghost inside the card */
.dh-home3 .dh-srv__card .dh-btn{display:inline-flex;align-items:center;gap:.7rem;font-family:var(--sans);font-size:var(--t-xs);letter-spacing:.24em;text-transform:uppercase;font-weight:500;color:var(--copper-bright);border:1px solid rgba(200,126,51,.5);padding:.9rem 1.5rem;min-height:44px;background:transparent;text-decoration:none;transition:border-color .4s var(--ease),background-color .4s var(--ease),color .4s var(--ease)}
.dh-home3 .dh-srv__card .dh-btn:hover{background:var(--copper);border-color:var(--copper);color:var(--slate-950)}
.dh-home3 .dh-btn__arrow{transition:transform .45s var(--ease)}
.dh-home3 .dh-btn:hover .dh-btn__arrow{transform:translateX(5px)}
/* controls — explicit resets so no button kit can bleed in */
.dh-home3 .dh-srv__controls{display:flex;align-items:center;gap:var(--s-2);width:min(100%,520px);margin-left:0;margin-right:auto}
.dh-home3 .dh-srv__progress{flex:1}
.dh-home3 .dh-srv__progress-track{height:1px;background:var(--hair-strong);position:relative;overflow:hidden}
.dh-home3 .dh-srv__progress-fill{position:absolute;left:0;top:0;height:100%;width:0;background:var(--copper)}
.dh-home3 .dh-srv__nav{display:flex;align-items:center;gap:var(--s-2)}
.dh-home3 .dh-srv__nav-btn,.dh-home3 .dh-srv__dot{appearance:none;-webkit-appearance:none;background:transparent;border:0;border-radius:0;box-shadow:none;margin:0;padding:0;font:inherit;color:inherit;cursor:pointer;line-height:1}
.dh-home3 .dh-srv__nav-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--hair-strong);display:grid;place-items:center;color:var(--ink-0);transition:border-color .4s,color .4s}
.dh-home3 .dh-srv__nav-btn svg{width:14px;height:14px}
.dh-home3 .dh-srv__nav-btn:hover{border-color:var(--copper);color:var(--copper-bright)}
.dh-home3 .dh-srv__dots{display:flex;align-items:center;gap:.55rem}
.dh-home3 .dh-srv__dot{width:20px;height:20px;position:relative}
.dh-home3 .dh-srv__dot::after{content:"";position:absolute;left:50%;top:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:var(--copper);opacity:.28;transition:opacity .3s,transform .35s var(--ease)}
.dh-home3 .dh-srv__dot:hover::after{opacity:.7}
.dh-home3 .dh-srv__dot.is-active::after{opacity:1;transform:scale(2)}
.dh-home3 .dh-srv__dot:focus-visible{outline:1px solid var(--copper);outline-offset:2px;border-radius:50%}
.dh-home3 .dh-services:focus-visible{outline:2px solid var(--copper);outline-offset:-4px}
@media (max-width:960px){
  .dh-home3 .dh-services{min-height:auto}
  .dh-home3 .dh-srv__overlay{padding-top:var(--s-4)}
  .dh-home3 .dh-srv__card{width:100%;margin-top:clamp(9rem,40vw,16rem)}
  .dh-home3 .dh-srv__card-inner{min-height:clamp(250px,58vw,320px)}
  .dh-home3 .dh-srv__watermark{font-size:clamp(7rem,32vw,12rem)}
}
@media (max-width:640px){
  .dh-home3 .dh-srv__scrim{background:linear-gradient(180deg,rgba(20,22,23,.75) 0%,rgba(20,22,23,.3) 30%,rgba(20,22,23,.75) 65%,rgba(20,22,23,.95) 100%)}
  .dh-home3 .dh-srv__card{padding:1.35rem}
  .dh-home3 .dh-srv__card-inner{min-height:300px}
  .dh-home3 .dh-srv__controls{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .dh-home3 .dh-srv__img-wrap,.dh-home3 .dh-srv__img-wrap img,.dh-home3 .dh-srv__card-accent{transition:none}
  .dh-home3 .dh-srv__card-accent{transform:none}
}