/* ==========================================================================
   STRENGThtml[data-theme].sd-home DEN — REFINED CORPORATE (home page) · loaded after redesign-2026.css
   Ivory + midnight ink + deep green + one brass accent. Serif display,
   hairline rules, arch-shaped photography (a quiet nod to Saudi architecture).
   ========================================================================== */
html[data-theme].sd-home{
  --c-ivory:#f6f1e7; --c-stone:#ece5d6; --c-paper:#fbf8f1; --c-ink:#11151c; --c-green:#1c3a33; --c-brass:#a67c2e; --c-brass-lt:#d2ad62; --c-rule:rgba(17,21,28,.16);
  --c-muted:#4a4f58; --c-soft:#6b6f77; --c-text2:#3f444d; --c-paper2:#f2ecdf; --c-hdr:rgba(246,241,231,.96); --c-logo:invert(1) brightness(.12); --c-input:#fff; --c-shadow:rgba(17,21,28,.4); --c-line2:rgba(17,21,28,.3);
}
html[data-theme].sd-home:root{
  --ink:var(--c-ivory)!important; --navy:var(--c-paper)!important; --navy-2:var(--c-paper2)!important; --navy-3:var(--c-stone)!important;
  --paper:var(--c-ink)!important; --muted:var(--c-muted)!important; --muted-dim:var(--c-soft)!important; --line:var(--c-rule)!important;
  --gold:var(--c-brass)!important; --gold-bright:var(--c-brass)!important; --electric:var(--c-brass)!important; --electric-bright:var(--c-brass)!important;
  --sdx-bg:var(--c-ivory); --sdx-bg-soft:var(--c-stone); --sdx-surface:var(--c-paper); --sdx-surface-solid:var(--c-paper); --sdx-surface-raised:var(--c-paper2); --sdx-ink:var(--c-ink); --sdx-muted:var(--c-muted); --sdx-soft:var(--c-soft); --sdx-line:var(--c-rule); --sdx-blue:#a67c2e; --sdx-gold:#a67c2e;
}
html[data-theme].sd-home body{background:var(--c-ivory)!important;color:var(--c-ink)!important}
html[data-theme].sd-home .bg-glow,html[data-theme].sd-home .grid-bg{display:none!important}

/* dark blocks */
html[data-theme].sd-home :is(#about,.sdm-strip,#contact,.sec:has(.tl),footer,.sdm-proc){
  --paper:#f6f1e7!important; --muted:#bdb6a6!important; --muted-dim:#948d7d!important; --line:rgba(246,241,231,.22)!important;
  --sdx-ink:#f6f1e7; --sdx-muted:#bdb6a6; --sdx-soft:#948d7d; --sdx-line:rgba(246,241,231,.22); --sdx-blue:#d2ad62;
}
/* panels always dark-on-light */
html[data-theme].sd-home :is(.stat,.svc,.sector,.case,.work,.why,.chaos,.logo-card,.pcard,.node,.wheel-center){
  --paper:var(--c-ink)!important; --muted:var(--c-muted)!important; --muted-dim:var(--c-soft)!important; --line:var(--c-rule)!important;
  --sdx-ink:var(--c-ink); --sdx-muted:var(--c-muted); --sdx-soft:var(--c-soft); --sdx-line:var(--c-rule); --sdx-blue:var(--c-brass);
}

