.sc-placeholder{background:color-mix(in srgb,currentColor 8%,transparent);
      border:1px solid color-mix(in srgb,currentColor 50%,transparent);
      border-radius:2px;box-sizing:border-box;overflow:hidden}
    @keyframes sc-shine{0%{background-position:100% 50%}100%{background-position:0% 50%}}
    html.sc-dc-streaming .sc-placeholder,
    html.sc-dc-streaming .sc-interp.sc-missing{position:relative;
      background:color-mix(in srgb,currentColor 5%,transparent);
      border-color:transparent}
    html.sc-dc-streaming .sc-placeholder::before,
    html.sc-dc-streaming .sc-interp.sc-missing::before{content:'';
      position:absolute;inset:0;pointer-events:none;
      background:linear-gradient(90deg,rgba(217,119,87,0) 25%,rgba(247,225,211,.95) 37%,rgba(217,119,87,0) 63%);
      background-size:400% 100%;animation:sc-shine 1.4s ease infinite}
    html.sc-dc-streaming .sc-placeholder:nth-child(n+9 of .sc-placeholder)::before,
    html.sc-dc-streaming .sc-interp.sc-missing:nth-child(n+9 of .sc-interp.sc-missing)::before{animation:none;
      background:color-mix(in srgb,currentColor 8%,transparent)}
    .sc-placeholder-error{padding:4px 8px;font:11px/1.4 ui-monospace,monospace;
      color:color-mix(in srgb,currentColor 70%,transparent);word-break:break-word}
    .sc-interp.sc-missing{display:inline-block;width:2em;height:1em;overflow:hidden;
      vertical-align:text-bottom;background:rgba(255,255,255,.3);border:1px solid rgba(0,0,0,.5);
      border-radius:2px;box-sizing:border-box;color:transparent;
      user-select:none}
    .sc-interp.sc-unresolved{font-family:ui-monospace,monospace;font-size:.85em;
      color:color-mix(in srgb,currentColor 50%,transparent);
      background:color-mix(in srgb,currentColor 10%,transparent);border-radius:3px;
      padding:0 3px}
    .sc-host.sc-has-error{position:relative}
    .sc-logic-error{position:absolute;top:8px;left:8px;z-index:2147483647;max-width:60ch;
      padding:6px 10px;background:#b00020;color:#fff;font:12px/1.4 ui-monospace,monospace;
      border-radius:4px;white-space:pre-wrap;pointer-events:none}
    /* Mirrors PRINT_BASELINE_CSS in apps/web deck-stage-export.ts — keep both
       in sync until dc-runtime regains a build step. */
    @media print {
      @page { margin: 0.5cm; }
      figure, table { break-inside: avoid; }
      #dc-root, #dc-root > .sc-host { height: auto; }
      *, *::before, *::after {
        print-color-adjust: exact; -webkit-print-color-adjust: exact;
        backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
        animation-delay: -99s !important; animation-duration: .001s !important;
        animation-iteration-count: 1 !important; animation-fill-mode: both !important;
        animation-play-state: running !important; transition-duration: 0s !important;
      }
    }
  
