/* ── DEVVISTA CASE STUDIES: BLACK GLASS ──────────────────────────────────────────────────────
   Loaded after case-study.css and service-glass.css on /work/ and /work/<slug>/.
   case-study.css carries several design passes (orange band, cream cards, hard offset shadows, reticle and star objects, grain).
   This layer replaces that look with the homepage's: black canvas, smoked glass, orange only as the marker, small numbers and flat buttons.
   ──────────────────────────────────────────────────────────────────────────────────────────── */

/* the old decoration goes */
.sg .cs-objs,.sg .cs2-orb,.sg .cs2-badge,.sg .cs2-sticker,.sg .cs-section__num,.sg .cs-rail__ghost,.sg .cs2-hero::before,.sg .cs2-hero::after,
.sg .cs-section::before,.sg .cs-section::after,.sg .cs-testimonial::after,.sg .cs-testimonial__mark,.sg .cs2-ticker--b{display:none!important;}
.sg .cs2-hero,.sg .cs-section,.sg .cs-section--dark,.sg .cs-section--dark-2,.sg .cs-section--dark-3,.sg .cs-section--pop,.sg .cs-section--approach,
.sg .cs2-glance,.sg .cs-tech,.sg .cs-testimonial,.sg .cs-related,.sg .cs-faq,.sg .cs-screens,.sg .cs2-nav,.sg .cs-nav,.sg .cs2-wide,
.sg .work-hero,.sg .cs-grid-section{background:none!important;background-color:transparent!important;border:0!important;}
.sg .cs-section{padding:5rem 0;}
.sg .cs-section,.sg .cs-section--pop,.sg .cs-tech,.sg .cs-testimonial,.sg .cs2-glance,.sg .cs-rail__card{
  --white:unset;--cream:unset;--fg-rgb:unset;--white-rgb:unset;--muted:var(--muted-base);
  --accent-text:var(--accent-text-base);--geebung-text:var(--geebung-text-base);}

/* kickers and titles: homepage section label, titles with the last word on the marker */
.sg .cs-kicker{display:inline-flex;align-items:center;gap:.85rem;padding:0;margin-bottom:1.5rem;border:0;border-radius:0;background:none!important;
  font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(var(--fg-rgb),.85)!important;counter-increment:sec;line-height:1;}
.sg .cs-kicker::before{content:counter(sec,decimal-leading-zero);width:auto;height:auto;border-radius:0;background:none!important;box-shadow:none!important;animation:none;
  color:var(--accent);font-weight:800;font-variant-numeric:tabular-nums;}
.sg .cs-kicker::after{content:'';width:56px;height:1px;background:rgba(var(--white-rgb),.3);}
.sg .cs-section__title,.sg .cs-tech__heading{font-size:clamp(2rem,3.7vw,3.2rem);font-weight:800;letter-spacing:-.04em;line-height:1.07;color:var(--white)!important;text-wrap:balance;}
.sg .cs-faq .cs-section__title,.sg .cs-tech__heading{font-size:clamp(1.8rem,2.7vw,2.45rem);}
.sg .cs-tech__heading br{display:none;}
.sg .cs-section__intro,.sg .cs-tech__note{font-size:1.08rem;color:rgba(var(--fg-rgb),.82)!important;line-height:1.8;}
.sg .cs2-hlw,.sg .cs-section--pop .cs2-hlw{color:var(--white);padding:0 .16em;margin:0 -.04em;
  background:linear-gradient(var(--accent),var(--accent)) no-repeat 0 62%/100% 84%!important;-webkit-box-decoration-break:clone;box-decoration-break:clone;}

