/* Apex United Studio — shared tokens and layout across public templates. */
.apex-studio{--studio-ink:#151514;--studio-paper:#f5f1e8;--studio-copper:#ba7b39;--studio-line:#d6cec1;--studio-muted:#5e5a53;background:var(--studio-paper);color:var(--studio-ink);font-size:17px;line-height:1.7}
.apex-studio .wrap{width:min(1280px,calc(100% - 96px));max-width:1280px;margin-inline:auto;padding-inline:0}
.apex-studio :is(h1,h2,h3){font-weight:500;letter-spacing:-.045em;text-wrap:balance}.apex-studio :is(h1,h2,h3,p){overflow-wrap:break-word}.apex-studio :is(p,li){line-height:1.75}.apex-studio h2{font-size:clamp(30px,4vw,56px);line-height:1.15}.apex-studio h3{font-size:23px;line-height:1.35}.apex-studio p{max-width:72ch}.apex-studio :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid var(--studio-copper);outline-offset:5px}.apex-studio :is(button,a,summary){-webkit-tap-highlight-color:transparent}.apex-studio button,.apex-studio summary{cursor:pointer}.apex-studio a{transition:color .2s ease}.apex-studio img{max-width:100%;height:auto}.apex-studio .button{border-radius:0;padding:16px 24px;min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:15px;font-weight:500;line-height:1.4;background:var(--studio-copper);color:#151514;border:1px solid transparent;text-decoration:none;transition:background .2s,transform .2s}.apex-studio .button:hover{background:#d29654;transform:translateY(-2px)}.apex-studio .button.outline{background:transparent;border-color:#74624d;color:inherit}.apex-studio .button svg{width:20px;height:20px}.apex-studio .text-link{min-height:44px;display:inline-flex;gap:12px;align-items:center}.apex-studio .dark{background:var(--studio-ink);color:var(--studio-paper)}.apex-studio .section{padding-block:100px}.apex-studio .section.compact{padding-block:70px}
.apex-studio .site-header{position:relative;z-index:12;display:flex;align-items:center;gap:28px;min-height:96px;padding-block:20px;background:var(--studio-ink);color:var(--studio-paper);border-bottom:1px solid #38342e}.apex-studio:before{content:'';position:absolute;inset:0 0 auto;height:100px;background:var(--studio-ink)}.apex-studio .site-header .brand{margin-inline-end:auto;flex-shrink:0}.apex-studio .brand img{width:195px;height:auto}.apex-studio .header-links{display:flex;gap:25px;align-items:center}.apex-studio .header-links a{color:#eee8df;font-size:14px;text-decoration:none}.apex-studio .language-link{color:#f5f1e8;min-height:44px;min-width:44px}.apex-studio .header-cta{font-size:13px;padding:12px 18px;min-height:44px}.apex-studio .site-header .menu-toggle{display:none}
.apex-studio .studio-hero{background:var(--studio-ink);color:var(--studio-paper);position:relative;overflow:hidden;padding:32px 0 0}.studio-hero>.wrap{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:660px;gap:30px}.studio-hero-copy{z-index:2;position:relative;padding-block:55px}.apex-studio .studio-hero h1{font-size:clamp(52px,5.7vw,88px);line-height:1.04;letter-spacing:-.055em;font-weight:400;max-width:10ch;margin:0 0 30px}.apex-studio .studio-hero-copy>p{font-size:clamp(18px,1.7vw,23px);color:#c7c0b5;max-width:32ch;margin:0 0 30px;line-height:1.6}.apex-studio .studio-hero .actions{display:flex;gap:24px;flex-wrap:wrap;align-items:center;margin-top:34px}.apex-studio .studio-hero .text-link{color:#eee8df;font-size:14px}.studio-hero .studio-scene{min-height:570px;height:600px;margin:0;width:calc(100% + 60px);margin-inline-start:-30px}.studio-hero .studio-market{border-top:1px solid #37322b;padding:22px 0 24px;margin-top:0;display:flex;justify-content:space-between;color:#bdb4a7;font-size:12px;letter-spacing:.06em}.studio-market a{color:#e2d4c2;text-decoration:none}
.studio-scene{position:relative;isolation:isolate;min-width:0;overflow:hidden;margin:20px 0;aspect-ratio:1.12;background:radial-gradient(ellipse at 55% 80%,#33271a 0,#191815 40%,#151514 75%);border:0}.studio-scene .studio-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85}.studio-scene.webgl-ready .studio-fallback{opacity:.07;transition:opacity .5s}.studio-scene canvas.studio-webgl{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y}.studio-motion{position:absolute;z-index:3;bottom:14px;inset-inline-end:18px;background:rgba(18,17,15,.7);color:#d6c9b6;border:1px solid #62503c;padding:8px 13px;min-height:44px;font:inherit;font-size:12px;letter-spacing:.02em}.studio-motion:hover{border-color:#c38b4c;color:#fff}.studio-scene:not(.webgl-ready) .studio-motion{display:none}.studio-scene:after{content:'';position:absolute;inset:auto 12% 6%;height:12%;background:radial-gradient(ellipse,rgba(0,0,0,.36),transparent 68%);pointer-events:none;z-index:-1}
.apex-studio main>.breadcrumb{padding-block:22px;font-size:12px;color:#716454}.apex-studio main>.breadcrumb a{color:inherit}.apex-studio .inner-hero{display:grid;grid-template-columns:1.1fr 1fr;grid-template-rows:auto 1fr;column-gap:54px;padding-block:50px 80px;align-items:center}.apex-studio .inner-hero>h1{grid-column:1;grid-row:1;font-size:clamp(40px,4.7vw,68px);line-height:1.12;margin:0 0 25px}.apex-studio .inner-hero>.studio-scene{grid-column:2;grid-row:1 / span 2;width:100%;height:470px;aspect-ratio:auto;margin:0}.apex-studio .inner-hero>.intro-copy{grid-column:1;grid-row:2;align-self:start}.apex-studio .intro-copy>p{font-size:18px;color:var(--studio-muted);max-width:51ch}.apex-studio .intro-copy .actions{margin-top:24px}.apex-studio .intro-copy .button{margin-top:12px}
.apex-studio .studio-services{display:grid;grid-template-columns:1.12fr .88fr;column-gap:60px;align-items:center}.studio-services>h2{grid-column:1 / -1;margin:0 0 44px}.studio-services>.service-list{grid-column:1;display:block!important;gap:0!important}.studio-services>.studio-scene{grid-column:2;grid-row:2 / span 2;width:100%;height:560px;aspect-ratio:auto}.studio-services>.actions{grid-column:1}.apex-studio .service-list{display:block!important}.apex-studio .service-row{display:block!important;border-top:1px solid var(--studio-line);padding:30px 0!important;text-decoration:none;color:var(--studio-ink);transition:padding .25s,background .25s}.apex-studio .service-row:last-child{border-bottom:1px solid var(--studio-line)}.apex-studio .service-row .anr-photo{display:none!important}.apex-studio .anr-service-copy{display:grid!important;grid-template-columns:40px 1fr 24px;column-gap:16px;row-gap:9px;align-items:start}.apex-studio .service-row .number{grid-column:1;grid-row:1 / span 2;font-size:16px;color:#885522}.apex-studio .service-row h3{grid-column:2;margin:0;font-size:24px;font-weight:500}.apex-studio .service-row p{grid-column:2;font-size:14px;color:var(--studio-muted);margin:0;max-width:44ch}.apex-studio .service-row svg{grid-column:3;grid-row:1;width:22px;height:22px;color:#9e652d}.apex-studio .service-row:hover{background:#eae4d9}.apex-studio .service-row:hover h3{color:#885522}
.apex-studio .split-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;margin-bottom:48px}.apex-studio .split-intro h2{margin:0}.apex-studio .split-intro>p{font-size:20px;color:var(--studio-muted)}.apex-studio .connection{padding-block:100px}.apex-studio .connection .split-intro{margin-bottom:0}.apex-studio .dark p{color:#c8c1b7}.apex-studio .problem-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.apex-studio .problem-grid article{padding:26px 0;border-top:1px solid var(--studio-line)}.apex-studio .problem-grid h3{font-size:22px}.apex-studio .problem-grid strong{font-weight:500}.apex-studio .process-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.apex-studio .process-item{display:block;border-top:1px solid var(--studio-line);padding-top:24px}.apex-studio .process-item .number{color:#9a622d;font-size:15px}.apex-studio .process-item h3{margin:14px 0}.apex-studio .process-item p{font-size:16px}.apex-studio .section-heading{display:flex;align-items:start;justify-content:space-between;gap:24px;margin-bottom:50px}.apex-studio .closing{padding-block:60px;background:var(--studio-ink);color:var(--studio-paper)}.apex-studio .closing>.wrap{display:flex;align-items:center;justify-content:space-between;gap:35px}.apex-studio .closing h2{max-width:23ch;font-size:clamp(30px,3.5vw,48px);margin:0}.apex-studio .closing p{font-size:16px;color:#c7c0b5}.apex-studio details{border-top:1px solid var(--studio-line);padding:16px 0}.apex-studio summary{min-height:48px;line-height:1.5}.apex-studio .reading,.apex-studio .in-reading{font-size:18px;line-height:1.85}.apex-studio :is(.reading,.in-reading)>h2{font-size:35px;margin-top:55px}.apex-studio :is(.reading,.in-reading) p{max-width:70ch}.apex-studio .in-reading>header>.studio-scene{height:330px;width:100%;aspect-ratio:auto}.apex-studio .reading>.studio-scene{height:260px;max-width:650px;aspect-ratio:auto}
.apex-studio :is(.cs-index-hero,.in-hub-hero,.ip-hub){position:relative;padding-block:60px 80px}.apex-studio :is(.cs-index-hero,.ip-hub)>h1{font-size:clamp(40px,4.5vw,64px);max-width:17ch}.apex-studio :is(.cs-index-hero,.ip-hub)>.studio-scene{float:inline-end;width:44%;height:350px;aspect-ratio:auto;margin-inline-start:40px}.apex-studio .in-hub-hero>div>.studio-scene{height:350px;max-width:620px;aspect-ratio:auto}.apex-studio .contact-intro>.studio-scene{height:280px;max-width:530px;aspect-ratio:auto}.apex-studio .contact-layout{padding-block:60px 90px;gap:70px}.apex-studio .contact-intro h1{font-size:clamp(40px,4vw,60px);line-height:1.15}.apex-studio .ip-hero .studio-scene{height:350px;aspect-ratio:auto}.apex-studio .ip-hero-grid>div:has(>.studio-scene){min-width:0}.apex-studio .lm-tool-intro>.studio-scene{width:100%;height:300px;max-width:650px;aspect-ratio:auto}.apex-studio .audit-copy>.studio-scene{height:300px;aspect-ratio:auto}.apex-studio .cs-case-hero .studio-scene{height:300px;aspect-ratio:auto}.apex-studio :is(.lm-tool-intro,.audit-copy) .eyebrow{display:none}
.apex-studio :is(input,select,textarea){background:#fffdf8;color:#1a1917;border:1px solid #9c9486;border-radius:0;min-height:48px;font:inherit;padding:12px 14px}.apex-studio label{font-size:15px;line-height:1.6}.apex-studio .site-footer{padding-block:65px 30px}.apex-studio .site-footer a{color:#d4ccc0}.apex-studio .site-footer details{border-color:#454039}.apex-studio .site-footer summary{color:#d3a16b}.apex-studio .studio-preview-note{font-size:12px;text-align:center;background:#d6a164;color:#151514;padding:5px 12px;position:relative;z-index:20}.studio-menu-panel{position:fixed;inset:0;z-index:99990;background:#151514;color:#f5f1e8;padding:30px;overflow:auto}.studio-menu-panel[hidden]{display:none}.studio-menu-panel a{display:block;padding:17px 0;border-bottom:1px solid #454039;color:inherit;text-decoration:none;font-size:24px}.studio-menu-panel button{color:inherit;background:transparent;border:1px solid #736149;padding:12px 18px;margin-bottom:25px}.studio-services .studio-scene{background:radial-gradient(ellipse at 50% 80%,#46321c,#1b1915 55%,#151514);}
html[lang^=ar] .apex-studio :is(h1,h2,h3){font-family:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif;letter-spacing:0;line-height:1.35}html[lang^=ar] .apex-studio .studio-hero h1{max-width:11ch;font-weight:500;font-size:clamp(48px,5.3vw,78px)}html[lang^=ar] .apex-studio :is(p,li){line-height:1.9}
@media(max-width:1100px){.apex-studio .wrap{width:calc(100% - 64px)}.apex-studio .header-links{gap:16px}.apex-studio .header-cta{display:none}.studio-hero>.wrap{min-height:580px;gap:10px}.studio-hero .studio-scene{height:510px;min-height:0;width:100%;margin:0}.apex-studio .studio-hero h1{font-size:clamp(44px,5.5vw,70px)}.apex-studio .studio-services{gap:30px}.apex-studio .inner-hero{gap:30px}.apex-studio .inner-hero>.studio-scene{height:400px}}
@media(max-width:760px){.apex-studio{font-size:16px}.apex-studio .wrap{width:calc(100% - 40px)}.apex-studio .site-header{min-height:82px;gap:18px;padding-block:18px}.apex-studio .brand img{width:155px}.apex-studio .header-links,.apex-studio .header-cta{display:none!important}.apex-studio .site-header .menu-toggle{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:10px 13px;color:#f5f1e8;border:1px solid #67533c;background:transparent;font:inherit;font-size:12px}.apex-studio .language-link{font-size:12px;padding:6px 10px}.apex-studio .studio-hero{padding-top:8px!important}.studio-hero>.wrap{display:flex;flex-direction:column;gap:0;min-height:0}.studio-hero-copy{display:contents}.apex-studio .studio-hero h1{order:1;font-size:42px;line-height:1.12;margin:24px 0 0;max-width:12ch;align-self:start}.studio-hero .studio-scene{order:2;width:calc(100% + 20px);height:310px;margin:0 -10px;aspect-ratio:auto}.apex-studio .studio-hero-copy>p{order:3;font-size:17px;max-width:100%;margin:0 0 20px}.apex-studio .studio-hero .actions{order:4;margin:0 0 30px;width:100%;gap:10px}.apex-studio .studio-hero .actions .button{width:100%}.apex-studio .studio-hero .actions .text-link{justify-content:center;width:100%;font-size:13px}.studio-hero .studio-market{padding:17px 0;gap:14px;font-size:10px;line-height:1.5}.apex-studio .section{padding-block:58px}.apex-studio .section.compact{padding-block:48px}.apex-studio h2{font-size:32px}.apex-studio h3{font-size:22px}.apex-studio .inner-hero{display:flex;flex-direction:column;align-items:stretch;padding-block:30px 50px;gap:18px}.apex-studio .inner-hero>h1{font-size:36px;line-height:1.2;margin:0}.apex-studio .inner-hero>.studio-scene{height:285px;margin:0}.apex-studio .intro-copy>p{font-size:16px}.apex-studio .studio-services{display:flex;flex-direction:column;gap:0}.studio-services>h2{margin-bottom:28px;align-self:start}.studio-services>.service-list{width:100%;order:3}.studio-services>.studio-scene{order:2;width:100%;height:280px;margin:0 0 20px}.studio-services>.actions{order:4;align-self:start;margin-top:26px}.apex-studio .service-row{padding:23px 0!important}.apex-studio .anr-service-copy{grid-template-columns:25px 1fr 20px;gap:8px 12px}.apex-studio .service-row h3{font-size:21px}.apex-studio .service-row p{font-size:14px;line-height:1.7}.apex-studio .split-intro{display:block;margin-bottom:28px}.apex-studio .split-intro>p{font-size:17px}.apex-studio .problem-grid{display:block}.apex-studio .problem-grid article{padding:20px 0}.apex-studio .process-grid{grid-template-columns:1fr!important;gap:22px}.apex-studio .process-item{padding-top:20px}.apex-studio .process-item h3{margin:10px 0}.apex-studio .connection{padding-block:55px}.apex-studio .section-heading{display:block;margin-bottom:30px}.apex-studio .closing{padding-block:40px}.apex-studio .closing>.wrap{display:block}.apex-studio .closing h2{font-size:30px}.apex-studio .closing .button{margin-top:24px;max-width:100%}.apex-studio .contact-layout{display:block;padding-block:35px 55px}.apex-studio .contact-intro h1{font-size:36px}.apex-studio .contact-intro>.studio-scene{height:260px}.apex-studio :is(.cs-index-hero,.ip-hub)>.studio-scene{float:none;width:100%;height:280px;margin:20px 0}.apex-studio :is(.cs-index-hero,.ip-hub)>h1{font-size:36px}.apex-studio .in-reading>header>.studio-scene{height:260px}.apex-studio .in-hub-hero>div>.studio-scene{height:280px}.apex-studio .reading>.studio-scene{height:240px}.apex-studio .studio-motion{min-height:44px;bottom:10px;inset-inline-end:12px}.apex-studio .site-footer{padding-top:45px}html[lang^=ar] .apex-studio .studio-hero h1{font-size:40px;line-height:1.4;max-width:13ch}html[lang^=ar] .apex-studio .inner-hero>h1{font-size:34px}.apex-studio .in-toc{max-width:100%}}
@media(prefers-reduced-motion:reduce){.apex-studio *{animation:none!important;scroll-behavior:auto!important;transition:none!important}.apex-studio .button:hover{transform:none}}
@media print{.studio-scene,.studio-menu-panel,.studio-preview-note{display:none!important}.apex-studio .studio-hero{background:white;color:black}.studio-hero>.wrap{display:block;min-height:0}}
.apex-studio{font-family:"Segoe UI",Arial,sans-serif}.apex-studio .site-header{box-shadow:0 0 0 100vmax #151514;clip-path:inset(0 -100vmax);margin-block:0!important}.apex-studio .studio-hero h1{max-width:14ch}.studio-scene:after{z-index:0;inset:auto 12% 9%;height:12%;background:radial-gradient(ellipse,rgba(0,0,0,.6),transparent 70%)}.studio-scene canvas.studio-webgl{z-index:1}.studio-scene.webgl-ready .studio-fallback{opacity:0}@media(max-width:760px){.studio-hero .studio-market{order:5;width:100%}}
.apex-studio input:is([type=checkbox],[type=radio]){min-height:0;width:20px;height:20px;padding:0}.apex-studio .check{min-height:44px;display:flex;gap:12px;align-items:center}
.studio-scene .studio-fallback{object-position:right center}
.studio-hero .studio-scene{background:transparent}.studio-hero .studio-scene .studio-webgl{-webkit-mask-image:linear-gradient(to top,transparent,#000 14%,#000 97%,transparent);mask-image:linear-gradient(to top,transparent,#000 14%,#000 97%,transparent)}
.apex-studio :is(.inner-hero,.cs-index-hero,.ip-hub,.in-hub-hero,.cs-case-hero,.audit-hero){position:relative;background:#151514;color:#f5f1e8;box-shadow:0 0 0 100vmax #151514;clip-path:inset(0 -100vmax)}.apex-studio :is(.inner-hero,.cs-index-hero,.ip-hub,.in-hub-hero,.cs-case-hero,.audit-hero) :is(h1,h2,h3){color:inherit}.apex-studio :is(.inner-hero,.cs-index-hero,.ip-hub,.in-hub-hero,.cs-case-hero,.audit-hero) p{color:#c7c0b5}.apex-studio .inner-hero .intro-copy{border-color:#5b5144}.apex-studio .breadcrumb{background:#151514;color:#c7c0b5;box-shadow:0 0 0 100vmax #151514;clip-path:inset(0 -100vmax)}.apex-studio .ip-hero{background:#151514;color:#f5f1e8}.apex-studio .ip-hero h1{color:#f5f1e8}.apex-studio .ip-hero p{color:#c7c0b5}.apex-studio .ip-path{background:#23221e;border-color:#514537}.apex-studio .ip-path :is(h2,p,li){color:#f5f1e8!important}.apex-studio .contact-intro{background:#151514;color:#f5f1e8;padding:30px}.apex-studio .contact-intro :is(h1,p,a){color:inherit}.apex-studio .contact-intro p{color:#c7c0b5}
/* Spatial direction, inspired by the reference gallery; Apex brand retained. */
.apex-studio{--studio-paper:#e7e5df;--studio-copper:#bd8148;background:var(--studio-paper)}
.apex-studio .spatial-hero{background:#111311;color:#f4f0e9;overflow:hidden;padding:38px 0 0!important;position:relative}
.apex-studio .spatial-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 80% 40%,#7d50362b,transparent 60%),radial-gradient(ellipse at 10% 60%,#73736b24,transparent 55%);pointer-events:none}
.apex-studio .spatial-hero>.wrap{display:block;min-height:0;position:relative}
.apex-studio .spatial-hero .studio-hero-copy{display:flex;justify-content:space-between;align-items:end;gap:40px}
.apex-studio .spatial-hero h1{font-size:clamp(50px,6vw,88px);line-height:1.05;max-width:none;margin:0;letter-spacing:-.055em;font-weight:400}
.apex-studio .spatial-hero .studio-hero-copy>p{font-size:16px;line-height:1.7;max-width:32ch;margin:0 0 4px;color:#c9c3ba}
.apex-studio .spatial-hero .spatial-gallery{width:calc(100% + 96px);margin:0 -48px;height:520px;background:transparent}
.apex-studio .spatial-gallery{display:block;position:relative;float:none!important;isolation:isolate;overflow:hidden;margin:20px 0;width:100%;height:470px;min-height:0;background:radial-gradient(ellipse at 50% 85%,#a56d392b,transparent 65%);border:0;border-radius:0;aspect-ratio:auto}
.spatial-gallery:after{display:none!important}.spatial-stage{position:absolute;inset:0 0 68px;perspective:1300px;perspective-origin:50% 45%;overflow:hidden;touch-action:pan-y;direction:ltr;cursor:grab;user-select:none}
.spatial-stage.is-dragging{cursor:grabbing}.spatial-panel{position:absolute;left:50%;top:50%;width:24%;height:360px;display:block;transform:translate(-50%,-50%);transform-style:preserve-3d;will-change:transform;text-decoration:none!important;border:1px solid #b8a38c66;border-radius:5px;overflow:hidden;box-shadow:0 25px 35px -22px #000b;background:#292a27;backface-visibility:hidden;color:#fff!important;transition:box-shadow .35s,border-color .35s}
.spatial-panel:hover,.spatial-panel:focus-visible{border-color:#e5b87f;box-shadow:0 24px 40px -15px #000e;outline-offset:-5px!important}
.spatial-gallery .spatial-panel .studio-fallback{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;object-fit:cover;object-position:center;opacity:1!important;filter:none;transform:scale(1.02);transition:transform .8s cubic-bezier(.2,.7,.3,1)}
.spatial-panel:hover img{transform:scale(1.07)!important}.spatial-panel:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#080b09d9);pointer-events:none}
.spatial-caption{position:absolute;bottom:20px;inset-inline:18px;display:grid;grid-template-columns:1fr 24px;gap:8px;z-index:2;direction:ltr;text-align:left}.spatial-caption>span{grid-column:1/-1;font-size:10px;letter-spacing:.16em;opacity:.8}.spatial-caption strong{font-size:19px;line-height:1.35;font-weight:400;letter-spacing:-.02em}.spatial-caption svg{width:22px;height:22px;align-self:end}
html[lang^=ar] .spatial-caption{direction:rtl;text-align:right}html[lang^=ar] .spatial-caption strong{font-size:21px;line-height:1.5}
.apex-studio .spatial-controls{position:absolute;inset:auto 24px 6px;display:flex;align-items:center;justify-content:center;gap:20px;color:inherit;min-height:50px;z-index:30;font-size:12px;direction:ltr}
.apex-studio .spatial-controls button{font:inherit;color:inherit;background:transparent;border:0;min-height:44px;padding:10px 14px;position:static;inset:auto;border-radius:0;line-height:1.3;opacity:1}
.apex-studio .spatial-controls .studio-motion{border-inline:1px solid #9a8a734d;font-size:11px;min-width:110px}
.spatial-views{display:flex;border:1px solid #a8977c66;border-radius:30px;padding:3px}.apex-studio .spatial-views button{min-height:34px;padding:7px 18px;border-radius:30px}.apex-studio .spatial-views button[aria-pressed=true]{background:#e7e5df;color:#151514}.spatial-step{display:flex;align-items:center;gap:3px}.spatial-step svg{width:22px;height:22px}.spatial-step button:first-child svg{transform:rotate(180deg)}.spatial-count{font-size:10px;letter-spacing:.1em;min-width:46px;text-align:center}
.spatial-hero-bottom{border-top:1px solid #8c806440;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:24px 0 32px;font-size:12px;letter-spacing:.04em}
.apex-studio .studio-services{display:block}.apex-studio .studio-services>.studio-scene{display:none}.apex-studio .service-row{transition:background .3s,transform .5s}.apex-studio .service-row:hover{transform:translateX(5px)}
.apex-studio .inner-hero{display:block}.apex-studio .inner-hero>h1{max-width:20ch}.apex-studio .inner-hero>.spatial-gallery{width:100%;height:440px;margin:25px 0}.apex-studio .inner-hero>.intro-copy{max-width:75ch}.apex-studio .contact-intro>.spatial-gallery{height:420px}.apex-studio .contact-intro .spatial-panel .spatial-caption strong{font-size:15px}
.apex-studio :is(.cs-index-hero,.ip-hub,.in-hub-hero,.in-reading>header,.reading) .spatial-gallery{width:100%;height:440px;float:none;margin:24px 0}
.spatial-reveal{opacity:1;transform:none}.spatial-reveal.spatial-in{animation:spatial-arrive .9s cubic-bezier(.16,.7,.2,1) both}@keyframes spatial-arrive{from{opacity:.55;transform:translate3d(0,35px,0)}to{opacity:1;transform:none}}
@media(max-width:760px){
.apex-studio .spatial-hero{padding-top:22px!important}.apex-studio .spatial-hero>.wrap{display:block}.apex-studio .spatial-hero .studio-hero-copy{display:block}.apex-studio .spatial-hero h1{font-size:48px;line-height:1.1;margin:12px 0 18px;max-width:12ch}html[lang^=ar] .apex-studio .spatial-hero h1{font-size:44px;line-height:1.4;max-width:none}.apex-studio .spatial-hero .studio-hero-copy>p{font-size:15px;max-width:100%;margin:0;color:#c9c3ba}
.apex-studio .spatial-hero .spatial-gallery{height:440px;width:calc(100% + 40px);margin:5px -20px 0}.apex-studio .spatial-gallery{height:440px}.spatial-stage{inset:0 0 78px;perspective:950px}.spatial-caption strong{font-size:19px}.spatial-caption{bottom:18px;inset-inline:16px}.apex-studio .spatial-controls{inset:auto 10px 8px;gap:4px;justify-content:space-between;font-size:11px}.apex-studio .spatial-controls button{padding:8px 10px}.apex-studio .spatial-controls .studio-motion{min-width:90px;padding-inline:8px;font-size:10px}.apex-studio .spatial-views button{padding:6px 13px}.spatial-step{gap:0}.spatial-count{min-width:38px;font-size:9px}
.spatial-hero-bottom{display:block;padding:15px 0 28px;font-size:10px}.spatial-hero-bottom>.button{display:flex;width:100%;margin-top:18px;font-size:15px}.apex-studio .spatial-gallery[data-view=grid]{height:590px}.apex-studio .spatial-gallery[data-view=grid] .spatial-caption strong{font-size:15px}.apex-studio .spatial-gallery[data-view=grid] .spatial-caption{inset-inline:10px;bottom:12px}.apex-studio .spatial-gallery[data-view=grid] .spatial-caption svg{width:17px}
.apex-studio .inner-hero>.spatial-gallery,.apex-studio .contact-intro>.spatial-gallery{height:430px}.apex-studio .contact-intro{padding:22px 15px}.apex-studio .spatial-gallery[data-view=grid]{height:590px!important}
}
@media(prefers-reduced-motion:reduce){.spatial-reveal.spatial-in{animation:none}.spatial-panel,.spatial-panel img{transition:none!important}.apex-studio .service-row:hover{transform:none}}
@media print{.spatial-gallery{display:none!important}}
.apex-studio .spatial-ready .studio-motion{display:inline-flex!important;align-items:center;justify-content:center}.apex-studio .spatial-panel .spatial-caption strong{font-family:inherit!important;font-weight:400!important}.apex-studio .spatial-hero>.wrap{padding-top:10px}
@media(max-width:390px){.apex-studio .spatial-controls{gap:0;inset-inline:5px}.apex-studio .spatial-controls button{padding-inline:7px}.apex-studio .spatial-controls .studio-motion{min-width:80px}.spatial-count{min-width:34px}}
.apex-studio .service-row{display:grid!important;grid-template-columns:1fr 1fr;gap:7%;align-items:center;padding:38px 0!important}.apex-studio .service-row .anr-photo{display:block!important;position:relative;width:100%;aspect-ratio:1.8;overflow:hidden;border-radius:3px;perspective:1000px}.apex-studio .service-row .anr-photo-image{display:block!important;width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.16,.7,.2,1)}.apex-studio .service-row:hover .anr-photo-image{transform:scale(1.045)}.apex-studio .service-row:nth-child(even) .anr-photo{order:2}.apex-studio .service-row .anr-service-copy{width:100%}.spatial-morph .spatial-panel{transition:transform .85s cubic-bezier(.2,.7,.2,1),width .85s,height .85s}
.spatial-gallery:not(.spatial-ready) .spatial-stage{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:30px;position:relative;inset:auto}.spatial-gallery:not(.spatial-ready) .spatial-panel{position:relative;left:auto;top:auto;width:auto;transform:none;height:330px}.spatial-gallery:not(.spatial-ready) .spatial-controls{display:none}
@media(max-width:760px){.apex-studio .spatial-hero .studio-hero-copy{padding:0!important;margin:0!important}.apex-studio .spatial-hero h1{margin-top:0!important}.apex-studio .service-row{grid-template-columns:1fr;gap:20px;padding:25px 0!important}.apex-studio .service-row:nth-child(even) .anr-photo{order:0}.apex-studio .service-row .anr-photo{aspect-ratio:1.8}.spatial-gallery:not(.spatial-ready) .spatial-stage{grid-template-columns:repeat(2,1fr);padding:12px}.spatial-gallery:not(.spatial-ready) .spatial-panel{height:180px}.apex-studio .contact-intro .spatial-controls{flex-wrap:wrap;inset-inline:0;justify-content:center}.apex-studio .contact-intro .spatial-stage{bottom:110px}.apex-studio .contact-intro>.spatial-gallery{height:470px}}
@media(prefers-reduced-motion:reduce){.apex-studio .service-row .anr-photo-image{transition:none!important;transform:none!important}}
/* Focused-card depth: first service in front, softened supporting panels. */
.apex-studio .spatial-ready .spatial-panel{filter:blur(var(--focus-blur,0px));opacity:var(--focus-opacity,1);transition:filter .65s ease,opacity .65s ease,box-shadow .35s,border-color .35s}.apex-studio .spatial-ready .spatial-panel.is-focused{border-color:#cfaa7b;box-shadow:0 30px 65px -25px #000e}.apex-studio .spatial-ready .spatial-panel:focus-visible{filter:none;opacity:1}.spatial-morph .spatial-panel{transition:transform .85s cubic-bezier(.2,.7,.2,1),width .85s,height .85s,filter .65s,opacity .65s!important}
@media(prefers-reduced-motion:reduce){.apex-studio .spatial-ready .spatial-panel{transition:none!important}}
/* Service-specific motion art, native vector layers behind photographic cards. */
.apex-studio .spatial-panel{overflow:visible;border:0;background:transparent;box-shadow:none!important;isolation:isolate}.apex-studio .spatial-panel .studio-fallback{border:1px solid #a58b6666;border-radius:5px;box-shadow:0 22px 50px -25px #000c;transform:scale(1)!important;filter:saturate(.66) contrast(1.025)!important}.apex-studio .spatial-panel.is-focused .studio-fallback{border-color:#cba06a}.spatial-panel:after{border-radius:0 0 5px 5px}.service-motion{position:absolute;inset:-30% -40%;z-index:-1;color:#c1915a;opacity:0;transform:translateZ(-40px);pointer-events:none;transition:opacity .75s ease}.service-motion svg{width:100%;height:100%;overflow:visible}.is-focused>.service-motion{opacity:.64}.motion-orbit,.motion-detail{transform-box:fill-box;transform-origin:center;animation-play-state:paused;will-change:transform}.spatial-gallery[data-motion=playing][data-visible=true] .is-focused .motion-orbit{animation:service-orbit 12s cubic-bezier(.45,0,.55,1) infinite alternate}.spatial-gallery[data-motion=playing][data-visible=true] .is-focused .motion-detail{animation:service-detail 9s cubic-bezier(.45,0,.55,1) infinite alternate}.spatial-gallery[data-motion=paused] .motion-orbit,.spatial-gallery[data-motion=paused] .motion-detail,.spatial-gallery[data-visible=false] .motion-orbit,.spatial-gallery[data-visible=false] .motion-detail{animation-play-state:paused!important}.spatial-gallery[data-view=grid] .service-motion{opacity:0!important}.service-marketing .motion-route{stroke-dasharray:8 12}.spatial-gallery[data-motion=playing][data-visible=true] .is-focused .motion-route{animation:service-route 12s linear infinite}
@keyframes service-orbit{0%{transform:translate3d(-8px,10px,0) rotate(-5deg)}100%{transform:translate3d(12px,-15px,0) rotate(4deg)}}@keyframes service-detail{0%{transform:translate3d(5px,-12px,0) rotate(5deg)}100%{transform:translate3d(-9px,16px,0) rotate(-5deg)}}@keyframes service-route{to{stroke-dashoffset:-120}}
@media(max-width:760px){.service-motion{inset:-22% -26%}.is-focused>.service-motion{opacity:.5}.service-motion svg{stroke-width:1.8}}
@media(prefers-reduced-motion:reduce){.service-motion *{animation:none!important}.service-motion{transition:none!important}}
.motion-orbit{animation:service-orbit 12s cubic-bezier(.45,0,.55,1) infinite alternate paused}.motion-detail{animation:service-detail 9s cubic-bezier(.45,0,.55,1) infinite alternate paused}.service-marketing .motion-route{animation:service-route 12s linear infinite paused}.spatial-gallery[data-motion=playing][data-visible=true] .is-focused .motion-orbit,.spatial-gallery[data-motion=playing][data-visible=true] .is-focused .motion-detail,.spatial-gallery[data-motion=playing][data-visible=true] .is-focused .motion-route{animation-play-state:running}.spatial-gallery[data-view=grid] .service-motion *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.service-motion *{animation:none!important}}
/* Interior pages: compact editorial headings; immersive hero belongs only to home. */
.apex-studio :is(.inner-hero,.cs-index-hero,.ip-hub,.in-hub-hero,.cs-case-hero,.audit-hero,.ip-hero,.contact-intro){background:transparent;color:var(--studio-ink);box-shadow:none;clip-path:none;padding-block:32px}.apex-studio :is(.inner-hero,.cs-index-hero,.ip-hub,.in-hub-hero,.cs-case-hero,.audit-hero,.ip-hero,.contact-intro) p{color:#5e5a53}.apex-studio :is(.inner-hero,.cs-index-hero,.ip-hub,.in-hub-hero,.cs-case-hero,.audit-hero,.ip-hero,.contact-intro) h1{color:var(--studio-ink);font-size:clamp(32px,3.6vw,52px);line-height:1.2;max-width:24ch}.apex-studio .breadcrumb{background:transparent;box-shadow:none;clip-path:none;color:#655d50}.apex-studio .contact-intro a{color:inherit}
@media(max-width:760px){.apex-studio :is(.inner-hero,.cs-index-hero,.ip-hub,.in-hub-hero,.cs-case-hero,.audit-hero,.ip-hero,.contact-intro) h1{font-size:34px!important}}
/* Service pages use a content story, not the home gallery/hero. */
.apex-studio[data-service-story=true] main>.anr-editorial,.apex-studio[data-service-story=true] main>.wide-art{display:none!important}.service-story{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start;padding:45px 0 65px}.story-visual{position:sticky;top:90px;margin:0;min-width:0;height:580px;display:flex;align-items:center;justify-content:center;perspective:1200px;isolation:isolate}.story-plane{width:min(78%,390px);aspect-ratio:4/5;position:relative;transform-style:preserve-3d;filter:drop-shadow(0 25px 24px #16161125)}.story-piece{position:absolute;width:33.45%;height:33.45%;background-size:300% 300%;background-repeat:no-repeat;border:.4px solid #c6ae8d50;will-change:transform;backface-visibility:hidden}.story-toggle{position:absolute;bottom:0;inset-inline-start:50%;transform:translateX(-50%);background:transparent;color:inherit;border:1px solid #8a796055;min-height:44px;padding:10px 20px;font:inherit;font-size:12px;white-space:nowrap}.story-chapters .story-chapter{min-height:78vh;padding:70px 0;display:flex;align-items:center;background:transparent}.story-chapters .content-split{display:block!important;width:100%!important;max-width:none;padding:0;margin:0}.story-chapters h2{font-size:clamp(27px,3vw,40px);line-height:1.35;margin:0 0 28px}.story-chapters p{font-size:17px;line-height:1.9}.story-chapters .prose{max-width:none}.story-chapters .wrap{width:100%!important}
@media(max-width:760px){.service-story{display:block;padding-top:15px}.story-visual{height:340px;top:0;background:var(--studio-paper);z-index:2;margin:0 -20px;padding:15px 20px 30px}.story-plane{height:260px;width:208px;flex:none}.story-toggle{bottom:5px;font-size:10px;padding:6px 12px;min-height:36px}.story-chapters{position:relative;z-index:3}.story-chapters .story-chapter{min-height:65vh;padding:45px 0;background:var(--studio-paper)}.story-chapters h2{font-size:29px}.story-chapters p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.story-piece{will-change:auto}.story-visual{position:relative;top:auto}.story-chapters .story-chapter{min-height:0;padding-block:35px}}
.story-visual{height:660px}.story-plane{width:min(74%,360px);margin-bottom:60px}.story-toggle{background:var(--studio-paper);z-index:4;bottom:8px}
@media(max-width:760px){.story-visual{height:360px}.story-plane{height:230px;width:184px;margin-bottom:45px}.story-toggle{bottom:8px}}
/* Keep selected Pinterest imagery in its original colour. Background-card blur stays intentional. */
.apex-studio .spatial-panel .studio-fallback,.apex-studio .anr-photo-image{filter:none!important;opacity:1!important;mix-blend-mode:normal!important}.apex-studio .anr-photo:after,.apex-studio .anr-photo:before{display:none!important}.apex-studio .spatial-panel:after{inset:72% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.76))}.apex-studio .spatial-panel.is-focused{opacity:1!important;filter:none!important}.apex-studio .service-strategy .studio-fallback{object-position:50% 60%}.apex-studio .service-marketing .studio-fallback{object-position:50% 50%}.apex-studio .service-commerce .studio-fallback{object-position:50% 45%}
.apex-studio .spatial-ready .spatial-panel{transition:opacity .65s ease!important}
.apex-studio .spatial-ready.spatial-morph .spatial-panel{transition:transform .85s cubic-bezier(.2,.7,.2,1),opacity .65s ease!important}