/* Content substitutions only: retain reference typography, layout and GSAP timing. */
:root{--color-red:#38e1f3}
::selection{background:#38e1f3;color:#080c0d}
[data-o3-status]{font:16px sans-serif;padding:20px 0;color:inherit}
img[src*="/o3/images/"],img[src*="/o3/entourage/"]{object-fit:cover!important;background:#080c0d}
video[data-o3]{visibility:hidden}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
:root{--o3-client-gray:#777;--o3-client-note:#888;--o3-focus:#38e1f3}
.o3-client-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2.5rem 3rem;padding:1.5rem 0}
.o3-client-logo{height:110px;display:flex;align-items:center;justify-content:center}
.o3-client-logo img{display:block;max-width:100%;width:220px;height:100%;object-fit:contain;filter:grayscale(1);opacity:.65;mix-blend-mode:multiply}
.o3-client-note{font-size:12px;line-height:1.5;color:var(--o3-client-note);text-align:center;margin:1.5rem 0 0}
[data-theme="dark"] .o3-client-logo img{filter:grayscale(1) invert(1);mix-blend-mode:screen}
[data-o3-orb-host]{pointer-events:none}
.o3-orb-fallback{background:radial-gradient(ellipse at center,transparent 24%,#e4ffff 29%,#38e1f3 34%,#003e49 40%,transparent 50%)}
a:focus-visible,button:focus-visible,[role="button"]:focus-visible{outline:2px solid var(--o3-focus);outline-offset:5px}
@media(max-width:768px){.o3-client-grid{gap:1rem}.o3-client-logo{height:65px}.o3-client-note{font-size:10px}}
.o3-lightbox-open nav{visibility:hidden!important;pointer-events:none!important}
.svg-wrapper { position:absolute!important;top:50%!important;left:50%!important;translate:none!important;transform:translate(-50%,-50%)!important;margin:0!important;width:100vw!important;height:100svh!important; }
.svg-wrapper > div, .svg-wrapper path { display:none!important; }
.svg-wrapper + div { top:50%!important;bottom:auto!important;translate:none!important;transform:translate(-50%,-50%)!important; }
.svg-wrapper + div > :first-child, .svg-wrapper + div + div { display:none!important; }
div:has(> .svg-wrapper) { cursor:auto!important; }
.o3-enter-button { position:relative;width:120px;height:120px;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer; }
.o3-enter-button > svg { position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;animation:o3-entry-orbit 28s linear infinite; }
.o3-enter-button text { fill:#fff;font:600 10px Arial,sans-serif;letter-spacing:1px; }
.o3-enter-disc { position:absolute;top:50%;left:50%;translate:-50% -50%;width:42px;height:42px;border-radius:50%;background:#38e1f3;transition:background .2s,scale .2s; }
.o3-enter-button:hover .o3-enter-disc { background:#fff;scale:1.06; }
.o3-enter-button:focus-visible { outline:2px solid #38e1f3;outline-offset:6px; }
@keyframes o3-entry-orbit { to { rotate:360deg; } }
@media (prefers-reduced-motion:reduce) { .o3-enter-button > svg { animation:none; } }
@media (max-width:768px) { .svg-wrapper > svg { position:absolute;top:50%;left:50%;translate:-50% -50%;width:220vw!important;height:auto!important;max-width:none; } }



/* O3 balanced client grid */
.o3-client-grid{--logo-unit:clamp(.42px,.1vw,1px);grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,112px);gap:24px 16px;max-width:1200px;margin-inline:auto;padding:24px 0}
.o3-client-logo{position:relative;height:100%;overflow:hidden;transform:none!important;opacity:1!important;visibility:visible!important}
.o3-client-logo img{position:absolute;left:50%;top:50%;height:auto!important;max-width:none!important;object-fit:contain}
.o3-client-note{font:12px/1.5 Arial,sans-serif}
@media(max-width:768px){.o3-client-grid{grid-template-rows:repeat(4,80px);gap:8px}.o3-client-note{font-size:10px}}
.group:has(>button)>svg[viewBox="0 0 7 7"]{display:none!important}
section[aria-label="Gradient orb"] .z-20 .border{color:#dcecef;border-color:#dcecef66}
section[aria-label="Gradient orb"] .z-20 svg path{stroke:#dcecef}
.o3-client-logo img[src$="/google.png"]{width:calc(219 * var(--logo-unit))!important;transform:translate(-49.84%,-49.92%)!important;filter:brightness(0) invert(.45)!important;opacity:1!important;mix-blend-mode:normal!important;}
.o3-client-logo img[src$="/world-government-summit.png"]{width:calc(122 * var(--logo-unit))!important;transform:translate(-49.92%,-49.92%)!important;filter:brightness(0) invert(.45)!important;opacity:1!important;mix-blend-mode:normal!important;}
.o3-client-logo img[src$="/amazon.png"]{width:calc(187 * var(--logo-unit))!important;transform:translate(-49.92%,-49.92%)!important;filter:brightness(0) invert(.45)!important;opacity:1!important;mix-blend-mode:normal!important;}
.o3-client-logo img[src$="/coca-cola.png"]{width:calc(206 * var(--logo-unit))!important;transform:translate(-49.92%,-49.92%)!important;filter:brightness(0) invert(.45)!important;opacity:1!important;mix-blend-mode:normal!important;}
.o3-client-logo img[src$="/mercedes-benz.png"]{width:calc(145 * var(--logo-unit))!important;transform:translate(-49.84%,-50.00%)!important;filter:brightness(0) invert(.45)!important;opacity:1!important;mix-blend-mode:normal!important;}
.o3-client-logo img[src$="/aramco.png"]{width:calc(166 * var(--logo-unit))!important;transform:translate(-49.92%,-49.92%)!important;filter:brightness(0) invert(.45)!important;opacity:1!important;mix-blend-mode:normal!important;}
.o3-client-logo img[src$="/ithra.png"]{width:calc(131 * var(--logo-unit))!important;transform:translate(-49.92%,-49.92%)!important;filter:brightness(0) invert(.45)!important;opacity:1!important;mix-blend-mode:normal!important;}
.o3-client-logo img[src$="/undp.png"]{width:calc(88 * var(--logo-unit))!important;transform:translate(-50.00%,-49.84%)!important;filter:brightness(0) invert(.45)!important;opacity:1!important;mix-blend-mode:normal!important;}
.o3-client-logo img[src$="/emirates-airline.png"]{width:calc(199 * var(--logo-unit))!important;transform:translate(-49.92%,-50.40%)!important;filter:grayscale(1)!important;opacity:.65!important;mix-blend-mode:multiply!important;}
.o3-client-logo img[src$="/qadsiah.png"]{width:calc(77 * var(--logo-unit))!important;transform:translate(-49.92%,-49.92%)!important;filter:brightness(0) invert(.45)!important;opacity:1!important;mix-blend-mode:normal!important;}
.o3-client-logo img[src$="/pepsi.png"]{width:calc(104 * var(--logo-unit))!important;transform:translate(-49.92%,-49.92%)!important;filter:brightness(0) invert(.45)!important;opacity:1!important;mix-blend-mode:normal!important;}
.o3-client-logo img[src$="/dewa.png"]{width:calc(103 * var(--logo-unit))!important;transform:translate(-49.84%,-50.00%)!important;filter:brightness(0) invert(.45)!important;opacity:1!important;mix-blend-mode:normal!important;}
.o3-client-logo img[src$="/deloitte.png"]{width:calc(192 * var(--logo-unit))!important;transform:translate(-50.00%,-49.84%)!important;filter:brightness(0) invert(.45)!important;opacity:1!important;mix-blend-mode:normal!important;}
.o3-client-logo img[src$="/discovery.png"]{width:calc(167 * var(--logo-unit))!important;transform:translate(-50.00%,-50.00%)!important;filter:brightness(0) invert(.45)!important;opacity:1!important;mix-blend-mode:normal!important;}
.o3-client-logo img[src$="/hsbc.png"]{width:calc(212 * var(--logo-unit))!important;transform:translate(-49.84%,-49.92%)!important;filter:brightness(0) invert(.45)!important;opacity:1!important;mix-blend-mode:normal!important;}
.o3-client-logo img[src$="/adnoc.png"]{width:calc(116 * var(--logo-unit))!important;transform:translate(-49.92%,-50.00%)!important;filter:brightness(0) invert(.45)!important;opacity:1!important;mix-blend-mode:normal!important;}

/* Keep internal detail in mixed-colour source marks. */
.o3-client-logo img[src$="/aramco.png"],.o3-client-logo img[src$="/pepsi.png"],.o3-client-logo img[src$="/adnoc.png"]{filter:grayscale(1) brightness(.4) contrast(.5)!important}
.fixed svg[viewBox="0 0 7 7"]{display:none!important}

/* Soft dark hero reveal: preserve the original timeline and panel movement. */
section[aria-label="Gradient orb"] .z-2.bg-white{background:#060c0f!important}
section[aria-label="Gradient orb"] .z-20.absolute[class~="top-[60%]"]{top:54.4444%!important;left:50%!important}
video[src*="/o3/entourage/"]{object-fit:cover!important}

/* Site-wide corner bracket removal, as requested. */
svg[viewBox="0 0 7 7"],svg[viewBox="0 0 8 8"]{display:none!important}

/* Prevent finished reveal masks from clipping the condensed font ascenders. */
.word-outer,.char-outer,.line-outer{overflow:clip!important;overflow-clip-margin:.16em}

/* Latest approved client treatment: white marks on a dark field. */
.o3-client-section{background:#171717;color:#fff;padding:24px clamp(16px,3vw,48px)}
.o3-client-section .o3-client-note{color:#bdbdbd}
.o3-client-section .o3-client-logo img{filter:brightness(0) invert(1)!important;opacity:1!important;mix-blend-mode:screen!important}
.o3-client-section .o3-client-logo img[src$="/aramco.png"],.o3-client-section .o3-client-logo img[src$="/pepsi.png"],.o3-client-section .o3-client-logo img[src$="/adnoc.png"]{filter:none!important}
.o3-client-section .o3-client-logo img[src$="/emirates-airline.png"]{filter:invert(1)!important}

/* Rotating physics tags must not create sideways page scrolling. */
div.select-none:has(>div.absolute.cursor-grab){overflow-x:clip}

/* Studio statement: nearby animated shapes stay in their own grid columns. */
.o3-studio-statement{--quote-size:clamp(80px,13vw,220px);position:relative;z-index:10;isolation:isolate;display:grid;grid-template-columns:var(--quote-size) minmax(0,1100px) var(--quote-size);column-gap:clamp(16px,1.4vw,24px);row-gap:28px;align-content:center;justify-content:center;width:100%;min-height:clamp(600px,90svh,1000px);padding:100px clamp(24px,4vw,72px);color:#f8f7f6}
.o3-studio-statement>div:first-child{position:relative;z-index:1;grid-column:2;grid-row:1;width:100%;min-width:0}
.o3-statement-copy{width:100%;margin:0;text-align:center;text-transform:uppercase;font-size:clamp(32px,4.1vw,70px);line-height:1.05;text-wrap:balance}
.o3-statement-note{display:block;max-width:46ch;margin:26px auto 0;font-family:var(--font-work-sans),Arial,sans-serif;font-size:clamp(14px,1.2vw,18px);font-weight:400;line-height:1.6;letter-spacing:0;text-transform:none;text-wrap:pretty;color:#b7b7b7}
.o3-statement-mark{position:relative;z-index:0;width:var(--quote-size);height:var(--quote-size);pointer-events:none;animation:o3-statement-drift 3.2s ease-in-out infinite alternate;will-change:transform}
.o3-statement-mark-start{grid-column:1;grid-row:1;align-self:start;justify-self:end}
.o3-statement-mark-end{grid-column:3;grid-row:1;align-self:end;justify-self:start;animation-delay:-3.2s}
.o3-studio-statement>.group{position:relative;z-index:1;grid-column:2;grid-row:2;justify-self:center}
.o3-studio-statement>.group>a{min-height:44px;display:flex;align-items:center;justify-content:center;padding:12px 16px;font-size:clamp(12px,1vw,16px)}
@keyframes o3-statement-drift{from{transform:translateY(-8px) rotate(-2deg)}to{transform:translateY(8px) rotate(2deg)}}
@media(max-width:768px){.o3-studio-statement{--quote-size:72px;min-height:0;grid-template-columns:1fr 1fr;padding:32px 24px;gap:20px}.o3-studio-statement>div:first-child{grid-column:1 / -1;grid-row:2}.o3-statement-copy{font-size:clamp(28px,7.5vw,44px);line-height:1.08}.o3-statement-note{margin-top:22px;font-size:14px;max-width:35ch}.o3-statement-mark-start{grid-column:1;grid-row:1;justify-self:start}.o3-statement-mark-end{grid-column:2;grid-row:4;justify-self:end}.o3-studio-statement>.group{grid-column:1 / -1;grid-row:3}}
@media(prefers-reduced-motion:reduce){.o3-statement-mark{animation:none;will-change:auto}}

/* O3 identity: a true circular cyan zero and a compact three, at every scale. */
.o3-brandmark{position:relative;display:inline-block!important;width:.98em;height:.82em;line-height:.82!important;vertical-align:-.035em;white-space:nowrap;letter-spacing:0!important;font-size:inherit;font-family:Arial,sans-serif;font-weight:700;-webkit-text-fill-color:transparent;text-indent:0;isolation:isolate}
.o3-brandmark::before{content:"";position:absolute;left:.015em;top:.025em;width:.74em;height:.74em;box-sizing:border-box;border:.085em solid #8c15e9;border-radius:50%;pointer-events:none}
.o3-brandmark::after{content:"3";position:absolute;left:2.02em;bottom:-.015em;font:700 .36em/.95 Arial,sans-serif;letter-spacing:0;-webkit-text-fill-color:currentColor;pointer-events:none}
nav .o3-home-mark{font-size:clamp(32px,2.6vw,46px);color:#8c15e9;line-height:1;min-width:44px;min-height:44px;display:flex;align-items:center}
nav .o3-home-mark>div{display:none!important}
nav .o3-home-mark .o3-brandmark{transition:transform .2s ease}
nav .o3-home-mark:hover .o3-brandmark{transform:scale(1.06)}
@media(prefers-reduced-motion:reduce){nav .o3-home-mark .o3-brandmark{transition:none}}

/* Keep the hero clear: the original scroll-driven aperture remains interactive. */
section[aria-label="Gradient orb"] .z-20.absolute[class~="top-[60%]"]{display:none!important}

.o3-brandmark-split::before,.o3-brandmark-split::after{content:none}
.o3-brandmark-split>.o3-brandzero{position:absolute!important;left:0;top:0;width:.78em;height:.8em}
.o3-brandzero::before{content:"";position:absolute;left:.015em;top:.025em;width:.74em;height:.74em;box-sizing:border-box;border:.085em solid #8c15e9;border-radius:50%}
.o3-brandmark-split>.o3-brandthree{position:absolute!important;left:2.02em;bottom:-.015em;font:700 .36em/.95 Arial,sans-serif;letter-spacing:0;-webkit-text-fill-color:currentColor}