/* GLASS */
.sg .cs2-stats,.sg .cs2-facts,.sg .cs-challenge__point,.sg .cs-rail__card,.sg .cs-metric,.sg .cs-ba__item,.sg .cs-process__step,.sg .cs-testimonial__inner,
.sg .cs-related__card,.sg .cs-nav__item,.sg .cs-card,.sg .cs-testimonial__video-wrap,.sg .cs2-shot .cs2-dev{
  position:relative;border:0!important;border-radius:var(--r-card);overflow:hidden;
  background:var(--gl-bg)!important;
  -webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.4);backdrop-filter:blur(var(--glass-blur)) saturate(1.4);
  box-shadow:var(--gl-shadow)!important;
  transition:transform .6s var(--ease),box-shadow .6s var(--ease);color:var(--cream);}
.sg .cs2-stats::before,.sg .cs2-facts::before,.sg .cs-challenge__point::before,.sg .cs-rail__card::before,.sg .cs-metric::before,.sg .cs-ba__item::before,.sg .cs-process__step::before,
.sg .cs-testimonial__inner::before,.sg .cs-related__card::before,.sg .cs-nav__item::before,.sg .cs-card::before{content:'';position:absolute;inset:0;width:auto;height:auto;border-radius:inherit;padding:1px;pointer-events:none;z-index:2;opacity:1;
  background:var(--gl-rim);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);transform:none;}
.sg .cs-rail__card:hover,.sg .cs-metric:hover,.sg .cs-related__card:hover,.sg .cs-nav__item:hover,.sg .cs-card:hover,.sg .cs-challenge__point:hover{transform:translateY(-5px);}
.sg .cs-rail__card>*,.sg .cs-metric>*,.sg .cs-card>*{position:relative;z-index:1;}

/* HERO */
.sg .cs2-hero{padding:2.6rem 0 3rem;}
.sg .cs2-tags{gap:.5rem;}
.sg .cs2-tag,.sg .cs2-tag--cs,.sg .cs2-tag--ind,.sg .cs2-tag--year{border-radius:100px;color:rgba(var(--fg-rgb),.9);background:var(--gl-pill);
  border:1px solid rgba(var(--white-rgb),.16);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(var(--white-rgb),.1);padding:.4rem 1rem;}
.sg .cs2-title{font-size:clamp(2.2rem,3.55vw,3.5rem);font-weight:800;line-height:1.07;letter-spacing:-.045em;color:var(--white);text-wrap:balance;max-width:14em;}
.sg .cs2-hl{color:var(--white);display:inline;padding:0 .16em;margin:0 -.04em;border-radius:0;background:linear-gradient(var(--accent),var(--accent)) no-repeat 0 62%/100% 84%!important;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;text-decoration:none;}
.sg .cs2-lede{font-size:1.08rem;line-height:1.8;color:rgba(var(--fg-rgb),.82);max-width:560px;}
.sg .cs2-hero-cta .btn-dv--primary{color:var(--white);}
.sg .cs2-stats{padding:0;display:grid;}
.sg .cs2-stat,.sg .cs2-stat:nth-child(n){background:none!important;border:0!important;border-radius:0;box-shadow:none!important;}
.sg .cs2-stat::before,.sg .cs2-stat:nth-child(n)::before{display:none!important;}
.sg .cs2-stat+.cs2-stat{border-left:1px solid rgba(var(--white-rgb),.1)!important;}
.sg .cs2-stat__num,.sg .cs2-stat:nth-child(n) .cs2-stat__num{background:none!important;-webkit-text-fill-color:var(--white);color:var(--white);}
.sg .cs2-stat__label{color:rgba(var(--fg-rgb),.8);}
.sg .cs2-dev{box-shadow:none;}
.sg .cs2-hero .cs2-dev,.sg .cs2-wide .cs2-dev{background:none!important;}

/* ticker: a quiet glass band */
.sg .cs2-ticker{margin:0;background:linear-gradient(180deg,rgba(var(--white-rgb),.05),rgba(var(--white-rgb),.015))!important;border-top:1px solid rgba(var(--white-rgb),.1);border-bottom:1px solid rgba(var(--white-rgb),.1);
  color:rgba(var(--fg-rgb),.78)!important;transform:none!important;box-shadow:none!important;padding:.9rem 0;}
