:root{color:#fff;--background:#000014;--text:#fff;--muted:#65bdd2;--ease-out:cubic-bezier(.23,1,.32,1);font-synthesis:none;background:#000014;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scrollbar-color:#526176 #000014;scrollbar-width:thin;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}body{min-width:280px;margin:0}::selection{color:#000014;background:#c9ddf3}a{color:inherit;text-decoration:none}a,button{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}:focus-visible{outline-offset:8px;outline:2px solid #c9ddf3}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:20;color:#000014;background:#fff;padding:14px 20px;position:fixed;top:20px;left:20px;transform:translateY(-160%)}.skip:focus{transform:translateY(0)}.site-header{z-index:5;top:calc(28px + env(safe-area-inset-top));left:calc(36px + env(safe-area-inset-left));pointer-events:none;position:fixed}.brand{pointer-events:auto;align-items:center;min-height:48px;display:inline-flex}.brand img{filter:brightness(0)invert();opacity:.9;width:134px;height:auto;display:block}#experience{height:360svh;position:relative}.viewport{isolation:isolate;background:var(--background);height:100svh;position:sticky;top:0;overflow:clip}#origin,#identity,#stage{position:absolute;inset:0}#stage{z-index:1;pointer-events:none}#stage canvas{width:100%;height:100%;display:block}.copy-stack{z-index:3;text-align:center;pointer-events:none;width:min(960px,88%);position:absolute;top:58%;left:50%;transform:translate(-50%)}h1,h2{letter-spacing:-.02em;text-wrap:balance;margin:0;font-family:Arial,Helvetica,sans-serif;font-weight:700}.word{white-space:nowrap;margin-right:.13em;display:inline-block}.word:last-child{margin-right:0}.letter{transform-origin:50%;backface-visibility:hidden;display:inline-block}.supporting-copy p{color:#00cbed;text-wrap:balance;margin:0;font-size:18px;line-height:1.5}#identity{z-index:3;opacity:0;visibility:hidden;pointer-events:none;text-align:center}.identity-content{pointer-events:auto;width:100%;padding:0 24px 24px;position:absolute;top:67%;left:0}#replay{-webkit-user-select:none;user-select:none;background:0 0;border:0;border-bottom:1px solid #00cbed60;border-radius:0;justify-content:center;align-items:center;gap:16px;min-height:48px;margin-top:28px;padding:8px 0;font-size:13px;transition:opacity .16s;display:inline-flex}#replay svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}#replay:active,.brand:active{opacity:.6}.scroll-hint{z-index:4;bottom:calc(24px + env(safe-area-inset-bottom));text-align:center;color:#65bdd2;letter-spacing:.02em;pointer-events:none;opacity:0;margin:0;font-size:12px;line-height:1.5;position:absolute;left:20px;right:20px}#loading{z-index:9;color:#65bdd2;background:#000014;place-items:center;margin:0;font-size:13px;display:grid;position:fixed;inset:0}#loading[hidden],#notice[hidden]{display:none}#notice{z-index:8;text-align:center;color:#fff;background:#131a24;padding:20px;font-size:14px;position:fixed;bottom:24px;left:24px;right:24px}#notice p{margin:0 0 12px}#notice button,#notice a{min-height:44px;font:inherit;background:0 0;border:1px solid #00cbed70;align-items:center;margin:0 4px;padding:8px 16px;display:inline-flex}.noscript-notice{color:#00cbed;text-align:center;margin:24px;font-size:13px}@media (hover:hover) and (pointer:fine){#replay:hover{opacity:.65}.brand:hover{opacity:.75}}@media (width<=759px){.site-header{left:calc(24px + env(safe-area-inset-left));top:calc(20px + env(safe-area-inset-top))}.brand img{width:116px}.copy-stack{width:calc(100% - 40px);top:54%}h1{font-size:clamp(23px,6.7vw,36px);line-height:1.12}.supporting-copy{max-width:440px;margin-top:20px}.supporting-copy p{font-size:15px;line-height:1.5}#identity-title{font-size:clamp(30px,8.8vw,54px)}.identity-content{top:64%}.scroll-hint{bottom:calc(20px + env(safe-area-inset-bottom));font-size:12px}}@media (height<=480px) and (orientation:landscape){.site-header{top:10px;left:24px}.brand img{width:100px}.copy-stack{text-align:left;width:43%;top:33%;left:52%;transform:none}h1{font-size:clamp(21px,5.4vh,27px)}.supporting-copy{margin-top:16px}.supporting-copy p{font-size:14px}.identity-content{padding:0 20px;top:71%}#identity-title{font-size:30px}#replay{min-height:44px;margin-top:8px}.scroll-hint{bottom:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}:root{--cyan:#00cbed;--background:#000014;--text:#fff;--muted:#65bdd2;font-family:Arial,Helvetica,sans-serif}.site-header{top:3.125svh;left:5.56%}.brand{width:21.3vw;max-width:230px;min-height:44px;position:relative}.brand:before{content:"";background:url(/brand/logo-blue.png) 50%/contain no-repeat;position:absolute;inset:0}:where(html:not(.is-static) body:has(#showreel[data-reveal=visible][data-mask=full])) .brand:before{background-image:url(/brand/logo-white.png)}.brand img{opacity:0;filter:none;width:100%;height:auto}.copy-stack{text-align:left;width:86.3%;top:70.45%;left:6.85%;transform:none}h1,h2{letter-spacing:0;text-wrap:initial;font-family:Arial,Helvetica,sans-serif;font-weight:700}h1{font-size:min(5.5556vw,3.125svh);line-height:1.2}.copy-line{white-space:nowrap;display:block}.word{margin-right:0}.supporting-copy{max-width:none;margin:2.35svh 0 0 .55vw}.supporting-copy p{color:var(--cyan);text-wrap:initial;font-size:min(3.7963vw,2.1354svh);font-weight:700;line-height:1.25}#identity-title{font-size:min(7.4vw,4.2svh);line-height:1.08}#replay{color:#00cbed;border-color:#00cbed80;margin-top:24px}.scroll-hint{bottom:calc(2svh + env(safe-area-inset-bottom));font-size:12px;display:none}@media (aspect-ratio>=4/5){.site-header{top:4.2svh;left:5.56%}.brand{width:190px}.copy-stack{width:57%;top:48%;left:6.85%}h1{font-size:clamp(25px,3.8vw,54px);line-height:1.18}.supporting-copy{margin:28px 0 0}.supporting-copy p{font-size:clamp(14px,1.65vw,22px);line-height:1.35}.identity-content{text-align:center;width:86.3%;top:75%;left:6.85%}#identity-title{font-size:clamp(34px,5vw,64px)}}@media (height<=480px) and (orientation:landscape){.site-header{top:16px}.brand{width:120px}.copy-stack{width:52%;top:33%}h1{font-size:min(3.2vw,6.1svh)}.supporting-copy{margin-top:16px}.supporting-copy p{font-size:min(1.65vw,3.4svh)}.identity-content{top:73%}#identity-title{font-size:30px}#replay{margin-top:8px}}@media (aspect-ratio<=4/5){.supporting-copy{margin:0;position:absolute;top:17.45svh;left:.55vw}.brand:before{background-position:top;background-size:100%}.site-header{top:2.65svh;left:4.62%}.brand{width:24.07vw;max-width:260px}}#experience{overflow-anchor:none}#stage{pointer-events:auto;cursor:grab}.viewport{touch-action:pan-y pinch-zoom;outline-offset:-4px;-webkit-user-select:none;user-select:none}.viewport.dragging #stage{cursor:grabbing}.identity-content{text-align:center;width:100%;padding:0;top:70.45%;left:0}#identity-title{color:#00cbed;white-space:nowrap;font-size:min(5.5556vw,3.125svh);line-height:1.2}#identity-title .made{color:#fff}#replay{border:0;gap:8px;margin:0;font-size:12px;position:fixed;bottom:12px;left:6.85%}.scene-controls{z-index:6;color:#65bdd2;align-items:center;gap:12px;display:flex;position:fixed;bottom:12px;right:5.56%}.scene-controls button{color:#00cbed;background:#000014b3;border:0;border-radius:0;justify-content:center;align-items:center;min-height:44px;padding:8px 10px;font-size:12px;display:inline-flex}#reset-view{width:44px;padding:10px}#reset-view[hidden]{display:none}#reset-view svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}@media (hover:hover) and (pointer:fine){.scene-controls button:hover{color:#fff}}@media (aspect-ratio>=4/5){#identity-title{font-size:clamp(28px,4.4vw,60px)}}@media (height<=480px) and (orientation:landscape){.identity-content{top:76%}#identity-title{font-size:28px}.scene-controls,#replay{bottom:4px}}.scene-controls[hidden]{display:none}.scroll-hint{display:block}#identity-title .final-word{vertical-align:top;display:inline-block;overflow:clip}#identity-title .final-word-content{display:block}.sound-toggle{z-index:6;top:calc(2.65svh + env(safe-area-inset-top));color:#65bdd2;-webkit-user-select:none;user-select:none;background:#000014b3;border:1px solid #00cbed40;border-radius:50%;justify-content:center;align-items:center;gap:8px;width:44px;min-width:44px;height:44px;min-height:44px;padding:10px;font-size:12px;line-height:1.2;display:inline-flex;position:fixed;right:max(20px,5.56vw)}.sound-toggle[hidden],.sound-toggle span{display:none}.sound-toggle svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.sound-toggle[aria-pressed=false] .sound-waves,.sound-toggle[aria-pressed=true] .sound-muted{display:none}.sound-toggle[aria-pressed=true]{color:#00cbed}.sound-toggle:active{opacity:.65}.sound-toggle:disabled{cursor:wait;opacity:.6}@media (hover:hover) and (pointer:fine){.sound-toggle:hover{color:#fff}}@media (aspect-ratio>=4/5){.sound-toggle{top:calc(4.2svh + env(safe-area-inset-top))}}@media (height<=480px) and (orientation:landscape){.sound-toggle{top:calc(12px + env(safe-area-inset-top))}}#experience{height:680svh}#showreel{z-index:4;visibility:hidden;opacity:0;background:var(--background);pointer-events:none;outline-offset:-6px;position:absolute;inset:0}#showreel-video{object-fit:cover;object-position:center;touch-action:pan-y pinch-zoom;width:100%;height:100%;display:block}.showreel-cue{z-index:4;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));max-width:calc(100% - 80px);min-height:44px;color:var(--cyan);white-space:nowrap;opacity:0;visibility:hidden;align-items:center;gap:14px;font-size:12px;display:flex;position:absolute;transform:translate(-50%)}.showreel-cue svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}@media (hover:hover) and (pointer:fine){.showreel-cue:hover{color:#fff}}@media (width<=600px){.showreel-cue{bottom:calc(56px + env(safe-area-inset-bottom));gap:8px;font-size:12px}}@media (prefers-reduced-motion:reduce){#showreel{clip-path:none!important}}.projects-ground{z-index:2;visibility:hidden;pointer-events:none;background:#efefeb;position:absolute;inset:0}#selected-projects{z-index:5;color:#002447;visibility:hidden;outline-offset:-6px;background:0 0;position:absolute;inset:0;overflow:clip}.projects-stage{align-items:center;height:100%;padding:120px 6vw 86px;display:flex}.projects-track{will-change:transform;align-items:center;gap:8vw;width:max-content;display:flex}.projects-lead{flex:none;width:38vw;padding-right:3vw}#projects-title{letter-spacing:-.035em;text-wrap:initial;font-family:Arial,Helvetica,sans-serif;font-size:clamp(48px,6vw,86px);font-weight:400;line-height:.98}#projects-title span{display:block}.projects-title-line{margin-bottom:-.08em;padding-bottom:.08em;overflow:clip}.projects-title-content{will-change:transform,opacity}.projects-all{letter-spacing:.025em;text-transform:uppercase;border-bottom:1px solid #002447;align-items:center;gap:24px;min-height:44px;margin-top:40px;padding:12px 0;font-size:12px;line-height:1.2;display:inline-flex}.projects-all svg,.project-link svg,.projects-topnav svg{fill:none;stroke:currentColor;stroke-width:1.2px;width:18px;height:18px}.project-card{outline-offset:10px;flex:none;width:min(44vw,760px);min-width:0;display:block}.project-image{aspect-ratio:1.6;background:#00244712;position:relative;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-out);display:block}.project-open{color:#efefeb;opacity:0;width:48px;height:48px;transition:transform .2s var(--ease-out),opacity .2s;background:#002447;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:20px;right:20px;transform:translateY(8px)}.project-open svg{fill:none;stroke:currentColor;stroke-width:1.2px;width:24px;height:24px;transform:rotate(-35deg)}.project-caption{justify-content:space-between;align-items:flex-start;gap:22px;min-height:100px;margin-top:26px;display:flex}.project-caption>div{flex:1;min-width:0}.project-caption h3{letter-spacing:-.025em;text-wrap:balance;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:clamp(22px,2vw,30px);font-weight:400;line-height:1.12}.project-caption p{color:#002447;max-width:32ch;margin:12px 0 0;font:14px/1.4 Arial,Helvetica,sans-serif}.project-link{white-space:nowrap;text-transform:uppercase;border-bottom:1px solid #00244780;flex:none;align-items:center;gap:12px;margin-top:2px;padding:10px 0;font:11px/1.3 Arial,Helvetica,sans-serif;display:flex}.projects-topnav{z-index:2;text-transform:uppercase;align-items:center;gap:18px;min-height:44px;font:12px/1.2 Arial,Helvetica,sans-serif;display:flex;position:absolute;top:4.2svh;right:6vw}.projects-topnav svg{transform:rotate(-90deg)}.projects-footer{text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:32px;font:11px/1.3 Arial,Helvetica,sans-serif;display:flex;position:absolute;bottom:28px;left:6vw;right:6vw}.projects-progress{background:#0024474d;flex:1;height:1px;overflow:hidden}.projects-progress-fill{transform-origin:0;background:#002447;height:100%;transform:scaleX(0)}.projects-position{font-variant-numeric:tabular-nums;text-align:right;min-width:60px}.on-projects .brand:before{background-image:url(/brand/logo-dark.png)}.on-projects .sound-toggle{visibility:hidden}#selected-projects ::selection{color:#efefeb;background:#002447}#selected-projects :focus-visible{outline-color:#002447}@media (hover:hover) and (pointer:fine){.project-card:hover .project-image img{transform:scale(1.035)}.project-card:hover .project-open{opacity:1;transform:none}.projects-all:hover svg{transform:translate(5px)}}.project-card:focus-visible .project-open{opacity:1;transform:none}#selected-projects[data-axis=y] .projects-stage{padding:120px 6vw 100px;display:block}#selected-projects[data-axis=y] .projects-track{flex-direction:column;align-items:stretch;gap:72px;width:100%;display:flex}#selected-projects[data-axis=y] .projects-lead{width:100%;padding:8px 0 0}#selected-projects[data-axis=y] #projects-title{font-size:clamp(48px,12vw,72px)}#selected-projects[data-axis=y] .projects-all{margin-top:24px}#selected-projects[data-axis=y] .project-card{width:100%}#selected-projects[data-axis=y] .project-caption{min-height:0;margin-top:20px;display:block}#selected-projects[data-axis=y] .project-caption h3{max-width:24ch;font-size:26px}#selected-projects[data-axis=y] .project-link{margin-top:18px;padding:12px 0;font-size:11px;display:inline-flex}#selected-projects[data-axis=y] .project-open{display:none}@media (width<=759px){.projects-topnav{font-size:11px;top:2.65svh;right:6vw}.projects-footer{bottom:calc(20px + env(safe-area-inset-bottom));gap:16px;font-size:10px}.projects-scroll-label{max-width:130px}.projects-position{min-width:48px}}@media (height<=480px) and (width>=760px){.projects-stage{padding-top:84px;padding-bottom:50px}.project-image{aspect-ratio:2.4}.project-caption{min-height:80px;margin-top:14px}.project-caption h3{font-size:22px}.projects-footer{bottom:14px}.project-caption p{font-size:12px}.project-link{font-size:10px}.projects-lead #projects-title{font-size:48px}}@media (prefers-reduced-motion:reduce){.projects-stage,.projects-track,.project-image img,.project-open{transition:none!important}.project-image img{transform:none!important}}.projects-header-ground{z-index:2;background:#efefeb;height:100px;position:absolute;inset:0 0 auto}.projects-topnav{z-index:3}.projects-footer{z-index:3;background:#efefeb;padding:24px 6vw;bottom:0;left:0;right:0}@media (width<=759px){.projects-header-ground{height:86px}.projects-footer{padding:20px 6vw calc(20px + env(safe-area-inset-bottom));bottom:0}}@media (height<=480px) and (width>=760px){.projects-header-ground{height:72px}.projects-footer{padding-top:14px;padding-bottom:14px;bottom:0}}html{scrollbar-gutter:stable}.menu-toggle{z-index:8;top:calc(4.2svh + env(safe-area-inset-top));width:44px;height:44px;color:var(--cyan);-webkit-user-select:none;user-select:none;background:#000014b3;border:1px solid #00cbed40;border-radius:50%;place-items:center;padding:10px;display:grid;position:fixed;right:max(20px,5.56vw)}.menu-toggle svg,.menu-close svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;width:24px;height:24px}.menu-toggle:active,.menu-close:active{opacity:.6}.sound-toggle{right:calc(max(20px,5.56vw) + 56px)}.on-projects .menu-toggle{color:#002447;background:#efefeb;border-color:#00244740}.projects-topnav{right:calc(6vw + 64px)}#site-menu{width:min(540px,100%);max-width:100%;height:100dvh;max-height:100dvh;padding:calc(4.2svh + env(safe-area-inset-top)) max(24px,5vw) calc(40px + env(safe-area-inset-bottom));color:#fff;overscroll-behavior:contain;background:#00d2ff;border:0;border-radius:0;margin:0;position:fixed;inset:0 0 0 auto;overflow:auto}.menu-heading{justify-content:space-between;align-items:center;gap:24px;display:flex}#menu-title{letter-spacing:0;font:400 20px/1.2 Arial,Helvetica,sans-serif}.menu-close{color:#fff;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #ffffff80;border-radius:0;flex:none;place-items:center;width:44px;height:44px;padding:10px;display:grid}#site-menu nav{flex-direction:column;gap:28px;margin-top:clamp(56px,12svh,120px);display:flex}#site-menu nav a{letter-spacing:-.025em;min-height:44px;padding:8px 0;font:400 clamp(32px,3.8vw,48px)/1.1 Arial,Helvetica,sans-serif;display:block}#site-menu :focus-visible{outline-color:#002447}#site-menu ::selection{color:#efefeb;background:#002447}@media (hover:hover) and (pointer:fine){.menu-toggle:hover{color:#fff}.on-projects .menu-toggle:hover{color:#002447;border-color:#002447}.menu-close:hover{border-color:#fff}#site-menu nav a:hover{text-underline-offset:8px;text-decoration:underline;text-decoration-thickness:1px}}@media (width<=759px){.menu-toggle{top:calc(2.65svh + env(safe-area-inset-top))}.sound-toggle{top:calc(2.65svh + env(safe-area-inset-top));justify-content:center;width:44px;min-width:44px;height:44px;padding:10px}.sound-toggle span{display:none}#site-menu{padding-top:calc(2.65svh + env(safe-area-inset-top))}#site-menu nav a{font-size:36px}}@media (height<=480px) and (orientation:landscape){.menu-toggle{top:calc(12px + env(safe-area-inset-top))}#site-menu{padding-top:12px}#site-menu nav{gap:12px;margin-top:24px}#site-menu nav a{font-size:30px}}#site-menu{width:100%;max-width:100%;height:100dvh;padding-left:max(24px,5.56vw);padding-right:max(24px,5.56vw);inset:0}#site-menu[open]{flex-direction:column;display:flex}#site-menu nav{flex:1;justify-content:center;gap:clamp(10px,1.6svh,20px);margin:0;padding:24px 0}#site-menu nav a{width:fit-content;max-width:100%;font-size:clamp(42px,6.4vw,88px);line-height:1.05;overflow:clip}.menu-link-text{display:block}@media (width<=759px){#site-menu nav a{font-size:clamp(38px,10.8vw,54px)}}@media (height<=480px) and (orientation:landscape){#site-menu nav{gap:6px;padding:12px 0}#site-menu nav a{padding:5px 0;font-size:clamp(26px,7svh,38px)}}#site-menu{max-width:none}html:has(#site-menu[open]){scrollbar-gutter:auto;background:#00d2ff}#services{z-index:4;color:#fff;opacity:0;visibility:hidden;background:#000014;position:absolute;inset:0;overflow:clip}.services-stage{pointer-events:none;position:absolute;inset:0}.services-stage canvas{width:100%;height:100%;display:block}.services-message{z-index:1;color:#fff;text-align:left;text-transform:uppercase;letter-spacing:0;width:83.2%;margin:0;font:700 clamp(20px,min(5.5556vw,4.5svh),60px)/1.2 Arial,Helvetica,sans-serif;display:grid;position:absolute;top:75%;left:8.4%}.services-copy{opacity:0;transition:opacity .12s var(--ease-out);grid-area:1/1}.services-word-mask{vertical-align:bottom;display:inline-block;overflow:clip}.services-word{opacity:0;transition:transform .4s var(--ease-out),opacity .3s var(--ease-out);display:inline-block;transform:translateY(110%)}.services-copy.is-current .services-word{opacity:1;transition-delay:var(--word-delay);transform:translate(0,0)}.services-copy:not(.is-current) .services-word{transition-duration:.14s,.12s;transition-delay:0s}@starting-style{.services-copy.is-current .services-word{opacity:0;transform:translateY(110%)}}.services-copy.is-current{opacity:1}@media (prefers-reduced-motion:reduce){.services-copy{transition:opacity .12s linear}.services-word,.services-copy.is-current .services-word{opacity:1;transition:none;transform:none}}.services-hint{z-index:1;bottom:calc(28px + env(safe-area-inset-bottom));text-align:center;color:#65bdd2;margin:0;font:12px/1.3 Arial,Helvetica,sans-serif;position:absolute;left:6%;right:6%}.on-services .brand:before{background-image:url(/brand/logo-blue.png)}.on-services .sound-toggle{visibility:visible}.on-services .menu-toggle{color:var(--cyan);background:#000014b3;border-color:#00cbed40}@media (width<=759px){.services-hint{font-size:11px}}@media (height<=480px) and (orientation:landscape){.services-message{font-size:clamp(16px,4.5svh,22px);top:65%}.services-hint{bottom:12px}}#services{opacity:1;touch-action:pan-y pinch-zoom;cursor:grab}#services.dragging{cursor:grabbing}.services-message,.services-hint{pointer-events:none}@media (width<=759px){.services-hint{font-size:10px;left:4%;right:4%}}.services-categories{z-index:2;pointer-events:none;position:absolute;inset:0}.services-categories[hidden]{display:none}.services-list{will-change:transform;width:83.2%;margin:0;padding:0;list-style:none;position:absolute;top:0;left:8.4%}.services-list li{justify-content:center;align-items:center;height:64svh;display:flex}.services-list h3{color:#fff;text-align:center;text-transform:uppercase;letter-spacing:-.02em;margin:0;font:700 clamp(28px,min(6.4vw,7svh),84px)/1.04 Arial,Helvetica,sans-serif}@media (height<=480px) and (orientation:landscape){.services-list h3{font-size:clamp(22px,7svh,34px)}}.services-categories{clip-path:inset(12svh 0 7svh)}.services-list{gap:clamp(28px,7svh,80px);width:min(87%,87.1svh,1000px);margin-inline:auto;display:grid;left:0;right:0}.services-list li{height:auto;display:block}.service-card{pointer-events:auto}.service-card img{object-fit:cover;-webkit-user-select:none;user-select:none;background:#000006;width:100%;height:auto;display:block}.services-list h3{text-align:left;letter-spacing:.01em;margin:clamp(14px,min(4.3vw,4.2svh),46px) 0 0;font:700 clamp(18px,min(4.63vw,4.6svh),54px)/1.16 Arial,Helvetica,sans-serif}.service-more{color:#fff;text-transform:uppercase;letter-spacing:0;cursor:pointer;pointer-events:auto;border-bottom:1px solid;align-items:center;width:max-content;min-width:8.2em;min-height:44px;margin-top:clamp(10px,min(2.4vw,2.6svh),30px);font:700 clamp(14px,min(2.96vw,3svh),32px)/1.4 Arial,Helvetica,sans-serif;text-decoration:none;display:flex}.service-more:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}@media (hover:hover) and (pointer:fine){.service-more:hover{color:var(--cyan)}}.services-list{display:block}.services-intro{color:#fff;margin-bottom:clamp(28px,7svh,80px)}.services-intro h2{text-transform:uppercase;letter-spacing:-.02em;margin:0;font:700 clamp(38px,min(9.5vw,8.5svh),96px)/1 Arial,Helvetica,sans-serif}.services-intro p{max-width:70ch;margin:clamp(20px,3svh,32px) 0 0;font:400 clamp(18px,min(2.6vw,2.7svh),26px)/1.5 Arial,Helvetica,sans-serif}.service-entries{gap:clamp(28px,7svh,80px);margin:0;padding:0;list-style:none;display:grid}.services-intro{min-height:calc(82svh - clamp(28px,7svh,80px))}.services-intro-mask{vertical-align:bottom;display:inline-block;overflow:clip}.services-intro-word{display:inline-block}.service-more{gap:.65em}.service-more svg{fill:none;stroke:currentColor;stroke-width:1.2px;flex:none;width:18px;height:18px}.services-intro{flex-direction:column;justify-content:center;padding-top:20svh;display:flex}.service-image{overflow:clip}.service-image img{transform-origin:top}.service-title-mask{vertical-align:bottom;display:inline-block;overflow:clip}.service-title-word{display:inline-block}#site-menu{--menu-portal:ellipse(88.8889% 50% at 100% 50%);clip-path:var(--menu-portal);background:#00d2ff;padding:0}#site-menu::backdrop{background:0 0}html:has(#site-menu[open]){background:#000014}.menu-heading{display:contents}.menu-close{top:max(10.7svh,calc(env(safe-area-inset-top) + 24px));right:max(11.6vw,calc(env(safe-area-inset-right) + 22px));background:0 0;border:0;width:clamp(44px,6.67vw,72px);height:clamp(44px,6.67vw,72px);padding:0;position:absolute;transform:translate(50%,-50%)}.menu-close svg{stroke-width:2.4px;stroke-linecap:butt;width:clamp(28px,6.67vw,72px);height:clamp(28px,6.67vw,72px)}#site-menu nav{top:51.15%;right:max(6.85vw,calc(env(safe-area-inset-right) + 16px));flex:none;grid-auto-rows:minmax(44px,8.3333svh);gap:0;width:max-content;max-width:80%;height:auto;margin:0;padding:0;display:grid;position:absolute;transform:translateY(-50%)}#site-menu nav a{letter-spacing:.03em;text-transform:uppercase;text-align:right;justify-content:flex-end;justify-self:end;align-items:center;width:max-content;max-width:100%;height:100%;padding:0;font:700 clamp(22px,min(5.556vw,6.25svh),80px)/1.05 Arial,Helvetica,sans-serif;display:flex}#site-menu[data-input=pointer] .menu-close:focus{outline:none}.services-categories[data-axis=x]{clip-path:none}.services-categories[data-axis=x] .services-list{align-items:center;gap:8vw;width:max-content;height:100%;margin:0;padding:120px 6vw 86px;display:flex;left:0;right:auto}.services-categories[data-axis=x] .services-intro{flex:none;width:38vw;min-height:0;margin:0;padding:0 3vw 0 0;display:block}.services-categories[data-axis=x] .service-entries{align-items:center;gap:8vw;display:flex}.services-categories[data-axis=x] .service-entries>li{flex:none;width:min(44vw,760px);min-width:0}.services-categories[data-axis=x] .service-card{grid-template-rows:auto minmax(126px,auto);grid-template-columns:minmax(0,1fr) max-content;column-gap:22px;display:grid}.services-categories[data-axis=x] .service-image{aspect-ratio:1.6;grid-column:1/-1}.services-categories[data-axis=x] .service-image img{width:100%;height:100%}.services-categories[data-axis=x] h3{letter-spacing:-.025em;align-self:start;margin:26px 0 0;font-size:clamp(22px,2vw,30px);line-height:1.12}.services-categories[data-axis=x] .service-more{white-space:nowrap;align-self:start;gap:12px;min-width:0;min-height:44px;margin:28px 0 0;padding:10px 0;font:400 11px/1.3 Arial,Helvetica,sans-serif}@media (height<=480px) and (width>=760px){.services-categories[data-axis=x] .services-list{padding-top:84px;padding-bottom:50px}.services-categories[data-axis=x] .service-image{aspect-ratio:2.4}.services-categories[data-axis=x] .services-intro h2{font-size:48px}.services-categories[data-axis=x] h3{font-size:22px}}#site-menu{--menu-radius:66.3vw;--menu-center-y:var(--menu-radius);--menu-nav-y:calc(var(--menu-radius)*1.08);--menu-row:calc(var(--menu-radius)*.2235);--menu-close-y:calc(var(--menu-radius)*.286);--menu-portal:circle(var(--menu-radius) at 100% var(--menu-center-y))}#site-menu nav{top:var(--menu-nav-y);right:max(8vw,calc(env(safe-area-inset-right) + 16px));grid-auto-rows:minmax(44px,var(--menu-row))}.menu-close{top:max(var(--menu-close-y),calc(env(safe-area-inset-top) + clamp(32px,calc(3.335vw + 8px),44px)))}@media (width>=760px){#site-menu{--menu-radius:min(66.3vw,max(60svh,320px));--menu-center-y:50svh;--menu-nav-y:50svh;--menu-row:8.3333svh;--menu-close-y:calc(50svh - var(--menu-radius)*.714)}#site-menu nav a{font-size:clamp(22px,min(3.5vw,5svh),60px)}}.service-card{outline-offset:8px;cursor:pointer;display:block}.service-card:focus-visible{outline:2px solid var(--cyan)}.service-image{perspective:1100px;position:relative;overflow:visible}.service-surface{transform-origin:50%;transition:transform .24s var(--ease-out);display:block;position:relative;overflow:hidden}.services-categories[data-axis=x] .service-surface{height:100%}.service-panels{perspective:900px;pointer-events:none;position:absolute;inset:0}.service-panels[hidden]{display:none}.service-panel{transform-origin:50%;backface-visibility:hidden;height:33.3333%;position:absolute;left:0;right:0;overflow:hidden}.services-categories .service-image .service-panel img{object-fit:cover;transform-origin:50%;width:100%;max-width:none;height:300%;position:absolute;left:0}.service-title-mask{perspective:600px}.service-title-word{transform-origin:bottom;backface-visibility:hidden}.service-open{z-index:1;background:var(--cyan);color:#000014;opacity:0;width:48px;height:48px;transition:transform .16s var(--ease-out),opacity .16s var(--ease-out);pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:20px;right:20px;transform:translate(-8px,8px)}.service-open svg{fill:none;stroke:currentColor;stroke-width:1.2px;width:24px;height:24px;transform:rotate(-35deg)}.service-card h3,.service-more{transition:color .16s}.service-more svg{transition:transform .16s var(--ease-out)}@media (hover:hover) and (pointer:fine){.service-card:hover .service-surface{transform:rotateY(-4deg)scale(1.025)}.service-card:hover h3,.service-card:hover .service-more{color:var(--cyan)}.service-card:hover .service-open{opacity:1;transform:translate(0,0)}.service-card:hover .service-more svg{transform:translate(4px)}}.service-card:focus-visible .service-surface{transition:none;transform:none}.service-card:focus-visible h3,.service-card:focus-visible .service-more{color:var(--cyan);transition:none}.service-card:focus-visible .service-open{opacity:1;transition:none;transform:none}@media (prefers-reduced-motion:reduce){.service-card .service-surface,.service-card:hover .service-surface{transition:none;transform:none}.service-panel,.service-title-word{transform:none!important}.service-open,.service-card:hover .service-open,.service-more svg,.service-card:hover .service-more svg{transition:opacity .16s;transform:none}}.service-card .service-more{pointer-events:none}.trusted-experience{z-index:3;pointer-events:none;color:#fff;position:absolute;inset:0}.trusted-copy{position:absolute;bottom:7svh;left:7%;right:7%}.trusted-copy h2{letter-spacing:-.025em;margin-bottom:22px;font-family:Arial,sans-serif;font-size:clamp(44px,5.4vw,78px);line-height:1.04}.trusted-partners{color:#c6e8f0;margin:0;padding:0;font-size:15px;line-height:1.65;list-style:none}.trusted-logo-fallback{flex-wrap:wrap;gap:24px;list-style:none;display:flex}.is-webgl .trusted-logo-fallback{clip-path:inset(50%);width:1px;height:1px;margin:0;padding:0;position:absolute;overflow:hidden}.trusted-experience[hidden],.project-invitation[hidden]{display:none}#services .project-invitation{z-index:4;pointer-events:none;align-items:center;padding:7vw;display:flex;position:absolute;inset:0}#services .project-invitation[hidden]{display:none}.project-invitation h2{letter-spacing:-.03em;width:100%;font-family:Arial,sans-serif;font-size:clamp(58px,7.3vw,96px);line-height:1.04}.project-invitation h2 a{color:#fff;pointer-events:auto;justify-content:space-between;align-items:center;gap:24px;display:flex}.project-invitation-arrow{aspect-ratio:1;color:#00d2ff;border:1px solid #00d2ff;border-radius:50%;flex-shrink:0;place-items:center;width:clamp(80px,12vw,160px);transition:background .3s,color .3s;display:grid}.project-invitation-arrow svg{fill:none;stroke:currentColor;stroke-width:1.2px;width:46%;transition:transform .55s var(--ease-out);transform:rotate(-35deg)}.home-closing{isolation:isolate;color:#fff;background:#000006;position:relative}.site-footer{padding:clamp(120px,16svh,160px) 7vw max(32px,env(safe-area-inset-bottom));flex-direction:column;justify-content:center;min-height:100svh;display:flex}.footer-socials{margin-top:auto}.footer-bottom{margin-top:0}.footer-offices{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;padding-bottom:64px;display:grid}.footer-offices address{min-width:0;font-style:normal}.footer-offices h3{margin:0 0 16px;font-family:Arial,Helvetica,sans-serif;font-size:18px;font-weight:400;line-height:1.5}.footer-offices h3 span{color:#65bdd2;font-size:15px;display:block}.site-footer a{text-underline-offset:6px;align-items:center;min-height:44px;display:inline-flex}.footer-offices a{overflow-wrap:anywhere;width:fit-content;max-width:100%;min-height:34px;font-size:14px;line-height:1.5;display:flex}.footer-socials{flex-wrap:wrap;align-items:center;gap:32px;padding-bottom:40px;display:flex}.footer-socials a{color:#c6e8f0;gap:10px;font-size:13px;transition:color .2s;position:relative}.footer-socials svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px;transition:transform .3s var(--ease-out)}.footer-socials a:after{content:"";transform-origin:0;height:1px;transition:transform .3s var(--ease-out);background:#00d2ff;position:absolute;bottom:1px;left:0;right:0;transform:scaleX(0)}.footer-bottom{color:#65bdd2;border-top:1px solid #65bdd24d;justify-content:space-between;align-items:center;gap:20px;padding-top:24px;display:flex}.footer-bottom small{font-size:12px;line-height:1.6}.footer-bottom a{white-space:nowrap;gap:14px;font-size:13px}.footer-bottom svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:20px;height:20px;transform:rotate(-90deg)}.on-closing .scene-controls,.on-closing .sound-toggle{visibility:hidden}.on-closing .brand:before{background-image:url(/brand/logo-blue.png)}.on-closing .menu-toggle{color:var(--cyan);background:#000014b3;border-color:#00cbed40}@media (hover:hover) and (pointer:fine){.project-invitation h2 a:hover .project-invitation-arrow{color:#000014;background:#00d2ff}.project-invitation h2 a:hover svg{transform:rotate(0)}.footer-offices a:hover{color:#00d2ff;text-decoration:underline}.footer-socials a:hover{color:#00d2ff}.footer-socials a:hover svg{transform:translateY(-4px)}.footer-socials a:hover:after{transform:scaleX(1)}}.footer-socials a:focus-visible:after{transform:scaleX(1)}@media (width<=900px){.footer-offices{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}}@media (width<=600px){.trusted-copy{bottom:7svh}.trusted-copy h2{margin-bottom:16px;font-size:44px}.trusted-partners{font-size:13px;line-height:1.6}.project-invitation h2{font-size:clamp(46px,12vw,66px)}.project-invitation-arrow{width:74px}.site-footer{padding-top:100px}.footer-offices{gap:32px 18px;padding-bottom:32px}.footer-offices h3{font-size:16px}.footer-offices a{min-height:36px;font-size:12px}.footer-socials{justify-content:space-between;gap:20px;padding-bottom:28px}.footer-socials a{justify-content:center;width:44px}.footer-socials span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.footer-bottom{align-items:flex-start}.footer-bottom small{max-width:160px}}@media (prefers-reduced-motion:reduce){.project-invitation-arrow,.project-invitation-arrow svg,.footer-socials a,.footer-socials svg,.footer-socials a:after{transition:none}}.has-footer-overlay .home-closing{z-index:4;margin-top:-100svh}.hint-part{vertical-align:middle;align-items:center;gap:6px;display:inline-flex}.hint-icon{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.scroll-hint .hint-part+.hint-part{margin-left:14px}.services-hint{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;display:flex}.showreel-scroll{z-index:1;left:50%;bottom:calc(76px + env(safe-area-inset-bottom));color:#fff;white-space:nowrap;min-height:44px;transition:background .16s var(--ease-out),border-color .16s var(--ease-out);background:#000014df;border:1px solid #ffffff40;border-radius:24px;justify-content:center;align-items:center;gap:10px;padding:10px 16px;font-size:12px;line-height:1.3;display:inline-flex;position:absolute;transform:translate(-50%)}.showreel-scroll[hidden]{display:none}.showreel-scroll svg{color:var(--cyan);animation:showreel-scroll-nudge 2s var(--ease-out) 3}.showreel-scroll:active{opacity:.75}@keyframes showreel-scroll-nudge{0%,65%,to{transform:translateY(0)}30%{transform:translateY(4px)}}@media (hover:hover) and (pointer:fine){.showreel-scroll:hover{border-color:var(--cyan);background:#000014}}@media (height<=480px){.showreel-scroll{bottom:calc(58px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.showreel-scroll svg{animation:none}}.static-navigation{display:none}.is-static .static-navigation{flex-wrap:wrap;gap:12px 28px;margin:110px 7vw 24px;display:flex}.is-static .static-navigation a{align-items:center;min-height:44px;display:inline-flex}.is-static #experience,.is-static .viewport{-webkit-user-select:text;user-select:text;min-height:0;overflow:visible;height:auto!important;position:relative!important}.is-static #origin,.is-static #identity,.is-static #selected-projects,.is-static #showreel,.is-static #services,.is-static #trusted,.is-static #services .project-invitation{width:auto;min-height:0;margin:0;padding:64px 7vw;opacity:1!important;visibility:visible!important;pointer-events:auto!important;height:auto!important;display:block!important;position:relative!important;inset:auto!important;transform:none!important}.is-static #selected-projects{background:#efefeb}.is-static .copy-stack,.is-static .opening-copy,.is-static .supporting-copy,.is-static .identity-content,.is-static .services-list,.is-static .trusted-copy{max-width:100%;margin:0;padding:0;opacity:1!important;visibility:visible!important;width:100%!important;position:relative!important;inset:auto!important;transform:none!important}.is-static .copy-stack{text-align:left}.is-static .supporting-copy{margin-top:28px}.is-static .supporting-copy p{font-size:18px}.is-static .services-categories{clip-path:none;height:auto;position:relative;inset:auto;display:block!important;transform:none!important}.is-static .projects-stage{height:auto;padding:0;position:relative;inset:auto;overflow:visible}.is-static .projects-track,.is-static .service-entries{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:48px;height:auto;margin:0;padding:0;visibility:visible!important;width:100%!important;display:grid!important;transform:none!important}.is-static .projects-lead{grid-column:1/-1;width:auto}.is-static .project-card,.is-static .service-entries>li{min-width:0;max-width:100%;opacity:1!important;width:100%!important;transform:none!important}.is-static .project-image,.is-static .service-image{aspect-ratio:16/9;overflow:hidden}.is-static .project-image img,.is-static .service-image img{object-fit:cover;width:100%;height:100%;opacity:1!important;transform:none!important}.is-static .service-card{display:block;pointer-events:auto!important}.is-static .services-intro{width:100%;min-height:0;margin:0 0 48px;padding:0;display:block}.is-static .services-intro p{max-width:70ch;font-size:18px;line-height:1.6}.is-static .service-more,.is-static .services-intro-word,.is-static .service-title-word,.is-static .projects-title-content{opacity:1!important;transform:none!important}.is-static .service-card h3{margin:22px 0 0}.is-static .trusted-logo-fallback{clip-path:none;gap:24px;width:auto;height:auto;padding:0;position:static}.is-static .trusted-logo-fallback img{object-fit:contain;width:80px;height:80px}.is-static .project-invitation h2{font-size:clamp(36px,7vw,72px)}.is-static .project-invitation-arrow{width:64px}.is-static .home-closing{margin-top:0}.is-static .site-footer{min-height:0;padding-top:64px}.is-static #showreel-video{aspect-ratio:16/9;max-height:80svh}.is-static #notice{margin:110px 7vw 24px;position:relative;inset:auto}.is-static .static-navigation+#notice{margin-top:24px}.is-static #stage,.is-static .services-stage,.is-static .services-message,.is-static .services-hint,.is-static .projects-ground,.is-static .projects-header-ground,.is-static .projects-topnav,.is-static .projects-footer,.is-static .scroll-hint,.is-static .showreel-cue,.is-static .showreel-scroll,.is-static .scene-controls,.is-static .menu-toggle,.is-static #sound-toggle,.is-static #loading,.is-static #replay,.is-static .service-panels,.is-static .project-open,.is-static .service-open{display:none!important}.viewport{-webkit-user-select:auto;user-select:auto}.viewport.dragging,button{-webkit-user-select:none;user-select:none}html{-webkit-text-size-adjust:100%}.footer-offices a{min-height:44px}#site-menu nav a,.menu-close{color:#002447}.is-static .copy-line{white-space:normal}.is-static .site-header{margin:32px 7vw 0;position:relative;inset:auto}.is-static .brand{width:134px;max-width:100%}.is-static .static-navigation,.is-static #notice{margin-top:24px}.is-static .word,.is-static .letter,.is-static .final-word-content{opacity:1!important;transform:none!important}@media (orientation:portrait){.is-static #showreel-video{aspect-ratio:9/16}}@font-face{font-family:Clash Display;src:url(/fonts/ClashDisplay-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}:root{--font-heading:"Clash Display",Arial,Helvetica,sans-serif;--type-page:clamp(32px,9.3vw,44px);--type-section:clamp(30px,3vw,42px);--type-card:26px;--type-capability:clamp(18px,1.65vw,24px);--type-cta:clamp(58px,7vw,96px)}.pf-head h1,.case-heading h1,.wwd-hero h1,.service-detail-page .wwd-service h1,.wwd-service h2{font-family:var(--font-heading);font-weight:500;font-size:var(--type-page);letter-spacing:-.02em;word-spacing:.04em;line-height:1.02}.service-detail-content>section:not(.wwd-contact) h2,.case-story-copy h2{font-family:var(--font-heading);font-weight:500;font-size:var(--type-section);letter-spacing:-.015em;word-spacing:.04em;line-height:1.1}#projects-title,.services-intro h2,.trusted-copy h2{font-family:var(--font-heading);font-weight:500}.pf-caption h2,.project-caption h3,.service-project-caption h3,.service-card h3{font-family:var(--font-heading);font-weight:500;font-size:var(--type-card);letter-spacing:-.01em;word-spacing:.035em;line-height:1.14}.service-capabilities li h3{font-family:var(--font-heading);font-weight:500;font-size:var(--type-capability)}.wwd-contact h2,.project-invitation h2{font-family:var(--font-heading);font-weight:500;font-size:var(--type-cta);letter-spacing:-.02em;word-spacing:.04em;line-height:1.04}.footer-offices h3,.wwd-world-fallback{font-family:var(--font-heading);font-weight:500}@media (width>=768px){:root{--type-page:clamp(40px,4.2vw,60px);--type-card:clamp(22px,1.65vw,28px)}#projects-title,.services-categories[data-axis=x] .services-intro h2,.trusted-copy h2{font-size:var(--type-page);letter-spacing:-.025em;line-height:1.04}.services-categories[data-axis=x] h3{font-size:var(--type-card);font-weight:500;line-height:1.14}}@media (height<=500px) and (orientation:landscape){:root{--type-page:30px;--type-section:28px}}.site-header{--header-shade-rgb:0 0 20}.site-header:before,.projects-header-ground{height:calc(clamp(104px,15svh,150px) + env(safe-area-inset-top,0px))}.site-header:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgb(var(--header-shade-rgb)/.98) 0%,rgb(var(--header-shade-rgb)/.9) 48%,rgb(var(--header-shade-rgb)/.48) 76%,rgb(var(--header-shade-rgb)/0) 100%);position:fixed;inset:0 0 auto}.on-projects .site-header:before{background:0 0}.on-services .site-header,.on-closing .site-header{--header-shade-rgb:0 0 20}.projects-header-ground{pointer-events:none;background:linear-gradient(#efefebfa 0%,#efefebe6 48%,#efefeb7a 76%,#efefeb00 100%)}