/* ---------- type ---------- */
html[data-theme].sd-home :is(h1,h2,.value-quote,.cta h2,.sec-head h2){font-family:"SD Display",Georgia,serif!important;font-weight:400!important;letter-spacing:-.02em!important;line-height:1.06!important;color:var(--paper)!important;font-optical-sizing:auto}
html[data-theme].sd-home :is(h3,h4){font-family:"SD Sans","SD Arabic",sans-serif!important;font-weight:600!important;letter-spacing:0!important;color:var(--paper)!important;line-height:1.3!important}
html[lang="ar"][data-theme].sd-home :is(h1,h2,h3,h4,.value-quote){font-family:"SD Arabic","Cairo",sans-serif!important;font-weight:600!important;letter-spacing:0!important;line-height:1.4!important}
html[data-theme].sd-home .sec-head h2{font-size:clamp(2.3rem,4.8vw,4.4rem)!important}
html[data-theme].sd-home .sec-head{max-width:880px!important}
html[data-theme].sd-home .sec-head p,html[data-theme].sd-home .cta p{font-size:clamp(1.02rem,1.3vw,1.18rem)!important;color:var(--muted)!important;max-width:56ch;line-height:1.8}
html[data-theme].sd-home :is(.hl,.gold,.l2){color:var(--c-brass)!important;font-style:italic;font-family:"SD Display",Georgia,serif}
html[lang="ar"][data-theme].sd-home :is(.hl,.gold,.l2){font-style:normal;font-family:"SD Arabic",sans-serif!important}
html[data-theme].sd-home :is(#about,.sdm-strip,#contact,.sec:has(.tl)) :is(.hl,.gold,.l2){color:var(--c-brass-lt)!important}
/* eyebrow: hairline + small caps */
html[data-theme].sd-home .eyebrow{display:inline-flex!important;align-items:center;gap:14px;background:none!important;color:var(--c-brass)!important;padding:0!important;border-radius:0!important;font-size:.74rem!important;font-weight:600!important;letter-spacing:.2em!important;text-transform:uppercase}
html[data-theme].sd-home .eyebrow::before{display:block!important;content:"";width:44px;height:1px!important;background:currentColor!important;border-radius:0!important}
html[lang="ar"][data-theme].sd-home .eyebrow{letter-spacing:.02em!important;text-transform:none;font-size:.9rem!important}
html[data-theme].sd-home :is(#about,.sdm-strip,#contact,.sec:has(.tl)) .eyebrow{color:var(--c-brass-lt)!important;background:none!important}

/* ---------- header ---------- */
html[data-theme].sd-home #hdr,html[data-theme].sd-home #hdr.scrolled{background:var(--c-hdr)!important;border-bottom:1px solid var(--c-rule)!important;backdrop-filter:blur(8px)!important}
html[data-theme].sd-home #hdr .brand img.logo{filter:var(--c-logo)!important;height:36px}
html[data-theme].sd-home #hdr .navlinks a{color:var(--c-ink)!important;font-weight:500!important;font-size:.9rem!important;letter-spacing:.02em}
html[data-theme].sd-home #hdr .navlinks a:hover,html[data-theme].sd-home #hdr .navlinks a.active{color:var(--c-brass)!important}
html[data-theme].sd-home #hdr .navlinks a:after{background:var(--c-brass)!important;height:1px!important}
html[data-theme].sd-home #hdr .nav-cta{background:var(--c-ink)!important;color:var(--c-ivory)!important;border-radius:0!important;font-weight:600!important;letter-spacing:.04em;padding:11px 22px!important}
html[data-theme].sd-home #hdr .nav-cta:hover{background:var(--c-brass)!important}
html[data-theme].sd-home #hdr .lang-switch{border:1px solid var(--c-rule)!important;border-radius:0!important}
html[data-theme].sd-home #hdr .lang-btn{color:var(--c-ink)!important;border-radius:0!important}
html[data-theme].sd-home #hdr .lang-btn.active{background:var(--c-ink)!important;color:var(--c-ivory)!important}
html[data-theme].sd-home #mm{background:var(--c-ivory)!important}
html[data-theme].sd-home #mm a{color:var(--c-ink)!important}
html[data-theme].sd-home #hdr .burger span{background:var(--c-ink)!important}

/* ---------- buttons ---------- */
html[data-theme].sd-home .btn{border-radius:0!important;box-shadow:none!important;border:1px solid var(--c-ink)!important;font-weight:600!important;letter-spacing:.05em;font-size:.92rem!important;padding:17px 32px!important;transition:background-color .3s,color .3s,border-color .3s!important;transform:none!important}
html[data-theme].sd-home .btn-gold{background:var(--c-ink)!important;color:var(--c-ivory)!important}
html[data-theme].sd-home .btn-gold:hover{background:var(--c-brass)!important;border-color:var(--c-brass)!important;color:#fff!important}
html[data-theme].sd-home .btn-ghost,html[data-theme].sd-home a.btn.btn-ghost,html[data-theme="dark"].sd-home #top a.btn.btn-ghost{background:transparent!important;color:var(--c-ink)!important;border-color:var(--c-ink)!important}
html[data-theme].sd-home .btn-ghost:hover{background:var(--c-ink)!important;color:var(--c-ivory)!important}
html[data-theme="dark"].sd-home #top a.btn.btn-gold{color:var(--c-ivory)!important}
html[data-theme].sd-home :is(#contact,.sdm-strip) .btn-gold{background:var(--c-ivory)!important;color:var(--c-ink)!important;border-color:var(--c-ivory)!important}
html[data-theme].sd-home #contact .btn-gold:hover{background:var(--c-brass-lt)!important;border-color:var(--c-brass-lt)!important;color:var(--c-ink)!important}

/* ---------- HERO ---------- */
html[data-theme].sd-home .hero{background:var(--c-ivory)!important;border-bottom:1px solid var(--c-rule)!important;min-height:min(92vh,860px)!important;padding:140px 0 90px!important;overflow:hidden;--paper:var(--c-ink)!important;--muted:var(--c-muted)!important}
html[data-theme].sd-home .hero::before,html[data-theme].sd-home .hero::after{display:none!important}
html[data-theme].sd-home .hero-inner{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;gap:clamp(40px,7vw,120px)!important}
html[data-theme].sd-home .hero h1{font-size:clamp(2.9rem,5.6vw,5.8rem)!important;max-width:13ch!important;font-weight:300!important;color:var(--c-ink)!important;line-height:1.04!important}
html[lang="ar"][data-theme].sd-home .hero h1{font-size:clamp(2.6rem,5vw,4.6rem)!important;max-width:none!important;font-weight:600!important}
html[data-theme].sd-home .hero h1 .l2{font-weight:300}
html[data-theme].sd-home .hero p.sub{color:var(--c-ink)!important;opacity:.78;font-size:clamp(1.05rem,1.4vw,1.25rem)!important;max-width:50ch!important;font-weight:400}
html[data-theme].sd-home .hero-tag{background:none!important;color:var(--c-brass)!important;padding:0!important;border-radius:0!important;font-weight:600!important;font-size:.74rem!important;letter-spacing:.2em!important;text-transform:uppercase}
html[data-theme].sd-home .hero-tag .dot{background:var(--c-brass)!important;border-radius:0!important;transform:rotate(45deg)}
/* Tuwaiq image: a clean editorial panel with a restrained, even corner radius. */
html[data-theme].sd-home .hero-visual{overflow:visible!important;background:var(--c-stone) url("/images/project-tuwaiq-academy.jpg") center/cover no-repeat!important;border:1px solid var(--c-brass)!important;border-radius:14px!important;aspect-ratio:4/5;max-height:640px;width:min(100%,480px);justify-self:end;transform:none!important;box-shadow:0 28px 70px rgba(7,12,20,.2)!important;position:relative}
html[data-theme].sd-home .hero-visual::before{content:none!important}
html[data-theme].sd-home .hero-visual::after{display:block!important;content:"Tuwaiq Academy · LEAP, Riyadh";position:absolute;left:0;right:0;bottom:-34px;top:auto;background:none!important;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--c-brass);height:auto;inset:auto 0 -34px 0;pointer-events:none}
html[lang="ar"][data-theme].sd-home .hero-visual::after{content:"أكاديمية طويق · ليب، الرياض";letter-spacing:0;text-transform:none;font-size:.9rem}
@media(max-width:980px){html[data-theme].sd-home .hero{padding:110px 0 80px!important}html[data-theme].sd-home .hero-inner{grid-template-columns:1fr!important}html[data-theme].sd-home .hero-visual{justify-self:center;width:min(86%,420px)}html[data-theme].sd-home .hero h1{max-width:none!important}}

/* ---------- section rhythm ---------- */
html[data-theme].sd-home .sec,html[data-theme].sd-home .cta{border-top:1px solid var(--c-rule)!important;padding-block:clamp(88px,10vw,150px)!important;background:var(--c-ivory)}
html[data-theme].sd-home .stats,html[data-theme].sd-home .sec:has(.sectors),html[data-theme].sd-home #why{background:var(--c-stone)!important}
html[data-theme].sd-home #about,html[data-theme].sd-home .sdm-strip{background:var(--c-ink)!important}
html[data-theme].sd-home .sec:has(.tl){background:var(--c-green)!important}
html[data-theme].sd-home #contact{background:var(--c-ink)!important;border-top:0!important}
html[data-theme].sd-home .sdm-cmp,html[data-theme].sd-home #services,html[data-theme].sd-home .sec:has(.svc-grid),html[data-theme].sd-home .cases-sec{background:var(--c-ivory)!important}
html[data-theme].sd-home .clients-panel{background:var(--c-paper)!important;border:1px solid var(--c-rule)!important;border-radius:0!important;box-shadow:none!important}
html[data-theme].sd-home #about .value-quote{font-size:clamp(2rem,4vw,3.6rem)!important;line-height:1.14!important;font-weight:300!important;color:var(--c-ivory)!important}
html[data-theme].sd-home #about .value-side{border-color:var(--c-brass-lt)!important}
html[data-theme].sd-home .value-photo{border-radius:999px 999px 0 0!important;border:0!important;box-shadow:none!important;max-height:none}
html[data-theme].sd-home .value-photo img{height:300px!important}

/* ---------- panels: hairline, flat, square ---------- */
html[data-theme].sd-home :is(.svc,.sector,.case,.work,.chaos,.pcard,.logo-card,.node,.wheel-center){background:var(--c-paper)!important;border:1px solid var(--c-rule)!important;border-radius:0!important;box-shadow:none!important;color:var(--c-ink)!important}
html[data-theme].sd-home :is(.svc,.sector,.case,.work):hover{transform:none!important;border-color:var(--c-brass)!important;background:var(--c-paper)!important;box-shadow:none!important}
html[data-theme].sd-home .svc{padding:36px 30px!important}
html[data-theme].sd-home .svc .ic{background:none!important;border:0!important;width:auto!important;height:auto!important;margin-bottom:18px}
html[data-theme].sd-home .svc .ic svg{stroke:var(--c-brass)!important;width:30px!important;height:30px!important;stroke-width:1.3!important}
html[data-theme].sd-home .svc h3{font-size:1.3rem!important;font-family:"SD Display",Georgia,serif!important;font-weight:500!important}
html[lang="ar"][data-theme].sd-home .svc h3{font-family:"SD Arabic",sans-serif!important;font-weight:700!important}
html[data-theme].sd-home .svc li{color:var(--muted)!important}
html[data-theme].sd-home .svc li::before{content:"—"!important;color:var(--c-brass)!important}
html[data-theme].sd-home .stat{background:none!important;border:0!important;border-top:1px solid var(--c-ink)!important;border-radius:0!important;box-shadow:none!important;padding:26px 0 0!important;text-align:start!important}
html[data-theme].sd-home .stat:hover{transform:none!important;border-color:var(--c-brass)!important;background:none!important}
html[data-theme].sd-home .stat .num{font-family:"SD Display",Georgia,serif!important;font-weight:300!important;color:var(--c-ink)!important;font-size:clamp(3.4rem,6.4vw,6rem)!important;letter-spacing:-.03em;line-height:1}
html[data-theme].sd-home .stat .lab{color:var(--c-ink)!important;opacity:.7;font-size:.8rem!important;letter-spacing:.14em;text-transform:uppercase;margin-top:12px!important}
html[lang="ar"][data-theme].sd-home .stat .lab{letter-spacing:0;text-transform:none;font-size:.95rem!important}
html[data-theme].sd-home .stat-grid{gap:clamp(24px,4vw,56px)!important}
html[data-theme].sd-home .why-grid{background:none!important;border:0!important;gap:0 clamp(24px,4vw,56px)!important}
html[data-theme].sd-home .why{background:none!important;border:0!important;border-top:1px solid var(--c-ink)!important;border-radius:0!important;box-shadow:none!important;padding:26px 0 36px!important}
html[data-theme].sd-home .why:hover{background:none!important;transform:none!important}
html[data-theme].sd-home .why .wn{font-family:"SD Display",Georgia,serif!important;font-weight:300!important;color:var(--c-brass)!important;font-size:1.6rem!important}
html[data-theme].sd-home .why h3{color:var(--c-ink)!important;font-size:1.12rem!important}
html[data-theme].sd-home .sector{background:none!important;border:0!important;border-top:1px solid var(--c-ink)!important;padding:26px 0!important}
html[data-theme].sd-home .sector:hover{background:none!important;transform:none!important}
html[data-theme].sd-home .sector .sn{color:var(--c-brass)!important;font-family:"SD Display",Georgia,serif!important;font-weight:300!important}
html[data-theme].sd-home .sector h3{color:var(--c-ink)!important}
html[data-theme].sd-home .sectors{gap:0 clamp(24px,4vw,56px)!important}
html[data-theme].sd-home .case-top{background:none!important}
html[data-theme].sd-home .case h3,html[data-theme].sd-home .case .ar-name{color:var(--c-ink)!important;font-family:"SD Display",Georgia,serif!important;font-weight:400!important;font-size:1.7rem!important}
html[data-theme].sd-home .case .tag,html[data-theme].sd-home .case-media .tag{background:var(--c-ivory);color:var(--c-brass)!important;padding:5px 12px;border-radius:0;font-weight:600!important;letter-spacing:.1em;border:0}
html[data-theme].sd-home .case-media::after{display:none!important}
html[data-theme].sd-home .case-metric .m{color:var(--c-brass)!important;font-family:"SD Display",Georgia,serif!important;font-weight:400!important}
html[data-theme].sd-home .case-metrics,html[data-theme].sd-home .case-foot{border-color:var(--c-rule)!important}
html[data-theme].sd-home .case .desc,html[data-theme].sd-home .case-body li,html[data-theme].sd-home .case-metric .ml{color:var(--muted)!important}
html[data-theme].sd-home .case-body li::before{color:var(--c-brass)!important}
html[data-theme].sd-home .case-foot a,html[data-theme].sd-home .case-foot a *{color:var(--c-brass)!important;font-weight:600}
html[data-theme].sd-home .work-cap .wn{color:var(--c-ink)!important}
html[data-theme].sd-home .work-cap .wt{color:var(--muted-dim)!important}
html[data-theme].sd-home .chaos{font-weight:600}
html[data-theme].sd-home .chaos-grid .chaos:nth-child(n){background:var(--c-paper)!important}
html[data-theme].sd-home .solution-card{background:var(--c-ink)!important;--paper:#f6f1e7!important;--muted:#bdb6a6!important;color:var(--c-ivory)!important;border:0!important;border-radius:0!important;box-shadow:none!important}
html[data-theme].sd-home .solution-card h3{color:var(--c-ivory)!important;font-family:"SD Display",Georgia,serif!important;font-weight:400!important}
html[data-theme].sd-home .solution-card .pills span{background:transparent!important;color:var(--c-ivory)!important;border:1px solid rgba(246,241,231,.4)!important;border-radius:0!important}
html[data-theme].sd-home .solution-card .smark path{stroke:var(--c-brass-lt)!important}
html[data-theme].sd-home .toggle-row{background:none!important;border:1px solid var(--c-ink)!important;border-radius:0!important}
html[data-theme].sd-home .toggle-row button{color:var(--c-ink)!important;border-radius:0!important}
html[data-theme].sd-home .toggle-row button.active,html[data-theme].sd-home .toggle-row button.active.bad{background:var(--c-ink)!important;color:var(--c-ivory)!important}
/* wheel */
html[data-theme].sd-home .wheel-center{background:var(--c-paper)!important;border-radius:50%!important}
html[data-theme].sd-home .node{border-radius:50%!important;background:var(--c-paper)!important}
html[data-theme].sd-home .node:hover,html[data-theme].sd-home .node.active{background:var(--c-ink)!important;border-color:var(--c-ink)!important}
html[data-theme].sd-home .node:hover svg,html[data-theme].sd-home .node.active svg{stroke:var(--c-brass-lt)!important}
html[data-theme].sd-home .node .nlab{color:var(--c-ink)!important}
html[data-theme].sd-home .wheel .track{border-color:var(--c-rule)!important}
html[data-theme].sd-home .wheel-detail h3{color:var(--c-ink)!important;font-family:"SD Display",Georgia,serif!important;font-weight:400!important;font-size:2.2rem!important}
html[data-theme].sd-home .wheel-detail li{color:var(--muted)!important}
html[data-theme].sd-home .wheel-detail li::before{background:var(--c-brass)!important;border-radius:0!important}
/* timeline (green) */
html[data-theme].sd-home .tl .tl-item,html[data-theme].sd-home .tl .tl-item *:not(.tl-dot){background:transparent!important;border-color:transparent!important;box-shadow:none!important}
html[data-theme].sd-home .tl-line{background:rgba(246,241,231,.25)!important}
html[data-theme].sd-home .tl-year{color:var(--c-brass-lt)!important;font-family:"SD Display",Georgia,serif!important;font-weight:300!important;font-size:2rem!important}
html[data-theme].sd-home .tl .tl-item h3{color:var(--c-ivory)!important}
html[data-theme].sd-home .tl .tl-item p{color:#c9d2cd!important}
html[data-theme].sd-home .tl-dot{background:var(--c-green)!important;border:1px solid var(--c-brass-lt)!important;border-radius:0!important}
html[data-theme].sd-home .tl-item.in .tl-dot{background:var(--c-brass-lt)!important}
/* CTA + footer */
html[data-theme].sd-home .cta{text-align:start}
html[data-theme].sd-home .cta h2{color:var(--c-ivory)!important;font-size:clamp(2.8rem,7vw,6.6rem)!important;font-weight:300!important}
html[data-theme].sd-home .cta p{color:#bdb6a6!important}
html[data-theme].sd-home .contact-bar{border-color:rgba(246,241,231,.22)!important}
html[data-theme].sd-home .cb a,html[data-theme].sd-home .cb span{color:var(--c-ivory)!important}
html[data-theme].sd-home .cb .cbl{color:var(--c-brass-lt)!important}
html[data-theme].sd-home footer,html[data-theme].sd-home #sd-homepage-footer{background:var(--c-ink)!important;color:#948d7d!important;border-top:1px solid rgba(246,241,231,.15)!important}
/* motion + misc */
html[data-theme].sd-home .sdm-progress{background:var(--c-brass)!important}
html[data-theme].sd-home .sdm-proc{background:var(--c-ink)!important}
html[data-theme].sd-home .sd-consent{background:var(--c-paper)!important;color:var(--c-ink)!important;border:1px solid var(--c-ink)!important;box-shadow:0 16px 40px rgba(17,21,28,.18)!important;border-radius:0!important}
html[data-theme].sd-home .sd-consent *{color:var(--c-ink)!important}
html[data-theme].sd-home .sd-consent button{background:transparent!important;border:1px solid var(--c-ink)!important;border-radius:0!important}
html[data-theme].sd-home .sd-consent button:last-child{background:var(--c-ink)!important;color:var(--c-ivory)!important}
html[data-theme].sd-home .sd-consent button:last-child *{color:var(--c-ivory)!important}
html[data-theme].sd-home .sd-privacy{background:var(--c-paper)!important;color:var(--c-ink)!important;border:1px solid var(--c-ink)!important;border-radius:0!important;inset:auto 16px 16px auto!important}
html[dir="rtl"][data-theme].sd-home .sd-privacy{inset:auto auto 16px 16px!important}
html[data-theme].sd-home img{filter:none}
html[data-theme].sd-home #hdr .lang-switch,html[data-theme].sd-home #hdr .nav-actions *{box-shadow:none!important}

/* ==================== POLISH: motion + hover ==================== */
:root{--ease:cubic-bezier(.2,.7,.2,1);--ease-io:cubic-bezier(.77,0,.18,1)}
/* ticker */
html[data-theme].sd-home .sd-ticker{overflow:hidden;background:var(--c-ink);border-block:1px solid var(--c-ink);padding:18px 0;white-space:nowrap}
html[data-theme].sd-home .sd-ticker-track{display:inline-flex;align-items:center;gap:36px;animation:sdTick 60s linear infinite;will-change:transform}
html[data-theme].sd-home .sd-ticker span{font-family:"SD Display",Georgia,serif;font-style:italic;font-weight:300;font-size:1.35rem;color:var(--c-ivory);letter-spacing:.01em}
html[lang="ar"][data-theme].sd-home .sd-ticker span{font-family:"SD Arabic",sans-serif;font-style:normal;font-weight:600;font-size:1.1rem}
html[data-theme].sd-home .sd-ticker i{width:7px;height:7px;background:var(--c-brass-lt);transform:rotate(45deg);flex:none}
html[data-theme].sd-home .sd-ticker:hover .sd-ticker-track{animation-play-state:paused}
@keyframes sdTick{to{transform:translateX(-50%)}}
html[dir="rtl"].sd-home .sd-ticker-track{animation-name:sdTickR}
@keyframes sdTickR{to{transform:translateX(50%)}}

/* page + hero entrance */
html.sd-anim body{animation:sdPage .9s var(--ease) both}
@keyframes sdPage{from{opacity:0}to{opacity:1}}
html[data-theme].sd-home .hero-visual{clip-path:none!important;opacity:1!important;animation:none!important}
html[data-theme].sd-home .hero-visual::before{opacity:0;animation:sdFade 1.2s 1.1s ease forwards}
@keyframes sdFade{to{opacity:1}}
html[data-theme].sd-home .hero-visual::after{opacity:0;animation:sdFade 1s 1.5s ease forwards}
html[data-theme].sd-home .hero h1 .word{transition:none}
html[data-theme].sd-home .eyebrow::before,html[data-theme].sd-home .hero-tag::before{transition:transform 1.1s var(--ease)}
html.sd-anim:not(.sd-x) .eyebrow:not(.drawn)::before{transform:scaleX(0);transform-origin:left}
html[dir="rtl"].sd-anim .eyebrow:not(.drawn)::before{transform-origin:right}

/* scroll reveal */
html.sd-anim [data-rv]{opacity:0;transform:translateY(34px);transition:opacity 1s var(--ease) var(--d,0s),transform 1s var(--ease) var(--d,0s)}
html.sd-anim [data-rv].in{opacity:1;transform:none}
html.sd-anim .value-photo[data-rv]{transform:translateY(34px) scale(.97)}
/* hairlines draw in */
html[data-theme].sd-home :is(.stat,.why,.sector){border-top:0!important;background:linear-gradient(var(--c-ink),var(--c-ink)) top left/100% 1px no-repeat!important;background-color:transparent!important}
html[dir="rtl"][data-theme].sd-home :is(.stat,.why,.sector){background-position:top right!important}
html.sd-anim:not(.sd-x) :is(.stat,.why,.sector):not(.drawn){background-size:0% 1px!important}
html[data-theme].sd-home :is(.stat,.why,.sector){transition:background-size 1.4s var(--ease) .1s,padding .5s var(--ease),transform 1s var(--ease)}

/* hover: buttons — fill sweeps in */
html[data-theme].sd-home .btn{position:relative;overflow:hidden;isolation:isolate}
html[data-theme].sd-home .btn::before{content:"";position:absolute;inset:0;background:var(--c-brass);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease);z-index:-1}
html[dir="rtl"][data-theme].sd-home .btn::before{transform-origin:right}
html[data-theme].sd-home .btn:hover::before{transform:scaleX(1)}
html[data-theme].sd-home .btn-gold:hover{background:var(--c-ink)!important;border-color:var(--c-brass)!important}
html[data-theme].sd-home .btn-ghost:hover{background:transparent!important;color:#fff!important;border-color:var(--c-brass)!important}
html[data-theme].sd-home #contact .btn-gold:hover,html[data-theme].sd-home #contact .btn-gold:hover *{color:var(--c-ink)!important}
html[data-theme].sd-home #contact .btn-gold:hover{background:var(--c-ivory)!important}
html[data-theme].sd-home #contact .btn-gold::before{background:var(--c-brass-lt)}
html[data-theme].sd-home .btn .arr,html[data-theme].sd-home .btn span{transition:transform .5s var(--ease)}
html[data-theme].sd-home .btn:hover .arr{transform:translateX(6px)}
html[dir="rtl"][data-theme].sd-home .btn:hover .arr{transform:translateX(-6px)}
html[data-theme].sd-home #hdr .nav-cta{position:relative;overflow:hidden;isolation:isolate}
html[data-theme].sd-home #hdr .nav-cta::before{content:"";position:absolute;inset:0;background:var(--c-brass);transform:translateY(101%);transition:transform .45s var(--ease);z-index:-1}
html[data-theme].sd-home #hdr .nav-cta:hover::before{transform:none}
/* nav links */
html[data-theme].sd-home #hdr .navlinks a{transition:color .3s,letter-spacing .4s var(--ease)}
html[data-theme].sd-home #hdr .navlinks a:hover{letter-spacing:.06em}

/* hover: cards */
html[data-theme].sd-home :is(.svc,.case,.work){position:relative;transition:transform .7s var(--ease),border-color .5s,box-shadow .7s var(--ease)!important}
html[data-theme].sd-home :is(.svc,.case,.work):not([data-rv]):hover{transform:translateY(-8px)!important;box-shadow:0 34px 60px -34px var(--c-shadow)!important}
html[data-theme].sd-home .svc::before{display:block!important;content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:2px;background:var(--c-brass);transform:scaleX(0);transform-origin:left;transition:transform .7s var(--ease)}
html[dir="rtl"][data-theme].sd-home .svc::before{transform-origin:right}
html[data-theme].sd-home .svc:hover::before{transform:scaleX(1)}
html[data-theme].sd-home .svc .ic{transition:transform .7s var(--ease)}
html[data-theme].sd-home .svc:hover .ic{transform:translateY(-4px) rotate(-8deg) scale(1.1)}
html[data-theme].sd-home .svc li{transition:transform .5s var(--ease),color .3s}
html[data-theme].sd-home .svc:hover li{transform:translateX(6px)}
html[dir="rtl"][data-theme].sd-home .svc:hover li{transform:translateX(-6px)}
html[data-theme].sd-home .svc:hover li:nth-child(2){transition-delay:.05s}
html[data-theme].sd-home .svc:hover li:nth-child(3){transition-delay:.1s}
html[data-theme].sd-home :is(.case-media,.work-img){overflow:hidden}
html[data-theme].sd-home :is(.case-media,.work-img) img{transition:transform 1.6s var(--ease)!important}
html[data-theme].sd-home :is(.case,.work):hover :is(.case-media,.work-img) img{transform:scale(1.07)!important}
html[data-theme].sd-home .case-foot a{display:inline-block;transition:transform .5s var(--ease)}
html[data-theme].sd-home .case:hover .case-foot a{transform:translateX(6px)}
html[dir="rtl"][data-theme].sd-home .case:hover .case-foot a{transform:translateX(-6px)}
/* stats, why, sectors */
html[data-theme].sd-home .stat .num{transition:color .5s,transform .8s var(--ease)}
html[data-theme].sd-home .stat:hover .num{color:var(--c-ink)!important;transform:none!important;transition:none!important}
html[data-theme].sd-home :is(.why,.sector):hover{padding-inline-start:14px!important}
html[data-theme].sd-home :is(.why,.sector) :is(h3,.wn,.sn){transition:color .4s,transform .6s var(--ease)}
html[data-theme].sd-home :is(.why,.sector):hover :is(h3){color:var(--c-brass)!important}
html[data-theme].sd-home .logo-card{transition:transform .6s var(--ease),border-color .4s!important}
html[data-theme].sd-home .logo-card:hover{transform:translateY(-4px)!important;border-color:var(--c-brass)!important}
html[data-theme].sd-home .node{transition:transform .6s var(--ease),background-color .4s,border-color .4s!important}

/* cursor ring */
.sd-cur,.sd-cur-ring{position:fixed;left:0;top:0;pointer-events:none;z-index:2147483647;opacity:0;transition:opacity .4s}
html.sd-cur-on .sd-cur,html.sd-cur-on .sd-cur-ring{opacity:1}
.sd-cur{width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--c-brass,#a67c2e)}
.sd-cur-ring{width:38px;height:38px;margin:-19px 0 0 -19px;border-radius:50%;border:1px solid var(--c-brass,#a67c2e);transition:opacity .4s,width .4s var(--ease),height .4s var(--ease),margin .4s var(--ease),background-color .4s}
.sd-cur-ring.hot{width:64px;height:64px;margin:-32px 0 0 -32px;background:rgba(166,124,46,.12)}
@media(pointer:coarse),(prefers-reduced-motion:reduce){.sd-cur,.sd-cur-ring{display:none}}
@media(prefers-reduced-motion:reduce){html[data-theme].sd-home .hero-visual{clip-path:none;animation:none!important}.sd-ticker-track{animation:none!important}}

/* ==== extra homepage touches ==== */
html.sd-anim.sd-home .hero-tag,html.sd-anim.sd-home .hero h1,html.sd-anim.sd-home .hero p,html.sd-anim.sd-home .hero .btn{animation:sdRise 1.2s var(--ease) both}
html.sd-anim.sd-home .hero-tag{animation-delay:.1s}html.sd-anim.sd-home .hero h1{animation-delay:.25s}html.sd-anim.sd-home .hero p{animation-delay:.5s}html.sd-anim.sd-home .hero .btn:nth-of-type(1){animation-delay:.7s}html.sd-anim.sd-home .hero .btn:nth-of-type(2){animation-delay:.8s}
html[data-theme].sd-home .hero-visual{transition:transform .8s var(--ease);will-change:transform}
html[data-theme].sd-home .btn,html[data-theme].sd-home #hdr .nav-cta{transition:translate .35s var(--ease),background-color .3s,color .3s,border-color .3s!important}
.sd-rail{position:fixed;inset-inline-end:20px;top:50%;transform:translateY(-50%);z-index:60;display:flex;flex-direction:column;gap:6px}
.sd-rail a{position:relative;display:block;width:22px;height:22px}
.sd-rail a::before{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border:1px solid var(--c-ink);transform:rotate(45deg);transition:background .4s,transform .5s var(--ease),border-color .4s}
.sd-rail a::after{content:attr(data-l);position:absolute;inset-inline-end:30px;top:50%;transform:translateY(-50%);padding:5px 10px;background:var(--c-ink);color:var(--c-ivory);font:600 .66rem "SD Sans","SD Arabic",sans-serif;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s}
html[lang="ar"] .sd-rail a::after{letter-spacing:0;font-size:.78rem}
.sd-rail a:hover::after{opacity:1}
.sd-rail a.on::before{background:#a67c2e;border-color:#a67c2e;transform:rotate(45deg) scale(1.4)}
.sd-rail.on-dark a::before{border-color:#f6f1e7}.sd-rail.on-dark a.on::before{background:#d2ad62;border-color:#d2ad62}
.sd-rail.on-dark a::after{background:#f6f1e7;color:#11151c}
@media(max-width:1360px),(prefers-reduced-motion:reduce){.sd-rail{display:none}}
html[data-theme].sd-home .case-media{height:clamp(200px,17vw,250px)!important;background:var(--c-stone)!important}
html[data-theme].sd-home :is(.case-media,.work-img) img{color:transparent;font-size:0}
html[data-theme].sd-home .cases,html[data-theme].sd-home .cases.cms-managed{max-width:none!important;width:100%!important;margin-inline:0!important}

/* Bilingual value section: clear editorial split, no stock-photo panel. */
html[data-theme].sd-home #about .value-grid{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(290px,.85fr)!important;align-items:center!important;gap:clamp(44px,8vw,128px)!important}
html[data-theme].sd-home #about .value-grid>div:first-child{min-width:0}
html[data-theme].sd-home #about .value-quote{max-width:22ch;margin:22px 0 0!important;font-size:clamp(2.8rem,4.8vw,5rem)!important;line-height:1.04!important;letter-spacing:-.035em!important}
html[lang="ar"][data-theme].sd-home #about .value-quote{max-width:22ch;font-size:clamp(2.4rem,4.6vw,4.5rem)!important;line-height:1.35!important;letter-spacing:0!important}
html[data-theme].sd-home #about .value-side{min-width:0;margin:0!important;padding:8px 0 8px 28px!important;border-inline-start:2px solid var(--c-brass-lt)!important}
html[dir="rtl"][data-theme].sd-home #about .value-side{padding:8px 28px 8px 0!important}
html[data-theme].sd-home #about .value-side p{margin:0!important;color:var(--c-ivory)!important;font-size:clamp(1.05rem,1.4vw,1.25rem)!important;line-height:1.9!important;opacity:.86}
html[data-theme].sd-home #about .value-points{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 0;padding:0;list-style:none}
html[data-theme].sd-home #about .value-points li{padding:10px 14px;border:1px solid rgba(210,173,98,.35);border-radius:999px;color:var(--c-ivory);font-size:.82rem;font-weight:600;letter-spacing:.02em;background:rgba(246,241,231,.045)}
html[lang="ar"][data-theme].sd-home #about .value-points li{font-size:.94rem;letter-spacing:0}
@media(max-width:780px){html[data-theme].sd-home #about .value-grid{grid-template-columns:1fr!important;gap:28px!important}html[data-theme].sd-home #about .value-quote,html[lang="ar"][data-theme].sd-home #about .value-quote{max-width:19ch;font-size:clamp(2.35rem,10vw,4.2rem)!important}html[data-theme].sd-home #about .value-side{padding:20px 0 0!important;border-inline-start:0!important;border-top:1px solid var(--c-brass-lt)!important}html[dir="rtl"][data-theme].sd-home #about .value-side{padding-top:20px!important}}

/* The PDF's homepage metrics use Metropolis SemiBold for crisp numerals. */
@font-face{font-family:"SD Metrics";src:url("/fonts/metropolis-semibold.otf") format("opentype");font-style:normal;font-weight:600;font-display:swap}
html[data-theme].sd-home .stat .num{font-family:"SD Metrics","DM Sans",sans-serif!important;font-weight:600!important;letter-spacing:-.045em!important;line-height:1.04!important;font-variant-numeric:lining-nums tabular-nums}

/* Keep the image crop consistent at every viewport without an arch mask. */
html[data-theme].sd-home .hero-visual{border-radius:14px!important;aspect-ratio:4/5!important;max-height:640px!important;clip-path:none!important}
@media(max-width:980px){html[data-theme].sd-home .hero-visual{width:min(100%,480px)!important;aspect-ratio:4/5!important}}