.sg .cs2-ticker li,.sg .cs2-ticker li::after{color:rgba(var(--fg-rgb),.78)!important;}
.sg .cs2-ticker li::after{color:var(--accent)!important;}

/* AT A GLANCE */
.sg .cs2-glance{padding:4.5rem 0;}
.sg .cs2-glance__title{color:var(--white)!important;font-size:clamp(2rem,3.7vw,3.2rem);font-weight:800;letter-spacing:-.04em;line-height:1.07;}
.sg .cs2-summary{color:rgba(var(--fg-rgb),.85)!important;}
.sg .cs2-facts{padding:1.4rem 1.8rem;}
.sg .cs2-facts div{border-color:rgba(var(--white-rgb),.1)!important;}
.sg .cs2-facts dt{color:rgba(var(--fg-rgb),.75)!important;}
.sg .cs2-facts dt i{color:var(--accent)!important;}
.sg .cs2-facts dd{color:var(--white)!important;}

/* SECTION NAV */
.sg .cs2-nav{background:var(--bar-bg)!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(var(--white-rgb),.1)!important;}
.sg .cs2-nav__inner a{color:rgba(var(--fg-rgb),.8);background:none;border:1px solid transparent;}
.sg .cs2-nav__inner a:hover{color:var(--white);}
.sg .cs2-nav__inner a.is-active,.sg .cs2-nav__inner a.active,.sg .cs2-nav__inner a[aria-current]{color:var(--white);background:rgba(var(--white-rgb),.1);border-color:rgba(var(--white-rgb),.2);box-shadow:none;}

/* CHALLENGE */
.sg .cs-challenge__body{color:rgba(var(--fg-rgb),.82);}
.sg .cs-challenge__point{padding:1.5rem 1.7rem;}
.sg .cs-challenge__point-num{background:none!important;border:0!important;box-shadow:none!important;color:var(--accent)!important;}
.sg .cs-challenge__point-title{color:var(--white)!important;}
.sg .cs-challenge__point-body{color:rgba(var(--fg-rgb),.78)!important;}

/* APPROACH rail: every card is smoked glass */
.sg .cs-rail__card,.sg .cs-rail__card.theme-dark,.sg .cs-rail__card.theme-light{
  --bg:transparent;--fg:var(--white);--fg2:rgba(var(--fg-rgb),.82);--chip:rgba(var(--white-rgb),.08);--chip-fg:rgba(var(--fg-rgb),.9);--tile:rgba(var(--white-rgb),.07);--tile-fg:var(--accent-text-base);--edge:rgba(var(--white-rgb),.16);--shadow:transparent;
  color:var(--white);}
.sg .cs-rail__card:hover{transform:translateY(-5px);}
.sg .cs-rail__num{color:transparent;-webkit-text-stroke:1.5px rgba(var(--white-rgb),.35);}
.sg .cs-rail__card:hover .cs-rail__num,.sg .cs-rail__card.theme-dark:hover .cs-rail__num,.sg .cs-rail__card.theme-light:hover .cs-rail__num{color:rgba(var(--white-rgb),.9);}
.sg .cs-rail__card.theme-dark .cs-rail__num{-webkit-text-stroke-color:rgba(var(--white-rgb),.35);}
.sg .cs-rail__icon{border:1px solid rgba(var(--white-rgb),.16);background:rgba(var(--white-rgb),.07);color:var(--accent);border-radius:14px;}
.sg .cs-rail__cat{border:1px solid rgba(var(--white-rgb),.16);background:rgba(var(--white-rgb),.08);color:rgba(var(--fg-rgb),.9);border-radius:100px;}
.sg .cs-rail__btn{border:1px solid rgba(var(--white-rgb),.2);background:rgba(var(--white-rgb),.06);color:var(--white);border-radius:14px;box-shadow:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);}
.sg .cs-rail__btn:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--white);transform:none;box-shadow:none;}
.sg .cs-rail__progress{background:rgba(var(--white-rgb),.12);border-radius:100px;}
.sg .cs-rail__progress i{background:var(--accent);}

