:root{
  --bg:#07090d;--bg2:#0a0d13;--panel:#0d1118;--line:rgba(255,255,255,.11);--line-strong:rgba(255,255,255,.2);
  --text:#f5f6f7;--muted:#9ea5b0;--red:#ff405e;--orange:#ff8a3d;--blue:#3d91ff;--purple:#8e5cff;--yellow:#dcdb26;
  --max:1500px;--gutter:clamp(22px,4.2vw,72px);--header:82px;--ease:cubic-bezier(.2,.72,.2,1);--chapter:#ff405e
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.45;overflow-x:hidden}
a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}
.noise{pointer-events:none;position:fixed;z-index:80;inset:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
.scroll-progress{position:fixed;z-index:90;top:0;left:0;width:100%;height:2px}.scroll-progress span{display:block;height:100%;width:0;background:var(--chapter);box-shadow:0 0 18px color-mix(in srgb,var(--chapter) 60%,transparent);transition:background .45s}
.chapter-orb{position:fixed;z-index:-1;width:45vw;height:45vw;right:-20vw;top:18vh;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--chapter) 7%,transparent),transparent 68%);filter:blur(20px);pointer-events:none;transition:background .7s}
.section-shell{width:min(100%,var(--max));margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter);position:relative}

.site-header{position:fixed;z-index:70;top:0;left:50%;transform:translateX(-50%);width:min(100%,var(--max));height:var(--header);display:flex;align-items:center;padding:0 var(--gutter);transition:background .35s,border .35s,backdrop-filter .35s}
.site-header.is-scrolled{background:rgba(7,9,13,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.07)}
.brand{display:flex;align-items:center;min-width:250px}.brand-logo{display:block;width:162px;height:auto;object-fit:contain;filter:drop-shadow(0 0 16px rgba(220,219,38,.08));transition:filter .3s var(--ease),transform .3s var(--ease)}.brand:hover .brand-logo{filter:drop-shadow(0 0 20px rgba(220,219,38,.18));transform:translateY(-1px)}.brand-logo--footer{width:190px}
.desktop-nav{display:flex;gap:30px;margin:auto}.desktop-nav a,.footer-links a{font-size:11px;color:#cbd0d7;transition:color .25s;position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-10px;height:1px;background:var(--yellow);transition:right .3s var(--ease)}.desktop-nav a:hover:after{right:0}.desktop-nav a:hover,.footer-links a:hover{color:#fff}
.chapter-indicator{display:flex;align-items:center;gap:10px;margin-right:20px;min-width:90px}.chapter-indicator i{width:5px;height:5px;border-radius:50%;background:var(--chapter);box-shadow:0 0 12px var(--chapter)}.chapter-indicator span{font-size:8px;letter-spacing:.15em;text-transform:uppercase;color:#7f8792}
.header-actions{display:flex;align-items:center;gap:13px}.language{border:0;background:transparent;color:#aeb4bd;font-size:9px;display:flex;gap:8px}.language span+span:before{content:"/";margin-right:8px;color:#454b56}
.pill-btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;border:1px solid color-mix(in srgb,var(--chapter) 70%,white 5%);padding:14px 19px;border-radius:999px;font-size:11px;background:rgba(255,255,255,.015);transition:background .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease),transform .3s var(--ease)}.pill-btn:hover,.pill-btn:focus-visible{background:var(--chapter);border-color:var(--chapter);color:#080a0e;transform:translateY(-2px)}.pill-btn:hover span,.pill-btn:focus-visible span{color:#080a0e}.pill-btn--small{padding:10px 16px}
.menu-btn{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:transparent}.menu-btn span{display:block;width:15px;height:1px;background:#fff;margin:5px auto}.mobile-menu{display:none}

.eyebrow{margin:0 0 22px;font-size:9px;font-weight:650;letter-spacing:.29em;text-transform:uppercase;color:#c7cbd2}
.hero{min-height:880px;height:100svh;max-height:1050px;padding-top:var(--header);display:flex;flex-direction:column;justify-content:center;overflow:hidden;border-bottom:1px solid var(--line)}
.hero-media{position:absolute;inset:-4%;overflow:hidden;will-change:transform}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.035)}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,13,.985) 0%,rgba(5,8,13,.86) 34%,rgba(5,8,13,.21) 68%,rgba(5,8,13,.72) 100%),linear-gradient(0deg,rgba(7,9,13,.82),transparent 42%)}
.hero-light{position:absolute;width:36vw;height:36vw;border-radius:50%;left:60%;top:45%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,151,83,.18),transparent 66%);mix-blend-mode:screen;filter:blur(14px);transition:transform .2s linear;pointer-events:none}
.hero-grid{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(250px,.36fr);gap:9vw;align-items:center}
.kinetic-title{margin:0;font-size:clamp(60px,7.4vw,116px);line-height:.88;letter-spacing:-.065em;font-weight:570;display:grid;width:max-content;max-width:100%}.kinetic-title>span{display:block;will-change:transform;transition:transform .12s linear}.kinetic-title .accent{color:var(--red);position:relative;width:max-content}.kinetic-title .accent:after{content:"";position:absolute;left:2%;bottom:-10px;width:18%;height:2px;background:var(--yellow);box-shadow:0 0 18px rgba(220,219,38,.22);transform:skewX(-24deg)}
.hero-lede{max-width:590px;margin:30px 0 32px;font-size:clamp(15px,1.15vw,18px);line-height:1.7;color:#c6cbd2}
.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.magnetic-btn{display:inline-flex;align-items:center;gap:15px;font-size:10px;text-transform:uppercase;letter-spacing:.16em}.magnetic-icon{display:grid;place-items:center;width:56px;height:56px;border:1px solid var(--yellow);border-radius:50%;transition:.3s var(--ease);color:var(--yellow)}.magnetic-btn:hover .magnetic-icon{background:var(--yellow);color:#090b0f;transform:rotate(12deg);box-shadow:0 0 24px rgba(220,219,38,.18)}
.ghost-action{border:0;background:transparent;padding:10px 0;color:#bdc3cc;font-size:10px;text-transform:uppercase;letter-spacing:.14em;display:flex;align-items:center;gap:10px}.ghost-action span{font-size:9px;color:var(--yellow)}
.hero-rail{justify-self:end;width:min(100%,310px);border-left:1px solid var(--line);padding-left:30px}.rail-kicker{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.23em;color:#787f89;margin-bottom:24px}.hero-rail ol{list-style:none;padding:0;margin:0;display:grid;gap:16px}.hero-rail li{position:relative;display:flex;align-items:center;gap:12px;font-size:11px;color:#858d98;transition:.3s}.hero-rail li i{display:block;width:14px;height:1px;background:#505761;transition:.3s}.hero-rail li.is-active{color:#fff}.hero-rail li.is-active i{width:34px;background:var(--yellow);box-shadow:0 0 10px rgba(220,219,38,.35)}.hero-rail p{font-size:9px;line-height:1.7;text-transform:uppercase;letter-spacing:.18em;color:#727984;margin:34px 0 0}
.hero-wordmark{position:absolute;z-index:1;right:-.8vw;bottom:-6vw;font-size:clamp(220px,30vw,480px);font-weight:900;letter-spacing:-.1em;line-height:.75;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.045);pointer-events:none}
.hero-foot{position:absolute;z-index:4;bottom:22px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;gap:20px;color:#8c949f;font-size:8px;text-transform:uppercase;letter-spacing:.2em}.location-dot{white-space:nowrap}.location-dot span{display:inline-block;width:5px;height:5px;background:var(--yellow);border-radius:50%;box-shadow:0 0 15px rgba(220,219,38,.65);margin-right:8px}.hero-line{height:1px;background:var(--line);flex:1}.scroll-cue{white-space:nowrap}.scroll-cue span{margin-left:12px}

.services{padding-top:120px;padding-bottom:130px}.section-heading{display:grid;grid-template-columns:1.25fr .62fr;gap:8vw;align-items:end;margin-bottom:58px}.section-heading h2,.bridge h2,.approach h2,.work-intro h2,.insights-heading h2,.oman h2,.contact h2{margin:0;font-size:clamp(46px,5.2vw,82px);line-height:.92;letter-spacing:-.055em;font-weight:580}.section-heading h2 span,.bridge h2 span,.approach h2 span,.work-intro h2 span,.insights-heading h2 span,.contact h2 span{color:var(--red)}.section-heading>p{max-width:500px;margin:0 0 5px;color:#969eaa;font-size:14px;line-height:1.7}
.service-accordion{display:flex;gap:10px;height:610px}.service-panel{position:relative;flex:1 1 0;min-width:0;overflow:hidden;border:1px solid var(--line);background:#0b0f15;transition:flex .65s var(--ease),border-color .35s;outline:none}.service-panel.is-active{flex:2.55 1 0;border-color:color-mix(in srgb,var(--accent) 62%,white 8%)}.service-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease),filter .5s}.service-panel:not(.is-active) img{filter:saturate(.78) brightness(.7)}.service-panel.is-active img{transform:scale(1.035)}
.service-tint{position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,7,10,.96) 0%,rgba(5,7,10,.34) 46%,rgba(5,7,10,.13) 80%),linear-gradient(90deg,rgba(5,7,10,.45),transparent 60%)}.service-no{position:absolute;left:22px;top:23px;font-size:9px;color:#d1d5db;letter-spacing:.1em}.service-title{position:absolute;left:22px;right:22px;bottom:28px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;transition:bottom .55s var(--ease)}.service-title h3{margin:0;font-size:clamp(20px,1.75vw,29px);line-height:1.03;letter-spacing:-.04em;font-weight:580}.service-symbol{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border:1px solid rgba(255,255,255,.4);border-radius:50%;transition:.35s}.service-detail{position:absolute;left:22px;right:22px;bottom:26px;max-width:430px;opacity:0;transform:translateY(24px);pointer-events:none;transition:.45s var(--ease)}.service-detail p{font-size:13px;line-height:1.65;color:#c4cad2;max-width:380px}.service-detail ul{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:19px 0 22px}.service-detail li{font-size:8px;text-transform:uppercase;letter-spacing:.14em;border:1px solid rgba(255,255,255,.18);padding:7px 9px;background:rgba(7,9,13,.22);backdrop-filter:blur(8px)}.service-detail a{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:#fff}.service-panel.is-active .service-title{bottom:208px}.service-panel.is-active .service-symbol{background:var(--accent);border-color:var(--accent);transform:rotate(12deg)}.service-panel.is-active .service-detail{opacity:1;transform:none;pointer-events:auto}

.bridge{width:100%;height:72vh;min-height:600px;max-height:840px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.bridge-media{position:relative;width:100%;height:100%;padding:0;border:0;background:#090c11;text-align:left;overflow:hidden}.bridge-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease),filter .6s}.bridge-media:hover img{transform:scale(1.025);filter:saturate(1.12)}.bridge-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,8,12,.92) 0%,rgba(6,8,12,.52) 44%,rgba(6,8,12,.15) 72%,rgba(6,8,12,.68) 100%)}.bridge-copy{height:100%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px;position:relative;z-index:2}.bridge h2{font-size:clamp(60px,7vw,110px)}.bridge-action{display:flex;align-items:center;gap:16px;font-size:9px;text-transform:uppercase;letter-spacing:.18em;writing-mode:vertical-rl;transform:rotate(180deg)}.play{display:grid;place-items:center;width:54px;height:54px;border:1px solid var(--yellow);color:var(--yellow);border-radius:50%;font-size:10px;writing-mode:horizontal-tb;transform:rotate(180deg);box-shadow:0 0 24px rgba(220,219,38,.08)}

.approach{height:1320px;border-bottom:1px solid var(--line);position:relative}.approach-sticky{position:sticky;top:0;height:100vh;min-height:760px;display:grid;grid-template-columns:.38fr .62fr;align-items:center;overflow:hidden}.approach-copy{padding-right:60px;position:relative;z-index:3}.approach-copy>p:not(.eyebrow){color:#a2a9b3;max-width:500px;font-size:14px;line-height:1.75;margin:26px 0 30px}.approach-hint{display:flex;align-items:center;gap:12px;padding-top:18px;border-top:1px solid var(--line);max-width:390px;color:#767f8b;font-size:8px;text-transform:uppercase;letter-spacing:.18em}.approach-hint i{display:block;width:28px;height:1px;background:var(--yellow);box-shadow:0 0 12px rgba(220,219,38,.22)}
.ecosystem{position:relative;min-height:700px;border-left:1px solid var(--line);display:grid;place-items:center;overflow:visible}.eco-stack{position:relative;width:min(100%,850px);height:680px;isolation:isolate;perspective:1100px}.eco-stack-axis{position:absolute;left:39%;top:11%;bottom:11%;width:1px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.11) 22%,rgba(255,255,255,.11) 78%,transparent);opacity:.24;transition:opacity .45s var(--ease)}.eco-stack-axis:before,.eco-stack-axis:after{content:"";position:absolute;left:50%;width:5px;height:5px;border:1px solid rgba(255,255,255,.22);background:var(--bg);transform:translateX(-50%) rotate(45deg)}.eco-stack-axis:before{top:23%}.eco-stack-axis:after{bottom:23%}
.eco-layer-row{position:absolute;left:0;top:50%;width:100%;height:126px;transform:translateY(calc(-50% + var(--rest-y)));z-index:var(--z);pointer-events:none;transition:transform .78s cubic-bezier(.16,.84,.18,1),z-index .01s .28s}.ecosystem.is-expanded .eco-layer-row{transform:translateY(calc(-50% + var(--open-y)))}
.eco-layer{position:absolute;left:39%;top:50%;transform:translate(-50%,-50%) rotateX(2deg);pointer-events:auto;width:370px;height:116px;border-radius:50%;clip-path:ellipse(50% 50% at 50% 50%);border:1px solid color-mix(in srgb,var(--layer) 74%,white 10%);background:radial-gradient(ellipse at 50% 8%,color-mix(in srgb,var(--layer) 58%,white 8%) 0%,color-mix(in srgb,var(--layer) 34%,#0b0e14) 35%,color-mix(in srgb,var(--layer) 17%,#090c11) 68%,color-mix(in srgb,var(--layer) 8%,#07090d) 100%);box-shadow:inset 0 3px 2px rgba(255,255,255,.12),inset 0 -20px 34px rgba(0,0,0,.34),0 18px 36px rgba(0,0,0,.32),0 0 36px color-mix(in srgb,var(--layer) 12%,transparent);overflow:visible;display:grid;place-items:center;text-align:center;transition:transform .42s var(--ease),border-color .35s,box-shadow .42s,filter .35s,opacity .35s}.eco-layer:before{content:"";position:absolute;inset:7px 42px 48%;border-radius:50%;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.2),rgba(255,255,255,.045) 54%,transparent 74%);filter:blur(2px);opacity:.88;pointer-events:none}.eco-layer:after{content:"";position:absolute;left:11%;right:11%;bottom:3px;height:12px;border-radius:50%;border-bottom:1px solid color-mix(in srgb,var(--layer) 78%,white 7%);background:linear-gradient(180deg,color-mix(in srgb,var(--layer) 12%,transparent),transparent 76%);opacity:.88;pointer-events:none}.eco-layer span{position:relative;z-index:1;font-size:12px;font-weight:650;line-height:1.18;text-transform:uppercase;letter-spacing:.11em;text-shadow:0 1px 18px rgba(0,0,0,.45);opacity:0;transform:translateY(7px);transition:opacity .28s .08s var(--ease),transform .38s .08s var(--ease)}.ecosystem.is-expanded .eco-layer span{opacity:1;transform:none}.ecosystem.is-expanded .eco-layer-row:not(.is-active) .eco-layer{filter:saturate(.84) brightness(.88);opacity:.84}.eco-layer-row.is-active{z-index:8}.eco-layer-row.is-active .eco-layer{transform:translate(-50%,-50%) rotateX(0deg) scale(1.035);filter:saturate(1.08) brightness(1.06);opacity:1;border-color:color-mix(in srgb,var(--layer) 92%,white 8%);box-shadow:inset 0 3px 2px rgba(255,255,255,.16),inset 0 -20px 34px rgba(0,0,0,.28),0 24px 48px rgba(0,0,0,.38),0 0 52px color-mix(in srgb,var(--layer) 24%,transparent)}
.eco-layer-detail{position:absolute;left:63%;top:50%;width:min(320px,33%);transform:translate(28px,-50%);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s var(--ease),transform .42s var(--ease),visibility .28s}.eco-layer-detail:before{content:"";position:absolute;right:calc(100% + 16px);top:50%;width:38px;height:1px;background:linear-gradient(90deg,var(--layer),rgba(255,255,255,.18));box-shadow:0 0 12px color-mix(in srgb,var(--layer) 44%,transparent)}.eco-layer-detail:after{content:"";position:absolute;right:calc(100% + 54px);top:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:var(--yellow);box-shadow:0 0 11px rgba(220,219,38,.42)}.eco-layer-detail small{display:block;margin-bottom:7px;color:var(--layer);font-size:7px;text-transform:uppercase;letter-spacing:.18em}.eco-layer-detail strong{display:block;font-size:15px;line-height:1.28;font-weight:560;letter-spacing:-.02em;color:#f2f4f7}.eco-layer-detail p{margin:8px 0 0;color:#858e99;font-size:10px;line-height:1.55}.ecosystem.is-expanded .eco-layer-row:not(.is-active) .eco-layer-detail{opacity:0!important;visibility:hidden!important}.ecosystem.is-expanded .eco-layer-row.is-active .eco-layer-detail{opacity:1;visibility:visible;transform:translate(0,-50%)}
.eco-stack-caption{position:absolute;left:39%;bottom:12px;transform:translateX(-50%);display:flex;align-items:center;gap:11px;font-size:7px;text-transform:uppercase;letter-spacing:.2em;color:#5e6671;transition:opacity .3s}.eco-stack-caption i{width:38px;height:1px;background:var(--yellow);opacity:.62}.ecosystem.is-expanded .eco-stack-caption{opacity:.18}
@media (hover:hover) and (pointer:fine){.eco-layer:hover{filter:saturate(1.12)!important}}

.work{padding:125px 0 150px;position:relative}.work-intro{display:grid;grid-template-columns:1fr .62fr;gap:8vw;align-items:end;margin-bottom:70px}.work-intro .eyebrow{grid-column:1/-1;margin-bottom:-4px}.work-intro>p:last-child{color:#959daa;font-size:14px;line-height:1.7;max-width:500px;margin:0}.work-cinema{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(320px,.72fr);gap:clamp(34px,5vw,86px);align-items:start}.work-stage-wrap{position:sticky;top:calc(var(--header) + 26px);height:calc(100vh - var(--header) - 52px);min-height:600px;max-height:820px}.work-stage{position:relative;width:100%;height:100%;border:1px solid var(--line);overflow:hidden;background:#090c11}.work-stage-head{position:absolute;z-index:5;left:22px;right:22px;top:18px;display:flex;justify-content:space-between;gap:20px;font-size:7px;text-transform:uppercase;letter-spacing:.2em;color:#a3aab4}.work-stage-head span:last-child{color:var(--yellow)}.work-slides,.work-slide{position:absolute;inset:0}.work-slide{margin:0;opacity:0;transform:scale(1.035);transition:opacity .72s var(--ease),transform 1.05s var(--ease);pointer-events:none}.work-slide.is-active{opacity:1;transform:scale(1);pointer-events:auto}.work-slide img{width:100%;height:100%;object-fit:cover}.work-slide-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,7,10,.88),transparent 52%),linear-gradient(90deg,rgba(5,7,10,.34),transparent 52%)}.work-slide figcaption{position:absolute;z-index:3;left:24px;right:24px;bottom:28px;display:flex;align-items:end;justify-content:space-between;gap:30px}.work-slide figcaption span{font-size:8px;text-transform:uppercase;letter-spacing:.18em;color:#c4cad2}.work-slide figcaption strong{max-width:420px;text-align:right;font-size:clamp(20px,2.2vw,34px);line-height:1.02;letter-spacing:-.035em;font-weight:540}.work-progress{position:absolute;z-index:6;right:20px;top:50%;transform:translateY(-50%);display:grid;gap:9px}.work-progress i{display:block;width:2px;height:32px;background:rgba(255,255,255,.16);transition:.35s var(--ease)}.work-progress i.is-active{height:58px;background:var(--yellow);box-shadow:0 0 14px rgba(220,219,38,.26)}.work-steps{min-width:0}.work-step{min-height:82vh;display:flex;flex-direction:column;justify-content:center;padding:70px 0;border-top:1px solid var(--line);opacity:.34;transform:translateY(14px);transition:opacity .45s var(--ease),transform .45s var(--ease)}.work-step:first-child{border-top:0}.work-step.is-active{opacity:1;transform:none}.work-kicker{margin:0 0 18px;color:var(--yellow);font-size:8px;text-transform:uppercase;letter-spacing:.2em}.work-step h3{margin:0 0 25px;font-size:clamp(44px,4.9vw,76px);line-height:.91;letter-spacing:-.055em;font-weight:570}.work-step>p:not(.work-kicker){margin:0;max-width:520px;color:#9ea6b0;font-size:14px;line-height:1.75}.work-meta{display:flex;flex-wrap:wrap;gap:8px;margin:32px 0 28px}.work-meta span{padding:8px 10px;border:1px solid var(--line);font-size:7px;text-transform:uppercase;letter-spacing:.15em;color:#c2c8d0;background:rgba(255,255,255,.015)}.work-step-thumb{display:none}.outline-link{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line-strong);padding:16px 18px;font-size:9px;text-transform:uppercase;letter-spacing:.14em;max-width:290px;transition:.3s}.outline-link:hover{background:var(--yellow);border-color:var(--yellow);color:#080a0e}

.insights{border-top:1px solid var(--line);padding-top:115px;padding-bottom:125px}.insights-heading{display:grid;grid-template-columns:1fr .62fr;gap:8vw;align-items:end;margin-bottom:60px}.insights-heading .eyebrow{grid-column:1/-1;margin-bottom:-4px}.insights-heading>p:last-child{margin:0;color:#959daa;font-size:14px;line-height:1.7;max-width:500px}.insight-editorial{display:grid;grid-template-columns:1.05fr .95fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.insight-lead{padding:24px 28px 32px 0;border-right:1px solid var(--line)}.insight-img{height:390px;overflow:hidden}.insight-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}.insight-lead:hover img{transform:scale(1.03)}.insight-body{padding-top:24px}.tag{font-size:8px;letter-spacing:.2em;text-transform:uppercase;color:#8f97a2}.insight-body h3{font-size:clamp(28px,3vw,44px);line-height:1.02;letter-spacing:-.045em;font-weight:560;margin:12px 0 16px;max-width:680px}.insight-body>p:not(.tag){font-size:13px;color:#959daa;line-height:1.65;max-width:600px}.insight-body a{display:inline-flex;gap:12px;font-size:9px;text-transform:uppercase;letter-spacing:.15em;margin-top:9px}.insight-stack{display:grid}.insight-row{display:grid;grid-template-columns:50px 1fr auto;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding:28px}.insight-row:last-child{border-bottom:0}.row-no{font-size:9px;color:#747c87}.insight-row h3{font-size:clamp(20px,2vw,29px);line-height:1.08;letter-spacing:-.035em;font-weight:540;margin:9px 0}.row-arrow{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line-strong);border-radius:50%;transition:.3s}.insight-row:hover .row-arrow{background:var(--blue);border-color:var(--blue);transform:rotate(12deg)}

.oman{width:100%;min-height:760px;display:flex;align-items:center;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}.oman-media{position:absolute;inset:-4%}.oman-media img{width:100%;height:100%;object-fit:cover}.oman-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,8,12,.96) 0%,rgba(6,8,12,.78) 36%,rgba(6,8,12,.16) 70%,rgba(6,8,12,.35))}.oman-frame{position:absolute;right:5vw;top:50%;transform:translateY(-50%);display:grid;gap:8px;border-left:1px solid rgba(255,255,255,.35);padding-left:18px;color:rgba(255,255,255,.65);font-size:8px;letter-spacing:.22em}.oman-copy{position:relative;z-index:2;width:min(100%,var(--max));margin:0 auto}.oman-copy h2{font-size:clamp(58px,6.5vw,100px)}.oman-copy>p:not(.eyebrow){max-width:540px;color:#c1c6cd;font-size:15px;line-height:1.7;margin:28px 0 32px}.pill-btn--light{background:rgba(7,9,13,.25);backdrop-filter:blur(9px)}

.contact{display:grid;grid-template-columns:.82fr 1.18fr;gap:10vw;padding-top:125px;padding-bottom:135px}.contact-copy p:not(.eyebrow){max-width:500px;color:#959daa;line-height:1.7}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:24px 30px;align-content:start}.contact-form label{display:grid;gap:8px;border-bottom:1px solid var(--line);padding-bottom:12px}.contact-form label span{font-size:8px;text-transform:uppercase;letter-spacing:.18em;color:#8e96a1}.contact-form input,.contact-form textarea{width:100%;border:0;background:transparent;outline:0;font-size:16px;padding:5px 0;resize:none}.contact-form label:focus-within{border-color:#fff}.contact-form .full{grid-column:1/-1}.submit-btn{grid-column:1/-1;margin-top:16px;display:flex;justify-content:space-between;align-items:center;background:#f5f6f7;color:#07090d;border:0;padding:20px 22px;text-transform:uppercase;letter-spacing:.14em;font-size:10px;transition:.3s}.submit-btn:hover{background:var(--yellow);color:#07090d;transform:translateY(-2px)}.contact h2 span{color:var(--yellow)}
.footer{border-top:1px solid var(--line);padding-top:55px;padding-bottom:55px;display:grid;grid-template-columns:1fr auto 1fr;gap:35px;align-items:start}.brand--footer{min-width:0;margin-bottom:15px}.footer p,.footer-contact{font-size:9px;color:#7f8792}.footer-links{display:flex;gap:22px}.footer-contact{display:grid;justify-items:end;gap:8px}.footer-contact a{color:#cbd0d7}


.reveal{opacity:0;transform:translateY(32px);transition:opacity .85s var(--ease),transform .85s var(--ease)}.reveal--delay{transition-delay:.16s}.reveal.is-visible{opacity:1;transform:none}

@media (max-width:1120px){
  .desktop-nav,.chapter-indicator{display:none}.brand{min-width:0}.brand-logo{width:146px}.menu-btn{display:block}.header-actions .pill-btn{display:none}
  .mobile-menu{position:absolute;top:calc(var(--header) - 1px);left:var(--gutter);right:var(--gutter);background:#0c1016;border:1px solid var(--line);padding:18px;display:grid;gap:4px;opacity:0;pointer-events:none;transform:translateY(-8px);transition:.25s}.mobile-menu.is-open{opacity:1;pointer-events:auto;transform:none}.mobile-menu a{padding:13px;font-size:13px}
  .service-accordion{height:560px}.service-panel.is-active{flex:2.15}.approach-sticky{grid-template-columns:1fr;height:auto;min-height:100vh;padding-top:100px;padding-bottom:100px}.approach{height:auto}.approach-copy{padding-right:0}.ecosystem{border-left:0;border-top:1px solid var(--line);margin-top:55px;min-height:700px}.eco-stack{width:min(100%,780px)}.work-cinema{grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);gap:38px}.work-stage-wrap{min-height:560px}.contact{gap:6vw}
}

@media (max-width:760px){
  :root{--header:70px}.section-shell{padding-left:20px;padding-right:20px}.site-header{padding:0 20px}.brand-logo{width:132px}.brand-logo--footer{width:180px}.language{display:none}
  .hero{min-height:810px;height:auto;padding-top:115px;padding-bottom:92px}.hero-media{inset:0}.hero-media img{object-position:66% center}.hero-shade{background:linear-gradient(90deg,rgba(5,8,13,.97) 0%,rgba(5,8,13,.8) 61%,rgba(5,8,13,.36)),linear-gradient(0deg,rgba(7,9,13,.9),transparent 50%)}.hero-grid{grid-template-columns:1fr}.kinetic-title{font-size:clamp(52px,16vw,78px)}.hero-rail{display:none}.hero-lede{font-size:14px;max-width:90%}.hero-actions{gap:18px}.ghost-action{font-size:9px}.hero-foot{left:20px;right:20px}.hero-line{display:none}.hero-wordmark{font-size:62vw;bottom:1vw;right:-8vw}.hero-light{display:none}
  .services{padding-top:82px;padding-bottom:92px}.section-heading,.work-intro,.insights-heading{grid-template-columns:1fr;gap:24px}.section-heading h2,.bridge h2,.approach h2,.work-intro h2,.insights-heading h2,.oman h2,.contact h2{font-size:clamp(42px,12vw,62px)}
  .service-accordion{display:grid;height:auto;gap:8px}.service-panel,.service-panel.is-active{min-height:210px;flex:none}.service-panel.is-active{min-height:500px}.service-panel:not(.is-active) .service-title{bottom:22px}.service-panel.is-active .service-title{bottom:205px}.service-detail ul{gap:6px}.service-detail li{font-size:7px}
  .bridge{height:640px;min-height:0}.bridge-copy{grid-template-columns:1fr;align-content:center}.bridge-action{writing-mode:horizontal-tb;transform:none;align-self:end}.play{transform:none}
  .approach{height:auto}.approach-sticky{position:relative;display:block;min-height:0;padding-top:80px;padding-bottom:85px}.ecosystem{min-height:820px;margin-left:-20px;margin-right:-20px;padding-top:20px;border-top:1px solid var(--line);overflow:hidden}.eco-stack{height:790px;width:100%;perspective:900px}.eco-stack-axis{left:50%;top:10%;bottom:10%}.eco-layer-row{width:100%;height:112px}.eco-layer{left:50%;transform:translate(-50%,-50%);width:min(84vw,320px);height:102px}.eco-layer-row.is-active .eco-layer{transform:translate(-50%,-50%) scale(1.025)}.eco-layer-row--brand{--rest-y:-36px!important;--open-y:-228px!important}.eco-layer-row--digital{--rest-y:-12px!important;--open-y:-76px!important}.eco-layer-row--experience{--rest-y:12px!important;--open-y:76px!important}.eco-layer-row--production{--rest-y:36px!important;--open-y:228px!important}.eco-layer-detail{left:50%;top:calc(50% + 61px);width:min(88vw,330px);transform:translate(-50%,12px);text-align:center;background:rgba(7,9,13,.95);border:1px solid var(--line);padding:10px 13px;backdrop-filter:blur(10px)}.eco-layer-detail:before,.eco-layer-detail:after{display:none}.eco-layer-detail strong{font-size:12px}.eco-layer-detail p{font-size:9px;margin-top:5px}.ecosystem.is-expanded .eco-layer-row.is-active .eco-layer-detail{transform:translate(-50%,0)}.eco-stack-caption{left:50%;bottom:3px}
  .work{padding-top:82px;padding-bottom:95px}.work-intro{margin-bottom:50px}.work-cinema{display:block;padding-left:20px;padding-right:20px}.work-stage-wrap{display:none}.work-step{min-height:0;opacity:1;transform:none;padding:0 0 70px;border-top:0}.work-step+.work-step{padding-top:0}.work-step-thumb{display:block;position:relative;height:390px;margin-bottom:28px;overflow:hidden;border:1px solid var(--line)}.work-step-thumb img{width:100%;height:100%;object-fit:cover}.work-step h3{font-size:clamp(42px,12vw,60px)}.work-step>p:not(.work-kicker){font-size:13px}.work-meta{margin-top:25px}
  .insights{padding-top:85px;padding-bottom:95px}.insight-editorial{grid-template-columns:1fr}.insight-lead{padding:20px 0 30px;border-right:0;border-bottom:1px solid var(--line)}.insight-img{height:300px}.insight-row{padding:23px 0;grid-template-columns:34px 1fr auto}.row-arrow{width:36px;height:36px}
  .oman{min-height:670px}.oman-media img{object-position:60% center}.oman-shade{background:linear-gradient(90deg,rgba(6,8,12,.96),rgba(6,8,12,.56))}.oman-frame{display:none}.oman-copy{padding-left:20px;padding-right:20px}.oman-copy h2{font-size:clamp(48px,14vw,70px)}
  .contact{grid-template-columns:1fr;padding-top:90px;padding-bottom:100px}.contact-form{grid-template-columns:1fr}.contact-form .full,.submit-btn{grid-column:auto}.footer{grid-template-columns:1fr;gap:28px}.footer-links{flex-wrap:wrap}.footer-contact{justify-items:start}
}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.eco-layer-row,.eco-layer,.eco-layer-detail,.service-panel,.service-panel img,.story-card img,.bridge-media img{transition:none}.kinetic-title>span{transform:none!important}}


.chapter{position:relative;isolation:isolate}
.hero,.services,.bridge,.approach,.work{--flow-opacity:.72}
.hero::after,.services::after,.bridge::after,.approach::after{
  content:"";position:absolute;z-index:12;left:50%;bottom:-42px;width:1px;height:84px;pointer-events:none;
  background:linear-gradient(180deg,rgba(220,219,38,0),rgba(220,219,38,.58) 40%,rgba(220,219,38,.18) 72%,transparent);
  transform:translateX(-50%);opacity:.48
}
.hero::before,.services::before,.bridge::before,.approach::before,.work::before{
  content:"";position:absolute;z-index:11;left:50%;bottom:-2px;width:5px;height:5px;border-radius:50%;background:var(--yellow);
  box-shadow:0 0 16px rgba(220,219,38,.32);transform:translate(-50%,50%);pointer-events:none;opacity:.72
}


.hero-grid{
  transform:translate3d(0,calc(var(--hero-out,0) * -52px),0);
  opacity:calc(1 - var(--hero-out,0) * .66);
  will-change:transform,opacity
}
.hero-foot{opacity:calc(1 - var(--hero-out,0) * 1.2);transform:translateY(calc(var(--hero-out,0) * 12px));will-change:opacity,transform}
.hero-media img{transform:scale(calc(1.035 + var(--hero-out,0) * .055));will-change:transform}
.hero-wordmark{transform:translate3d(calc(var(--hero-out,0) * 28px),calc(var(--hero-out,0) * -20px),0);opacity:calc(1 - var(--hero-out,0) * .55);will-change:transform,opacity}


.services{overflow:hidden;background:
  radial-gradient(90% 38% at 50% 0%,rgba(61,145,255,calc(var(--services-center,0) * .045)),transparent 70%),
  var(--bg)}
.services .section-heading{
  transform:translateY(calc((1 - var(--services-enter,0)) * 34px));
  opacity:calc(.28 + var(--services-enter,0) * .72);will-change:transform,opacity
}
.service-accordion{
  transform:translateY(calc((1 - var(--services-enter,0)) * 54px)) scale(calc(.975 + var(--services-enter,0) * .025));
  opacity:calc(.22 + var(--services-enter,0) * .78);
  clip-path:inset(calc((1 - var(--services-enter,0)) * 7%) calc((1 - var(--services-enter,0)) * 2%) 0);
  will-change:transform,opacity,clip-path
}


.bridge{
  clip-path:inset(calc((1 - var(--bridge-enter,0)) * 6%) calc((1 - var(--bridge-enter,0)) * 3%));
  transform:scale(calc(.982 + var(--bridge-enter,0) * .018));
  will-change:clip-path,transform;background:#07090d
}
.bridge-media img{
  transform:scale(calc(1.09 - var(--bridge-enter,0) * .065)) translateY(calc((.5 - var(--bridge-center,0)) * 18px));
  will-change:transform
}
.bridge-copy{
  transform:translateY(calc((1 - var(--bridge-enter,0)) * 42px));
  opacity:calc(.25 + var(--bridge-enter,0) * .75);will-change:transform,opacity
}
.bridge-media:hover img{transform:scale(calc(1.045 - var(--bridge-enter,0) * .02)) translateY(calc((.5 - var(--bridge-center,0)) * 18px))}


.approach{background:
  radial-gradient(58% 30% at 70% 44%,rgba(255,138,61,calc(var(--approach-enter,0) * .035)),transparent 74%),
  var(--bg)}
.approach-copy{
  transform:translate3d(0,calc((1 - var(--approach-enter,0)) * 48px),0);
  opacity:calc(.22 + var(--approach-enter,0) * .78);will-change:transform,opacity
}
.eco-stack{
  transform:translate3d(0,calc((1 - var(--approach-enter,0)) * 54px),0) scale(calc(.94 + var(--approach-enter,0) * .06));
  opacity:calc(.18 + var(--approach-enter,0) * .82);will-change:transform,opacity
}
.approach-hint i{transform:scaleX(calc(.35 + var(--approach-local,0) * .65));transform-origin:left center}


.work{overflow:clip;background:
  radial-gradient(75% 30% at 32% 12%,rgba(142,92,255,calc(var(--work-center,0) * .045)),transparent 72%),
  var(--bg)}
.work-intro{
  transform:translateY(calc((1 - var(--work-enter,0)) * 38px));
  opacity:calc(.25 + var(--work-enter,0) * .75);will-change:transform,opacity
}
.work-stage{
  transform:scale(calc(.945 + var(--work-enter,0) * .055));
  clip-path:inset(calc((1 - var(--work-enter,0)) * 5%) calc((1 - var(--work-enter,0)) * 3%));
  box-shadow:0 42px 110px rgba(0,0,0,calc(var(--work-center,0) * .38));
  will-change:transform,clip-path
}
.work-steps{transform:translateY(calc((1 - var(--work-enter,0)) * 26px));opacity:calc(.42 + var(--work-enter,0) * .58);will-change:transform,opacity}


.desktop-nav a.is-active{color:#fff}.desktop-nav a.is-active:after{right:0;background:var(--chapter);box-shadow:0 0 12px color-mix(in srgb,var(--chapter) 42%,transparent)}
.magnetic-btn,.pill-btn,.outline-link{transform:translate(var(--mx,0),var(--my,0));will-change:transform}
.magnetic-btn:hover{transform:translate(var(--mx,0),calc(var(--my,0) - 1px))}.pill-btn:hover{transform:translate(var(--mx,0),calc(var(--my,0) - 2px))}.outline-link:hover{transform:translate(var(--mx,0),var(--my,0))}


.section-heading>p,.work-intro>p:last-child,.insights-heading>p:last-child,.approach-copy>p:not(.eyebrow){max-width:46ch}
.work-step>p:not(.work-kicker),.hero-lede{max-width:54ch}

@media (max-width:760px){
  .hero::after,.services::after,.bridge::after,.approach::after,.hero::before,.services::before,.bridge::before,.approach::before,.work::before{display:none}
  .hero-grid,.hero-foot,.hero-wordmark,.services .section-heading,.service-accordion,.bridge,.bridge-copy,.approach-copy,.eco-stack,.work-intro,.work-stage,.work-steps{transform:none!important;opacity:1!important;clip-path:none!important}
  .bridge-media img{transform:none!important}
  .work{overflow:visible}
}

@media (prefers-reduced-motion:reduce){
  .hero-grid,.hero-foot,.hero-wordmark,.service-accordion,.services .section-heading,.bridge,.bridge-copy,.approach-copy,.eco-stack,.work-intro,.work-stage,.work-steps{transform:none!important;opacity:1!important;clip-path:none!important}
  .bridge-media img,.hero-media img{transform:none!important}
}


:root{
  --space-section:clamp(96px,9vw,148px);
  --radius-control:999px;
  --focus:0 0 0 2px var(--bg),0 0 0 4px var(--yellow);
}
html{scroll-padding-top:calc(var(--header) + 18px)}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1}
::selection{background:var(--yellow);color:#080a0e}
img{display:block;max-width:100%}
button,a,input,textarea{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,.service-panel:focus-visible{outline:none;box-shadow:var(--focus)}
.kinetic-title,.section-heading h2,.bridge h2,.approach h2,.work-intro h2,.insights-heading h2,.oman h2,.contact h2,.work-step h3,.insight-body h3,.insight-row h3{text-wrap:balance}
.hero-lede,.section-heading>p,.approach-copy>p:not(.eyebrow),.work-intro>p:last-child,.insights-heading>p:last-child,.work-step>p:not(.work-kicker),.oman-copy>p:not(.eyebrow),.contact-copy p:not(.eyebrow){text-wrap:pretty}


.site-header:after{content:"";position:absolute;left:var(--gutter);right:var(--gutter);bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08) 16%,rgba(255,255,255,.08) 84%,transparent);opacity:0;transition:opacity .35s var(--ease)}
.site-header.is-scrolled{background:linear-gradient(180deg,rgba(7,9,13,.88),rgba(7,9,13,.68));box-shadow:0 14px 50px rgba(0,0,0,.14)}
.site-header.is-scrolled:after{opacity:1}
.desktop-nav a{padding:12px 0;letter-spacing:.01em}
.desktop-nav a:after{bottom:5px}
.chapter-indicator{transition:opacity .3s var(--ease)}
.pill-btn span:last-child,.magnetic-btn>span:last-child,.outline-link span:last-child,.submit-btn span:last-child,.insight-body a span:last-child{transition:transform .3s var(--ease)}
.pill-btn:hover span:last-child,.magnetic-btn:hover>span:last-child,.outline-link:hover span:last-child,.submit-btn:hover span:last-child,.insight-body a:hover span:last-child{transform:translate(3px,-3px)}


.hero-grid{padding-top:clamp(28px,4vh,64px)}
.eyebrow{line-height:1.35}
.kinetic-title{font-weight:560;letter-spacing:-.068em}
.hero-lede{letter-spacing:-.01em}
.ghost-action{position:relative;transition:color .3s var(--ease)}
.ghost-action:after{content:"";position:absolute;left:0;right:100%;bottom:1px;height:1px;background:var(--yellow);transition:right .35s var(--ease)}
.ghost-action:hover{color:#fff}.ghost-action:hover:after{right:0}
.hero-rail li{min-height:18px}.hero-rail li:hover{color:#dce0e5}.hero-rail li:hover i{width:26px;background:#8d939c}
.scroll-cue{transition:color .3s var(--ease)}.scroll-cue:hover{color:#fff}.scroll-cue span{display:inline-block;animation:ump-scroll-cue 1.8s var(--ease) infinite}
@keyframes ump-scroll-cue{0%,100%{transform:translateY(0);opacity:.65}50%{transform:translateY(5px);opacity:1}}


.services{padding-top:var(--space-section);padding-bottom:var(--space-section)}
.section-heading{margin-bottom:clamp(46px,4.5vw,68px)}
.section-heading>p,.work-intro>p:last-child,.insights-heading>p:last-child{letter-spacing:-.006em}
.service-panel{isolation:isolate;cursor:default}
.service-panel:after{content:"";position:absolute;z-index:1;left:0;top:0;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left center;transition:transform .55s var(--ease);box-shadow:0 0 22px color-mix(in srgb,var(--accent) 35%,transparent)}
.service-panel.is-active:after{transform:scaleX(1)}
.service-panel:not(.is-active){border-color:rgba(255,255,255,.075)}
.service-panel:not(.is-active) img{filter:saturate(.72) brightness(.61) contrast(1.03)}
.service-panel:not(.is-active):hover img{filter:saturate(.9) brightness(.72)}
.service-panel .service-no,.service-panel .service-title,.service-panel .service-detail{z-index:3}
.service-title h3{max-width:13ch}
.service-symbol{backdrop-filter:blur(8px);background:rgba(7,9,13,.16)}
.service-panel:not(.is-active):hover .service-symbol{border-color:rgba(255,255,255,.75);transform:rotate(8deg)}
.service-detail p{letter-spacing:-.006em}
.service-detail>a{display:inline-flex;align-items:center;gap:10px;position:relative;padding-bottom:5px}
.service-detail>a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--accent);transition:right .32s var(--ease)}
.service-detail>a:hover:after{right:0}


.bridge-copy .eyebrow{color:#e1e4e8}
.bridge-action{color:#c8cdd4;transition:color .3s var(--ease)}
.bridge-media:hover .bridge-action{color:#fff}
.bridge-media:hover .play{background:var(--yellow);color:#090b0e;box-shadow:0 0 30px rgba(220,219,38,.18)}
.play{transition:background .35s var(--ease),color .35s var(--ease),box-shadow .35s var(--ease),transform .35s var(--ease)}


.approach-copy h2{max-width:12ch}
.eco-layer{backface-visibility:hidden}
.ecosystem:not(.is-expanded) .eco-layer{filter:saturate(.88) brightness(.9)}
.ecosystem:not(.is-expanded) .eco-layer-row--brand .eco-layer{box-shadow:inset 0 3px 2px rgba(255,255,255,.1),inset 0 -18px 30px rgba(0,0,0,.35),0 14px 28px rgba(0,0,0,.36),0 0 24px rgba(255,64,94,.08)}
.eco-stack-caption{transition:opacity .35s var(--ease),transform .35s var(--ease)}
.ecosystem.is-expanded .eco-stack-caption{opacity:.3;transform:translateX(-50%) translateY(8px)}
.eco-layer-detail strong{letter-spacing:-.018em}.eco-layer-detail p{letter-spacing:-.005em}


.work{padding-top:var(--space-section);padding-bottom:calc(var(--space-section) + 8px)}
.work-intro{margin-bottom:clamp(54px,5vw,82px)}
.work-stage{border-color:rgba(255,255,255,.13)}
.work-stage:after{content:"";position:absolute;z-index:4;inset:0;border:1px solid transparent;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.work-slide img{transform:scale(1.025);transition:transform 1.2s var(--ease),filter .7s var(--ease)}
.work-slide.is-active img{transform:scale(1)}
.work-slide figcaption{padding-top:20px;border-top:1px solid rgba(255,255,255,.14)}
.work-slide figcaption strong{text-wrap:balance}
.work-step{position:relative}
.work-step:before{content:"";position:absolute;left:-28px;top:50%;width:2px;height:0;background:var(--yellow);box-shadow:0 0 16px rgba(220,219,38,.3);transition:height .45s var(--ease),transform .45s var(--ease);transform:translateY(-50%)}
.work-step.is-active:before{height:64px}
.work-meta span{transition:border-color .3s,color .3s,background .3s}.work-step.is-active .work-meta span{border-color:rgba(220,219,38,.18);background:rgba(220,219,38,.025)}
.outline-link{position:relative;overflow:hidden}.outline-link:before{content:"";position:absolute;inset:0;background:var(--yellow);transform:translateX(-101%);transition:transform .42s var(--ease);z-index:-1}.outline-link:hover{background:transparent}.outline-link:hover:before{transform:none}


.insights{padding-top:var(--space-section);padding-bottom:var(--space-section)}
.insight-lead,.insight-row{position:relative}
.insight-lead:before,.insight-row:before{content:"";position:absolute;left:0;top:0;width:2px;height:0;background:var(--blue);transition:height .42s var(--ease);box-shadow:0 0 16px rgba(61,145,255,.18)}
.insight-lead:hover:before,.insight-row:hover:before{height:100%}
.insight-img{background:#080b10}.insight-img img{filter:saturate(.88) contrast(1.02)}.insight-lead:hover .insight-img img{filter:saturate(1.02) contrast(1.02);transform:scale(1.035)}
.insight-body a{position:relative;padding-bottom:6px}.insight-body a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--blue);transition:right .32s var(--ease)}.insight-body a:hover:after{right:0}
.insight-row{transition:background .35s var(--ease),padding-left .35s var(--ease)}
.insight-row:hover{background:linear-gradient(90deg,rgba(61,145,255,.035),transparent 72%);padding-left:34px}


.oman-media img{transform:scale(1.01);filter:saturate(.88) contrast(1.02);transition:filter .8s var(--ease)}
.oman:hover .oman-media img{filter:saturate(.98) contrast(1.02)}
.oman-frame{line-height:1.4}.oman-frame span:nth-child(2){color:var(--yellow)}


.contact{padding-top:var(--space-section);padding-bottom:var(--space-section)}
.contact-form label{position:relative;transition:border-color .3s var(--ease)}
.contact-form label:after{content:"";position:absolute;left:0;right:100%;bottom:-1px;height:1px;background:var(--yellow);transition:right .38s var(--ease)}
.contact-form label:focus-within:after{right:0}
.contact-form label:focus-within span{color:var(--yellow)}
.contact-form label span{transition:color .3s var(--ease)}
.contact-form input,.contact-form textarea{caret-color:var(--yellow)}
.submit-btn{position:relative;overflow:hidden;isolation:isolate}
.submit-btn:before{content:"";position:absolute;z-index:-1;inset:0;background:var(--yellow);transform:translateX(-101%);transition:transform .45s var(--ease)}
.submit-btn:hover{background:#f5f6f7;transform:translateY(-2px)}.submit-btn:hover:before{transform:none}

.footer{padding-top:64px;padding-bottom:64px}.footer-links a{padding-bottom:5px;position:relative}.footer-links a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--yellow);transition:right .3s var(--ease)}.footer-links a:hover:after{right:0}
.footer-contact a{transition:color .25s}.footer-contact a:hover{color:var(--yellow)}


.menu-btn{position:relative;transition:border-color .3s var(--ease),background .3s var(--ease)}
.menu-btn span{transition:transform .3s var(--ease),opacity .3s var(--ease)}
.menu-btn[aria-expanded="true"] span:first-child{transform:translateY(3px) rotate(45deg)}
.menu-btn[aria-expanded="true"] span:last-child{transform:translateY(-3px) rotate(-45deg)}
body.menu-open{overflow:hidden}
.mobile-menu a{position:relative;border-bottom:1px solid rgba(255,255,255,.06);transition:background .25s,color .25s,padding-left .25s}
.mobile-menu a:last-child{border-bottom:0}.mobile-menu a:hover,.mobile-menu a:focus-visible{background:rgba(220,219,38,.04);color:#fff;padding-left:18px}

@media (max-width:1120px){
  .mobile-menu{box-shadow:0 28px 70px rgba(0,0,0,.46);backdrop-filter:blur(22px);background:rgba(10,14,20,.95)}
}

@media (max-width:760px){
  :root{--space-section:86px}
  .noise,.chapter-orb{display:none}
  .site-header{background:linear-gradient(180deg,rgba(7,9,13,.86),rgba(7,9,13,.42));backdrop-filter:blur(14px)}
  .mobile-menu{left:12px;right:12px;padding:10px}.mobile-menu a{min-height:48px;display:flex;align-items:center;padding:0 14px;font-size:14px}
  .hero{padding-top:112px;padding-bottom:102px;min-height:780px}.hero-grid{padding-top:0}.kinetic-title{line-height:.9;letter-spacing:-.058em}.hero-lede{line-height:1.62;margin-top:25px}.hero-actions{align-items:flex-start}.magnetic-icon{width:52px;height:52px}.hero-foot{bottom:18px;font-size:7px;letter-spacing:.16em}.scroll-cue{margin-left:auto}
  .section-heading{margin-bottom:42px}.section-heading>p{font-size:13px;line-height:1.65}
  .service-panel,.service-panel.is-active{border-radius:0}.service-panel{min-height:190px}.service-panel.is-active{min-height:470px}.service-panel.is-active .service-title{bottom:195px}.service-detail p{font-size:12px}.service-detail ul{margin:15px 0 18px}
  .bridge{height:580px}.bridge h2{line-height:.9}.bridge-action{font-size:8px}.play{width:50px;height:50px}
  .approach-copy>p:not(.eyebrow){font-size:13px;line-height:1.65}.approach-hint{font-size:7px}
  .eco-stack{height:760px}.eco-layer{width:min(82vw,315px);height:96px}.eco-layer-row{height:106px}.eco-layer-row--brand{--rest-y:-30px!important;--open-y:-210px!important}.eco-layer-row--digital{--rest-y:-10px!important;--open-y:-70px!important}.eco-layer-row--experience{--rest-y:10px!important;--open-y:70px!important}.eco-layer-row--production{--rest-y:30px!important;--open-y:210px!important}.eco-layer span{font-size:11px}.eco-layer-detail{top:calc(50% + 56px);padding:12px 14px}.eco-layer-detail strong{font-size:13px}.eco-layer-detail p{font-size:9.5px}
  .work-intro{margin-bottom:44px}.work-step{padding-bottom:64px}.work-step:before{display:none}.work-step-thumb{height:min(112vw,420px);margin-bottom:24px}.work-step h3{margin-bottom:18px;line-height:.94}.work-step>p:not(.work-kicker){line-height:1.67}.outline-link{max-width:none;width:100%}
  .insights-heading{margin-bottom:42px}.insight-img{height:min(76vw,330px)}.insight-body h3{font-size:clamp(28px,9vw,40px)}.insight-row:hover{padding-left:0;background:none}.insight-row:before{display:none}
  .oman{min-height:620px}.oman-copy>p:not(.eyebrow){font-size:13px;line-height:1.65}.oman-copy .pill-btn{padding:13px 17px}
  .contact{gap:48px}.contact-copy p:not(.eyebrow){font-size:13px}.contact-form{gap:28px}.contact-form input,.contact-form textarea{font-size:16px}.submit-btn{min-height:58px}
  .footer{padding-top:48px;padding-bottom:48px}.footer-links{row-gap:14px}.footer-links a{font-size:12px}.footer-contact{font-size:10px;line-height:1.7}
}

@media (hover:none),(pointer:coarse){
  .pill-btn:hover,.submit-btn:hover,.outline-link:hover{transform:none}
  .scroll-cue span{animation:none}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}



.site-header{
  left:0!important;
  right:0!important;
  margin:0 auto!important;
  transform:none!important;
  width:min(100%,var(--max));
  border:0!important;
  background:rgba(7,9,13,.30)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
  transition:background-color .22s ease,box-shadow .22s ease!important;
  backface-visibility:hidden;
  isolation:isolate;
}
.site-header.is-scrolled{
  background:rgba(7,9,13,.96)!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  border:0!important;
  box-shadow:0 10px 34px rgba(0,0,0,.24)!important;
}
.site-header::after,
.site-header.is-scrolled::after{
  content:none!important;
  display:none!important;
}


.bridge-media{display:block;color:inherit;text-decoration:none}
.bridge-action .play{font-size:16px}


.approach{
  height:auto!important;
  min-height:0!important;
  padding:clamp(96px,8vw,132px) 0!important;
  border-bottom:1px solid var(--line);
}
.approach-sticky{
  position:relative!important;
  top:auto!important;
  height:auto!important;
  min-height:0!important;
  grid-template-columns:.38fr .62fr;
  align-items:center;
  overflow:visible!important;
}
.approach-copy,
.eco-stack{
  transform:none!important;
  opacity:1!important;
  will-change:auto!important;
}
.ecosystem{min-height:720px}

@media (max-width:1120px){
  .approach{padding:0!important}
  .approach-sticky{
    grid-template-columns:1fr;
    padding-top:100px;
    padding-bottom:100px;
  }
}
@media (max-width:760px){
  .site-header{
    background:rgba(7,9,13,.94)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  .approach-sticky{padding-top:80px;padding-bottom:85px}
}


.site-header,
.site-header.is-scrolled{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  margin:0 auto!important;
  transform:none!important;
  width:min(100%,var(--max))!important;
  background:#080b10!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  transition:none!important;
  isolation:isolate!important;
  backface-visibility:hidden!important;
}
.site-header::before,
.site-header::after,
.site-header.is-scrolled::before,
.site-header.is-scrolled::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  background:none!important;
  border:0!important;
}

.approach{
  height:auto!important;
  min-height:0!important;
  padding:clamp(96px,8vw,132px) 0!important;
  overflow:visible!important;
  contain:layout paint;
}
.approach-sticky{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
  transform:none!important;
  will-change:auto!important;
}
.approach-copy,
.ecosystem,
.eco-stack{
  transform:none!important;
  will-change:auto!important;
}
.ecosystem{
  min-height:700px!important;
  overscroll-behavior:auto!important;
}
.eco-layer{
  will-change:transform,opacity;
  backface-visibility:hidden;
}
.ecosystem:not(.is-expanded) .eco-layer{
  filter:none!important;
}


.bridge-media{display:block!important;color:inherit!important;text-decoration:none!important}

@media (max-width:1120px){
  .approach{padding:0!important;contain:none}
  .approach-sticky{padding-top:100px!important;padding-bottom:100px!important}
}
@media (max-width:760px){
  .site-header,.site-header.is-scrolled{background:#080b10!important}
  .approach-sticky{padding-top:80px!important;padding-bottom:85px!important}
}

.contact-direct{margin-top:20px!important;font-size:11px!important;line-height:1.7!important;color:#7f8792!important}
.contact-direct a{color:#d9dde3;text-decoration:none;border-bottom:1px solid rgba(220,219,38,.34);transition:color .25s,border-color .25s}
.contact-direct a:hover{color:var(--yellow);border-color:var(--yellow)}
@media (min-width: 980px){.kinetic-title .accent{max-width:10.7ch}}
@media (max-width:979px){
  .kinetic-title{width:100%;max-width:100%}
  .kinetic-title .accent{width:auto;max-width:100%;white-space:normal}
}


.service-title .service-symbol{position:relative;z-index:6;cursor:pointer;text-decoration:none}
.service-detail li{padding:0;transition:border-color .25s var(--ease),background .25s var(--ease),transform .25s var(--ease)}
.service-detail li a{display:block;padding:7px 9px;color:inherit;text-decoration:none;white-space:nowrap}
.service-detail li:hover{border-color:color-mix(in srgb,var(--accent) 58%,rgba(255,255,255,.18));background:color-mix(in srgb,var(--accent) 9%,rgba(7,9,13,.22));transform:translateY(-1px)}
.service-detail li:focus-within{border-color:var(--accent)}
.service-detail li a:focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 75%,white 10%)}


.eco-layer[data-href]::after{content:'↗';position:absolute;right:15%;top:50%;transform:translateY(-50%);font-size:9px;color:var(--layer);opacity:.5;transition:.25s}.eco-layer[data-href]:hover::after,.eco-layer[data-href]:focus-visible::after{opacity:1}


[id]{scroll-margin-top:calc(var(--header) + 18px)}
