:root{--scene-color:#33a6e8;--scene-ink:#fffaf1;--red:#33a6e8;--paper:#f4f8fc;--ink:#202120}
body{background:#f4f8fc}.site-head{position:absolute;inset:0 0 auto;height:100px;background:transparent;border:0;color:var(--scene-ink);z-index:40}.site-head:after{content:'';position:fixed;left:0;top:0;width:100%;height:3px;background:var(--scene-ink);transform:scaleX(var(--page-progress,0));transform-origin:left;pointer-events:none}.brand-symbol,.brand-period,.head-cta span{color:inherit}.desktop-nav a{color:var(--scene-ink);opacity:.8;font-size:14px}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:var(--scene-ink);opacity:1}.desktop-nav a[aria-current=page]:after{background:currentColor}.head-cta{background:#202120;color:white;border:0;border-radius:32px;padding:12px 20px;gap:22px}.head-cta span{display:grid;place-items:center;background:var(--scene-color);color:var(--scene-ink);border-radius:50%;width:31px;height:31px;box-shadow:inset 0 -3px 4px #0003,0 2px 3px #0004}.menu-toggle{color:var(--scene-ink)}.menu-toggle span{color:inherit}.motion-hero{position:relative;background:var(--scene-color)!important;color:var(--scene-ink);min-height:850px;min-height:100svh;display:grid;grid-template-columns:1.03fr 1.12fr;align-items:center;padding:145px var(--gutter) 80px!important;gap:0;border:0;overflow:hidden}.motion-hero-copy{position:relative;z-index:2;min-width:0}.motion-hero h1{font-size:clamp(54px,6.9vw,112px);font-weight:500;line-height:.98;letter-spacing:-.07em;max-width:800px}.motion-hero h1 em{color:inherit;opacity:.72}.home-motion-hero h1{font-size:clamp(58px,6.7vw,109px);line-height:1.04}.home-motion-hero h1 em{opacity:1}.motion-hero p,.motion-hero .section-label span{color:var(--scene-ink)}.motion-hero p{font-size:18px;line-height:1.65;max-width:440px;margin-top:32px;opacity:.9}.motion-hero .section-label{font-size:9px;letter-spacing:.12em;margin-bottom:33px;opacity:.8}.motion-button{margin-top:30px;background:#202120;color:white;border-radius:32px;padding:16px 23px;gap:30px;font-size:14px}.motion-button span{width:28px;height:28px;border-radius:50%;background:var(--scene-color);box-shadow:inset 0 -3px 4px #0003;color:var(--scene-ink);display:grid;place-items:center;transition:rotate .3s}.motion-button:hover span{rotate:45deg}.hero-smallprint{font-size:8px;letter-spacing:.13em;margin-top:35px;opacity:.7}.object-stage{position:relative;width:100%;height:clamp(430px,43vw,690px);min-width:0;isolation:isolate;z-index:1}.motion-hero>.object-stage{width:118%;margin-left:-8%;margin-top:10px}.object-stage canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;outline:none}.scene-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:1}.scene-ready .scene-poster,.scene-ready .scene-fallback{visibility:hidden}.scene-fallback{position:absolute;inset:25% 20%;display:flex;align-items:center;justify-content:center;gap:10px;z-index:0}.scene-fallback span{width:24%;aspect-ratio:1;background:#252525;transform:rotate(-20deg);box-shadow:8px 12px 0 #0002}.scene-fallback span:nth-child(2){background:#33a6e8;transform:translateY(-25px) rotate(15deg)}.scene-fallback span:nth-child(3){background:#33a6e8;border-radius:50%;transform:translateY(25px)}.scene-poster:not([style*="display: none"])+.scene-fallback{display:none}.object-caption{position:absolute;left:8%;right:7%;bottom:2%;display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.1em;color:var(--scene-ink);z-index:3;opacity:.7;pointer-events:none}.hero-down{position:absolute;bottom:24px;left:var(--gutter);border:1px solid currentColor;width:45px;height:45px;display:grid;place-items:center;border-radius:50%;font-size:22px;color:var(--scene-ink)}.motion-toggle{position:fixed;right:20px;bottom:20px;border:1px solid #ffffff2b;background:#202120;color:white;z-index:45;padding:10px 14px;border-radius:24px;font-size:10px;display:flex;gap:15px;box-shadow:0 6px 20px #0002}.motion-toggle span{color:#33a6e8}.motion-journey{position:relative;height:340vh;background:#202120;color:#f4f8fc}.journey-sticky{position:sticky;top:0;height:100svh;min-height:620px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:0;padding:70px var(--gutter);overflow:hidden;background:#202120}.journey-copy{position:relative;z-index:4;max-width:480px}.journey-copy .section-label{color:#a5a69f;font-size:9px;margin-bottom:40px}.journey-copy .section-label span{color:#a5a69f}.journey-title{font-size:clamp(45px,5.7vw,86px);line-height:1.02;letter-spacing:-.06em;min-height:2.08em;max-width:550px}.journey-description{color:#b7b8ae;margin-top:30px;max-width:370px;min-height:5em;font-size:16px}.journey-controls{display:flex;gap:10px;margin-top:36px}.journey-controls button{border:1px solid #616359;background:transparent;color:#a5a69f;border-radius:50%;width:44px;height:44px;font-size:11px;transition:background .3s,color .3s}.journey-controls button[aria-pressed=true]{background:var(--scene-color);border-color:var(--scene-color);color:var(--scene-ink)}.journey-scroll{display:flex;gap:24px;margin-top:35px;color:#898c7e;font-size:8px;letter-spacing:.12em}.journey-stage{height:min(78vh,800px);width:115%;margin-left:-6%;--scene-ink:#cbcec1}.journey-stage:before{content:'';position:absolute;inset:12%;border:1px solid #42453a;border-radius:50%;z-index:-1}.journey-stage:after{content:'';position:absolute;inset:23%;border:1px dashed #3b3e33;border-radius:50%;z-index:-1}.journey-progress{position:absolute;left:var(--gutter);right:var(--gutter);bottom:30px;height:2px;background:#41443a}.journey-progress i{display:block;background:var(--scene-color);height:100%;transform:scaleX(var(--journey-progress,0));transform-origin:left}.kinetic-ribbon{background:var(--scene-color);color:var(--scene-ink);overflow:hidden;padding:25px 0}.kinetic-line{font-size:clamp(55px,10vw,150px);font-weight:600;line-height:1.1;white-space:nowrap;letter-spacing:-.065em;width:max-content;margin-left:-12vw;will-change:transform}.intro-section{padding-top:120px;padding-bottom:120px}.intro-grid h2{font-size:clamp(42px,5.3vw,78px)}.intro-grid em{color:var(--red)}.section-heading h2{font-size:clamp(40px,5vw,75px)}.selected-work{background:#eeeae2}.featured-image,.work-card-media{border-radius:18px;transition:transform .45s;background:#dedad1;box-shadow:0 12px 26px #0000000b}.featured-project:nth-child(3n+2) .featured-image{background:#c6cff1}.featured-project:nth-child(3n+3) .featured-image{background:#33a6e8}.featured-image img,.work-card-media img{filter:none}.project-open{box-shadow:0 6px 13px #0002}.expertise-section{background:#c8b9f2;color:#201c29}.expertise-section em,.expertise-section p,.expertise-list p,.expertise-list a>span{color:#584e6c}.expertise-list a,.expertise-list a:last-child{border-color:#a28cc4}.expertise-list a:hover h3{color:#30265a}.process-section{background:#f4f8fc}.process-grid article{position:relative}.process-grid article:before{content:'';height:10px;width:10px;background:var(--scene-color);display:block;position:absolute;top:-5px;left:0;border:2px solid #202120;border-radius:50%}.statement-section{background:#33a6e8}.statement-section em{color:#33a6e8}.site-footer{background:#202120}.footer-arrow{color:var(--scene-color)}.footer-main em{color:#8e9283}.contact-direct .contact-side-note{display:none}.contact-details{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%}.contact-direct-copy>p{max-width:420px}.direct-contact-board{align-self:stretch}.project-hero h1{font-size:clamp(40px,4.8vw,77px)}.project-hero .project-overline{font-size:8px;gap:12px;flex-wrap:wrap;margin-bottom:24px}.project-showcase .project-hero-media{margin:0;border-radius:20px;background:#e2e3dc}.project-hero p{font-size:16px}.privacy-block{scroll-margin-top:40px}.page-privacy .motion-hero h1{font-size:clamp(45px,5.2vw,83px)}.page-notes .motion-hero h1{font-size:clamp(48px,5.5vw,88px)}.motion-reveal{transition:opacity .7s cubic-bezier(.2,.7,.2,1),translate .7s cubic-bezier(.2,.7,.2,1)}.motion-reveal:not(.motion-in){opacity:0;translate:0 40px}.motion-paused .motion-reveal,.motion-paused .reveal{opacity:1!important;translate:none!important}.motion-paused *{animation-play-state:paused!important}.motion-paused .kinetic-line{transform:none!important}.motion-paused .motion-journey{height:auto}.motion-paused .journey-sticky{position:relative}.motion-paused .journey-scroll{visibility:hidden}.motion-paused .journey-progress{display:none}.mobile-nav{background:#202120}.fallback-nav{position:relative;z-index:50;background:#202120}
@media(min-width:1700px){.motion-hero{padding-left:max(var(--gutter),calc((100vw - 1600px)/2))!important;padding-right:max(var(--gutter),calc((100vw - 1600px)/2))!important}}
@media(max-width:1100px){.motion-hero{min-height:780px;grid-template-columns:1fr 1fr;padding-top:140px!important}.motion-hero h1{font-size:7vw}.motion-hero p{font-size:16px}.home-motion-hero h1{font-size:7vw}.object-caption{font-size:7px;left:10%;right:5%}.scene-interaction{display:none}.journey-title{font-size:6vw}.journey-description{font-size:14px}.journey-sticky{min-height:600px}.journey-stage{height:640px}.page-project .motion-hero h1{font-size:5.3vw}}
@media(max-width:900px){.site-head{height:80px}.motion-hero{padding:125px var(--gutter) 60px!important;min-height:700px}.motion-hero .section-label{font-size:8px;line-height:1.9;max-width:240px}.motion-hero h1{font-size:7.1vw}.motion-hero>.object-stage{height:450px;width:125%;margin-left:-13%}.hero-smallprint{font-size:7px;max-width:250px}.motion-button{gap:15px;font-size:12px}.journey-sticky{gap:0}.journey-title{font-size:6.3vw}.journey-stage{height:570px;width:125%;margin-left:-12%}.journey-description{max-width:310px}.journey-controls{gap:8px}.journey-controls button{width:38px;height:38px}.contact-details{grid-template-columns:1fr;gap:35px}.page-contact .motion-hero{grid-template-columns:1fr 1fr}.page-contact .motion-hero h1{font-size:7vw}.motion-hero p{max-width:360px}.page-privacy .motion-hero h1,.page-notes .motion-hero h1{font-size:6.5vw}}
@media(max-width:600px){.site-head{height:80px;gap:15px}.head-cta{padding:7px 9px 7px 15px;gap:12px;font-size:10px}.head-cta span{width:25px;height:25px;font-size:16px}.menu-toggle{font-size:10px;gap:10px}.brand{font-size:21px;gap:5px}.brand-symbol{font-size:26px}.motion-hero,.page-contact .motion-hero{display:flex;flex-direction:column;align-items:stretch;padding:119px 22px 35px!important;min-height:0;gap:0}.motion-hero h1,.home-motion-hero h1{font-size:clamp(49px,12.1vw,70px);line-height:1.04;letter-spacing:-.07em}.motion-hero .section-label{font-size:7px;margin-bottom:24px;max-width:none;letter-spacing:.09em}.motion-hero p{font-size:14px;max-width:340px;margin-top:23px;line-height:1.7}.motion-button{margin-top:23px;padding:12px 17px;font-size:12px}.hero-smallprint{display:none}.motion-hero>.object-stage{height:350px;width:calc(100% + 44px);margin:5px -22px 10px}.object-caption{bottom:0;left:22px;right:22px;font-size:6px}.hero-down{width:33px;height:33px;font-size:18px;left:auto;right:22px;bottom:28px}.motion-hero .hero-down{display:none}.motion-toggle{right:12px;bottom:12px;padding:9px 12px;font-size:9px;gap:11px}.motion-journey{height:290vh}.journey-sticky{grid-template-columns:1fr;grid-template-rows:auto 1fr;padding:42px 22px 35px;align-content:start;align-items:start;height:100svh;min-height:610px}.journey-copy{max-width:100%}.journey-copy .section-label{font-size:7px;margin-bottom:22px;gap:15px}.journey-title{font-size:clamp(36px,10vw,52px);min-height:1.1em;max-width:360px;line-height:1.05}.journey-description{font-size:12px;margin-top:16px;max-width:320px;min-height:3.5em;line-height:1.6}.journey-controls{margin-top:17px;gap:8px}.journey-controls button{width:32px;height:32px;font-size:9px}.journey-scroll{display:none}.journey-stage{height:100%;min-height:240px;max-height:470px;width:calc(100% + 44px);margin:0 -22px}.journey-stage .object-caption{bottom:0;font-size:6px}.journey-stage .object-caption span:last-child{display:none}.journey-progress{bottom:22px;left:22px;right:22px}.intro-section{padding-top:65px;padding-bottom:65px}.intro-grid h2{font-size:41px}.section-heading h2{font-size:40px}.featured-image,.work-card-media{border-radius:10px}.page-project .motion-hero h1{font-size:40px}.page-project .motion-hero p{font-size:13px}.project-hero .project-overline{font-size:7px;gap:8px;margin-bottom:20px}.page-privacy .motion-hero h1,.page-notes .motion-hero h1{font-size:46px}.page-contact .motion-hero h1{font-size:49px}.page-contact .motion-hero h1 br{display:initial}.page-studio .motion-hero h1{font-size:52px}.motion-paused .journey-sticky{height:760px}.kinetic-ribbon{padding:18px 0}.kinetic-line{font-size:70px}}
@media(prefers-reduced-motion:reduce){.motion-journey{height:auto}.journey-sticky{position:relative}.motion-reveal{opacity:1!important;translate:none!important}.kinetic-line{transform:none!important}.journey-scroll{display:none}.journey-progress{display:none}}
body[data-motion-page=work]{--scene-color:#c8b9f2;--scene-ink:#201c29}body[data-motion-page=expertise]{--scene-color:#3155ee;--scene-ink:#fff}body[data-motion-page=studio]{--scene-color:#33a6e8;--scene-ink:#242219}body[data-motion-page=insights]{--scene-color:#a9d9bc;--scene-ink:#182b24}body[data-motion-page=contact]{--scene-color:#33a6e8;--scene-ink:#2a201b}body[data-motion-page=privacy]{--scene-color:#b8dce9;--scene-ink:#182b34}body[data-motion-page=logistics]{--scene-color:#33a6e8;--scene-ink:#29201e}body[data-motion-page=operations]{--scene-color:#b2c5f5;--scene-ink:#1d2540}body[data-motion-page=data]{--scene-color:#cadb85;--scene-ink:#26321b}body[data-motion-page=profiles]{--scene-color:#f0b7d3;--scene-ink:#33232d}body[data-motion-page=access]{--scene-color:#9ad4d2;--scene-ink:#173331}@media(min-width:1101px){.home-motion-hero h1{font-size:clamp(66px,6vw,97px)}}
@view-transition{navigation:auto}::view-transition-old(root){animation:page-out .22s ease both}::view-transition-new(root){animation:page-in .35s ease both}@keyframes page-out{to{opacity:0;transform:translateY(-12px)}}@keyframes page-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}}
@media(min-width:901px){.motion-hero:not(.home-motion-hero):not(.project-hero) h1{font-size:clamp(56px,5.65vw,90px)}.motion-journey[data-journey=studio] .journey-copy,.motion-journey[data-journey=insights] .journey-copy,.motion-journey[data-journey=privacy] .journey-copy{order:2;margin-left:30px}.motion-journey[data-journey=studio] .journey-stage,.motion-journey[data-journey=insights] .journey-stage,.motion-journey[data-journey=privacy] .journey-stage{order:1}.motion-journey[data-journey=studio] .journey-sticky,.motion-journey[data-journey=insights] .journey-sticky,.motion-journey[data-journey=privacy] .journey-sticky{grid-template-columns:1.15fr .85fr}}