/* SCREENS: the screenshot stays, framed in plain glass */
.sg .cs2-shot figcaption,.sg .cs2-wide figcaption{color:rgba(var(--fg-rgb),.78);}
.sg .cs2-shot figcaption strong{color:var(--white);}
.sg .cs2-zoom{background: rgba(var(--dim-rgb),.6);border:1px solid rgba(var(--white-rgb),.2);color:var(--white);}

/* RESULTS: dark glass, not an orange band */
.sg .cs-results__metrics,.sg .cs-section--pop .cs-results__metrics{gap:16px;background:none!important;border:0;border-radius:0;overflow:visible;margin-top:3rem;}
.sg .cs-metric,.sg .cs-section--pop .cs-metric{padding:2rem 1.9rem;background:var(--gl-bg)!important;}
.sg .cs-metric__value,.sg .cs-section--pop .cs-metric__value{color:var(--white)!important;}
.sg .cs-metric__suffix,.sg .cs-section--pop .cs-metric__suffix{color:var(--white)!important;}
.sg .cs-metric__label,.sg .cs-section--pop .cs-metric__label{color:rgba(var(--fg-rgb),.82)!important;}
.sg .cs-metric__delta,.sg .cs-section--pop .cs-metric__delta{background:rgba(var(--white-rgb),.08)!important;border:1px solid rgba(var(--white-rgb),.16)!important;color:rgba(var(--fg-rgb),.9)!important;border-radius:100px;}
.sg .cs-metric__delta i,.sg .cs-section--pop .cs-metric__delta i{color:var(--accent)!important;}
.sg .cs-ba,.sg .cs-section--pop .cs-ba{gap:16px;background:none!important;border:0;border-radius:0;overflow:visible;margin-top:1rem;}
.sg .cs-ba__item,.sg .cs-section--pop .cs-ba__item{padding:1.6rem 1.8rem;}
.sg .cs-ba__label,.sg .cs-section--pop .cs-ba__label{color:rgba(var(--fg-rgb),.85)!important;}
.sg .cs-ba__val--before,.sg .cs-section--pop .cs-ba__val--before{color:rgba(var(--fg-rgb),.55)!important;}
.sg .cs-ba__val--after,.sg .cs-section--pop .cs-ba__val--after{color:var(--white)!important;}
.sg .cs-ba__arrow,.sg .cs-section--pop .cs-ba__arrow{color:var(--accent)!important;}

/* PROCESS */
.sg .cs-process__timeline{gap:16px;}
.sg .cs-process__line{display:none;}
.sg .cs-process__step{padding:1.6rem 1.4rem;}
.sg .cs-process__dot,.sg .cs-process__dot--done,.sg .cs-process__dot--active,.sg .cs-process__dot--pending{background:var(--accent)!important;box-shadow:none!important;border:0!important;}
.sg .cs-process__phase{color:rgba(var(--fg-rgb),.85)!important;-webkit-text-stroke:0!important;}
.sg .cs-process__name{color:var(--white)!important;}
.sg .cs-process__duration{color:rgba(var(--fg-rgb),.8)!important;background:rgba(var(--white-rgb),.06)!important;border:1px solid rgba(var(--white-rgb),.14)!important;border-radius:100px;}

/* TECH */
.sg .cs-tech{padding:5rem 0;}
.sg .cs-tech__tag,.sg .cs-tech__tag--hl{background:var(--gl-pill)!important;border:1px solid rgba(var(--white-rgb),.16)!important;
  color:rgba(var(--fg-rgb),.92)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:100px;box-shadow:none!important;}
.sg .cs-tech__tag:hover{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--white)!important;}

