/* ============================================================
   OSW Services — sticky-scroll stacking deck.
   Values verbatim from the source #services / .stack / .stack-card.
   NOTE: the source's .stack-card contains a <div class="glare"> with NO
   matching CSS rule anywhere (dead markup in the source itself — only
   .mockup and .who-card ever got a styled glare). We do not invent glare
   styling here; the .ovs-tilt rotate-on-pointer behaviour is still real
   and shared (core.js), matching the source's actual (not "improved")
   behaviour on this element.
   ============================================================ */

.ovs-services .ovs-services-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:1.5rem}
.ovs-services .ovs-services-lead{max-width:42ch}

.ovs-stack{margin-top:2.8rem;display:grid;gap:1.1rem}
.ovs-stack-card{position:sticky;display:flex;justify-content:space-between;gap:2rem;align-items:center;padding:2.2rem 2.4rem;background:linear-gradient(160deg,#131009,#0B0906);will-change:transform,filter}
.ovs-sc-num{font-family:var(--ovs-mono);font-size:.62rem;letter-spacing:.3em;color:var(--ovs-copper);margin-bottom:.8rem}
.ovs-stack-card h3{font-family:var(--ovs-display);font-weight:400;text-transform:uppercase;font-size:clamp(1.25rem,2.2vw,1.7rem);letter-spacing:.02em;margin-bottom:.65rem}
.ovs-stack-card p{color:var(--ovs-muted);font-size:.95rem;line-height:1.65;max-width:56ch}
.ovs-sc-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.05rem}
.ovs-sc-tags span{font-family:var(--ovs-mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ovs-champ);border:1px solid var(--ovs-champ-border);border-radius:99px;padding:.32rem .7rem;background:var(--ovs-champ-dim)}
.ovs-sc-icon{flex:none;width:72px;height:72px;border-radius:18px;background:var(--ovs-champ-dim);border:1px solid var(--ovs-champ-border);display:flex;align-items:center;justify-content:center;color:var(--ovs-champ)}
.ovs-sc-icon svg{width:32px;height:32px;stroke-width:1.6}

/* Source breakpoint — verbatim */
@media(max-width:880px){
  .ovs-stack-card{flex-direction:column;align-items:flex-start;padding:1.8rem 1.5rem}
  .ovs-sc-icon{order:-1;width:56px;height:56px}
}