x-dc{display:none!important}
html,body{height:100%;margin:0}#dc-root,#dc-root>.sc-host{height:100%}
html,body{background:var(--ink) !important;color-scheme:dark}html[data-theme="day"],html[data-theme="day"] body{color-scheme:light}[data-casepage]:has([data-lightbox]){overflow:hidden !important}@keyframes smSpin{to{transform:rotate(360deg)}}[style*="glowDrift"]{will-change:transform;contain:strict}section:not([data-onscreen="1"]) [style*="glowDrift"]{animation-play-state:paused !important}[data-lane]{contain:layout paint;backface-visibility:hidden}[data-lanegrid]{contain:layout}[data-herowrap] img{backface-visibility:hidden}[data-locmenu]{transition:opacity .28s cubic-bezier(.2,.8,.2,1) .12s,transform .38s cubic-bezier(.2,.8,.2,1) .12s,visibility 0s .5s !important}[data-locmenu] > div{transform:scale(.96);transform-origin:50% 0;transition:transform .38s cubic-bezier(.2,.8,.2,1) .12s}[data-locmenu] a{opacity:0;transform:translateY(-4px);transition:opacity .22s ease,transform .3s cubic-bezier(.2,.8,.2,1),background .25s,color .25s}[data-locdd]:hover [data-locmenu],[data-locdd]:focus-within [data-locmenu]{opacity:1 !important;visibility:visible !important;transform:translate(-50%,0) !important;transition:opacity .28s cubic-bezier(.2,.8,.2,1),transform .38s cubic-bezier(.2,.8,.2,1),visibility 0s !important}[data-locdd]:hover [data-locmenu] > div,[data-locdd]:focus-within [data-locmenu] > div{transform:none;transition:transform .38s cubic-bezier(.2,.8,.2,1)}[data-locdd]:hover [data-locmenu] a,[data-locdd]:focus-within [data-locmenu] a{opacity:1;transform:none}[data-locdd]:hover [data-locmenu] a:nth-child(1){transition-delay:.04s,.04s,0s,0s}[data-locdd]:hover [data-locmenu] a:nth-child(2){transition-delay:.09s,.09s,0s,0s}[data-locdd]:hover [data-locmenu] a:nth-child(3){transition-delay:.14s,.14s,0s,0s}[data-locdd]:hover > a{color:var(--sage2);border-bottom-color:var(--sage2) !important}@keyframes smFlip{0%{transform:rotateY(0)}55%,100%{transform:rotateY(360deg)}}@keyframes smWord{from{opacity:0;transform:translateY(10px);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes smLine{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
@font-face {
    font-family: 'Glacial Indifference';
    font-style: normal;
    font-weight: 400;
    src: local('Glacial Indifference'), url("/assets/1374c1b8-fbe5-4e05-b6da-634539543808.woff") format('woff');
}
@font-face {
    font-family: 'Glacial Indifference';
    font-style: normal;
    font-weight: 700;
    src: local('Glacial Indifference'), url("/assets/45590e23-0468-4298-a855-d34b2a072e82.woff") format('woff');
}




:root{
  --accent:#536F50;
  --sage2:#93AC8F;
  --ink:#000000;
  --ink2:#0B0C0B;
  --ink3:#151715;
  --bone:#FFFFFF;
  --muted:#8C918B;
  --line:rgba(255,255,255,.13);
  --sc:0,0,0;
  --fg:255,255,255;
  --hdr:10,10,11;
  --display:"Glacial Indifference","Glacial Indifference Regular",Inter,system-ui,sans-serif;
  --body:Inter,system-ui,sans-serif;
}
[data-theme="day"]{--ink:#FFFFFF;--ink2:#F4F5F2;--ink3:#E9EBE6;--bone:#0B0C0B;--muted:#5E635D;--line:rgba(0,0,0,.12);--sc:255,255,255;--fg:11,12,11;--hdr:255,255,255;--sage2:#536F50}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#000}
x-dc{display:none!important}
[data-mobtrack]::-webkit-scrollbar{display:none}
img[data-tile]{color:transparent;font-size:0}
@media (max-width:940px){[data-herowrap]{height:calc(100vh - 64px) !important;height:calc(100svh - 64px) !important}[data-stage]{position:relative !important;height:calc(100vh - 64px) !important;height:calc(100svh - 64px) !important}[data-copy="1"]{justify-content:flex-end !important;padding-bottom:26px !important}[data-mobfilm]{display:block !important}header{backdrop-filter:none !important;-webkit-backdrop-filter:none !important;background:rgba(var(--hdr),.96) !important}[data-collage]{-webkit-mask-image:none !important;mask-image:none !important}[data-copy] *{filter:none !important}}
body{margin:0;background:var(--ink);color:var(--bone);font-family:var(--body);-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:inherit;text-decoration:none}
a:hover{color:var(--sage2)}
::selection{background:var(--accent);color:#fff}
@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes riseSm{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes wipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes marqL{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@keyframes marqR{from{transform:translate3d(-50%,0,0)}to{transform:translate3d(0,0,0)}}
@keyframes caret{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.15}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes laneUp{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-50%,0)}}
@keyframes laneDown{from{transform:translate3d(0,-50%,0)}to{transform:translate3d(0,0,0)}}
@keyframes logoFlip{0%{transform:rotateY(0)}100%{transform:rotateY(360deg)}}
@keyframes logoWordOut{0%{opacity:1;filter:blur(0)}100%{opacity:0;filter:blur(6px)}}
@keyframes logoMarkIn{from{opacity:0}to{opacity:1}}
@keyframes logoIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
[data-csscroll]::-webkit-scrollbar{display:none}
a[data-casecard][data-hascube="true"]{cursor:pointer}
a[data-casecard] img{transition:transform 1s cubic-bezier(.2,.8,.2,1)}
a[data-casecard]:hover img{transform:scale(1.06)}
a[data-office]:hover [data-officearrow]{transform:translateX(8px);opacity:1}
[data-searchinput]::placeholder{color:rgba(255,255,255,.62);-webkit-text-fill-color:rgba(255,255,255,.62);opacity:1}
a[data-casecard]:hover [data-cap]{background:linear-gradient(to top,rgba(0,0,0,.94) 0%,rgba(0,0,0,.7) 45%,rgba(0,0,0,0) 100%)}
button[data-on="true"]{background:var(--bone)!important;color:var(--ink)!important}
@keyframes marqueeX{from{transform:translateX(0)}to{transform:translateX(-50%)}}
img[data-partner]{filter:grayscale(1) invert(1) brightness(1.7) contrast(1.1)}
[data-theme="day"] img[data-partner]{filter:grayscale(1) contrast(1.2)}
button[data-goal="true"] span:first-child{opacity:1!important;color:#0B0C0B}
@keyframes svcBlobA{0%{transform:translate3d(-6%,4%,0) scale(1)}50%{transform:translate3d(10%,-10%,0) scale(1.25)}100%{transform:translate3d(-6%,4%,0) scale(1)}}
@keyframes svcBlobB{0%{transform:translate3d(8%,-6%,0) scale(1.1)}50%{transform:translate3d(-10%,10%,0) scale(.85)}100%{transform:translate3d(8%,-6%,0) scale(1.1)}}
@keyframes svcFadeIn{from{opacity:0}to{opacity:1}}
[data-svcanim] [data-omelette-chrome]{display:none !important}
[data-svcanim]{opacity:0}
[data-svcanim][data-in="1"]{opacity:1}
img[data-flip="1"]{transform:scaleX(-1) !important}
a:hover img[data-flip="1"]{transform:scaleX(-1) scale(1.05) !important}
@keyframes svcSheen{to{transform:rotate(360deg)}}
article[data-svc] [data-blob]{animation-play-state:paused}
article[data-svc] [data-blob="a"]{animation:svcBlobA 11s ease-in-out infinite}
article[data-svc] [data-blob="b"]{animation:svcBlobB 14s ease-in-out infinite}
article[data-svc]:hover [data-blob]{animation-play-state:running}
article[data-svc] [data-sheen]{animation:svcSheen 18s linear infinite;animation-play-state:paused}
article[data-svc]:hover [data-sheen]{opacity:.55;animation-play-state:running}
article[data-svc]:hover [data-thumb]{filter:saturate(1.18) brightness(1.06)}
article[data-svc]:hover [data-ghost]{transform:translateY(18px) scale(.6);opacity:0 !important;letter-spacing:.02em;transform-origin:left bottom}
article[data-svc]:hover [data-hv]{opacity:1 !important}
article[data-svc]:hover [data-hvlabel]{clip-path:inset(0 0 0 0) !important}
article[data-svc]:hover [data-hvshade]{opacity:1 !important}
article[data-svc]:hover [data-grid]{opacity:1}
@keyframes folderA{0%{transform:translate(-10px,10px) rotate(-6deg)}50%{transform:translate(-15px,13px) rotate(-9.5deg)}100%{transform:translate(-10px,10px) rotate(-6deg)}}
@keyframes folderB{0%{transform:translate(-5px,5px) rotate(-3deg)}50%{transform:translate(-8px,7px) rotate(-5deg)}100%{transform:translate(-5px,5px) rotate(-3deg)}}
[data-f="a"]{animation:folderA 6s ease-in-out infinite}
[data-f="b"]{animation:folderB 6s ease-in-out .4s infinite}
[data-folders]:hover [data-f="a"],[data-folders]:hover [data-f="b"]{animation:none}
[data-folders]:hover [data-f="a"]{transform:translate(-18px,18px) rotate(-11deg)}
[data-folders]:hover [data-f="b"]{transform:translate(-9px,9px) rotate(-5.5deg)}
[data-folders]:hover [data-f="c"]{transform:translate(0,-10px) rotate(0deg)}
[data-folders]:hover [data-f="c"] [data-lip]{transform:translateY(-3px)}
[data-locdd]:hover [data-locmenu],[data-locdd]:focus-within [data-locmenu]{opacity:1;visibility:visible;transform:translateY(0)}
[data-locdd]:hover [data-loccaret]{transform:rotate(180deg)}
@keyframes shimmer{0%{background-position:0% 50%}100%{background-position:200% 50%}}
@keyframes orbit{to{transform:rotate(360deg)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@keyframes popCard{0%{opacity:0;translate:0 56px}9%{opacity:1;translate:0 0}60%{opacity:1;translate:0 0}70%{opacity:0;translate:0 -30px}100%{opacity:0;translate:0 56px}}
@keyframes sweepOnce{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}
@keyframes popOnce{from{opacity:0;translate:0 56px}to{opacity:1;translate:0 0}}
@keyframes sweepDraw{0%{stroke-dashoffset:1000}42%{stroke-dashoffset:0}62%{stroke-dashoffset:0}100%{stroke-dashoffset:-1000}}
@keyframes glowDrift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(6%,-8%) scale(1.15)}}
@keyframes fillUp{from{background-size:100% 0%}to{background-size:100% 100%}}
@keyframes reelFloat{0%,100%{transform:translateY(0) rotate(-1.2deg)}50%{transform:translateY(-14px) rotate(1deg)}}
@keyframes wordSpin{0%,18%{transform:translateY(0)}25%,43%{transform:translateY(-20%)}50%,68%{transform:translateY(-40%)}75%,93%{transform:translateY(-60%)}100%{transform:translateY(-80%)}}
@keyframes chipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes heartUp{0%{transform:translateY(0) scale(.6);opacity:0}12%{opacity:.95}100%{transform:translateY(-260px) translateX(24px) scale(1.15);opacity:0}}
@keyframes auroraA{0%,100%{transform:translate(0,0)}50%{transform:translate(14%,12%)}}
@keyframes auroraB{0%,100%{transform:translate(0,0)}50%{transform:translate(-16%,14%)}}
@keyframes auroraC{0%,100%{transform:translate(0,0)}50%{transform:translate(-10%,-18%)}}
@media (max-width:940px){[data-reelgrid]{grid-template-columns:1fr !important;justify-items:center}[data-reelgrid] > div:first-child{justify-self:start}[data-reelgrid] [data-tilt] > div[aria-hidden]{display:none}[data-reelgrid] [data-tilt]{justify-self:center;width:min(100%,340px)}[data-reelgrid] [data-tilt] > div:last-child{width:100% !important;max-height:none !important;transform:none !important}}
@media (max-width:760px){[data-mob2]{grid-template-columns:1fr !important}[data-cube]{grid-template-columns:repeat(2,1fr) !important}[data-wsub]{white-space:normal !important;font-size:15px !important;line-height:1.5 !important;flex:1 1 100% !important}}
@media (max-width:600px){[data-stat] > div{white-space:normal !important}[data-stat] > div:last-child{font-size:10px !important;letter-spacing:.1em !important}[data-svcmeta]{font-size:11px !important;white-space:normal !important;overflow:visible !important;text-overflow:clip !important;line-height:1.5 !important}[data-hbadge]{font-size:8.25px !important;letter-spacing:.1em !important}
[data-copy] div:has(> [data-hbadge]){padding:4px 8px 4px 6px !important;gap:5px !important;margin-bottom:12px !important}
[data-copy] div:has(> [data-hbadge]) svg{width:8px !important;height:8px !important}[data-hbadge]{font-size:8.25px !important;letter-spacing:.1em !important}[data-scrollcue] span:first-child{font-size:10px !important}}
@media (max-width:940px){[data-casenav]{display:none !important}[data-casecta]{display:none !important}[data-caseburger]{display:flex !important}header nav{display:none !important}[data-searchbtn]{margin-left:auto !important;margin-right:0 !important}[data-themetoggle]{margin-left:0 !important}[data-burger="1"]{display:flex !important}[data-mobnav="1"]{display:flex !important}}
@media (min-width:761px){[data-casegrid="2"]{display:none !important}}
@media (max-width:760px){
[data-copy]{justify-content:flex-end !important;padding-top:86px !important;padding-bottom:22px !important}
[data-scrim]{background:linear-gradient(to top,rgba(var(--sc),.96) 0%,rgba(var(--sc),.9) 28%,rgba(var(--sc),.52) 54%,rgba(var(--sc),.12) 80%,rgba(var(--sc),0) 100%) !important}
[data-vig]{background:radial-gradient(150% 95% at 50% 26%,transparent 32%,rgba(83,111,80,.14) 68%,rgba(var(--sc),.58) 100%) !important}
[data-aboutcta]{gap:14px !important;padding-top:14px !important}[data-aboutgrid]{row-gap:14px !important}[data-aboutgrid] > div:last-child{padding-top:0 !important}
[data-teamstrip]{overflow-x:auto !important;overflow-y:hidden;scroll-snap-type:none;-webkit-overflow-scrolling:touch;scrollbar-width:none;-webkit-mask-image:none !important;mask-image:none !important;margin:0 -16px;padding:0 16px}[data-teamstrip]::-webkit-scrollbar{display:none}[data-teamrow]{animation:none !important;transform:none !important}[data-teamrow] > div{scroll-snap-align:start}
[data-aboutcta] > div:first-child{width:88px !important;height:88px !important}
[data-aboutcta] a{font-size:10.5px !important;letter-spacing:.12em !important;padding-bottom:8px !important}
[data-svcgrid]{display:flex !important;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:1px !important}
[data-svcgrid]::-webkit-scrollbar{display:none}
[data-svcgrid] > article{flex:0 0 84% !important;scroll-snap-align:start}
[data-cap]{top:auto !important}
[data-partnerrow]{flex-wrap:nowrap !important;justify-content:flex-start !important;gap:0 !important;width:max-content !important;animation:marqL 26s linear infinite}
#partners{overflow:hidden}
[data-partnerrow] > [data-pgroup]{display:flex !important;align-items:center;gap:26px;flex:0 0 auto;padding-right:26px}
[data-partnerrow] [data-pgroup] > div{width:auto !important;max-width:110px;height:30px !important}[data-partnerrow] [data-pgroup] > div:has(img[data-pfail]){display:none !important}
[data-ctatop]{grid-template-columns:1.16fr .84fr !important;gap:7px 16px !important;align-items:end !important}
[data-ctatop] h2{font-size:26px !important;margin:0 !important;height:2.7em !important}
[data-ctatop]{align-items:stretch !important}
[data-ctatop] > div:first-child{justify-content:flex-start !important;gap:12px !important}
[data-ctatop] > div:first-child > div:first-child{font-size:9px !important;letter-spacing:.06em !important;white-space:nowrap !important}
[data-ctatop] > div:last-child{display:contents !important}
[data-ctatop] > div:first-child{grid-column:1 !important;grid-row:1 / span 2 !important}
[data-ctatop] > div:last-child > [data-folders]{grid-column:2 !important;grid-row:1 !important;justify-self:end;align-self:end}
[data-ctatop] > div:last-child > a{grid-column:2 !important;grid-row:2 !important;justify-self:end}
[data-ctatop] > div:last-child > div:last-child{display:contents !important}
[data-ctatop] > div:last-child > div:last-child > a{grid-column:1 !important;grid-row:3 !important;justify-self:start;align-self:center}
[data-ctatop] > div:last-child > div:last-child > div{grid-column:2 !important;grid-row:3 !important;justify-self:end;align-self:center;gap:6px !important}
[data-ctatop] a[aria-label]{width:32px !important;height:32px !important}
[data-ctatop] a[aria-label] svg{width:14px !important;height:14px !important}
[data-ctatop] a[href^="mailto"]{font-size:15px !important;padding-bottom:7px !important}
[data-ctatop] a[href*="sage-hub"]{padding:11px 18px !important;font-size:10px !important}
[data-footcols]{grid-template-columns:1fr 1fr !important;gap:22px 18px !important;padding:26px 0 !important}
[data-footcols] a{font-size:12.5px !important}
[data-footcols] > div > div:last-child{gap:7px !important}
[data-footsvc]{display:none !important}[data-footco]{text-align:right}[data-footcolinks]{align-items:flex-end}
[style*="auroraA"],[style*="auroraB"],[style*="auroraC"],[style*="glowDrift"]{animation:none !important}
[data-copy]{background:none}
[data-copy]::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:var(--copyScrim,1);background:linear-gradient(to top,rgba(var(--sc),.94) 0%,rgba(var(--sc),.88) 30%,rgba(var(--sc),.6) 56%,rgba(var(--sc),.2) 78%,rgba(var(--sc),0) 94%);-webkit-mask-image:linear-gradient(to right,#000 0%,#000 52%,rgba(0,0,0,.35) 76%,transparent 96%);mask-image:linear-gradient(to right,#000 0%,#000 52%,rgba(0,0,0,.35) 76%,transparent 96%)}
[data-vig]{background:radial-gradient(150% 95% at 32% 30%,transparent 42%,rgba(83,111,80,.1) 74%,rgba(var(--sc),.42) 100%) !important}
[data-copy] a[href*="sage-hub"],[data-copy] a[href*="notion"],[data-copy] a[href="#/work"]{display:inline-flex !important;align-items:center !important;justify-content:center !important;height:44px !important;padding:0 20px !important;font-size:10.5px !important;line-height:1 !important;letter-spacing:.14em !important;box-sizing:border-box}
[data-folders]{width:52px !important;margin:0 0 17px !important}
[data-pgsub]{font-size:13px !important;line-height:1.45 !important;max-width:none !important}
[data-proofgrid]{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:8px !important}
[data-proofcard]:first-child{display:none !important}
[data-proofcard]{min-height:140px !important;padding:16px 11px 18px !important;gap:8px !important;border-radius:4px !important}
[data-proofcard] > div:nth-child(1){width:18px !important;height:3px !important}
[data-proofcard] > div:nth-child(2){font-size:29px !important;letter-spacing:-.04em !important}
[data-proofcard] > div:nth-child(3){font-size:12.5px !important;line-height:1.25 !important}
[data-proofcard] > :nth-child(4),[data-proofcard] > :nth-child(5){display:none !important}
[data-svctile]{aspect-ratio:auto !important;justify-content:space-between !important;gap:24px !important;padding:16px !important;min-height:300px !important}
[data-witem]{padding:14px !important}
[data-witem] > div:last-child > span:first-child{font-size:22px !important}
[data-wpill]{height:30px !important;padding:0 11px !important;font-size:9px !important}
[data-scrollcue]{display:none !important}
[data-slide]{overflow:hidden !important}
[data-filmcap][data-idle="1"]{background:none !important}
[data-filmcap][data-idle="1"] [data-filmtext]{transition:opacity .16s !important}
[data-trusted]{max-width:none !important;white-space:nowrap !important;font-size:8.5px !important;line-height:1.3 !important;letter-spacing:.01em !important}
[data-tbr]{display:none !important}
[data-svctop]{font-size:min(11vw,44px) !important}
[data-filmcap][data-idle="1"] [data-filmtext]{opacity:0 !important;pointer-events:none !important}
}
br[data-tbr]{display:none}
[data-indslat]{flex:1 1 0;transition:flex .5s cubic-bezier(.2,.8,.2,1),border-color .3s}
[data-indslat][data-on="true"]{flex:4.2 1 0;border-color:rgba(147,172,143,.45)}
[data-indslat][data-on="true"] [data-indimg]{opacity:1 !important;transform:scale(1) !important}
[data-indslat][data-on="true"] [data-indshade]{opacity:1 !important}
[data-indslat][data-on="true"] [data-indvert],[data-indslat][data-on="true"] [data-indnum]{opacity:0 !important}
[data-indslat][data-on="true"] [data-indhor]{opacity:1 !important;transform:none !important}
[data-indslat][data-cta="true"]{border-color:rgba(147,172,143,.35)}
[data-indslat][data-cta="true"] [data-indvert],[data-indslat][data-cta="true"] [data-indnum]{color:#fff}
[data-indslat][data-cta="true"] [data-indhor] > div:first-child{color:#fff !important;opacity:.85 !important}
[data-indslat][data-cta="true"] [data-indhor] > div:last-child{background:#fff;color:var(--ink) !important;opacity:1 !important;padding:11px 16px;border-radius:999px;align-self:flex-start !important;width:max-content;max-width:none;white-space:nowrap;flex:0 0 auto;margin-top:6px}
[data-indslat][data-cta="true"][data-on="true"]{flex:5.4 1 0}
[data-indslat][data-cta="true"] [data-indvert],[data-indslat][data-cta="true"] [data-indvshort],[data-indslat][data-cta="true"] [data-indnum]{color:#fff !important}
@media (max-width:760px){[data-indrow]{flex-direction:row !important;flex-wrap:nowrap !important;height:auto !important;gap:10px !important;overflow-x:auto !important;scroll-snap-type:x mandatory;margin:0 -16px !important;padding:0 16px !important;scrollbar-width:none;-webkit-overflow-scrolling:touch}
[data-indrow]::-webkit-scrollbar{display:none}
[data-indslat]{flex:0 0 78vw !important;max-width:340px;aspect-ratio:4/5;scroll-snap-align:start;transition:border-color .3s !important}
[data-indslat] [data-indimg]:not([data-indstill]){opacity:1 !important;transform:scale(1) !important}[data-indslat]:has([data-indstill]) [data-indnum]{opacity:0 !important}[data-indstill][data-ready="1"]{opacity:1 !important;transform:none !important}
[data-indslat] [data-indshade]{opacity:1 !important}
[data-indslat] [data-indvert],[data-indslat] [data-indvshort]{display:none !important}
[data-indslat] [data-indnum]{left:16px !important;top:16px !important;transform:none !important;font-size:12px !important;opacity:1 !important}[data-indslat][data-on="true"] [data-indnum]{opacity:0 !important}
[data-indslat] [data-indhor]{opacity:1 !important;transform:none !important;padding:16px !important}
[data-indhor] > div:nth-child(2){font-size:24px !important}
[data-indsec] h2 + span{display:none}
[data-indslat][data-cta="true"] [data-indhor] > div:last-child{font-size:9px !important;padding:9px 12px !important;white-space:normal !important;line-height:1.35}
[data-casecrumb]{padding-top:96px !important}
[data-herostd]{display:flex !important;flex-direction:column !important;gap:22px !important}
[data-herostd] > [data-herocopy]{order:2}
[data-herostd] > *:not([data-herocopy]):not([aria-hidden]){order:1}
[data-herostd] h1{font-size:clamp(34px,10vw,44px) !important}
[data-casebtn]{justify-content:flex-start !important;padding-top:0 !important}
[data-casebtn] button{height:48px !important;padding:0 22px !important}
[data-csgrid]{display:flex !important;flex-direction:column !important;gap:22px !important;align-items:stretch !important}[data-csgrid] > *,[data-cscol] > *{width:100% !important;min-width:0}[data-csmore]{grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:8px !important}
[data-cscol]{display:contents !important}
[data-cscol] > *{order:5}[data-cskick]{order:1}[data-cstitle]{order:2}[data-csintro]{order:3;font-size:14.5px !important;line-height:1.6 !important}[data-csside]{order:4;position:static !important;border-top:1px solid var(--line);padding-top:22px}
[data-cssec]{grid-template-columns:1fr !important;gap:10px !important;padding:18px 0 !important}
[data-cssec] > div:first-child{padding-top:0 !important}
[data-cssec] p,[data-cssec] span{font-size:15px !important;line-height:1.55 !important}
[data-explore]{flex-direction:column !important;align-items:flex-start !important;gap:12px !important}
[data-explore] > span{margin-bottom:2px}
[data-explorelink]{display:inline-flex !important;align-items:center;justify-content:center;gap:6px;flex:0 1 auto;min-width:0;font-size:9.5px !important;letter-spacing:.08em !important;text-transform:uppercase;font-family:inherit !important;font-weight:500;border:0 !important;border-radius:999px !important;padding:0 10px !important;height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff !important;background:var(--grad,var(--accent)) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.18)}
[data-explore]:has([data-explorelink]){flex-direction:row !important;flex-wrap:wrap !important;align-items:center !important;gap:6px !important}
[data-explore] > span{flex:0 0 100% !important}[data-indslat][data-cta="true"] [data-indhor] > div:last-child{font-size:9px !important;padding:9px 12px !important;white-space:normal !important;line-height:1.35}}
a[data-smmtile]:hover [data-smmarrow]{transform:translate(2px,-2px);background:rgba(255,255,255,.28)}a[data-smmtile]:hover [data-smmletter]{transform:translate(-6px,-8px) scale(1.06);opacity:.24}
@media (max-width:760px){[data-smmcases]{grid-template-columns:1fr !important}[data-smmgrid]{grid-template-columns:repeat(2,minmax(0,1fr)) !important}[data-smmgrid] [data-smmtile]{padding:12px !important;border-radius:11px !important}}
iframe{max-width:100%}
[data-strip]:hover [data-striprow]{animation-play-state:paused}
[data-flipgrid]:has(> :nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr)) !important}
@media (max-width:760px){[data-flipgrid]{grid-template-columns:1fr !important}}
[data-pillar]:hover [data-pnum]{color:var(--sage2);transform:translateX(6px)}
[data-pillar]:hover [data-pglow]{opacity:.95;transform:rotate(8deg) scale(1.08)}
[data-pillar]:hover [data-pnum][aria-hidden]{opacity:.22;transform:translate(-4px,-4px)}
[data-vcard]:hover [data-pnum]{color:var(--bone)}
[data-vcard]:hover [data-vglow]{opacity:.42;transform:scale(1.12)}
[data-vcard]:hover [data-vglow2]{opacity:.32}
[data-vcard]:hover [data-vghost]{opacity:.18;transform:translate(-6px,-8px) rotate(-4deg)}
[data-vcard]:hover [data-ptxt]{opacity:1}
[data-svctile]:hover [data-svcbtn]{background:#fff;color:#111;gap:16px}
[data-witem]:hover [data-wpill]{background:#fff;color:#111}
[data-pillar]:hover [data-pbar]{width:44px}
sage-industry{position:absolute;inset:0;width:100%;height:100%;display:block}
a[data-nx]:hover{background:var(--ink2)}
a[data-nx]:hover [data-nxwash]{opacity:.14}
a[data-nx]:hover [data-nxbar]{width:6px}
a[data-nx]:hover [data-nxghost]{opacity:.07;transform:none}
a[data-nx]:hover [data-nxtitle]{transform:translateX(8px)}
a[data-nx]:hover [data-nxarrow]{background:var(--bone);color:var(--ink);border-color:var(--bone);transform:translate(4px,-4px) rotate(-45deg)}
[data-pillar]:hover [data-ptxt]{opacity:1;transform:none}
[data-blogbody]{font-size:clamp(16px,1.15vw,19px);line-height:1.75;color:var(--bone)}
[data-blogbody] p,[data-blogbody] ul,[data-blogbody] ol,[data-blogbody] blockquote,[data-blogbody] figure{margin:0 0 1.4em}
[data-blogbody] h2,[data-blogbody] h3,[data-blogbody] h4{font-family:var(--display);font-weight:400;letter-spacing:-.02em;line-height:1.15;margin:2em 0 .7em;color:var(--bone)}
[data-blogbody] h2{font-size:clamp(26px,2.4vw,38px)}[data-blogbody] h3{font-size:clamp(21px,1.8vw,28px)}[data-blogbody] h4{font-size:clamp(18px,1.4vw,22px)}
[data-blogbody] a{color:var(--sage2);text-decoration:underline;text-underline-offset:3px}[data-blogbody] a:hover{color:var(--bone)}
[data-blogbody] img{max-width:100%;height:auto;border-radius:8px;border:1px solid var(--line);display:block}
[data-blogbody] blockquote{border-left:2px solid var(--sage2);padding:4px 0 4px 22px;font-family:var(--display);font-size:1.25em;line-height:1.4;color:var(--bone)}
[data-blogbody] li{margin:0 0 .5em}[data-blogbody] strong{color:var(--bone)}[data-blogbody] hr{border:0;border-top:1px solid var(--line);margin:2.4em 0}
[data-blogbody] iframe{max-width:100%}[data-blogbody] table{width:100%;border-collapse:collapse;font-size:.92em}[data-blogbody] td,[data-blogbody] th{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left}
[data-blogcard]:hover [data-thumbin]{transform:scale(1.035)}
[data-blogcard]:hover [data-readarrow]{transform:translateX(6px)}
[data-blogcard]:hover [data-readlbl]{color:#93AC8F}
[data-blogcard]:hover [data-cardtitle]{color:#93AC8F}
@media (max-width:940px){[data-copy] a[href*="sage-hub"],[data-copy] a[href*="notion"],[data-copy] a[href="#/work"]{white-space:nowrap !important}}
@media (max-width:760px){
[data-crumb]{font-size:11px !important;letter-spacing:.14em !important;gap:8px !important;white-space:nowrap;overflow-x:auto;scrollbar-width:none}[data-crumb] a,[data-crumb] span{white-space:nowrap !important;flex:0 0 auto}
[data-sitepage] [data-heroaura]{display:none !important}
[data-sitepage] h1 + p + [data-pgctas] > a:first-child,[data-pgctas] > a:first-child{width:100%;justify-content:space-between !important;white-space:nowrap !important;font-size:16px !important;padding:6px 6px 6px 20px !important}[data-pgctas] > a:first-child > span:last-child{width:46px !important;height:46px !important;flex:0 0 46px}
[data-pgctas] > a:not(:first-child){height:48px !important;padding:0 18px !important;font-size:11px !important}
[data-sitepage] section > div > div:first-child > div:first-child span:last-child{white-space:nowrap}
[data-workhero] a[href],[data-sitepage] a[href*="sage-hub"],[data-glimpse] a[href*="sage-hub"],[data-glimpse] button{white-space:nowrap !important}
[data-workhero] p[data-wsub]{font-size:15px !important;line-height:1.5 !important;white-space:normal !important}
[data-sitepage] [data-workhero] > div:last-child{gap:16px !important}
[data-sitepage] h1{font-size:clamp(34px,11vw,56px) !important;line-height:.98 !important}
[data-sitepage] [data-pgsub]{font-size:15px !important}
[data-glimpse] h2{font-size:30px !important}
img[data-img^="bd/"],img[data-img^="pr/"],img[data-img^="pv/"],img[src*="/bd/"],img[src*="/pr/"],img[src*="/pv/"]{object-position:0% 100%}
[data-svctile] span{white-space:nowrap}
[data-locrow]{font-size:9px !important;letter-spacing:.12em !important}
[data-svcpills] span{display:inline-flex !important;align-items:center !important;justify-content:center !important;box-sizing:border-box;height:30px !important;line-height:1 !important;padding:0 9px !important;font-size:8px !important;letter-spacing:.06em !important;flex:0 1 auto !important;min-width:0;overflow:hidden;text-overflow:ellipsis}
[data-svchero]{min-height:min(60vh,520px) !important;padding-bottom:34px !important}
[data-wkgrid]{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important}[data-wkgrid] [data-witem]{padding:12px !important;grid-column:auto !important;aspect-ratio:4/5 !important}[data-wkgrid] [data-witem] span[style*="font-family:var(--display)"]{font-size:16px !important}[data-wkgrid] [data-wpill]{height:28px !important;padding:0 10px !important;font-size:8px !important}
[data-sitepage] a[style*="border-radius:999px"],[data-sitepage] button[style*="border-radius:999px"],[data-blogpage] a[style*="border-radius:999px"]{white-space:nowrap !important}
[data-sitepage] [style*="letter-spacing:.24em"],[data-sitepage] [style*="letter-spacing:.22em"],[data-sitepage] [style*="letter-spacing:.2em"]{white-space:nowrap}
[data-sitepage] [data-reveal]:not([data-teamnote]){font-size:clamp(28px,8.6vw,40px) !important}
[data-sitepage] [data-teamnote]{font-size:15px !important;line-height:1.55 !important}
[data-teamhead]{font-size:clamp(30px,9vw,40px) !important;max-width:none !important}
[data-svckick]{font-size:9px !important;letter-spacing:.16em !important;gap:10px !important}[data-svckick] > span:first-child{font-size:26px !important}[data-svckick] > span:nth-child(2){width:24px !important}
[data-svcpills]{flex-wrap:nowrap !important;overflow:hidden !important;gap:6px !important;align-items:center !important}[data-svcpills]::-webkit-scrollbar{display:none}
[data-casegrid],[data-wsvcgrid]{display:flex !important;overflow-x:auto !important;scroll-snap-type:x mandatory;gap:10px !important;margin:0 -16px !important;padding:0 16px !important;scrollbar-width:none;-webkit-overflow-scrolling:touch}
[data-casegrid]::-webkit-scrollbar,[data-wsvcgrid]::-webkit-scrollbar{display:none}
[data-casegrid] > *{flex:0 0 78vw !important;max-width:360px;scroll-snap-align:start}
[data-wsvcgrid] > *{flex:0 0 62vw !important;max-width:300px;scroll-snap-align:start}
[data-sechead]{flex-direction:column !important;align-items:flex-start !important;gap:6px !important}[data-sechead] h2{line-height:1 !important}[data-sechead] > *:not(h2){white-space:nowrap !important}
[data-glgrid]{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important}
[data-glimpse] [data-rise] > div:last-child > div:last-child{font-size:13px !important}
[data-blogpage] h1{font-size:clamp(38px,12vw,64px) !important}
[data-blogpage] article h1{font-size:clamp(30px,8.5vw,44px) !important}
[data-blogpage] [data-blogcard] h2{font-size:24px !important;height:auto !important;-webkit-line-clamp:3 !important}
[data-blogpage] [data-blogcard] p{height:auto !important}
[data-blogbody]{font-size:16px !important}
[data-casepage] [data-cube]{gap:6px !important}
[data-lightbox] > button{width:40px !important;height:40px !important}
[data-lbmedia]{max-width:100vw !important;width:100vw;max-height:calc(100dvh - 170px) !important}
[data-lbmedia] img,[data-lbmedia] video{max-width:100vw !important;max-height:calc(100dvh - 170px) !important}
[data-lbmedia] video{width:100vw !important;min-height:40vh}
[data-lbnav]{top:auto !important;bottom:calc(22px + env(safe-area-inset-bottom)) !important;transform:none !important;width:52px !important;height:52px !important}
[data-lbnav][aria-label="Previous"]{left:calc(50% - 64px) !important}
[data-lbnav][aria-label="Next"]{right:calc(50% - 64px) !important}
[data-lbmute]{left:12px !important;bottom:12px !important}
a,button{-webkit-tap-highlight-color:transparent}
*{scrollbar-width:thin}
}
@media (hover:none){[data-casehdr],[data-casehdr] *,[data-lbmute],[data-mobmute],[data-svcbtn],button[aria-label="Toggle sound"]{backdrop-filter:none !important;-webkit-backdrop-filter:none !important}[data-casehdr]{background:rgba(var(--sc),.97) !important}[data-reel] > video[aria-hidden]{display:none !important}[data-reel]{background:radial-gradient(90% 70% at 72% 45%,rgba(83,111,80,.38) 0%,rgba(5,6,5,1) 70%) !important}[data-svctile]{transition:none !important;will-change:auto !important;transform:none !important}[data-svcanim]{contain:layout paint}[data-svcanim] *{filter:none !important;box-shadow:none !important}[data-svcanim] *{backdrop-filter:none !important;-webkit-backdrop-filter:none !important}[data-blogcard]:hover{transform:none !important;box-shadow:none !important}[data-rise]:hover{transform:none !important}a[data-casecard] [data-cube]{display:none !important}a[data-casecard] img,a[data-casecard]:hover img{transform:none !important;transition:none !important;will-change:auto !important}#cubeHost{display:none !important}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}

@font-face { font-family: "Glacial Indifference"; font-style: normal; font-weight: 400; src: local("Glacial Indifference"), url("/assets/1374c1b8-fbe5-4e05-b6da-634539543808.woff") format("woff"); }
@font-face { font-family: "Glacial Indifference"; font-style: normal; font-weight: 700; src: local("Glacial Indifference"), url("/assets/45590e23-0468-4298-a855-d34b2a072e82.woff") format("woff"); }/* SEO additions — collapsed copy + footer nav (design tokens) */
.seo-more{background:transparent;padding:clamp(40px,6vw,90px) clamp(20px,5vw,80px)}
.seo-wrap{max-width:1180px;margin:0 auto}
.seo-pill{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--sage2,#9fb89b);margin-bottom:clamp(18px,2vw,28px)}
.seo-dot{width:8px;height:8px;border-radius:50%;background:var(--accent,#536f50);box-shadow:rgba(83,111,80,.25) 0 0 0 6px}
.seo-acc{border-top:1px solid var(--line,rgba(255,255,255,.12))}
.seo-acc:last-of-type{border-bottom:1px solid var(--line,rgba(255,255,255,.12))}
.seo-acc summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;padding:18px 0;list-style:none}
.seo-acc summary::-webkit-details-marker{display:none}
.seo-h2{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(17px,1.6vw,22px);line-height:1.3;color:var(--bone,#e8e6df)}
.seo-x{font-family:var(--display);font-size:20px;color:var(--sage2,#9fb89b);transition:transform .25s}
.seo-acc[open] .seo-x{transform:rotate(45deg)}
.seo-body{padding:0 0 22px}
.seo-h3{margin:18px 0 6px;font-family:var(--display);font-weight:400;font-size:clamp(15px,1.3vw,18px);color:var(--bone,#e8e6df)}
.seo-p{margin:0 0 12px;font-family:var(--display);font-size:15px;line-height:1.65;color:var(--muted,#a7a49b);max-width:72ch}
.seo-ul{margin:0 0 12px;padding-left:20px;color:var(--muted,#a7a49b);font-size:15px;line-height:1.65}
.seo-footer{background:transparent;border-top:1px solid var(--line,rgba(255,255,255,.12));padding:clamp(30px,4vw,56px) clamp(20px,5vw,80px)}
.seo-fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(24px,3vw,48px)}
.seo-fhead{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--sage2,#9fb89b);margin:0 0 12px}
.seo-fcol a{display:block;font-family:var(--display);font-size:13.5px;line-height:1.9;color:var(--muted,#a7a49b);text-decoration:none}
.seo-fcol a:hover{color:var(--bone,#e8e6df)}
.seo-fcol p{font-family:var(--display);font-size:13.5px;line-height:1.7;color:var(--muted,#a7a49b);margin:0 0 10px}

/* 2026-10-01: SEO detail sections are shown open as normal headings and text; FAQ questions stay as accordions. */
.seo-acc.seo-sec>summary{cursor:default;pointer-events:none}
.seo-acc.seo-sec>summary .seo-x{display:none}
.seo-acc.seo-sec>.seo-body{padding-bottom:clamp(14px,2vw,26px)}
.seo-acc.seo-intro{border-top:0}
.seo-acc.seo-intro>summary{display:none}
.seo-acc.seo-faqhead>.seo-body:empty{display:none}
.seo-acc.seo-sec>summary .seo-h2{font-size:clamp(22px,2.3vw,32px);line-height:1.2}
.seo-acc.seo-sec>summary{padding-top:clamp(22px,2.6vw,34px)}
.seo-acc.seo-faq>.seo-body{padding-bottom:18px}

/* 2026-10-01: case studies sit under the site header as a normal section; their mini header is retired. */
[data-casepage]{position:static!important;inset:auto!important;z-index:auto!important;overflow:visible!important;height:auto!important;max-height:none!important}
[data-casehdr]{display:none!important}

/* ==== SX (2026-10-01): the "More about ..." text under every page, designed like the sections above it ====
   Markup from fixes/seo_design.py, behaviour in site.js ("SEO block"). Colours come from the site tokens
   (--ink, --ink2, --bone, --muted, --line, --fg, --accent), so day and night themes both work. */
@property --sxa{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes sxSpin{to{--sxa:360deg}}
@keyframes sxShift{0%{background-position:0% 50%}100%{background-position:100% 50%}}
@keyframes sxMarch{to{stroke-dashoffset:-24}}
@keyframes sxWord{from{opacity:0;transform:translateY(.45em);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}
@keyframes sxPulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--c) 45%,transparent)}50%{box-shadow:0 0 0 10px color-mix(in srgb,var(--c) 0%,transparent)}}
@keyframes sxFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(5%,-7%,0) scale(1.12)}}

.sx{--sxgt:linear-gradient(90deg,#C5D8BF,#93AC8F 50%,#6B9A80);position:relative;isolation:isolate;overflow:clip;border-top:1px solid var(--line);padding-block:clamp(64px,9vw,150px) clamp(48px,7vw,110px);color:var(--bone)}
.sx-wrap{max-width:1420px;margin:0 auto;padding-inline:clamp(20px,3vw,44px)}
.sx-glow{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.sx-glow i{position:absolute;width:min(60vw,820px);aspect-ratio:1;border-radius:50%;filter:blur(110px);opacity:.15;will-change:transform;animation:sxFloat 22s ease-in-out infinite}
.sx-glow i:nth-child(1){background:#536F50;top:-260px;left:-220px}
.sx-glow i:nth-child(2){background:#93AC8F;top:38%;right:-300px;animation-delay:-7s}
.sx-glow i:nth-child(3){background:#3E6B4F;bottom:-300px;left:22%;animation-delay:-14s}
[data-theme="day"] .sx-glow i{opacity:.09}
[data-theme="day"] .sx{--sxgt:linear-gradient(90deg,#6F9A6A,#536F50 50%,#2F4A2D)}

/* head: eyebrow, category tag, big kinetic lead, contents chips */
.sx-head{display:grid;gap:clamp(22px,2.4vw,34px);margin-bottom:clamp(40px,5vw,72px)}
.sx-eyebrow{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--sage2)}
.sx-intro{display:grid;gap:22px;justify-items:start}
.sx-tag{margin:0;padding:9px 16px;border-radius:999px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--bone);border:1px solid transparent;background:linear-gradient(var(--ink),var(--ink)) padding-box,linear-gradient(90deg,#93AC8F,#536F50,#C5D8BF,#6B9A80) border-box}
.sx-lead{margin:0;max-width:24ch;font-family:var(--display);font-weight:400;font-size:clamp(24px,2.9vw,46px);line-height:1.1;letter-spacing:-.03em;color:var(--bone);text-wrap:balance}
.sx-lead .sx-w{display:inline-block;opacity:0;animation:sxWord .9s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i)*38ms + .15s)}
.sx-lead .sx-w:nth-last-child(-n+5){background:var(--sxgt);-webkit-background-clip:text;background-clip:text;color:transparent}
.sx-introp{max-width:70ch}
.sx-page{border-top:0;padding-top:clamp(36px,5vw,80px)}
.sx-page .sx-glow{-webkit-mask-image:linear-gradient(transparent,#000 280px);mask-image:linear-gradient(transparent,#000 280px)}
.sx-h1{margin:0;max-width:18ch;font-family:var(--display);font-weight:400;font-size:clamp(34px,4.6vw,72px);line-height:.98;letter-spacing:-.045em;color:var(--bone);text-wrap:balance}
.sx-pagelead{margin:0;max-width:60ch;font-family:var(--display);font-size:clamp(17px,1.3vw,20px);line-height:1.5;letter-spacing:-.01em;color:rgba(var(--fg),.82)}
.sx-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:6px}
.sx-tagline{margin:0;font-family:var(--display);font-size:clamp(18px,1.6vw,24px);line-height:1.2;color:var(--sage2)}
.sx-name a{display:block;margin:-10px -18px;padding:10px 18px;color:inherit;text-decoration:none;border-radius:999px;transition:background .3s,color .3s}
.sx-tagchip.sx-name:has(a){transition:border-color .3s}
.sx-tagchip.sx-name:has(a:hover){border-color:rgba(var(--fg),.4)}
.sx-name a:hover{background:rgba(var(--fg),.06)}
.sx-quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}
.sx-qcard{margin:0;display:flex;flex-direction:column;gap:16px}
.sx-qcard blockquote{margin:0}
.sx-qcard blockquote p{font-size:clamp(17px,1.35vw,20px);line-height:1.35}
.sx-who{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--c,var(--sage2))}
.sx-map iframe{display:block;width:100%;height:360px;border:0;border-radius:20px;background:var(--ink2)}
.sx-film video{display:block;width:100%;max-height:72vh;border-radius:20px;background:#000}
.sx-bsum{font-size:14.5px;line-height:1.6}
.sx-doc .sx-main .sx-p a,.sx-doc .sx-main li a{color:var(--bone);text-decoration:underline;text-decoration-color:rgba(var(--fg),.3);text-underline-offset:4px}
.sx-doc .sx-main .sx-p a:hover,.sx-doc .sx-main li a:hover{text-decoration-color:var(--sage2)}
.sx-doc .sx-facts{margin-top:8px}
.sx-glance{margin:8px 0 -6px}
.sx-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sx-fact{position:relative;overflow:hidden;display:grid;gap:8px;align-content:start;padding:22px 22px 24px;border:1px solid var(--line);border-radius:20px;background:rgba(var(--fg),.03)}
.sx-fact b{font-family:var(--display);font-weight:400;font-size:clamp(38px,4.4vw,64px);line-height:.95;letter-spacing:-.04em;background:var(--sxgt);-webkit-background-clip:text;background-clip:text;color:transparent}
.sx-fact span{font-size:14px;line-height:1.45;color:rgba(var(--fg),.72)}
@media (max-width:700px){.sx-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sx-tags{display:flex;flex-wrap:wrap;gap:8px}
.sx-tagchip{padding:10px 18px;border:1px solid var(--line);border-radius:999px;font-family:var(--display);font-size:clamp(14px,1vw,16px);color:var(--bone);background:rgba(var(--fg),.03)}
.sx-name{margin:0;font-weight:400;line-height:1.2}
.sx-tagcat{align-self:center;padding:0 4px 0 10px;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--sage2)}
.sx-toc{display:flex;flex-wrap:wrap;gap:8px}
.sx-toc a{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 8px;border:1px solid var(--line);border-radius:999px;font-size:13px;line-height:1.2;color:var(--muted);text-decoration:none;transition:color .3s,border-color .3s,background .3s}
.sx-toc a span{font-size:10.5px;letter-spacing:.08em;color:var(--bone);background:rgba(var(--fg),.08);border-radius:999px;padding:5px 7px;transition:background .3s,color .3s}
.sx-toc a:hover,.sx-toc a.on{color:var(--bone);border-color:rgba(var(--fg),.32);background:rgba(var(--fg),.04)}
.sx-toc a.on span{background:var(--accent);color:#fff}

/* marquee of the page's own steps */
.sx-marquee{overflow:hidden;margin:0 calc(-1*clamp(20px,3vw,44px));padding-block:clamp(16px,2.2vw,28px);border-block:1px solid var(--line);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.sx-mq{display:flex;align-items:center;width:max-content;animation:marqueeX 60s linear infinite}
.sx-marquee:hover .sx-mq{animation-play-state:paused}
.sx-mq span{padding-right:clamp(22px,3vw,44px);font-family:var(--display);font-size:clamp(28px,3.8vw,60px);line-height:1.05;letter-spacing:-.035em;white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgba(var(--fg),.38);transition:color .4s}
.sx-mq span:hover{color:var(--bone)}
.sx-mq b{padding-right:clamp(22px,3vw,44px);font-size:clamp(15px,1.5vw,22px);font-weight:400;background:linear-gradient(135deg,#93AC8F,#536F50);-webkit-background-clip:text;background-clip:text;color:transparent}

/* sections */
.sx-sec{position:relative;padding-block:clamp(60px,7.5vw,130px);border-top:1px solid var(--line);scroll-margin-top:100px}
.sx-marquee+.sx-sec,.sx-head+.sx-sec{border-top:0}
.sx-sec:has(+.sx-cta){padding-bottom:clamp(48px,5vw,80px)}
.sx-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,120px);align-items:start}
.sx-side{position:sticky;top:120px;display:grid;gap:18px;align-content:start;justify-items:start}
.sx-num{display:block;font-family:var(--display);font-size:clamp(64px,8.4vw,140px);line-height:.8;letter-spacing:-.05em;background:var(--g);background-size:220% 220%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sxShift 7s ease-in-out infinite alternate}
.sx-h2{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(24px,2.5vw,40px);line-height:1.02;letter-spacing:-.035em;color:var(--bone);text-wrap:balance}
.sx-main{display:grid;gap:22px;max-width:68ch;min-width:0}
.sx-p{margin:0;font-family:var(--body);font-size:15.5px;line-height:1.72;color:rgba(var(--fg),.72)}
.sx-first{font-family:var(--display);font-size:clamp(17px,1.35vw,20px);line-height:1.55;letter-spacing:-.01em;color:var(--bone)}
.sx-hl{color:var(--bone);background:linear-gradient(90deg,rgba(147,172,143,.42),rgba(83,111,80,.5)) no-repeat 0 92%/0% 34%;transition:background-size 1.4s cubic-bezier(.2,.8,.2,1) .35s}
.in .sx-hl,.sx:not(.sx-js) .sx-hl{background-size:100% 34%}
.sx-ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.sx-ul li{position:relative;padding-left:26px;font-size:15px;line-height:1.65;color:rgba(var(--fg),.72)}
.sx-ul li::before{content:"";position:absolute;left:2px;top:.62em;width:12px;height:2px;border-radius:2px;background:linear-gradient(90deg,#93AC8F,#536F50)}

/* pull quote */
.sx-quote{position:relative;margin:18px 0;padding:34px clamp(26px,3vw,46px);border-radius:24px;overflow:hidden;background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--c) 20%,transparent),transparent 60%),rgba(var(--fg),.03);border:1px solid var(--line)}
.sx-quote svg{display:block;color:var(--c);margin-bottom:18px}
.sx-quote p{margin:0;font-family:var(--display);font-size:clamp(20px,1.8vw,28px);line-height:1.15;letter-spacing:-.025em;color:var(--bone);text-wrap:balance}
.sx-quote::after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--g)}

/* heading row for full-width sections */
.sx-top{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,6vw,120px);align-items:end;margin-bottom:clamp(40px,5vw,72px)}
.sx-hd{display:grid;gap:18px;justify-items:start}
.sx-ledewrap{display:grid;gap:14px;justify-items:start}
.sx-lede{margin:0;max-width:60ch;font-size:16px;line-height:1.7;color:rgba(var(--fg),.72)}
.sx-stepno{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--c)}
.sx-h3{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(19px,1.5vw,23px);line-height:1.12;letter-spacing:-.02em;color:var(--bone)}

/* step flow: cards joined by arrows (drawn by site.js into svg.sx-wires) */
.sx-flow{--cols:3;position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));column-gap:clamp(44px,5vw,84px);row-gap:clamp(56px,6vw,96px)}
.sx-flow[data-cols="1"]{--cols:1}.sx-flow[data-cols="2"]{--cols:2}.sx-flow[data-cols="4"]{--cols:4}
.sx-step{position:relative;z-index:1;display:flex;flex-direction:column;gap:14px;min-height:clamp(250px,22vw,310px);padding:28px 28px 92px;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(130% 100% at 100% 100%,color-mix(in srgb,var(--c) 30%,transparent),transparent 55%),var(--ink2);transition:transform .5s cubic-bezier(.2,.8,.2,1),border-color .4s,box-shadow .5s}
.sx-step .sx-h3::after{content:"";display:block;width:26px;height:2px;margin-top:16px;background:var(--c);transition:width .5s cubic-bezier(.2,.8,.2,1)}
.sx-step .sx-p{font-size:14.5px;line-height:1.65;position:relative}
.sx-big{position:absolute;right:16px;bottom:-22px;font-family:var(--display);font-size:clamp(96px,9vw,150px);line-height:.85;letter-spacing:-.05em;background:var(--g);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;color:transparent;pointer-events:none;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.sx-step::before,.sx-card::before,.sx-blog::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(380px circle at var(--mx,50%) var(--my,0%),color-mix(in srgb,var(--c) 24%,transparent),transparent 62%)}
.sx-step>*,.sx-card>*{position:relative;z-index:1}
.sx-step>.sx-big{position:absolute}
.sx-step:hover,.sx-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--c) 55%,transparent);box-shadow:0 30px 60px -30px color-mix(in srgb,var(--c) 55%,transparent)}
.sx-step:hover::before,.sx-card:hover::before,.sx-blog:hover::before{opacity:1}
.sx-step:hover .sx-h3::after{width:64px}
.sx-step:hover .sx-big{transform:translateY(-10px) rotate(-3deg)}
.sx-wires{position:absolute;left:0;top:0;overflow:visible;pointer-events:none;z-index:0}
.sx-wire{fill:none;stroke-width:1.8;stroke-linecap:round;stroke-dasharray:6 6;animation:sxMarch 1.1s linear infinite}
.sx-seg{opacity:0;transition:opacity .7s ease calc(var(--d,0)*170ms + .35s)}
.in>.sx-wires .sx-seg,.sx:not(.sx-js) .sx-seg{opacity:1}
.sx-tip{stroke:none}

/* process track: numbered nodes in a row, joined by arrows */
.sx-track{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:clamp(28px,3vw,56px)}
.sx-tstep{position:relative;z-index:1;display:grid;gap:22px;align-content:start}
.sx-node{position:relative;display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:linear-gradient(var(--ink),var(--ink)) padding-box,var(--g) border-box;border:1.5px solid transparent;animation:sxPulse 3.2s ease-in-out infinite;animation-delay:calc(var(--i)*.8s)}
.sx-node b{font-family:var(--display);font-weight:400;font-size:26px;letter-spacing:-.03em;background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
.sx-tbody{display:grid;gap:12px}
.sx-tbody .sx-p{font-size:14.5px;line-height:1.65}

/* value / service cards (no arrows) */
.sx-cards{--cols:3;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:16px}
.sx-cards[data-cols="1"]{--cols:1}.sx-cards[data-cols="2"]{--cols:2}.sx-cards[data-cols="4"]{--cols:4}
.sx-card{position:relative;display:flex;flex-direction:column;gap:14px;padding:30px 28px;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(130% 100% at 100% 0%,color-mix(in srgb,var(--c) 26%,transparent),transparent 55%),var(--ink2);color:inherit;text-decoration:none;transition:transform .5s cubic-bezier(.2,.8,.2,1),border-color .4s,box-shadow .5s}
.sx-cnum{font-size:11px;letter-spacing:.22em;color:var(--c)}
.sx-card .sx-p{font-size:14.5px;line-height:1.65}
.sx-more{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--bone)}
.sx-arr{flex:none;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
a:hover>.sx-arr,a:hover .sx-more .sx-arr,a:hover .sx-bread .sx-arr{transform:translateX(5px)}

/* FAQ */
.sx-faqs{max-width:none;gap:0}
.sx-count{margin:0;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--sage2)}
.sx-ask{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border-radius:999px;border:1px solid var(--line);color:var(--bone);text-decoration:none;font-size:12px;letter-spacing:.14em;text-transform:uppercase;transition:background .3s,border-color .3s,color .3s}
.sx-ask:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.sx-q{position:relative;border-bottom:1px solid var(--line)}
.sx-q:first-child{border-top:1px solid var(--line)}
.sx-q::before{content:"";position:absolute;left:-20px;top:24px;bottom:24px;width:2px;border-radius:2px;background:var(--g);transform:scaleY(0);transform-origin:top;transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.sx-q[open]:not(.sx-closing)::before{transform:scaleY(1)}
.sx-q summary{list-style:none;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:24px 2px;cursor:pointer}
.sx-q summary::-webkit-details-marker{display:none}
.sx-q summary:focus-visible{outline:2px solid var(--sage2);outline-offset:4px;border-radius:8px}
.sx-qn{font-size:11px;letter-spacing:.14em;color:var(--c);min-width:22px}
.sx-qh{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(16px,1.25vw,19px);line-height:1.3;color:var(--bone);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.sx-q summary:hover .sx-qh{transform:translateX(6px)}
.sx-plus{position:relative;flex:none;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);transition:transform .5s cubic-bezier(.2,.8,.2,1),background .3s,border-color .3s}
.sx-plus::before,.sx-plus::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:1.5px;background:var(--bone);transform:translate(-50%,-50%)}
.sx-plus::after{transform:translate(-50%,-50%) rotate(90deg)}
.sx-q[open]:not(.sx-closing) .sx-plus{transform:rotate(135deg);background:var(--accent);border-color:var(--accent)}
.sx-q[open]:not(.sx-closing) .sx-plus::before,.sx-q[open]:not(.sx-closing) .sx-plus::after{background:#fff}
.sx-a{overflow:hidden;padding:0 60px 26px 42px;display:grid;gap:14px}
.sx-a .sx-p{font-size:15px}

/* blog cards */
.sx-ledewrap:has(>.sx-all){justify-items:end}
.sx-all{display:inline-flex;align-items:center;gap:10px;color:var(--bone);text-decoration:none;font-size:12px;letter-spacing:.16em;text-transform:uppercase;padding:13px 22px;border:1px solid var(--line);border-radius:999px;transition:background .3s,border-color .3s,color .3s}
.sx-all:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.sx-blogs{--cols:4;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:16px}
.sx-blogs[data-cols="1"]{--cols:1}.sx-blogs[data-cols="2"]{--cols:2}.sx-blogs[data-cols="3"]{--cols:3}
.sx-city{margin:0 0 6px;font-size:15px}
.sx-city a{color:var(--bone);text-decoration:underline;text-decoration-color:rgba(var(--fg),.3);text-underline-offset:4px;transition:text-decoration-color .3s}
.sx-city a:hover{text-decoration-color:var(--sage2)}
.sx-blog{position:relative;display:flex;flex-direction:column;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:var(--ink2);color:inherit;text-decoration:none;transition:transform .5s cubic-bezier(.2,.8,.2,1),border-color .4s,box-shadow .5s}
a.sx-blog:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--c) 55%,transparent);box-shadow:0 30px 60px -30px color-mix(in srgb,var(--c) 55%,transparent)}
.sx-bimg{position:relative;display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;background:var(--g)}
.sx-bimg img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.8,.2,1)}
a.sx-blog:hover .sx-bimg img{transform:scale(1.07)}
.sx-bimg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.35))}
.sx-noimg svg{width:44px;height:44px;color:#fff;opacity:.9}
.sx-bbody{position:relative;z-index:1;display:flex;flex-direction:column;gap:14px;padding:22px 22px 24px;flex:1}
.sx-bmeta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--c)}
.sx-bmeta i{width:4px;height:4px;border-radius:50%;background:rgba(var(--fg),.35)}
.sx-bmeta svg{flex:none}
.sx-bh{margin:0;font-family:var(--display);font-weight:400;font-size:clamp(17px,1.25vw,19px);line-height:1.22;letter-spacing:-.015em;color:var(--bone)}
.sx-bread{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--bone)}
/* blog cover (2026-10-07, values measured from the Blog page's own cover; Divyansh: "the blog page shows the new thumbnails, service pages still show the old ones"):
   the same drawn cover the Blog page uses (grid paper, sage glow, the mark, number, category, title), built by
   seo_design.py; it scales with the card through container units, like the original */
.sx-bcover{position:relative;display:block;aspect-ratio:16/9;margin:8px 8px 0;border-radius:14px;overflow:hidden;border:1px solid rgba(147,172,143,.25);background:var(--ink2)}
.sx-bcin{position:absolute;inset:0;container-type:inline-size;overflow:hidden;color:#0B0C0B;background:linear-gradient(160deg,#F7F8F4 0%,#ECEFE8 100%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);transform-origin:50% 60%;transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}
a.sx-blog:hover .sx-bcin{transform:scale(1.035)}
.sx-bcin>span,.sx-bcin>img{position:absolute}
.sx-bcgrid{inset:0;background-image:linear-gradient(rgba(0,0,0,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.06) 1px,transparent 1px);background-size:7.3cqw 7.3cqw}
.sx-bcglow{left:-20%;bottom:-40%;width:80%;aspect-ratio:1;border-radius:50%;opacity:.6;background:radial-gradient(circle,rgba(83,111,80,.55),rgba(83,111,80,0) 70%)}
.sx-bcin>img.sx-bcmark{right:-6%;bottom:-18%;width:52%;height:auto;max-width:none;opacity:.2;filter:brightness(0) saturate(100%) invert(38%) sepia(14%) saturate(700%) hue-rotate(70deg)}
.sx-bcno{top:9%;right:6.6%;opacity:.6;font-family:var(--display);font-size:max(9px,1.6cqw);letter-spacing:.18em;white-space:nowrap}
.sx-bccat{left:6.6%;top:10%;display:flex;align-items:center;gap:1.4cqw;font-size:max(9px,1.35cqw);letter-spacing:.2em;text-transform:uppercase;color:var(--sage2);white-space:nowrap}
.sx-bccat::before{content:"";width:4.5cqw;height:1px;background:var(--sage2)}
.sx-bctitle{left:6.6%;right:6.6%;bottom:18%;font-family:var(--display);font-size:max(16px,5.6cqw);line-height:1.02;letter-spacing:-.02em;text-wrap:balance;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sx-bcfoot{left:6.6%;right:6.6%;bottom:9%;opacity:.55;display:flex;justify-content:space-between;gap:12px;font-size:max(8px,1.15cqw);letter-spacing:.22em;text-transform:uppercase;white-space:nowrap}
/* small coloured labels use each card's green; by day a deeper shade of it, so they stay readable on white */
[data-theme="day"] .sx :is(.sx-stepno,.sx-cnum,.sx-qn,.sx-bmeta,.sx-who){color:color-mix(in srgb,var(--c,#536F50) 55%,#0B0C0B)}

/* related services + locations */
.sx-chips{display:flex;flex-wrap:wrap;gap:10px}
.sx-chip{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;gap:10px;padding:15px 22px;border-radius:999px;border:1px solid var(--line);font-family:var(--display);font-size:clamp(15px,1.15vw,18px);line-height:1.1;color:var(--bone);text-decoration:none;transition:color .35s,border-color .35s}
.sx-chip::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--g,linear-gradient(135deg,#536F50,#2F4A2D));transform:translateY(101%);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
a.sx-chip:hover{color:#fff;border-color:transparent}
a.sx-chip:hover::before{transform:none}
a.sx-chip .sx-arr{transform:rotate(-45deg)}
a.sx-chip:hover .sx-arr{transform:rotate(0)}
.sx-loc{font-family:var(--body);font-size:14px;letter-spacing:.06em;padding:11px 18px 11px 14px}
.sx-loc svg{color:var(--sage2);transition:color .3s}
a.sx-loc:hover svg{color:#fff}
.sx-locrow{display:grid;gap:14px;margin-top:34px}
.sx-kicker{margin:0;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--sage2)}

/* closing call to action: card with a rotating gradient edge */
.sx-cta{margin-top:clamp(8px,1.5vw,24px);padding:1.5px;border-radius:30px;background:conic-gradient(from var(--sxa),#93AC8F,#536F50,#C5D8BF,#3E6B4F,#93AC8F);animation:sxSpin 9s linear infinite}
.sx-ctain{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:28px 40px;padding:clamp(36px,6vw,96px);border-radius:29px;background:radial-gradient(60% 90% at 100% 100%,rgba(83,111,80,.26),transparent 60%),radial-gradient(50% 80% at 0% 0%,rgba(147,172,143,.16),transparent 60%),var(--ink)}
.sx-ctatext{display:grid;gap:18px}
.sx-ctah{margin:0;max-width:16ch;font-family:var(--display);font-weight:400;font-size:clamp(28px,3.4vw,54px);line-height:.98;letter-spacing:-.045em;color:var(--bone);text-wrap:balance}
.sx-ctatext .sx-p{max-width:52ch;font-size:16px}
.sx-btn{display:inline-flex;align-items:center;gap:14px;height:60px;padding:0 30px;border-radius:999px;background:var(--accent);color:#fff;text-decoration:none;font-size:12.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.sx-btn:hover{transform:translateY(-3px);box-shadow:0 18px 44px -14px var(--accent)}
.sx-ctaloc{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-top:26px;border-top:1px solid var(--line)}
.sx-ctaloc .sx-kicker{margin-right:6px}

/* reveal on scroll (only once site.js has started, so the text is never hidden without it) */
.sx.sx-js [data-sx-r]{opacity:0;transform:translate3d(0,36px,0);filter:blur(6px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform 1s cubic-bezier(.2,.8,.2,1),filter .9s;transition-delay:calc(var(--i,0)*110ms)}
.sx.sx-js [data-sx-r].in{opacity:1;transform:none;filter:none}
.sx.sx-js .sx-step[data-sx-r].in:hover,.sx.sx-js .sx-card[data-sx-r].in:hover,.sx.sx-js a.sx-blog[data-sx-r].in:hover{transform:translateY(-6px);transition-delay:0s}

@media (max-width:1100px){
  .sx-flow[data-cols="3"],.sx-flow[data-cols="4"],.sx-cards[data-cols="3"],.sx-cards[data-cols="4"],.sx-blogs[data-cols]{--cols:2}
  .sx-track{grid-template-columns:1fr;gap:34px;max-width:720px}
  .sx-tstep{grid-template-columns:76px minmax(0,1fr);gap:24px}
}
@media (max-width:860px){
  .sx-split,.sx-top{grid-template-columns:1fr}
  .sx-side{position:static}
  .sx-ctain{grid-template-columns:1fr;align-items:start}
}
@media (max-width:700px){
  .sx-flow[data-cols]{--cols:1;row-gap:52px}
  .sx-cards[data-cols]{--cols:1}
  .sx-blogs[data-cols]{--cols:1}
  .sx-step{min-height:0;padding-bottom:84px}
  .sx-tstep{grid-template-columns:58px minmax(0,1fr);gap:18px}
  .sx-node{width:58px;height:58px}.sx-node b{font-size:20px}
  .sx-a{padding:0 4px 22px 40px}
  .sx-q summary{gap:14px}
  .sx-plus{width:36px;height:36px}
  .sx-q::before{left:-10px}
  .sx-p{font-size:15px}
  .sx-btn{width:100%;justify-content:center}
  .sx-glow i{width:110vw;filter:blur(64px);opacity:.12;animation:none}
  .sx-mq{animation-duration:45s}
}
/* animations only run for the part that is on screen (site.js toggles .sx-on) */
.sx.sx-js:not(.sx-on) .sx-glow i,
.sx.sx-js .sx-head:not(.sx-on) *,.sx.sx-js .sx-marquee:not(.sx-on) *,.sx.sx-js .sx-sec:not(.sx-on) *,
.sx.sx-js .sx-cta:not(.sx-on){animation-play-state:paused!important}
@media (prefers-reduced-motion:reduce){
  .sx *,.sx *::before,.sx *::after{animation:none!important;transition:none!important}
  .sx-lead .sx-w{opacity:1}
  .sx.sx-js [data-sx-r]{opacity:1;transform:none;filter:none}
  .sx-seg{opacity:1}
  .sx-hl{background-size:100% 34%}
}

/* CITY ART (2026-10-01, Divyansh: location banners, "Mumbai skyline and monuments"): a line drawing of the city at the
   top of each city page (fixes/city_art.py). It draws itself in landmark by landmark, then stays alive: windows
   twinkle, water drifts, birds glide, boats rock, Jaipur's kites sway. Paused off screen like the rest of SX. */
.sx-cityart{--ca-sky1:#0b0d0c;--ca-sky2:#2b1f16;--ca-sun:#f08a4b;--ca-ink1:#93ac8f;--ca-ink2:#ecebe6;--ca-win:#f6c76e;--ca-water:#93ac8f;--ca-kite2:#7c5cff;
  position:relative;margin:0;height:clamp(150px,27vw,360px);border:1px solid var(--line);border-radius:clamp(18px,2.2vw,30px);overflow:hidden;background:var(--ca-sky1)}
[data-theme="day"] .sx-cityart{--ca-sky1:#f7f2e8;--ca-sky2:#f1d9bf;--ca-sun:#e66f36;--ca-ink1:#536f50;--ca-ink2:#24261f;--ca-win:#cf8429;--ca-water:#536f50;--ca-kite2:#6b4ff0}
.sx-cityart-svg{display:block;width:100%;height:100%;overflow:visible}
.sx-cityart .ca-l{fill:none;stroke:url(#ca-ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:0}
.sx-cityart .ca-s{fill:url(#ca-sky)}
.sx-cityart .ca-thin{stroke-width:1.1}
.sx-cityart .ca-hair{stroke-width:.7}
.sx-cityart .ca-cable{stroke-width:.55;opacity:.8}
.sx-cityart .ca-win{fill:var(--ca-win);opacity:.75}
.sx-cityart .ca-wave{fill:none;stroke:var(--ca-water);stroke-width:1}
.sx-cityart .ca-bird{fill:none;stroke:var(--ca-ink2);stroke-width:1.2;stroke-linecap:round}
.sx-cityart .ca-star{fill:var(--ca-ink2);opacity:.45}
.sx-cityart .ca-sun{fill:var(--ca-sun)}
.sx-cityart .ca-kitebody{opacity:.92}
[data-theme="day"] .sx-cityart .ca-stars{display:none}
.sx-cityart figcaption{position:absolute;left:clamp(14px,2vw,26px);right:clamp(14px,2vw,26px);bottom:clamp(10px,1.4vw,18px);display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ca-ink1);pointer-events:none}
.sx-cityart figcaption b{font-weight:500;color:var(--ca-ink2);margin-right:.9em}
@media (max-width:700px){
  .sx-cityart .ca-l{stroke-width:2.4}.sx-cityart .ca-thin{stroke-width:1.7}.sx-cityart .ca-hair{stroke-width:1.1}.sx-cityart .ca-cable{stroke-width:.9}
  .sx-cityart .ca-wave{stroke-width:1.6}.sx-cityart .ca-sights{display:none}
  .sx-cityart figcaption{top:clamp(10px,3vw,14px);bottom:auto}
}
.sx-doc:has(.sx-cityart){padding-top:clamp(28px,4vw,56px)}
/* drawn in once the banner is revealed (site.js adds .in); without the script the city is simply there */
.sx.sx-js .sx-cityart .ca-l{stroke-dashoffset:1}
.sx.sx-js .sx-cityart.in .ca-l{animation:caDraw 2.4s cubic-bezier(.62,.05,.24,1) forwards;animation-delay:calc(var(--g,0)*.32s + .15s)}
.sx.sx-js .sx-cityart .ca-win{opacity:0}
.sx.sx-js .sx-cityart.in .ca-win{animation:caOn .9s ease forwards,caTwinkle 4.6s ease-in-out infinite;animation-delay:calc(1.7s + var(--d,0)*.25s),calc(2.8s + var(--d,0)*.6s)}
.sx.sx-js .sx-cityart.in .ca-sun{animation:caRise 2.8s cubic-bezier(.2,.8,.2,1) both}
.sx.sx-js .sx-cityart.in .ca-glow{animation:caRise 2.8s cubic-bezier(.2,.8,.2,1) both,caBreathe 6s ease-in-out 2.8s infinite}
.sx.sx-js .sx-cityart .ca-star{animation:caStar 3.8s ease-in-out infinite;animation-delay:calc(var(--d,0)*-1s)}
.sx.sx-js .sx-cityart .ca-wave{animation:caDrift calc(9s + var(--d,0)*4s) linear infinite}
.sx.sx-js .sx-cityart .ca-birds{animation:caGlide 9s ease-in-out infinite}
.sx.sx-js .sx-cityart .ca-boat{transform-box:view-box;animation:caRock 4.2s ease-in-out infinite}
.sx.sx-js .sx-cityart .ca-boat+.ca-boat{animation-duration:5.1s;animation-delay:-1.8s}
.sx.sx-js .sx-cityart .ca-kite{transform-box:view-box;animation:caSway 5.6s ease-in-out infinite}
.sx.sx-js .sx-cityart .ca-kite+.ca-kite{animation-duration:6.6s;animation-delay:-2.2s}
@keyframes caDraw{to{stroke-dashoffset:0}}
@keyframes caOn{to{opacity:.75}}
@keyframes caTwinkle{0%,100%{opacity:.75}50%{opacity:.28}}
@keyframes caRise{from{transform:translateY(28px);opacity:0}to{transform:none;opacity:1}}
@keyframes caBreathe{0%,100%{opacity:1}50%{opacity:.72}}
@keyframes caStar{0%,100%{opacity:.12}50%{opacity:.7}}
@keyframes caDrift{to{transform:translateX(-60px)}}
@keyframes caGlide{0%,100%{transform:translate(0,0)}50%{transform:translate(18px,-7px)}}
@keyframes caRock{0%,100%{transform:rotate(-2.4deg)}50%{transform:rotate(2.4deg) translateY(1.5px)}}
@keyframes caSway{0%,100%{transform:rotate(-1.6deg)}50%{transform:rotate(1.9deg)}}
@media (prefers-reduced-motion:reduce){
  .sx.sx-js .sx-cityart .ca-l{stroke-dashoffset:0}
  .sx.sx-js .sx-cityart .ca-win{opacity:.75}
}

/* ==== EXPORT FIX (2026-10-01): the September static export froze many app elements in their hover or animation
   state (all cards lit at once, ghost numbers and letters over text, the industry panels and service tiles
   overlapping). Resting values below are measured from the homepage app, element by element (same data attributes
   and data-dc-tpl ids); hovering brings each effect back. Found by fixes/tmp/compare_batch.py. ==== */

/* Work by industry (portfolio): only the open sector shows its title, image and shade (site.js opens on hover/focus) */
@media (min-width:761px){
  [data-indslat] [data-indhor]{transition:opacity .45s ease .12s,transform .5s cubic-bezier(.2,.8,.2,1) .12s !important}
  [data-indslat]:not([data-on="true"]) [data-indhor]{opacity:0 !important;transform:translateY(14px) !important;pointer-events:none}
  [data-indslat]:not([data-on="true"]) [data-indimg],[data-indslat]:not([data-on="true"]) [data-indshade]{opacity:0 !important}
}

/* Work by service tiles (portfolio), as in the app: at rest the tile shows its big title and "View work"; on hover the
   tile lifts, the title shrinks into a small label at the top, the work feed and the result line fade in and
   "View work" goes */
/* The feed layer ([data-svcanim]) is a frozen frame of an animation whose engine only exists in the app, so it is never
   shown; hover keeps the clean tile, lifts it and turns "View work" white (the export's own hover style). */
[data-svctile]{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
[data-svctile] [data-svcanim]{display:none !important}
@media (hover:hover){
  [data-svctile]:hover,[data-svctile]:focus-visible{transform:translateY(-6px)}
}
/* the recorded app animation (site.js) covers the tile while hovered */
.sx-tilevid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;z-index:8;opacity:0;pointer-events:none;transition:opacity .25s ease}
[data-svctile].sx-vidon .sx-tilevid{opacity:1}

/* brand and website tiles: the big letter sits faintly behind the name */
[data-smmletter]{opacity:.2 !important}
*:hover > [data-smmletter]{opacity:.34 !important}

/* "More of our work": the ghost number and colour wash only on hover */
[data-nxghost],[data-nxwash]{opacity:0 !important;transition:opacity .5s ease !important}
*:hover > [data-nxghost],*:hover > [data-nxwash]{opacity:1 !important}

/* service, about and careers cards: faint number and glow at rest, lit on hover (as in the app) */
[data-vghost]{opacity:.07 !important;transition:opacity .55s ease !important}
[data-vglow]{opacity:.14 !important;transition:opacity .55s ease !important}
[data-vglow2]{opacity:0 !important;transition:opacity .55s ease !important}
*:hover > [data-vghost],*:hover > [data-vglow],*:hover > [data-vglow2]{opacity:1 !important}

/* small labels as quiet as in the app */
[data-dc-tpl="459"],[data-dc-tpl="462"],[data-dc-tpl="292"]{opacity:.5 !important}
[data-dc-tpl="64"]{opacity:.6 !important}
[data-dc-tpl="1467"],[data-dc-tpl="1472"],[data-dc-tpl="1479"]{opacity:.75 !important}
[data-dc-tpl="555"]{opacity:.7 !important}
[data-dc-tpl="670"]{opacity:.78 !important}
[data-dc-tpl="687"]{opacity:.8 !important}
[data-dc-tpl="666"],[data-dc-tpl="689"],[data-dc-tpl="580"]{opacity:.85 !important}
[data-dc-tpl="376"],[data-dc-tpl="337"]{opacity:.2 !important}
[data-dc-tpl="324"]{opacity:.42 !important}
[data-dc-tpl="381"],[data-dc-tpl="342"]{opacity:.55 !important}
[data-dc-tpl="377"],[data-dc-tpl="338"],[data-dc-tpl="370"],[data-dc-tpl="331"]{opacity:.6 !important}
@media (prefers-reduced-motion:reduce){[data-indslat] [data-indhor],[data-svctile] [data-svcanim],[data-vghost],[data-vglow],[data-vglow2],[data-nxghost],[data-nxwash]{transition:none !important}}

/* CITY HERO (2026-10-01, Divyansh: "itna text na aaye, make it pretty, and 'Best' hata"): the city pages open with one
   calm centered column (eyebrow, H1 with the city in the site gradient, tagline, one sentence, two buttons, one line
   of facts), the city drawing as a wide horizon below it, then a quiet numbered contents index. Markup from
   fixes/city_hero.py; every rule is scoped to .sx-cityhead. Picked from three built designs by two judges. */
.sx-cityhead{justify-items:center;text-align:center;gap:0;margin-bottom:clamp(8px,2vw,32px)}
.sx-cityhead .sx-eyebrow{justify-content:center;margin-top:clamp(0px,.6vw,10px)}
.sx-cityhead .sx-intro{position:relative;isolation:isolate;width:100%;max-width:1120px;justify-items:center;gap:0;margin-top:clamp(20px,2.2vw,30px)}
.sx-cityhead .sx-intro::before{content:"";position:absolute;z-index:-1;left:50%;top:-12%;width:min(860px,90%);height:78%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(124,92,255,.16),rgba(37,211,192,.05) 60%,transparent);filter:blur(30px);pointer-events:none}
html[data-theme="day"] .sx-cityhead .sx-intro::before{display:none}
.sx-cityhead .sx-h1{max-width:none;font-size:clamp(40px,5.2vw,80px);line-height:1;letter-spacing:-.045em;text-wrap:balance}
.sx-cityhead .sx-cityline{display:block}
.sx-cityhead .sx-cityname{padding:0 .06em .12em 0;background:linear-gradient(90deg,#FF5C8A,#8B6CFF 35%,#25D3C0 65%,#8B6CFF 85%,#FF5C8A);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone;animation:sxShift 10s ease-in-out infinite alternate}
html[data-theme="day"] .sx-cityhead .sx-cityname{background-image:linear-gradient(90deg,#D63A6C,#6B4FF0 35%,#0F8C80 65%,#6B4FF0 85%,#D63A6C)}
.sx-cityhead .sx-tagline{margin-top:clamp(14px,1.4vw,20px);font-size:clamp(19px,1.75vw,26px)}
.sx-cityhead .sx-pagelead{max-width:58ch;margin-top:clamp(12px,1.2vw,16px);font-size:clamp(16.5px,1.3vw,19.5px);line-height:1.55;color:rgba(var(--fg),.74);text-wrap:balance}
.sx-cityhead .sx-cityactions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:clamp(24px,2.2vw,30px)}
.sx-cityhead .sx-cbtn{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:54px;padding:0 28px;border-radius:999px;font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;text-decoration:none;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,background .3s,border-color .3s,color .3s}
.sx-cityhead .sx-cbtn .sx-arr{transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.sx-cityhead .sx-cbtn:hover .sx-arr{transform:translateX(3px)}
.sx-cityhead .sx-cbtn-solid{background:var(--accent);color:#fff}
.sx-cityhead .sx-cbtn-solid:hover{color:#fff;transform:translateY(-2px);box-shadow:0 18px 40px -16px var(--accent)}
.sx-cityhead .sx-cbtn-line{border:1px solid rgba(var(--fg),.24);color:var(--bone)}
.sx-cityhead .sx-cbtn-line:hover{color:var(--bone);border-color:rgba(var(--fg),.55);background:rgba(var(--fg),.04)}
.sx-cityhead .sx-cbtn:focus-visible{outline:2px solid var(--sage2);outline-offset:3px}
.sx-cityhead .sx-cityfacts{display:flex;flex-wrap:wrap;justify-content:center;margin-top:clamp(24px,2.2vw,30px)}
.sx-cityhead .sx-cf{display:inline-flex;align-items:baseline;gap:10px;padding:2px clamp(18px,2.4vw,34px)}
.sx-cityhead .sx-cf+.sx-cf{border-left:1px solid var(--line)}
.sx-cityhead .sx-cf b{font-family:var(--display);font-weight:400;font-size:clamp(20px,1.7vw,25px);line-height:1;letter-spacing:-.02em;color:var(--bone)}
.sx-cityhead .sx-cf span{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
/* the city drawing: a wide horizon that fades into the page (its sky is painted across the whole strip) */
.sx-cityhead .sx-cityart{justify-self:stretch;height:auto;margin:clamp(14px,1.4vw,22px) calc(-1*clamp(20px,3vw,44px)) 0;border:0;border-radius:0;background:none;overflow:visible}
.sx-cityhead .sx-cityart-svg{height:clamp(150px,16vw,236px);background:linear-gradient(180deg,var(--ca-sky1),var(--ca-sky2));
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent),linear-gradient(180deg,transparent,#000 30%,#000 82%,transparent);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent),linear-gradient(180deg,transparent,#000 30%,#000 82%,transparent);mask-composite:intersect}
.sx-cityhead .sx-cityart-svg>rect:first-of-type{fill:none}
html[data-theme="day"] .sx-cityhead .sx-cityart-svg{background:linear-gradient(180deg,rgba(247,242,232,0),rgba(241,217,191,.55))}
.sx-cityhead .sx-cityart figcaption{position:static;justify-content:center;flex-wrap:wrap;gap:6px clamp(18px,2.4vw,34px);margin-top:4px;font-size:10.5px}
/* contents: a quiet numbered index in columns */
.sx-cityhead .sx-toc{display:block;width:100%;max-width:1180px;columns:4 230px;column-gap:clamp(24px,3vw,48px);margin-top:clamp(34px,3.6vw,56px);padding-top:clamp(14px,1.6vw,20px);border-top:1px solid var(--line);text-align:left}
.sx-cityhead .sx-toc a{display:flex;align-items:baseline;gap:14px;padding:9px 0;border:0;border-radius:0;background:none;break-inside:avoid;font-size:13px;line-height:1.45;color:var(--muted);transition:color .3s}
.sx-cityhead .sx-toc a span{flex:none;min-width:2.2ch;padding:0;border-radius:0;background:none;font-size:10.5px;letter-spacing:.12em;font-variant-numeric:tabular-nums;color:var(--sage2);transition:color .3s}
.sx-cityhead .sx-toc a:hover,.sx-cityhead .sx-toc a.on{color:var(--bone);background:none;border-color:transparent}
.sx-cityhead .sx-toc a:hover span{color:var(--bone)}
.sx-cityhead .sx-toc a.on span{background:none;color:var(--sage2)}
.sx-cityhead .sx-toc a:focus-visible{outline:2px solid var(--sage2);outline-offset:2px;border-radius:4px}
/* the rest of the old lead, opening section 01 */
.sx-cityhead~.sx-sec .sx-citylede .sx-lede{max-width:62ch}
.sx-cityhead~.sx-sec .sx-citylede .sx-first{max-width:40ch;font-size:clamp(20px,1.7vw,25px);line-height:1.45;color:var(--bone)}
/* gentle entrance: the hero's lines rise one after another once revealed */
@keyframes sxQuietUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.sx.sx-js .sx-cityhead .sx-intro.in>*{animation:sxQuietUp 1s cubic-bezier(.2,.8,.2,1) both}
.sx.sx-js .sx-cityhead .sx-intro.in>:nth-child(2){animation-delay:.12s}
.sx.sx-js .sx-cityhead .sx-intro.in>:nth-child(3){animation-delay:.22s}
.sx.sx-js .sx-cityhead .sx-intro.in>:nth-child(4){animation-delay:.32s}
.sx.sx-js .sx-cityhead .sx-intro.in>:nth-child(5){animation-delay:.42s}
@media (max-width:860px){.sx-cityhead .sx-toc{columns:2 220px}}
@media (max-width:700px){
  /* phones: the city drawing leads (so it is on the first screen), then the copy; contents become one swipeable row */
  .sx-cityhead .sx-cityart{order:-1;margin:0 calc(-1*clamp(20px,3vw,44px)) clamp(18px,4vw,26px)}
  .sx-cityhead .sx-cityart-svg{height:clamp(150px,44vw,210px)}
  .sx-cityhead .sx-cityline{display:inline}
  .sx-cityhead .sx-pagelead{max-width:34ch}
  .sx-cityhead .sx-cityactions{width:100%;flex-direction:column;align-items:stretch;gap:10px}
  .sx-cityhead .sx-cbtn{height:50px}
  .sx-cityhead .sx-cityfacts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
  .sx-cityhead .sx-cf{flex-direction:column;align-items:center;gap:7px;padding:2px 8px}
  .sx-cityhead .sx-cf span{font-size:11px;letter-spacing:.12em;line-height:1.45}
  .sx-cityhead .sx-toc{display:flex;flex-wrap:nowrap;gap:8px;columns:auto;justify-self:stretch;min-width:0;margin-inline:calc(-1*clamp(20px,3vw,44px));width:auto;max-width:none;padding:2px clamp(20px,3vw,44px);border-top:0;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:clamp(20px,3vw,44px);scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 44px),transparent);mask-image:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 44px),transparent)}
  .sx-cityhead .sx-toc::-webkit-scrollbar{display:none}
  .sx-cityhead .sx-toc a{flex:none;scroll-snap-align:start;gap:10px;padding:9px 16px 9px 12px;border:1px solid var(--line);border-radius:999px;white-space:nowrap}
  .sx-cityhead .sx-toc a:hover,.sx-cityhead .sx-toc a.on{border-color:rgba(var(--fg),.32)}
}
@media (prefers-reduced-motion:reduce){
  .sx-cityhead .sx-cityname{animation:none;background-position:0 0}
  .sx.sx-js .sx-cityhead .sx-intro.in>*{animation:none}
}

/* STATS GRID FIX (2026-10-01, Divyansh: "1000 -?"): every number fits its own card (sized by the card's width, so
   "1,000+" can no longer be cut to "1,000-"), and the rows always fill: five facts lead with the two biggest numbers in
   wide cards and three below, six go three and three, a lone last card spans its row; narrow grids go two by two. */
.sx-facts{container-type:inline-size;grid-template-columns:repeat(6,minmax(0,1fr))}
.sx-fact{grid-column:span 2;container-type:inline-size}
.sx-fact b{display:block;white-space:nowrap;font-size:clamp(30px,28cqi,64px);padding-bottom:.04em}
.sx-fact:nth-child(3n+1):nth-last-child(2),.sx-fact:nth-child(3n+2):last-child{grid-column:span 3}
.sx-fact:nth-child(3n+1):last-child{grid-column:1/-1}
.sx-fact:first-child:nth-last-child(5)~.sx-fact{grid-column:span 2}
.sx-fact:first-child:nth-last-child(5),.sx-fact:first-child:nth-last-child(5)+.sx-fact{grid-column:span 3}
.sx-fact:first-child:nth-last-child(4),.sx-fact:first-child:nth-last-child(4)~.sx-fact{grid-column:span 3}
@container (max-width:520px){
  .sx-facts .sx-fact.sx-fact:nth-child(n){grid-column:span 3}
  .sx-facts .sx-fact.sx-fact:first-child:nth-last-child(odd){grid-column:1/-1}
}

/* Jaipur's section 01 holds its service cards in the narrow right-hand column: two across there, never four */
@media (min-width:1101px){.sx-split .sx-main .sx-cards[data-cols="3"],.sx-split .sx-main .sx-cards[data-cols="4"]{--cols:2}}