/* TESTIMONIAL */
.sg .cs-testimonial{padding:4rem 0;}
.sg .cs-testimonial__inner{padding:2.6rem 2.8rem;box-shadow:0 30px 70px rgba(var(--shadow-rgb),.55),inset 0 1px 0 rgba(var(--white-rgb),.12)!important;}
.sg .cs-testimonial__quote{color:var(--white)!important;}
.sg .cs-testimonial__name{color:var(--white)!important;}
.sg .cs-testimonial__role{color:rgba(var(--fg-rgb),.75)!important;}
.sg .cs-testimonial__avatar{background:rgba(var(--white-rgb),.08)!important;border:1px solid rgba(var(--white-rgb),.18)!important;box-shadow:none!important;}
.sg .cs-testimonial__initials{color:var(--white)!important;}
.sg .cs-testimonial__stars{color:var(--accent)!important;}
.sg .cs-testimonial__stars i{color:var(--accent)!important;}

/* FAQ (accordion pane comes from service-glass.css) */
.sg .cs-faq .accordion{margin:0;}
.sg .cs2-faq__side{position:sticky;top:7rem;}
@media(max-width:991px){.sg .cs2-faq__side{position:static;}}

/* RELATED and PREV/NEXT */
.sg .cs-related__card{padding:1.6rem 1.7rem;}
.sg .cs-related__card::after{display:none;}
.sg .cs-related__sub{color:rgba(var(--fg-rgb),.85)!important;background:rgba(var(--white-rgb),.07)!important;border:1px solid rgba(var(--white-rgb),.16)!important;}
.sg .cs-related__title{color:var(--white)!important;}
.sg .cs-related__title i{background:rgba(var(--white-rgb),.08)!important;}
.sg .cs-related__card:hover .cs-related__title i{background:var(--accent)!important;color:var(--white);}
.sg .cs-nav__grid{gap:16px;background:none!important;}
.sg .cs-nav__item{padding:1.5rem 1.7rem;}
.sg .cs-nav__arrow,.sg .cs-nav__industry{color:rgba(var(--fg-rgb),.85)!important;}
.sg .cs-nav__title{color:var(--white)!important;}

/* ── /work/ index ── */
.sg .work-hero{padding:2.6rem 0 3rem;}
.sg .work-hero-kicker{display:inline-flex;align-items:center;gap:.6rem;font-size:.69rem;font-weight:700;letter-spacing:.14em;padding:.5rem 1.15rem;margin-bottom:1.75rem;border-radius:100px;
  color:rgba(var(--fg-rgb),.92);border:1px solid rgba(var(--white-rgb),.16);background:var(--gl-pill);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(var(--white-rgb),.12),0 10px 30px rgba(var(--shadow-rgb),.4);animation:sgDrop .7s var(--ease) .1s both;}
.sg .work-hero-kicker::before{display:none;}
.sg .work-hero h1{font-size:clamp(2.2rem,3.9vw,3.7rem);font-weight:800;letter-spacing:-.045em;line-height:1.07;text-wrap:balance;max-width:14em;animation:sgUp .9s var(--ease) .2s both;}
.sg .work-hero h1 br{display:none;}
.sg .work-hero-sub{font-size:1.08rem;color:rgba(var(--fg-rgb),.82);max-width:560px;animation:sgUp .9s var(--ease) .4s both;}
.sg .cs-grid-section{padding:2rem 0 6rem;}
.sg .cs-card-img{background: rgba(var(--dim-rgb),.35);}
.sg .cs-card-tag,.sg .cs-card-tag-type,.sg .cs-card-tag-ind{color:rgba(var(--fg-rgb),.9);background:var(--gl-pill);border:1px solid rgba(var(--white-rgb),.16);border-radius:100px;padding:.25rem .75rem;}
.sg .cs-card-title{color:var(--white);}
.sg .cs-card-meta{border-top-color:rgba(var(--white-rgb),.1);}
.sg .cs-card-arrow{border:1px solid rgba(var(--white-rgb),.16);background:rgba(var(--white-rgb),.07);color:var(--white);border-radius:50%;}
.sg .cs-card:hover .cs-card-arrow{background:var(--accent);border-color:var(--accent);color:var(--white);}
@media (prefers-reduced-motion:reduce){.sg .cs2-hero *,.sg .work-hero *{animation:none!important;}}
.sg .cs2-summary{border-left:0!important;padding-left:0!important;}