html{font-size:16px}*{-webkit-user-select:none;user-select:none}img,a{-webkit-user-drag:none}:root{color:#16171c;font-synthesis:none;--paper:#eef0f5;--ink:#16171c;--blue:#253cff;--line:#cbd0da;background:#eef0f5;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}html:has(body.modal-open){overflow:hidden}body.modal-open{overflow:clip}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:default}a:focus-visible,button:focus-visible{outline-offset:5px;outline:3px solid #ff7a39}::selection{background:var(--blue);color:#fff}h1,h2,h3,p{margin:0}img,video{object-fit:cover;width:100%;height:100%;display:block}button{border:0}main:focus{outline:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:200;background:var(--blue);color:#fff;padding:15px;position:fixed;top:-70px;left:20px}.skip:focus{top:10px}.no-js{padding:24px}.js-control{display:none}.js .js-control{display:inline-flex}.header{z-index:20;justify-content:space-between;align-items:center;padding:26px 3.4vw;display:flex;position:absolute;top:0;left:0;right:0}.wordmark{letter-spacing:-2px;align-items:center;gap:6px;font-size:31px;font-weight:800;display:flex}.brand-dot{background:var(--blue);border-radius:50%;align-self:flex-start;width:8px;height:8px;margin-top:7px}.header-actions{align-items:center;gap:10px;display:flex}.pill,.menu-button{background:var(--ink);color:#fff;border-radius:99px;justify-content:center;align-items:center;gap:30px;min-height:48px;padding:12px 23px;font-size:14px;font-weight:500;transition:background .2s,transform .2s;display:inline-flex}.pill>.cta-arrow{font-size:22px;line-height:1}.pill:hover,.menu-button:hover{background:var(--blue);transform:translateY(-2px)}.menu-button{color:var(--ink);background:#fff;gap:24px}.menu-button:hover{color:#fff}.sound-button{background:#ffffffa8;border-radius:50%;justify-content:center;align-items:center;gap:3px;width:48px;height:48px}.sound-button i{background:var(--ink);width:2px;height:7px}.sound-button i:nth-child(2){height:15px}.sound-button i:nth-child(3){height:20px}.sound-button[aria-pressed=true] i{animation:.7s infinite alternate equalize}.sound-button i:nth-child(2){animation-delay:.2s}.sound-button i:nth-child(3){animation-delay:.4s}@keyframes equalize{to{transform:scaleY(.3)}}.section{padding:110px 5vw}.section-label{letter-spacing:.08em;font:500 12px/1.5 Arial,sans-serif}.display{letter-spacing:-.065em;font-size:clamp(44px,6.3vw,100px);font-weight:500;line-height:1.2}.display>span,h1>span{display:block}.hero{background:#dce3e9;height:max(780px,100svh);max-height:1200px;position:relative;overflow:hidden}.hero-visual{inset:0;position:absolute!important}.hero-topline{letter-spacing:.065em;z-index:4;justify-content:space-between;font-size:12px;display:flex;position:absolute;top:130px;left:3.5vw;right:3.5vw}.live-label{align-items:center;gap:9px;display:flex}.live-label i{background:var(--blue);border-radius:50%;width:6px;height:6px}.hero-content{z-index:4;pointer-events:none;justify-content:space-between;align-items:flex-end;gap:25px;display:flex;position:absolute;bottom:120px;left:5vw;right:5vw}.hero-content a{pointer-events:auto}.hero-side{width:270px;padding-bottom:8px}.hero-side p{margin-bottom:28px;font-size:16px;line-height:1.8}.scroll-cue{z-index:4;gap:50px;font-size:14px;display:flex;position:absolute;bottom:32px;left:5vw}.hero-note{z-index:4;letter-spacing:.08em;font-size:11px;position:absolute;bottom:34px;right:5vw}.intro{grid-template-columns:1fr 2.4fr;gap:60px;padding-top:145px;padding-bottom:140px;display:grid}.intro-bottom{justify-content:space-between;align-items:flex-start;gap:60px;margin-top:45px;display:flex}.intro-bottom p{max-width:500px;font-size:18px;line-height:1.9}.intro-bottom .pill{flex-shrink:0}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.section-heading h2{margin-top:22px;font-size:clamp(38px,5.2vw,80px)}.work{padding-top:30px}.work-note{color:#595f6a;margin:24px 0 50px;font-size:14px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 28px;display:grid}.project-card[hidden]{display:none}.project-card a{display:block}.card-frame{isolation:isolate;border-radius:16px;height:clamp(320px,38vw,580px);position:relative;overflow:hidden}.visual{min-height:100px;position:relative;overflow:hidden}.card-visual{position:absolute;inset:0}.theme-silver{background:radial-gradient(at 50% 25%,#fff,#b9c6d6)}.theme-blue{background:radial-gradient(at 35% 25%,#697eff,#132ce5 60%,#101979)}.theme-orange{background:radial-gradient(at 30% 20%,#ffc8a3,#c25136)}.theme-green{background:radial-gradient(at 40% 30%,#defbb0,#849c65)}.visual img,.visual video{z-index:3;min-height:100%;transition:transform .7s;position:absolute;inset:0}.project-link:hover .visual img{transform:scale(1.045)}.visual video{background:0 0}.visual-orbit{border:1px solid #fff6;border-radius:50%;width:50%;height:65%;position:absolute;top:18%;left:25%;transform:rotate(-35deg)}.card-index,.card-open,.card-word{z-index:4;position:absolute}.card-index{letter-spacing:.06em;font-size:11px;top:25px;left:24px}.card-open{background:#ffffff40;border:1px solid #ffffff70;border-radius:50%;place-items:center;width:46px;height:46px;font-size:25px;transition:background .2s;display:grid;top:18px;right:18px}.project-link:hover .card-open{background:#fff}.card-word{color:#fff;letter-spacing:-.055em;mix-blend-mode:soft-light;pointer-events:none;font-size:clamp(34px,5vw,78px);font-weight:700;bottom:20px;left:24px}.card-caption{justify-content:space-between;align-items:center;gap:15px;margin-top:20px;display:flex}.card-caption h3{font-size:24px;font-weight:500}.card-caption small{color:#60646e;margin-left:10px;font-size:12px}.card-caption>span{border:1px solid var(--line);border-radius:30px;padding:8px 12px;font-size:13px}.project-status{color:#686e79;margin-top:9px;font-size:12px}.statement{background:var(--blue);color:#fff;height:145svh;min-height:900px;position:relative}.statement-sticky{flex-direction:column;justify-content:center;align-items:center;height:100svh;min-height:620px;padding:55px 5vw;display:flex;position:sticky;top:0;overflow:hidden}.statement .section-label{z-index:4;position:absolute;top:55px}.statement h2{letter-spacing:-.055em;z-index:4;text-align:center;pointer-events:none;font-size:clamp(80px,14vw,230px);font-weight:500;line-height:1.07}.statement-visual{background:#2139f0;position:absolute;inset:0}.statement .pill{z-index:4;color:var(--ink);background:#fff;position:absolute;bottom:55px}.footer{color:#f4f5f8;z-index:5;background:#111217;padding:65px 5vw 30px;position:relative}.footer-top{justify-content:space-between;align-items:center;gap:25px;font-size:18px;display:flex}.footer-top .pill{color:var(--ink);background:#f1f2f5}.footer-large{letter-spacing:-.075em;justify-content:space-between;align-items:center;padding:60px 0;font-size:clamp(60px,14.2vw,240px);font-weight:600;line-height:1.1;display:flex}.footer-large>span{font-size:.6em;font-weight:300;transition:transform .3s}.footer-large:hover>span{transform:translate(10px,-10px)}.footer-bottom{color:#aaaeb9;border-top:1px solid #ffffff25;justify-content:space-between;align-items:center;gap:20px;padding-top:26px;font-size:12px;display:flex}.footer nav{flex-wrap:wrap;gap:20px;display:flex}.text-button{color:inherit;text-underline-offset:5px;background:0 0;min-height:40px;padding:8px 0;font-size:13px;text-decoration:underline}.legal{color:#aaaeb9;flex-wrap:wrap;gap:18px;margin-top:20px;font-size:12px;display:flex}.page-title{padding-top:190px;padding-bottom:75px}.page-title h1{margin-top:30px}.page-title p{max-width:540px;margin-top:35px;font-size:18px;line-height:1.9}.projects-section{padding-top:10px}.filters{flex-wrap:wrap;gap:10px;margin-bottom:45px}.filters button{border:1px solid var(--line);background:0 0;border-radius:30px;min-height:48px;padding:12px 22px;font-size:14px}.filters button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.filters small{margin-left:8px}.studio-title{padding-bottom:90px}.studio-title p{margin-left:auto}.studio-art,.detail-art{border-radius:18px;height:70svh;min-height:440px;max-height:900px;margin:0 3vw;position:relative;overflow:hidden}.studio-art>.visual,.detail-art>.visual{position:absolute;inset:0}.art-caption{z-index:4;letter-spacing:.07em;font-size:12px;position:absolute;bottom:30px;left:30px}.about-copy,.project-copy{grid-template-columns:1fr 2fr;gap:60px;display:grid}.about-copy p{letter-spacing:-.03em;margin-bottom:50px;font-size:clamp(24px,3vw,46px);line-height:1.65}.about-copy p:last-child{margin-bottom:0}.principles{grid-template-columns:repeat(3,1fr);gap:40px;padding-top:0;display:grid}.principles article{border-top:1px solid var(--line);padding-top:24px}.principles h2{margin:50px 0 25px;font-size:27px;font-weight:500}.principles p{color:#5b626e;font-size:16px;line-height:1.9}.contact-page{min-height:1100px;padding-top:190px;position:relative;overflow:hidden}.contact-page h1{z-index:4;margin-top:35px;position:relative}.contact-grid{z-index:4;grid-template-columns:1fr 1fr;gap:60px;margin-top:85px;display:grid;position:relative}.contact-grid h2{color:#616772;margin-bottom:24px;font-size:14px;font-weight:400}.contact-grid p{font-size:18px;line-height:1.9}.email-link{overflow-wrap:anywhere;margin-bottom:20px;font-size:clamp(18px,2.5vw,35px);display:block}.contact-art{height:350px;margin-top:30px;position:relative}.contact-art>.visual{border-radius:20px;position:absolute;inset:0}.back-link{padding:12px 0;font-size:14px;display:inline-block}.detail-title{padding-top:140px;padding-bottom:45px}.detail-heading{justify-content:space-between;align-items:baseline;gap:20px;margin-top:35px;display:flex}.detail-heading h1{letter-spacing:-.075em;font-size:clamp(65px,12vw,185px);font-weight:500}.detail-heading>span{letter-spacing:-.06em;font-size:clamp(16px,3vw,45px)}.detail-meta{border-top:1px solid var(--line);justify-content:space-between;gap:20px;margin-top:30px;padding-top:22px;font-size:14px;display:flex}.project-copy h2{font-size:clamp(26px,3vw,46px);font-weight:500;line-height:1.45}.project-copy p{margin:35px 0;font-size:18px;line-height:1.9}.gallery{grid-template-columns:1fr 1fr;gap:25px;padding-top:0;display:grid}.gallery img{border-radius:15px;height:auto}.next-project{background:#dce1ec}.next-project a{letter-spacing:-.06em;justify-content:space-between;align-items:center;margin-top:25px;font-size:clamp(55px,8vw,120px);display:flex}.menu-dialog{background:var(--blue);color:#fff;z-index:100;border:0;width:100%;max-width:100vw;height:100svh;max-height:100svh;margin:0;padding:28px 5vw}.menu-top{justify-content:space-between;align-items:center;font-size:28px;font-weight:700;display:flex}.menu-top .pill{color:var(--ink);background:#fff;font-weight:400}.menu-dialog nav{margin-top:clamp(45px,8svh,100px)}.menu-dialog nav a{border-bottom:1px solid #ffffff40;align-items:center;gap:30px;padding:16px 0;display:flex}.menu-dialog nav small{align-self:flex-start;margin-top:12px;font-size:12px}.menu-dialog nav a>span:not(:last-child){letter-spacing:-.055em;font-size:clamp(40px,6.5vw,90px);font-weight:500;transition:transform .25s}.menu-dialog nav em{align-self:flex-end;margin-bottom:15px;font-size:12px;font-style:normal}.menu-bottom{justify-content:space-between;gap:20px;margin-top:50px;font-size:12px;display:flex}.webgl-canvas{z-index:2;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.visual-orbit{transition:opacity .5s}.webgl-ready .visual-orbit{opacity:0}.reveal{opacity:1}.js.motion-on .reveal.pending{opacity:0;transform:translateY(30px)}.reveal{transition:opacity .8s,transform .8s}.route-enter{animation:.45s both route-in}@keyframes route-in{0%{opacity:.15}to{opacity:1}}.motion-off *{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media (width>=1700px){.section{padding-left:max(5vw,50vw - 800px);padding-right:max(5vw,50vw - 800px)}}@media (width<=900px){.header{padding:22px 5vw}.intro{grid-template-columns:1fr;gap:35px}.intro-bottom{gap:35px}.hero-content{display:block}.hero-side{align-items:center;gap:20px;width:360px;max-width:100%;margin-top:30px;display:flex}.hero-side p{margin:0;font-size:14px}.hero-side .pill{flex-shrink:0;gap:15px;padding:12px 16px}.hero-topline .live-label{display:none}.hero h1{font-size:clamp(50px,8vw,75px)}.hero{height:900px;max-height:1100px}.hero-content{bottom:100px}.project-card:nth-child(2n){margin-top:60px}.card-frame{height:360px}.card-caption{flex-direction:column;align-items:flex-start;gap:12px}.card-caption h3{font-size:22px}.section{padding:75px 5vw}.page-title{padding-top:155px}.contact-page{padding-top:160px}.detail-title{padding-top:125px}.footer-bottom{flex-wrap:wrap}.about-copy,.project-copy{grid-template-columns:1fr;gap:35px}.principles{gap:25px}.principles h2{font-size:23px}.card-word{font-size:40px}.detail-art{min-height:400px}.section-heading .pill{flex-shrink:0;gap:15px}.studio-title p{margin-left:0}}@media (width<=600px){.wordmark{font-size:26px}.header-actions{gap:8px}.contact-pill{display:none}.menu-button{gap:15px;min-height:44px;padding:10px 17px}.sound-button{width:44px;height:44px}.hero{height:max(760px,100svh)}.hero-topline{font-size:10px;top:110px;left:5vw}.hero-content{bottom:115px}.hero h1{letter-spacing:-.07em;font-size:clamp(39px,9vw,54px)}.hero-side{width:260px;margin-top:25px;display:block}.hero-side p{margin-bottom:20px;font-size:15px;line-height:1.9}.hero-note{font-size:9px;bottom:35px}.hero .pill{min-height:44px;font-size:13px}.intro{gap:28px;padding-top:80px}.intro-bottom{margin-top:30px;display:block}.intro-bottom p{font-size:16px}.intro-bottom .pill{margin-top:28px}.display{font-size:42px}.section-heading{display:block}.section-heading .pill{margin-top:24px}.section-heading h2{font-size:36px;line-height:1.35}.work-note{margin-bottom:30px;font-size:12px;line-height:1.8}.project-grid{grid-template-columns:1fr;gap:40px}.project-card:nth-child(2n){margin-top:0}.card-frame{height:115vw;max-height:550px}.card-caption{flex-direction:row;align-items:center}.card-caption h3{font-size:23px}.card-caption small{margin-left:5px;font-size:10px}.card-caption>span{padding:7px 9px;font-size:11px}.card-word{font-size:55px}.statement{height:115svh;min-height:760px}.statement-sticky{min-height:600px}.statement h2{font-size:96px}.statement .section-label{font-size:10px}.footer{padding-top:45px}.footer-top{flex-direction:column;align-items:flex-start;gap:20px;font-size:14px}.footer-large{padding:50px 0;font-size:15vw}.footer-bottom{font-size:11px;line-height:1.9;display:block}.footer-bottom nav{margin:18px 0}.page-title p{font-size:16px}.filters{gap:7px}.filters button{padding:10px 16px;font-size:13px}.projects-section{padding-top:0}.studio-art,.detail-art{height:500px;min-height:0;margin:0 5vw}.about-copy p{margin-bottom:30px;font-size:25px}.principles{grid-template-columns:1fr;gap:35px;padding-top:0}.principles h2{margin:20px 0 15px;font-size:25px}.contact-grid{grid-template-columns:1fr;gap:45px;margin-top:50px}.contact-page{min-height:0}.contact-art{height:260px}.detail-meta{font-size:12px}.detail-heading h1{font-size:80px}.project-copy p{font-size:16px}.gallery{grid-template-columns:1fr}.menu-dialog{padding:23px 6vw}.menu-dialog nav{margin-top:50px}.menu-dialog nav a{gap:16px;padding:20px 0}.menu-dialog nav a>span:not(:last-child){font-size:43px}.menu-dialog nav em{font-size:10px}.menu-bottom{flex-direction:column;gap:12px;margin-top:35px}.art-caption{font-size:10px;left:20px}.contact-page h1{font-size:39px;line-height:1.3}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.js.motion-on .reveal.pending{opacity:1;transform:none}}.card-frame{isolation:auto}.route-curtain{background:var(--blue);z-index:80;pointer-events:none;position:fixed;inset:0;transform:scaleY(0)}body{overflow-x:clip}.header{position:fixed}.header .wordmark{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#eef0f5dc;border-radius:8px;padding:6px 10px}[data-scroll]{--progress:0;--enter:1}.hero{background:radial-gradient(at 50% 20%,#f9fcff,#b9c6d6);height:190svh;max-height:none;overflow:clip}.hero-stage{z-index:3;height:100svh;min-height:620px;position:sticky;top:0}.hero-content{transform:translateY(calc(var(--progress)*-110px));opacity:calc(1 - var(--progress)*1.15);bottom:105px}.hero h1>span:last-child{transform:translateX(calc(var(--progress)*8vw))}.hero-side{opacity:calc(1 - var(--progress)*2)}.hero-stage .scroll-cue,.hero-note{opacity:calc(1 - var(--progress)*1.4)}.chapter-track{z-index:4;background:#16171c16;height:3px;position:absolute;bottom:0;left:0;right:0}.chapter-track i{background:var(--blue);transform-origin:0;height:100%;transform:scaleX(var(--progress));display:block}.intro{padding-top:150px;padding-bottom:170px;position:relative;overflow:clip}.intro>div{z-index:4;position:relative}.intro .scroll-copy>span{display:block}.intro .scroll-copy>span:first-child{transform:translateX(calc((1 - var(--enter))*-100px))}.intro .scroll-copy>span:last-child{transform:translateX(calc((1 - var(--enter))*100px))}.scroll-copy{color:#0000;background:linear-gradient(90deg,var(--ink) 50%,#aeb5c2 50%);background-size:200% 100%;background-position:calc(100% - var(--enter)*100%) 0;-webkit-background-clip:text;background-clip:text}.intro-ribbon{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.intro-ribbon path{stroke:url(#intro-ink);stroke-width:30px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--ribbon-progress,0));opacity:clamp(0,calc(var(--ribbon-progress,0)*100),1)}.goal{min-height:135svh;padding-top:16svh;padding-bottom:16svh;position:relative;overflow:clip}.goal-ribbon{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0}.goal-ribbon path{stroke:url(#goal-ink);stroke-width:30px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--ribbon-progress,0));opacity:clamp(0,calc(var(--ribbon-progress,0)*100),1)}.goal-heading,.goal-body{z-index:4;position:relative}.goal-heading h2{margin-top:35px;font-size:7vw;font-weight:400;line-height:1.15}.goal-body{grid-template-columns:1.2fr 1fr;align-items:center;gap:8vw;margin-top:90px;display:grid}.goal-frame{aspect-ratio:4/3;transform:translateY(calc((1 - var(--enter))*50px)) rotate(calc((1 - var(--enter))*-5deg));border-radius:22px;position:relative;overflow:hidden}.goal-frame>.visual{position:absolute;inset:0}.goal-copy p{margin-bottom:30px;font-size:clamp(18px,1.6vw,26px);line-height:1.8}.goal-copy .pill{margin-top:10px}.motion-off .goal-frame{transform:none}.motion-off .goal-ribbon path,html:not(.js) .goal-ribbon path,html:not(.js) .intro-ribbon path{stroke-dashoffset:0;opacity:1}@media (width<=812px),(any-pointer:coarse) and (width<=1366px),(height<=500px) and (width<=1000px){.goal{min-height:0;padding-top:100px;padding-bottom:100px}.goal-heading h2{font-size:9vw}.goal-body{grid-template-columns:1fr;gap:40px;margin-top:55px}.goal-ribbon{width:170%;left:-35%}.goal-copy p{font-size:18px}.goal-ribbon path{stroke-width:24px}}.reel{background:#152af0;height:235svh;position:relative}.reel-stage{z-index:3;height:100svh;min-height:560px;position:sticky;top:0;overflow:hidden}.reel-shell{top:calc(22% - var(--progress)*12%);bottom:calc(22% - var(--progress)*12%);left:calc(19% - var(--progress)*15%);right:calc(19% - var(--progress)*15%);box-shadow:0 0 0 100vmax var(--paper);border-radius:24px;position:absolute}.reel-visual{background:0 0;border-radius:24px;position:absolute;inset:0}.reel-caption{z-index:4;color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex;position:absolute;inset:0}.reel-caption>span{letter-spacing:.12em;font-size:11px}.reel-caption .pill{color:var(--ink);background:#fff}.project-card .card-visual{inset:calc((1 - var(--enter))*9%) calc((1 - var(--enter))*5%);border-radius:16px}.project-card .card-frame{overflow:visible}.project-card .card-word{transform:translateY(calc((1 - var(--enter))*30px));opacity:var(--enter)}.project-card .visual img,.project-card .visual video{border-radius:16px;transition:none;transform:scale(1.025)}.card-caption,.project-status{z-index:4;position:relative}.statement{background:radial-gradient(#3248ff,#0d1671);height:230svh;min-height:0}.statement-sticky{z-index:3;min-height:560px}.statement h2{transform:scale(calc(1 + var(--progress)*3));opacity:clamp(0,calc(1 - var(--progress)*1.7),1)}.statement-end{z-index:4;flex-direction:column;align-items:center;gap:30px;display:flex;position:absolute;bottom:13%}.statement-end .pill{position:static}.statement .chapter-track i{background:#fff}.studio-scroll{background:radial-gradient(#f5f8fc,#b9c6d6);height:180svh}.studio-stage{z-index:3;align-items:center;height:100svh;display:flex;position:sticky;top:0;overflow:hidden}.studio-art{width:calc(82% + var(--progress)*14%);height:calc(60svh + var(--progress)*30svh);max-height:none;box-shadow:0 0 0 100vmax var(--paper);margin:auto}.studio-art>.visual{background:0 0}.principles article{transform:translateY(calc((1 - var(--enter))*65px));opacity:calc(.2 + var(--enter)*.8)}.footer{overflow:hidden}.footer-large{transform:translateY(calc((1 - var(--enter))*90px))}.motion-off .hero,.motion-off .reel,.motion-off .statement,.motion-off .studio-scroll{height:auto;min-height:0}.motion-off .hero-stage,.motion-off .reel-stage,.motion-off .statement-sticky,.motion-off .studio-stage{height:90svh;min-height:560px;position:relative}.motion-off .reel-shell{inset:10% 4%}.motion-off .studio-art{width:94%;height:70svh}.motion-off .statement-end p{opacity:1;transform:none}.motion-off .intro-ribbon path{stroke-dashoffset:0;opacity:1}html:not(.js) .hero,html:not(.js) .reel,html:not(.js) .statement,html:not(.js) .studio-scroll{height:auto;min-height:0}html:not(.js) .hero-stage,html:not(.js) .reel-stage,html:not(.js) .statement-sticky,html:not(.js) .studio-stage{height:90svh;min-height:620px;position:relative}.motion-off .statement h2{font-size:clamp(60px,8vw,110px);transform:translateY(-65px)}@media (width<=600px){.hero{height:160svh}.hero-stage{min-height:700px}.hero-content{bottom:100px}.intro{padding-top:90px;padding-bottom:100px}.reel{height:175svh}.reel-stage{min-height:540px}.reel-shell{left:calc(10% - var(--progress)*6%);right:calc(10% - var(--progress)*6%);top:18%;bottom:18%}.reel-caption>span{font-size:9px}.statement{height:180svh}.statement-end{bottom:12%}.studio-scroll{height:150svh}.studio-art{min-height:0}.intro .scroll-copy>span:first-child{transform:translateX(calc((1 - var(--enter))*-25px))}.intro .scroll-copy>span:last-child{transform:translateX(calc((1 - var(--enter))*25px))}}@media (prefers-reduced-motion:reduce){.hero,.reel,.statement,.studio-scroll{height:auto;min-height:0}.hero-stage,.reel-stage,.statement-sticky,.studio-stage{position:relative}.scroll-copy{color:var(--ink)}}:root{--page-x:max(5vw,40px);--header-y:clamp(30px,4vw,50px);--header-unit:clamp(1rem,1vw,2rem)}.section{padding-left:var(--page-x);padding-right:var(--page-x)}.header{padding:var(--header-y) var(--page-x);font-size:clamp(1rem,1vw,1.5rem)}.header .menu-button,.header .contact-pill,.menu-top .pill{gap:1em;height:3.2em;min-height:0;padding:0 1.625em;font-size:.875em}.header .sound-button{width:2.8em;height:2.8em}.project-grid{gap:5em 2vw}.project-card:nth-child(2n){margin-top:0}.project-card .card-frame{aspect-ratio:100/65;border-radius:20px;height:auto;min-height:0;max-height:none;transform:none}.project-card .card-visual,.project-card .visual img{border-radius:20px;min-height:0;inset:0}.webgl-ready .depth-ready>img{opacity:0}.webgl-ready .depth-ready{background:0 0}.card-caption{margin-top:0;display:block}.card-caption>.card-category{letter-spacing:0;border:0;border-radius:0;margin:1.5em 0 1em;padding:0;font-size:.9vw;line-height:1.15;display:block}.card-caption h3{align-items:center;gap:0;height:1em;font-size:3vw;font-weight:400;line-height:1;display:flex;overflow:hidden}.card-caption h3 small{letter-spacing:.025em;color:#636977;margin-left:14px;font-size:12px}.card-title-arrow{opacity:0;max-width:0;font-size:inherit;transition:max-width .4s,opacity .3s,transform .4s;display:inline-block;overflow:hidden;transform:translate(-1em)}.project-link:hover .card-title-arrow,.project-link:focus-visible .card-title-arrow{opacity:1;width:1.2em;max-width:1.2em;transform:translate(0)}.card-title{display:inline-block}.roll-letter{vertical-align:bottom;height:1.2em;display:inline-block;position:relative;overflow:hidden}.roll-letter>span{transition:transform .55s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--letter)*22ms);display:block}.roll-letter>span+span{position:absolute;top:100%;left:0}.project-link:hover .roll-letter>span,.project-link:focus-visible .roll-letter>span{transform:translateY(-100%)}.project-status{font-size:12px;line-height:1.7}.motion-off .project-card .card-frame{transform:none}.motion-off .roll-letter>span{transform:none!important}.menu-dialog{width:19.38em;max-width:calc(100vw - 2 * var(--page-x));height:auto;max-height:calc(100svh - var(--header-y) - 15px);top:var(--header-y);right:var(--page-x);color:var(--ink);background:0 0;margin:0;padding:0;font-size:clamp(1rem,1vw,1.5rem);bottom:auto;left:auto;overflow:auto}.menu-dialog::backdrop{background:0 0}.menu-dialog{scrollbar-width:none;overflow-x:hidden}.menu-dialog::-webkit-scrollbar{display:none}.menu-top{height:calc(var(--header-unit) * 3.1 + .5em);font-weight:400;font-size:inherit;justify-content:flex-end;align-items:flex-start;margin:0}.menu-panel{transform-origin:50% 0;background:#fff;border-radius:.625em;margin-bottom:.625em;overflow:hidden}.menu-dialog nav{margin-top:0;padding:1em .3125em}.menu-dialog nav a{border:0;gap:.625em;min-height:0;padding:1em 1.625em;line-height:1}.menu-dialog nav a>span:not(:last-child){letter-spacing:-.03em;font-size:1.625em;font-weight:400}.menu-dialog nav em{color:#7b808a;align-self:center;margin:0 0 0 auto;font-size:10px}.menu-note{padding:1.875em}.menu-note p{letter-spacing:-.045em;margin:0;font-size:2.375em;line-height:1.15}.menu-note .pill{background:var(--paper);color:var(--ink);border-radius:1.125rem;justify-content:space-between;gap:0;height:3.5em;margin-top:1.4em;padding:1.25em;font-size:1.25em;display:flex}.menu-bottom{min-height:4.875em;font-size:inherit;background:var(--ink);color:#fff;flex-direction:column;justify-content:center;align-items:flex-start;gap:.5em;margin-top:0;padding:1.25em 1.875em;display:flex}.menu-bottom>span{font-size:.625em}@media (aspect-ratio>=21/9){:root{--page-x:max(6vw,60px)}.project-grid{row-gap:10em}.card-caption>.card-category{font-size:.6vw}.card-caption h3{font-size:2vw}}@media (width<=1000px){.menu-top{height:calc(var(--header-y) + var(--header-unit) * 3)}}@media (width<=812px),(any-pointer:coarse) and (width<=1366px),(height<=500px) and (width<=1000px){:root{--page-x:25px;--header-y:25px}.project-grid{grid-template-columns:1fr;gap:2em 4vw}.card-caption>.card-category{font-size:2.5vw}.card-caption h3{font-size:6.5vw}.card-caption h3 small{margin-left:10px;font-size:10px}.menu-dialog{width:calc(100vw - 2 * var(--page-x))}.contact-pill{display:none}}@media (height<=650px){.menu-note{display:none}}@media (height<=1080px) and (width<=812px) and (width>=380px){.menu-note{display:none}}@media (width<=400px){:root{--page-x:15px;--header-y:15px}}@media (width<=380px){:root{--header-unit:clamp(.75rem,1vw,2rem)}}.motion-off .about-space,.motion-off .about-journey:before{display:none}.motion-off .about-panel:not(.team-panel){background:#111}@media (width<=812px),(any-pointer:coarse) and (width<=1366px),(height<=500px) and (width<=1000px){.about-journey .horizontal-stage{overflow:clip}.about-journey .about-space{height:100svh;margin-bottom:-100svh;position:sticky;inset:0 auto auto}}@font-face{font-family:ReferenceAeonik;src:url(/media/lusion-reference/fonts/Aeonik-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:ReferenceAeonik;src:url(/media/lusion-reference/fonts/Aeonik-Medium.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:ReferenceAeonik;src:url(/media/lusion-reference/fonts/Aeonik-RegularItalic.woff2)format("woff2");font-style:italic;font-display:swap}:root{font-family:ReferenceAeonik,Arial,PingFang SC,Microsoft YaHei,sans-serif}.hero{background:var(--paper);height:160svh}.hero-stage{z-index:auto;min-height:0}.hero-stage .hero-visual{inset:calc(var(--header-y)*2 + 3.5vw) var(--page-x) var(--header-y);cursor:pointer;background:#151616;border-radius:20px;min-height:0}.hero-content{top:var(--header-y);width:36vw;transform:translateY(calc(var(--progress)*-50px));opacity:calc(1 - var(--progress)*2);display:block;bottom:auto;left:28vw;right:auto}.hero h1{letter-spacing:-.035em;font-size:2.5vw;font-weight:400;line-height:1.15}.hero .scroll-cue{left:50%;bottom:calc(var(--header-y)*.3);opacity:calc(1 - var(--progress)*2);font-size:12px;transform:translate(-50%)}.hero-crosses{z-index:4;left:var(--page-x);right:var(--page-x);bottom:calc(var(--header-y)*.2);pointer-events:none;justify-content:space-between;font-size:22px;display:flex;position:absolute}.hero .chapter-track{display:none}.header .wordmark{-webkit-backdrop-filter:none;backdrop-filter:none;letter-spacing:-1.2px;background:0 0;padding:0;font-size:30px;font-weight:500}.brand-dot{display:none}@media (width<=812px),(any-pointer:coarse) and (width<=1366px),(height<=500px) and (width<=1000px){.hero-content{top:calc(var(--header-y) + 70px);left:var(--page-x);width:80vw}.hero h1{font-size:6vw}.hero-stage .hero-visual{top:calc(var(--header-y) + 175px);bottom:70px}.hero .scroll-cue{bottom:30px}.hero-crosses{bottom:20px}.header .wordmark{font-size:25px}}.page-back{color:#16171c;background:#fff;min-height:42px;font-size:12px;display:none;position:absolute;left:50%;transform:translate(-50%)}.about-journey .horizontal-stage,.statement .statement-sticky{z-index:3;background:0 0}.about-journey .about-space>.visual{background:0 0}.about-journey:before{content:"";opacity:clamp(0,calc(1 - (var(--progress) - .59)*10),1);pointer-events:none;background:radial-gradient(at 60% 5%,#384451,#07090b 70%);position:absolute;inset:0}.about-journey .about-space{opacity:clamp(0,calc(1 - (var(--progress) - .59)*10),1)}.about-journey .about-track{z-index:4}.about-journey .team-panel{background:0 0}.about-journey{background:var(--paper)!important}.is-detail .page-back{display:inline-flex}.is-detail .header .wordmark,.is-studio .header .wordmark{-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--route-ink);background:0 0}.is-detail .header .wordmark{color:var(--route-accent)}.card-caption h3 small{display:none}.project-status{opacity:.7}.header .wordmark{color:var(--route-ink,var(--ink))}@media (width<=812px),(any-pointer:coarse) and (width<=1366px),(height<=500px) and (width<=1000px){.project-card .card-frame,.project-card .card-visual,.project-card .visual img{border-radius:10px}}.intro{display:block}.intro>.section-label{margin-bottom:45px}.intro .display{font-size:9.5vw;font-weight:400;line-height:1.05}.intro-bottom{grid-template-columns:.92fr 1fr;align-items:start;gap:5.5vw;margin-top:7vw;display:grid}.intro-preview{aspect-ratio:16/9;height:auto;transform:perspective(1000px) rotateY(calc((1 - var(--enter))*-15deg)) rotateZ(calc((1 - var(--enter))*3deg));background:#2937ff;border-radius:20px;position:relative;overflow:hidden}.intro-preview>.visual{filter:grayscale();position:absolute;inset:0}.intro-preview:after{content:"";mix-blend-mode:screen;pointer-events:none;background:#2636ffe0;position:absolute;inset:0}.intro-preview>button{color:#fff;z-index:4;opacity:0;background:0 0;font-size:45px;transition:opacity .3s;position:absolute;inset:0}.intro-preview:hover>button,.intro-preview>button:focus-visible{opacity:1}.intro-description p{max-width:none;font-size:1.5vw;line-height:1.5}.intro-description .pill{color:var(--ink);background:#fff;margin-top:40px}@media (width<=812px),(any-pointer:coarse) and (width<=1366px),(height<=500px) and (width<=1000px){.intro .display{font-size:12vw}.intro-bottom{flex-direction:column-reverse;gap:45px;margin-top:50px;display:flex}.intro-preview{aspect-ratio:auto;width:100%;height:60vw}.intro-description p{font-size:18px}.intro-description .pill{margin-top:25px}}.goal-frame{transform:perspective(1000px) rotateY(calc((1 - var(--enter))*20deg)) rotateZ(calc((1 - var(--enter))*-5deg));background:#111;border:10px solid #111;box-shadow:0 25px 45px #0002}.goal-frame .goal-visual{background:#090b0e}.goal-body .goal-media,.goal-body{z-index:auto}.goal-copy{z-index:4;position:relative}.statement{background:var(--paper);height:520svh;color:var(--ink)}.statement-sticky{z-index:auto;background:var(--paper);min-height:0}.statement-visual{background:0 0}.statement h2{color:#fff;opacity:calc(clamp(0,var(--portal-title)*5,1)*clamp(0,1 - var(--portal-black)*5,1));transform:scale(calc(1 + var(--portal-title)*2));font-size:5.5vw;line-height:1.3}.statement h2 span{color:#fff;-webkit-text-stroke:0}.statement .section-label{opacity:calc(1 - var(--portal-enter)*2);color:var(--ink)}.statement-end{opacity:var(--portal-drop);pointer-events:none;align-items:flex-start;bottom:20%;left:55%;right:5%}.statement-end p{opacity:1;transform:translateY(calc((1 - var(--portal-drop))*50px));font-size:3vw}.statement-end .pill{background:var(--ink);color:#fff;pointer-events:auto}.portal-shards{pointer-events:none;z-index:4;opacity:calc(var(--portal-break)*(1 - var(--portal-drop)));position:absolute;inset:0}.portal-shards i{clip-path:polygon(0 0,100% 22%,33% 100%);width:12vw;height:20svh;transform:translate(calc((var(--shard) - 7.5)*8vw*var(--portal-break)),calc(var(--rise)*18vh*var(--portal-break))) rotate(calc(var(--shard)*47deg*var(--portal-break)));background:linear-gradient(25deg,#d1e0e944,#fff9);border:1px solid #ccd9e9;position:absolute;top:50%;left:50%}.motion-off .statement h2{display:none}.motion-off .statement-end{opacity:1}.motion-off .statement-end p{transform:none}.motion-off .statement-sticky{height:100svh}.motion-off .portal-shards{display:none}@media (width<=812px),(any-pointer:coarse) and (width<=1366px),(height<=500px) and (width<=1000px){.statement{height:360svh}.statement h2{font-size:7vw}.statement-end{bottom:15%;left:40%}.statement-end p{font-size:6vw}.statement-end .pill{gap:12px;padding:12px;font-size:12px}.goal-frame{border-width:7px}}.reel-motion .intro>div{z-index:auto}.reel-motion .intro .display,.intro-description{z-index:4;position:relative}.reel-motion .intro-preview{margin-top:6vw;transform:none}.reel-motion .intro{padding-bottom:10svh;overflow:visible}.webgl-ready .reel-ready .intro-preview{background:0 0}.webgl-ready .reel-ready .intro-preview:after,.webgl-ready .reel-ready .reel-fallback,.webgl-ready .reel-ready .reel-visual{visibility:hidden}.reel{background:0 0;height:150svh}.reel-stage{z-index:3;background:0 0;min-height:0;overflow:visible}.reel-shell{top:calc(50svh + min(45vw,100svh - 170px)/-2 + 35px);left:var(--page-x);right:var(--page-x);height:min(45vw,100svh - 170px);box-shadow:none;clip-path:none;background:0 0;border-radius:20px;bottom:auto;transform:none}.reel-caption{opacity:var(--reel-open,1);gap:0;inset:0}.reel-caption .pill{color:#111;opacity:0;background:#fff;width:12vw;min-width:90px;height:6vw;min-height:50px;font-size:24px;transition:opacity .25s;position:absolute}.reel-caption:hover .pill,.reel-caption .pill:focus-visible{opacity:1}.reel-decoration{opacity:var(--reel-open,1);justify-content:space-between;font-size:25px;display:flex;position:absolute;top:-35px;left:0;right:0}.reel-decoration-bottom{top:auto;bottom:-35px}.motion-off .intro-preview{display:none}@media (width<=812px),(any-pointer:coarse) and (width<=1366px),(height<=500px) and (width<=1000px){.reel-motion .intro-preview{display:none}.reel{height:auto}.reel-stage{height:110svh;position:relative}.reel-shell{height:calc(100svh - 180px);top:110px}.reel-caption .pill{opacity:1;margin-top:20px;position:relative}.reel-decoration{font-size:20px}.reel-motion .intro{overflow:clip}}@media (width>=813px){.motion-on .reel-stage{position:relative}.motion-on .reel-shell{top:var(--reel-top,140px);height:var(--reel-height,70svh);transform:translateY(var(--reel-shift,0px))}.reel-caption .pill{opacity:1;width:9.4vw;height:6vw}}.horizontal-stage{height:100svh;position:sticky;top:0;overflow:hidden}.horizontal-track{width:max-content;height:100%;transform:translate3d(calc(var(--progress) * var(--travel) * -1),0,0);will-change:transform;display:flex}.project-rail{background:var(--project-bg);color:var(--project-ink);min-height:100svh;position:relative}.project-track{padding:0 var(--page-x);align-items:center;gap:5vw}.project-overview{z-index:4;flex:none;width:38vw;padding-right:2vw;position:relative}.project-overview h1{letter-spacing:-.05em;margin-bottom:3vw;font-size:4.5vw;font-weight:400;line-height:.95}.overview-columns{grid-template-columns:2fr 1fr;gap:5vw;font-size:clamp(11px,.8vw,16px);line-height:1.5;display:grid}.overview-columns h2{font-size:inherit;margin-bottom:1em;font-weight:400}.overview-columns p{margin-bottom:1.1em}.overview-columns h3{font-size:inherit;color:var(--project-accent);margin-bottom:1em;font-weight:400}.overview-columns ul{margin:0 0 3em;padding:0;list-style:none}.overview-columns .pill{background:var(--project-ink);color:var(--project-bg);margin-top:1.5em;font-size:12px}.reference-credit{opacity:.65}.rail-media{height:66svh;width:calc(66svh * var(--aspect));background:#080808;border-radius:15px;flex:none;margin:0;position:relative;overflow:hidden}.rail-media.rail-fullscreen{height:100svh;width:calc(100svh * var(--aspect));border-radius:0}.rail-media>img,.rail-media>video{object-fit:cover;width:100%;height:100%}.rail-media>button{color:#101014;opacity:0;background:#ffffffd9;border-radius:50%;width:50px;height:50px;transition:opacity .3s,transform .3s;position:absolute;bottom:22px;right:22px;transform:scale(.8)}.rail-media:hover>button,.rail-media:focus-within>button{opacity:1;transform:none}.rail-text{flex:none;width:55vw;padding:0 4vw;font-size:3vw;line-height:1.4}.rail-hint{bottom:6svh;right:var(--page-x);color:var(--project-accent);pointer-events:none;opacity:calc(1 - var(--progress)*5);font-size:11px;position:absolute}.rail-next{flex:none;width:90vw;padding:0 5vw}.rail-next a{letter-spacing:-.05em;font-size:7vw;line-height:1.05;display:block}.rail-next small{letter-spacing:0;align-items:center;gap:20px;margin-top:60px;font-size:13px;display:flex}[data-advance] i{background:#8885;border-radius:4px;width:150px;height:3px;display:block;overflow:hidden}[data-advance] i:after{content:"";transform-origin:0;width:100%;height:100%;transform:scaleX(var(--advance,0));background:currentColor;display:block}.project-rail .chapter-track i{background:var(--project-accent)}.about-journey{color:#fff;background:#07090c;min-height:100svh;position:relative}.about-space{position:absolute;inset:0}.about-space>.visual{background:radial-gradient(at 60% 15%,#4c5865,#08090b 60%);height:100%}.about-track{gap:25vw;position:relative}.about-panel{width:100vw;padding:var(--header-y) var(--page-x);flex:none;justify-content:space-between;align-items:center;display:flex;position:relative}.about-panel h1,.about-panel h2,.about-panel p,.about-we,.team-copy,.cross-row{z-index:4;position:relative}.about-opening{align-items:flex-end;padding-bottom:6svh}.about-opening h1{letter-spacing:-.07em;margin-left:-.04em;font-size:23vw;font-weight:400;line-height:.82}.about-opening p{bottom:12px;right:var(--page-x);position:absolute}.cross-row{top:48%;left:var(--page-x);right:var(--page-x);white-space:pre;word-spacing:18vw;color:#ddd8;justify-content:space-between;font-size:24px;display:flex;position:absolute}.about-we{font-size:4vw;line-height:1.15}.about-story>p{align-self:flex-end;width:40vw;margin-bottom:6svh;font-size:3vw;line-height:1.5}.about-mission{padding-top:20svh;display:block}.about-mission h2{font-size:6vw;font-weight:400;line-height:1.1}.about-mission p{max-width:65vw;margin-top:5svh;font-size:3vw;line-height:1.5}.team-panel{color:var(--ink);background:#eef0f5;gap:5vw}.team-face{cursor:grab;touch-action:pan-y;width:48vw;height:75svh;position:relative}.team-face:active{cursor:grabbing}.face-compass{text-align:center;font-size:12px;line-height:2;position:absolute;top:42%;left:0}.team-copy{width:35vw}.team-copy h2{margin:35px 0;font-size:4vw;font-weight:400;line-height:1.2}.team-copy p{font-size:16px;line-height:1.8}.team-controls{align-items:center;gap:30px;margin-top:45px;display:flex}.team-controls button{background:var(--ink);color:#fff;border-radius:50%;width:45px;height:45px;font-size:24px}.clients{overflow:hidden}.clients h2{font-size:5vw}.clients>p{color:#656c77;margin:35px 0}.client-ticker{margin:8vw calc(var(--page-x)*-1) 0;border-block:1px solid var(--line);padding:4vw 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.client-ticker>div{width:max-content;animation:28s linear infinite brands;display:flex}.client-ticker span{white-space:nowrap;letter-spacing:-.05em;font-size:4vw;font-weight:700}.client-ticker:hover>div{animation-play-state:paused}@keyframes brands{to{transform:translate(-50%)}}.capabilities{padding-top:0}.capabilities>h2{margin-top:30px;font-size:7vw}.capability-deck{--card-gap:2vw;--card-width:calc((100% - 3 * var(--card-gap))/4);height:calc(32vw + 300svh);margin-top:4em}.capability-stage{perspective:100svh;height:32vw;transform:translate3d(0,var(--deck-y,0px),0);transform-style:flat;position:relative}.capability-card{z-index:var(--card);width:var(--card-width);aspect-ratio:314/438;transform-style:preserve-3d;transform:translate3d(var(--card-x,0px),0,0) rotateZ(var(--card-z,0deg)) rotateY(var(--card-y,0deg));animation:2.1s ease-in-out infinite alternate capability-float;animation-delay:calc(var(--card)*-.33s);font-size:1.3vw;animation-play-state:paused;position:absolute;top:0;left:0}.capability-deck[data-active] .capability-card{animation-play-state:running}.capability-front,.capability-back{backface-visibility:hidden;border-radius:.8em;position:absolute;inset:0}.capability-front{background:var(--card-color,#fff);color:var(--card-ink,#17191f);flex-direction:column;padding:1.25em 1.875em;display:flex}.capability-back{background:repeating-conic-gradient(#d4d7df 0% 25%,#f6f6fa 0% 50%) 50%/2em 2em;border:1em solid #f6f6fa;transform:rotateY(180deg)}.capability-card:nth-child(2){--card-color:#2337ff;--card-ink:white}.capability-card:nth-child(3){--card-color:#d4d7df}.capability-card:nth-child(4){--card-color:#17191f;--card-ink:white}@keyframes capability-float{0%{translate:0 calc(-1 * var(--card-bob,0px))}to{translate:0 var(--card-bob,0px)}}.capability-card header,.capability-card footer{align-items:center;display:flex}.capability-card h3{font-size:1.5em;font-weight:400}.capability-mark{text-align:center;font-size:4.5em;line-height:1.4}.capability-card ul{margin:auto 0 1.5em;padding:0;font-size:.85em;line-height:2;list-style:none}.capability-card li{border-bottom:1px solid #8885}.capability-card footer{font-size:1.5em}.footer{color:var(--ink);background:var(--paper);padding-top:0}.end-call{flex-direction:column;justify-content:center;min-height:95svh;padding:8vw 0;display:flex;position:relative}.end-call>p{text-align:center;font-size:clamp(14px,1.5vw,25px)}.footer-large{letter-spacing:-.065em;text-align:center;justify-content:center;padding:4vw 0;font-size:12vw;font-weight:400;line-height:.95;transform:none}.footer-large>span.rolling-cta{font-size:1em;font-weight:400}.footer-large>span:last-child{display:none}.footer-large:hover .roll-letter>span{transform:translateY(-100%)}.end-scroll{text-align:center;letter-spacing:.05em;font-size:11px}.footer-middle{border-top:1px solid var(--line);grid-template-columns:1fr 1fr 1.3fr;gap:6vw;padding:60px 0;font-size:14px;line-height:1.6;display:grid}.footer-middle nav{flex-direction:column;gap:4px;margin-top:30px;display:flex}.footer-middle .email-link{margin-top:20px;font-size:1.5vw}.footer-bottom{border-color:var(--line);color:#5c6370}.back-top{background:var(--ink);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:25px}.legal{color:#606772}.newsletter{position:relative}.newsletter label{letter-spacing:-.04em;font-size:2.3vw;line-height:1.05;display:block}.newsletter input{outline-offset:3px;letter-spacing:0;background:#dde0e8;border:1px solid #0000;border-radius:18px;width:100%;margin-top:30px;padding:22px 58px 22px 22px;font-size:16px;display:block}.newsletter button{background:0 0;width:40px;height:45px;font-size:28px;position:absolute;bottom:46px;right:15px}.newsletter p{opacity:.65;min-height:17px;letter-spacing:0!important;margin-top:12px!important;font-size:11px!important;line-height:1.5!important}.menu-note .newsletter label{font-size:2.375em}.menu-note .newsletter input{margin-top:1.4em;font-size:16px}.menu-note .newsletter button{bottom:40px}.menu-note .newsletter p{margin-bottom:0}.page-next{background:var(--paper);height:70svh;color:var(--ink);border-top:1px solid var(--line);position:relative}.page-next>div{height:60svh;padding:6svh var(--page-x);flex-direction:column;justify-content:center;display:flex;position:sticky;top:0;overflow:hidden}.page-next p{font-size:16px;line-height:1.5}.page-next a{letter-spacing:-.06em;transform:translateY(calc((1 - var(--progress))*30px));margin-top:3vh;font-size:7vw;display:block}.page-next a>span{float:right}.page-next small{letter-spacing:0;align-items:center;gap:25px;margin-top:40px;font-size:12px;display:flex}.contact-dialog{background:var(--paper);color:var(--ink);width:100%;max-width:none;height:100svh;max-height:100svh;padding:var(--header-y) var(--page-x);border:0;border-radius:0 0 25px 25px;margin:0;overflow:auto}.contact-dialog::backdrop,.media-dialog::backdrop{background:#101217aa}.overlay-close{top:var(--header-y);right:var(--page-x);z-index:2;color:var(--ink);background:#fff;position:absolute}.contact-sheet{padding:12svh 0 5svh}.contact-sheet h2{letter-spacing:-.055em;margin-top:3vw;font-size:7vw;font-weight:400;line-height:1.15}.contact-sheet h3{margin-bottom:22px;font-size:14px;font-weight:400}.contact-sheet .contact-grid{margin-top:7vh}.contact-socials{gap:25px;margin-top:40px;display:flex}.media-dialog{background:#08090b;border:0;width:100vw;max-width:none;height:100svh;max-height:none;margin:0;padding:80px 3vw 25px}.media-dialog-content{justify-content:center;align-items:center;height:100%;display:flex}.media-dialog img,.media-dialog video{object-fit:contain;max-width:100%;max-height:100%}.media-dialog .overlay-close{top:20px}.media-dialog video{background:#08090b}html:not(.js) .horizontal-track,.motion-off .horizontal-track{width:auto;height:auto;display:block;transform:none}html:not(.js) .horizontal-stage,.motion-off .horizontal-stage{height:auto;position:relative;overflow:visible}html:not(.js) .project-track,.motion-off .project-track{padding-top:150px;padding-bottom:50px}.motion-off .project-overview,html:not(.js) .project-overview{width:auto;max-width:800px;margin-bottom:50px}.motion-off .rail-media,html:not(.js) .rail-media{width:100%;height:auto;aspect-ratio:var(--aspect);margin-bottom:25px}.motion-off .about-panel,html:not(.js) .about-panel{min-height:100svh}.motion-off .capability-deck,html:not(.js) .capability-deck{height:auto}.motion-off .capability-stage,html:not(.js) .capability-stage{grid-template-columns:1fr 1fr;gap:25px;height:auto;display:grid;position:relative}.motion-off .capability-card,html:not(.js) .capability-card{width:auto;animation:none;position:relative;transform:translate(0,0)}.motion-off .capability-stage,html:not(.js) .capability-stage{transform:none}.motion-off .capability-back,html:not(.js) .capability-back{display:none}.motion-off .page-next{height:60svh}@media (width<=812px),(any-pointer:coarse) and (width<=1366px),(height<=500px) and (width<=1000px){.is-detail .page-back{margin-left:auto;margin-right:12px;display:inline-flex;position:static;transform:none}.horizontal-stage{height:auto;position:relative;overflow:hidden}.horizontal-track{width:100%;height:auto;display:block;transform:none}.project-track{padding:145px var(--page-x) 40px}.project-overview{width:100%;margin-bottom:55px;padding:0}.project-overview h1{margin-bottom:30px;font-size:12vw}.overview-columns{grid-template-columns:1.7fr 1fr;gap:30px;font-size:13px}.rail-media,.rail-media.rail-fullscreen{width:100%;height:auto;aspect-ratio:var(--aspect);border-radius:12px;margin-bottom:25px}.rail-media>button{opacity:1;width:40px;height:40px;bottom:15px;right:15px;transform:none}.rail-text{width:100%;margin:40px 0;padding:0;font-size:6vw}.rail-next{width:100%;padding:50px 0}.rail-next a{font-size:11vw}.rail-hint,.project-rail .chapter-track{display:none}.about-panel{height:auto;min-height:100svh;padding:130px var(--page-x) 60px}.about-opening{align-items:flex-end;padding-bottom:15svh}.about-opening h1{font-size:22vw}.about-opening p{bottom:40px}.cross-row{word-spacing:16vw;font-size:14px}.about-story{display:block}.about-we{font-size:10vw}.about-story>p{width:auto;margin-top:60px;font-size:6vw}.about-mission h2{font-size:11vw}.about-mission p{max-width:none;margin-top:60px;font-size:6vw}.team-panel{display:block}.team-face{width:100%;height:55svh;min-height:320px}.team-copy{width:100%;padding-top:20px}.team-copy h2,.clients h2{font-size:10vw}.client-ticker span{font-size:8vw}.client-ticker{margin-top:60px;padding:35px 0}.capabilities>h2{font-size:11vw}.capability-deck{height:auto;margin-top:65px}.capability-stage{perspective:300vw;grid-template-columns:1fr 1fr;gap:30px;height:auto;display:grid;position:relative;transform:none}.capability-card{width:100%;transform:rotateY(var(--card-y,0deg));margin:0;font-size:2.4vw;animation:none;position:relative}.footer-large{padding:60px 0;font-size:12vw}.end-call{min-height:75svh}.footer-middle{grid-template-columns:1fr;gap:45px}.footer-middle .email-link{font-size:22px}.newsletter label{font-size:34px}.newsletter button{bottom:40px}.footer-bottom{align-items:center;gap:20px;display:flex}.page-next a{font-size:11vw}.page-next p{font-size:14px}.contact-sheet h2{margin-top:35px;font-size:11vw}.contact-sheet{padding-top:110px}.contact-dialog .contact-grid{grid-template-columns:1fr;margin-top:45px}.motion-off .capability-stage,html:not(.js) .capability-stage{grid-template-columns:1fr}}.pointer-wake{pointer-events:none;z-index:150;width:100vw;max-width:none;height:100vh;max-height:none;clip-path:inset(var(--wake-top,0px) 0 0);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0}.pointer-wake canvas{filter:blur(2px);width:100%;height:100%}.pointer-wake::backdrop{pointer-events:none;background:0 0}.hero-stage .hero-visual{background:radial-gradient(ellipse at 55% 50%,color-mix(in srgb,var(--hero-glow,#061dfb) 8%,#151616),#151616 72%)}.portal-journey{position:relative}.portal-journey .goal-frame{border:0;transform:none;box-shadow:0 15px 40px #0002}.webgl-ready .portal-ready .goal-frame{box-shadow:none;background:0 0}.webgl-ready .portal-ready .goal-visual{visibility:hidden}.portal-journey .goal-heading,.portal-journey .goal-copy,.portal-journey .goal .project-status{opacity:clamp(0,calc(1 - var(--portal-open,0)*2.5),1)}.portal-journey .statement{color:#fff;background:#080a0e;height:520svh}.portal-ready .goal-frame,.portal-ready .statement{cursor:grab}.portal-ready .goal-frame:active,.portal-ready .statement:active{cursor:grabbing}.portal-journey .statement h2{opacity:calc(clamp(0,var(--progress)*18,1)*clamp(0,1 - (var(--progress) - .1)*10,1));transform:scale(calc(1 + var(--progress)*.65));font-size:5vw}.portal-journey .statement-end{text-align:center;opacity:clamp(0,calc((var(--progress) - .84)*10),1);align-items:center;bottom:14%;left:0;right:0}.portal-journey .statement-end p{font-size:4vw;transform:none}.portal-journey .statement-end .pill{color:#111;background:#fff}.footer,.page-next{--ink:#f1f2f6;--line:#ffffff26;color:var(--ink);background:#080a0e}.page-next{border:0}.footer .footer-bottom,.footer .legal{color:#aeb3c0}.footer .newsletter input{color:var(--ink);background:#20232b}.footer .newsletter input::placeholder{color:#aeb3c0;opacity:1}.footer .newsletter button{color:var(--ink)}.footer .back-top{color:#080a0e;background:#f1f2f6}@media (width<=812px),(any-pointer:coarse) and (width<=1366px),(height<=500px) and (width<=1000px){.portal-journey .statement{height:360svh}.portal-journey .statement h2,.portal-journey .statement-end p{font-size:7vw}}.motion-off .portal-journey .statement,html:not(.js) .portal-journey .statement{display:none}.motion-off .portal-journey .goal-heading,.motion-off .portal-journey .goal-copy,.motion-off .portal-journey .goal .project-status{opacity:1}@media (width<=600px){.capability-stage{grid-template-columns:1fr;gap:3em}.capability-card{font-size:5vw}}.projects-hero{isolation:isolate;position:relative;overflow:hidden}.projects-hero>[data-project-glyphs]{pointer-events:none;z-index:-1;width:100%;height:100%;position:absolute;inset:0}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}.text-split .text-unit{vertical-align:top;overflow-clip-margin:.16em;line-height:inherit;display:inline-block;overflow:clip}.text-split .text-ink{transform-origin:0 100%;line-height:inherit;display:inline-block}.text-wait .text-ink{opacity:0;transform:translateY(115%)}.text-split.reveal,.text-split.scroll-copy{transition:none;opacity:1!important;transform:none!important}.scroll-copy{color:var(--ink);-webkit-text-fill-color:currentColor;background:0 0}.intro .scroll-copy>span:first-child,.intro .scroll-copy>span:last-child{transform:none}.display.text-split>.text-unit,h1.text-split>.text-unit{display:inline-block}.scroll-copy.text-split>span{opacity:1;transform:none}.text-matrix{position:relative}.matrix-measure{visibility:hidden}.text-matrix>span:last-child{position:absolute;inset:0}.text-wait.text-matrix>span:last-child{visibility:hidden}.newsletter-title{display:block}.page-next a>.next-title{float:none;display:block}.rail-next .next-title{display:block}.roll-letter{vertical-align:bottom;height:1.2em;overflow:hidden}.roll-letter>.roll-track{transition:transform .65s cubic-bezier(.16,1,.3,1);transition-delay:calc(min(var(--letter),25)*10ms);display:block;transform:translateY(0)}.roll-track>span{white-space:pre;height:1.2em;line-height:1.2;display:block}.project-link:hover .roll-letter>.roll-track,.project-link:focus-visible .roll-letter>.roll-track,.footer-large:hover .roll-letter>.roll-track,.footer-large:focus-visible .roll-letter>.roll-track,.reel-caption:hover .roll-letter>.roll-track,.reel-caption:focus-within .roll-letter>.roll-track{transform:translateY(-25%)}.text-running .roll-track{transition:none!important}.text-wait .roll-track{transform:translateY(-75%)!important}.card-caption h3{height:1.2em;line-height:1.2}.footer-large>span.rolling-cta{transform:none}.menu-copy,.button-copy{vertical-align:middle;height:1.25em;line-height:1.25;display:inline-block;position:relative;overflow:hidden}.control-track{transition:transform .55s cubic-bezier(.16,1,.3,1);display:block}.control-track>span{white-space:nowrap;height:1.25em;line-height:1.25;display:block}.menu-dialog nav a>.menu-copy{height:1em;padding:0;line-height:1;transform:none}.menu-copy .control-track>span{height:1em;line-height:1}.menu-dialog nav a:hover>.menu-copy,.menu-dialog nav a:focus-visible>.menu-copy{transform:none}.pill>.button-copy{font-size:inherit;align-self:center;height:1.25em;line-height:1.25;transition:none;transform:none!important}.pill .control-track,.pill .control-track>span{font-size:inherit}.pill .control-track>span{justify-content:center;align-items:center;height:1.25em;line-height:1;display:flex}.pill>.cta-arrow{justify-content:center;align-self:center;align-items:center;height:1.25em;line-height:1;display:flex}.pill:hover .control-track,.pill:focus-visible .control-track,.menu-panel a:hover .control-track,.menu-panel a:focus-visible .control-track{transform:translateY(-50%)}.footer-middle a,.contact-socials a,.email-link{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;width:fit-content;transition:background-size .35s cubic-bezier(.16,1,.3,1)}.footer-middle a:hover,.footer-middle a:focus-visible,.contact-socials a:hover,.email-link:hover,.email-link:focus-visible{background-size:100% 1px}.header{pointer-events:none}.header a,.header button{pointer-events:auto}html:has(body.is-navigating){overflow:hidden}body.is-navigating{overflow:clip}.is-navigating main,.is-navigating .header,.is-navigating .header a,.is-navigating .header button{pointer-events:none}.route-curtain{visibility:hidden;z-index:90;background:0 0;overflow:hidden;transform:none}.route-curtain.transition-active{visibility:visible;pointer-events:auto}.transition-surface{background:var(--transition-color);will-change:transform;position:absolute;overflow:hidden}.transition-page .transition-surface{transform-origin:50%;background:#111;width:150vmax;height:150vmax;top:50%;left:50%}.transition-surface>img{object-fit:cover;border-radius:inherit;opacity:1;visibility:visible;width:100%;height:100%}.transition-next .transition-surface{place-items:center;display:grid}.transition-next img{filter:brightness(.35);position:absolute;inset:0}.transition-next span{z-index:1;color:#fff;text-align:center;padding:5vw;font-size:8vw;line-height:1.1;position:relative}.media-dialog{cursor:none;padding:0;overflow:hidden}.media-dialog-content{cursor:none;height:100%;padding:5vh 3vw 90px}.media-controls{color:#fff;cursor:auto;align-items:center;gap:24px;font-size:14px;display:flex;position:absolute;bottom:26px;left:3vw;right:3vw}.media-controls[hidden]{display:none}.media-controls button{color:#fff;background:0 0;min-width:55px;min-height:44px}.media-controls input{accent-color:#fff;cursor:pointer;flex:1;min-width:40px}.media-controls output{font-variant-numeric:tabular-nums;white-space:nowrap}.media-cursor{pointer-events:none;color:#fff;transform:translate(-50%,-50%) rotate(var(--cursor-angle,0deg));mix-blend-mode:difference;font-size:55px;transition:transform .18s;position:absolute;top:50%;left:50%}.media-cursor small{text-align:center;font-size:12px;display:block}.media-dialog .overlay-close{cursor:pointer}@media (prefers-reduced-motion:reduce){.text-wait .text-ink{opacity:1;transform:none}.text-wait.text-matrix>span:last-child{visibility:visible}.text-wait .roll-track{transform:none!important}.menu-copy,.button-copy{animation:none!important}}@media (width<=812px),(any-pointer:coarse) and (width<=1366px),(height<=500px) and (width<=1000px){.media-cursor{display:none}.media-dialog{cursor:auto}.media-controls{gap:10px;font-size:12px;bottom:15px}.media-controls output{display:none}.media-dialog-content{padding:0}}.motion-off .text-ink,.motion-off .roll-letter>.roll-track{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}.motion-off .text-matrix>span:last-child{visibility:visible}.motion-off .media-cursor{display:none}.menu-dialog::backdrop{background:#ffffff26;animation:.4s both menu-curtain-in}.menu-dialog[data-closing]::backdrop{animation:.4s both menu-curtain-out}.motion-off .menu-dialog::backdrop{animation:none}@keyframes menu-curtain-in{0%{opacity:0}to{opacity:1}}@keyframes menu-curtain-out{0%{opacity:1}to{opacity:0}}.wave-link{background-image:none;position:relative}.link-wave{pointer-events:none;width:100%;height:16px;position:absolute;bottom:-3px;left:0;overflow:visible}.link-wave path{fill:none;stroke:currentColor;stroke-width:1.5px;vector-effect:non-scaling-stroke;stroke-dasharray:100;stroke-dashoffset:100px;transition:stroke-dashoffset .35s}.wave-link:hover .link-wave path,.wave-link:focus-visible .link-wave path{stroke-dashoffset:0;animation:.4s ease-out link-curve}@keyframes link-curve{0%{d:path("M0 14 Q50 14 100 14")}45%{d:path("M0 14 Q50 -10 100 14")}to{d:path("M0 14 Q50 14 100 14")}}.content-disclaimer{padding:16px var(--page-x);color:#b4b8c2;background:#080a0e;margin:0;font-size:12px;line-height:1.6}.content-disclaimer a{margin-left:1em;text-decoration:underline}.footer-middle .footer-link{background-image:none;padding-right:2em;position:relative;overflow:hidden}.footer-link-text{transition:transform .4s cubic-bezier(.35,0,0,1);display:inline-block}.footer-link-arrow{transition:transform .4s cubic-bezier(.35,0,0,1);display:block;position:absolute;top:0;left:-2em;transform:rotate(90deg)}.motion-on .footer-link:is(:hover,:focus-visible) .footer-link-text{transform:translate(2em)}.motion-on .footer-link:is(:hover,:focus-visible) .footer-link-arrow{transform:translate(2em)rotate(0)}.footer-link:focus-visible{outline-offset:3px;outline:2px solid}.hover-fill{isolation:isolate;--hover-color:var(--project-accent,var(--blue));gap:26px;position:relative;overflow:hidden}.hover-fill:before{content:"";pointer-events:none;z-index:-1;background:currentColor;border-radius:50%;width:6px;height:6px;transition:transform .55s cubic-bezier(.35,0,0,1),background .25s;position:absolute;top:50%;right:22px;translate:0 -50%}.hover-fill .cta-arrow{opacity:0;transition:opacity .25s .1s,transform .4s .1s;transform:translate(-12px)}.hover-fill>.button-copy{transition:transform .4s!important}.hover-fill .control-track{transition:none;transform:none!important}.contact-pill:before{content:none}.arrow-roll{flex:none;width:1em;height:1em;line-height:1;display:inline-block;position:relative;overflow:hidden}.pill>.arrow-roll{font-size:22px}.arrow-roll>span{justify-content:center;align-items:center;line-height:1;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;font-size:inherit!important;display:flex!important}.arrow-roll svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.arrow-left>span:last-child{position:absolute;inset:0;transform:translate(110%)}.arrow-up>span:last-child{position:absolute;inset:0;transform:translateY(110%)}.back-copy{transition:transform .4s}.page-back{gap:12px}.back-top{padding:0;line-height:1;display:inline-flex}.motion-on .back-top:focus-visible .arrow-up>span:first-child{transform:translateY(-110%)}.motion-on .back-top:focus-visible .arrow-up>span:last-child{transform:none}@media (hover:hover){.motion-on .back-top:hover .arrow-up>span:first-child{transform:translateY(-110%)}.motion-on .back-top:hover .arrow-up>span:last-child{transform:none}}.sound-button svg{width:26px;height:22px;transition:transform .5s cubic-bezier(.16,1,.3,1);overflow:visible}.sound-button path{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round;transition:d .3s}.sound-button[aria-pressed=true] path{animation:.8s ease-in-out infinite alternate sound-wave}@keyframes sound-wave{0%{d:path("M3 12 Q7 12 10 12 T16 12 T22 12 T29 12")}to{d:path("M3 12 Q7 23 10 12 T16 12 T22 12 T29 12")}}@media (hover:none),(width<=812px){.sound-button:active{transform:none}.motion-on .sound-button:active svg{transition-duration:.12s;transform:scale(.8)rotate(-18deg)}}.menu-button:hover{transform:none}.menu-dots{flex:none;justify-content:center;align-items:center;gap:.2em;width:1em;height:1em;transition:gap .3s cubic-bezier(.4,0,.1,1);display:flex}.menu-dots:before,.menu-dots:after{content:"";background:currentColor;border-radius:50%;width:.25em;height:.25em}.menu-label{width:2em;height:1.5em;line-height:1;display:block;overflow:hidden}.menu-label-track{height:3em;display:block}.menu-label-track>span{justify-content:center;align-items:center;height:1.5em;line-height:1;display:flex}#menu-close .menu-label-track{transform:translateY(-50%)}#menu[data-closing] #menu-close .menu-label-track{transform:translateY(0)}.menu-top .menu-button{height:3.2em;min-height:0;color:var(--ink);background:#fff;gap:1em;padding:0 1.625em;font-size:.875em}#menu-close>.menu-dots{transform:rotate(0)}#menu-open>.menu-dots,#menu[data-closing] #menu-close>.menu-dots{transform:rotate(-90deg)}.menu-panel a{isolation:isolate;position:relative}.menu-panel a:before{content:"";opacity:0;z-index:-1;pointer-events:none;background:currentColor;border-radius:8px;transition:transform .35s,opacity .35s;position:absolute;inset:4px 5px;transform:scale(.9)}.menu-dialog nav a>.menu-marker{width:1.5em;height:1.5em;font-size:inherit;opacity:1;pointer-events:none;background:0 0;border-radius:0;place-items:center;margin:0;display:grid;position:absolute;top:50%;right:1.625em;translate:0 -50%}.menu-marker svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%;transition:transform .2s cubic-bezier(.4,0,.1,1);transform:scale(0)}.menu-current-dot:after{content:"";background:currentColor;border-radius:50%;width:.5em;height:.5em}.menu-dialog nav a{padding-right:4em}.menu-dialog nav a:focus-visible .menu-marker svg{transform:scale(1)}@media (hover:hover){.menu-dialog nav a:hover .menu-marker svg{transition-delay:.15s;transform:scale(1)}}@media (hover:none){.menu-marker svg{transform:scale(1)}}.menu-dialog nav a[aria-disabled=true]{cursor:default}.menu-dialog nav a[aria-disabled=true]:hover>.menu-copy,.menu-dialog nav a[aria-disabled=true]:hover .control-track{transform:none}.motion-on .menu-panel a[aria-disabled=true]:hover:before{opacity:0;transform:none}.footer-large{position:relative}.end-decoration{pointer-events:none;background:currentColor;height:2px;transition:transform .6s cubic-bezier(.65,0,.35,1);display:block;position:absolute;transform:scaleX(0)}.end-decoration-top{top:0;left:0;right:0}.end-decoration-left{transform-origin:100%;bottom:0;left:0;right:52%}.end-decoration-right{transform-origin:0;bottom:0;left:52%;right:0}.reel-caption .pill{transform:translate(var(--watch-x,0px),var(--watch-y,0px));transition:transform .3s,background .3s;top:calc(50% - 3vw);left:calc(50% - 4.7vw);overflow:hidden}.reel-caption .pill:before{content:"";background:var(--blue);border-radius:inherit;z-index:-1;transition:transform .4s;position:absolute;inset:0;transform:scale(0)}.reel-caption .pill{isolation:isolate}.reel-decoration span{transition:transform .65s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--decoration-index,0)*50ms);display:inline-block}.media-controls button{transition:opacity .2s,transform .2s}.media-controls input{transition:filter .2s}@media (hover:hover) and (width>=813px){.motion-on .hover-fill:hover,.motion-on .hover-fill:focus-visible{background:var(--hover-color);color:#fff;transition:background .5s .2s,color .3s;transform:none}.motion-on .hover-fill:hover:before,.motion-on .hover-fill:focus-visible:before{background:var(--hover-color);transform:scale(65)}.motion-on .hover-fill:hover>.button-copy,.motion-on .hover-fill:focus-visible>.button-copy{transform:translate(-.6em)!important}.motion-on .hover-fill:hover .cta-arrow,.motion-on .hover-fill:focus-visible .cta-arrow{opacity:1;transform:none}.motion-on .contact-pill .cta-arrow{position:absolute;left:16px;transform:translate(-20px)}.motion-on .contact-pill:hover>.button-copy,.motion-on .contact-pill:focus-visible>.button-copy{transform:translate(.7em)!important}.motion-on .contact-pill:hover .cta-arrow,.motion-on .contact-pill:focus-visible .cta-arrow{transform:none}.motion-on .menu-button:hover{color:#111;background:#fff;transform:none}.motion-on .menu-button:hover>.menu-dots{gap:.3em}.motion-on .menu-panel a:is(:hover,:focus-visible):before{opacity:.1;transform:scale(1)}.motion-on .page-back:hover{color:#111;background:#fff;transform:translate(-50%)}.motion-on .page-back:is(:hover,:focus-visible) .arrow-left>span:first-child{transform:translate(-110%)}.motion-on .page-back:is(:hover,:focus-visible) .arrow-left>span:last-child{transform:none}.motion-on .page-back:is(:hover,:focus-visible) .back-copy{transform:translate(-4px)}.motion-on .sound-button:hover svg{transform:rotate(var(--sound-angle,0deg))}.motion-on .sound-button:hover path{animation:.4s ease-in-out infinite alternate sound-wave}.motion-on .footer-large:is(:hover,:focus-visible) .end-decoration{transform:scaleX(1)}.motion-on .footer-large:is(:hover,:focus-visible) .end-decoration-left{transition-delay:.2s}.motion-on .footer-large:is(:hover,:focus-visible) .end-decoration-right{transition-delay:.4s}.motion-on .reel-caption:has(.pill:is(:hover,:focus-visible)) .pill{transform:translate(var(--watch-x,0px),var(--watch-y,0px)) scale(1.1);color:#fff;background:var(--blue)}.motion-on .reel-caption .pill:is(:hover,:focus-visible):before{transform:scale(1)}.motion-on .reel-shell:has(.pill:is(:hover,:focus-visible)) .reel-decoration span{transform:translateY(1em)rotate(180deg)}.motion-on .media-controls button:hover{opacity:.7;transform:translateY(-2px)}.motion-on .media-controls input:hover{filter:drop-shadow(0 0 3px #fff8)}}@media (width<=812px),(any-pointer:coarse) and (width<=1366px),(height<=500px) and (width<=1000px){.hover-fill:before{display:none}.hover-fill .cta-arrow{opacity:1;transform:none}.reel-caption .pill{top:auto;left:auto;transform:none}.end-decoration{display:none}}.motion-off .hover-fill:before{display:none}.motion-off .hover-fill .cta-arrow{opacity:1;transform:none}.motion-off .sound-button path{animation:none}:root{--safe-x:max(env(safe-area-inset-left,0px),env(safe-area-inset-right,0px));-webkit-text-size-adjust:100%}.header{padding-left:max(var(--page-x),var(--safe-x));padding-right:max(var(--page-x),var(--safe-x));padding-top:max(var(--header-y),env(safe-area-inset-top,0px))}.menu-dialog{right:max(var(--page-x),var(--safe-x));top:max(var(--header-y),env(safe-area-inset-top,0px));max-height:calc(100dvh - max(var(--header-y),env(safe-area-inset-top,0px)) - max(15px,env(safe-area-inset-bottom,0px)))}.section,.footer,.project-track{padding-left:max(var(--page-x),var(--safe-x));padding-right:max(var(--page-x),var(--safe-x))}.footer{padding-bottom:max(30px,env(safe-area-inset-bottom,0px))}.projects-hero,.hero-visual,.goal-frame,.statement-sticky,.team-face{touch-action:pan-y pinch-zoom}.media-dialog,.contact-dialog{height:100dvh;max-height:100dvh}.overlay-close{top:max(20px,env(safe-area-inset-top,0px));right:max(var(--page-x),var(--safe-x))}.media-dialog-content{padding:calc(64px + env(safe-area-inset-top,0px)) max(3vw,var(--safe-x)) calc(80px + env(safe-area-inset-bottom,0px))}.media-controls{bottom:max(15px,env(safe-area-inset-bottom,0px));left:max(3vw,var(--safe-x));right:max(3vw,var(--safe-x))}.media-controls input{touch-action:pan-y;height:44px}.project-overview,.rail-text,.contact-grid>*,.footer-middle>*{overflow-wrap:anywhere;min-width:0}@media (width<=812px),(any-pointer:coarse) and (width<=1366px),(height<=500px) and (width<=1000px){:root{--page-x:clamp(16px,4vw,40px);--header-y:max(20px,env(safe-area-inset-top,0px))}.header .menu-button,.header .sound-button,.menu-top .pill{flex-shrink:0;min-height:44px}.header-actions{gap:8px}.header .wordmark{flex-shrink:0}.is-detail .header .contact-pill{display:none}.is-detail .page-back{flex-shrink:0;gap:8px;min-height:44px;padding:0 14px}.motion-on.is-detail .page-back:is(:hover,:focus-visible){transform:none}.menu-top{z-index:2;height:56px;position:sticky;top:0}.menu-dialog nav a{min-height:56px;line-height:1.2}.hero-content{top:calc(var(--header-y) + 60px);width:calc(100% - 2 * var(--page-x))}.hero h1{font-size:clamp(24px,4.5vw,48px)}.hero-stage .hero-visual{top:calc(var(--header-y) + clamp(145px,17vw,210px));bottom:70px}.hero .scroll-cue{bottom:max(30px,calc(env(safe-area-inset-bottom,0px) + 10px))}.motion-on .reel-motion .intro-preview{display:block}.motion-on .reel-motion .intro{overflow:visible}.motion-on .reel{height:140svh}.reel-stage{height:100svh;position:relative}.motion-on .reel-shell{top:var(--reel-top,95px);height:var(--reel-height,60svh);transform:translateY(var(--reel-shift,0px))}.intro .display{font-size:clamp(42px,10vw,100px)}.goal-heading h2{font-size:clamp(38px,8vw,82px)}.capability-card{font-size:clamp(16px,2.4vw,26px)}.capability-stage{perspective-origin:50%}.project-overview h1{font-size:clamp(42px,9vw,100px);line-height:1.15}.rail-text{font-size:clamp(24px,4vw,42px)}.rail-next a{font-size:clamp(38px,8vw,90px)}.rail-next small{flex-wrap:wrap;gap:14px;margin-top:32px}.overview-columns{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:24px;font-size:15px}.rail-media>button{width:44px;height:44px}.card-caption h3{height:auto;min-height:1.2em;font-size:clamp(24px,5vw,46px);line-height:1.2}.card-caption>.card-category{font-size:clamp(11px,1.6vw,16px);line-height:1.5}.about-opening h1{font-size:clamp(70px,18vw,160px);line-height:1.2}.about-story>p,.about-mission p{font-size:clamp(24px,4vw,40px)}.about-we,.team-copy h2,.clients h2,.capabilities>h2{font-size:clamp(36px,8vw,86px)}.team-face{height:60svh;min-height:260px}.team-copy p{font-size:16px}.footer-middle{grid-template-columns:1fr}.footer-bottom{flex-wrap:wrap}.newsletter label{font-size:clamp(28px,5vw,44px)}.footer-middle nav a{align-items:center;min-height:44px;display:flex}.contact-socials{flex-wrap:wrap}.footer-link-arrow{top:50%;translate:0 -50%}.page-next{min-height:320px}.page-next>div{min-height:300px}.page-next small{gap:14px}.contact-sheet{padding-top:85px}.contact-sheet h2{font-size:clamp(36px,8vw,80px)}}@media (any-pointer:coarse){.menu-marker svg{transform:scale(1)}.rail-media>button{opacity:1;transform:none}.reel-caption .pill,.intro-preview>button{opacity:1}.media-dialog,.media-dialog-content{cursor:auto}.media-cursor{display:none}.pill:active,.menu-button:active{filter:brightness(.9)}}@media (width<=480px){.capability-card{font-size:5vw}.overview-columns{grid-template-columns:1fr;gap:18px}.overview-columns ul{margin-bottom:1.5em}.is-detail .page-back{margin-right:8px;padding:0 10px}.is-detail .header-actions{gap:5px}.is-detail .menu-button{padding:0 14px}}@media (height<=500px) and (width<=1000px){:root{--header-y:max(12px,env(safe-area-inset-top,0px))}.hero-content{top:calc(var(--header-y) + 83px);width:34vw}.hero h1{font-size:clamp(22px,3vw,32px)}.hero-stage .hero-visual{left:43vw;top:calc(var(--header-y) + 66px);bottom:35px}.hero .scroll-cue{bottom:max(8px,calc(env(safe-area-inset-bottom,0px) + 4px))}.hero-crosses{display:none}.menu-dialog{width:320px}.menu-dialog nav{padding:4px}.menu-dialog nav a{min-height:48px;padding:.6em 1.625em}.menu-bottom{padding:14px 24px}.reel-stage{height:100svh}.about-panel{min-height:100svh}.team-face{height:70svh;min-height:180px}}.tool-art svg{width:104px;height:104px;display:block}.tool-environment{border-top:1px solid #d8dce4;margin:0 0 28px;font-size:14px;line-height:1.7}.tool-environment>div{border-bottom:1px solid #d8dce4;grid-template-columns:6em 1fr;gap:12px;padding:12px 0;display:grid}.tool-environment dt{color:#717986}.tool-environment dd{overflow-wrap:anywhere;margin:0}.tools-section{padding-top:0;padding-bottom:90px}.tools-section .section-heading{margin-bottom:40px}.tools-section .section-heading>p{color:#666d79;font-size:15px;line-height:1.7}.tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.tool-card{background:#f8f9fc;border:1px solid #d2d6e0;border-radius:24px;min-width:0;overflow:hidden}.tool-art{color:#263d80;background:#dce3f4;place-items:center;height:230px;display:grid;position:relative;overflow:hidden}.tool-card:nth-child(2) .tool-art{color:#25584f;background:#dbe9e6}.tool-art>span{z-index:1;filter:drop-shadow(0 12px 15px #253cff20);font-size:104px;line-height:1}.tool-art>i{opacity:.15;border:1px solid;border-radius:24px;width:140px;height:140px;position:absolute;rotate:30deg}.tool-art>i:nth-child(3){width:235px;height:235px;rotate:-20deg}.tool-art>i:nth-child(4){width:335px;height:335px;rotate:15deg}.tool-copy{padding:32px}.tool-copy h3{margin:12px 0;font-size:clamp(26px,2.6vw,42px);font-weight:500;line-height:1.3}.tool-copy p{color:#656c77;font-size:16px;line-height:1.8}.tool-copy ul{flex-wrap:wrap;gap:10px;margin:24px 0 32px;padding:0;list-style:none;display:flex}.tool-copy li{border:1px solid #d8dce4;border-radius:99px;padding:8px 14px;font-size:13px}.tool-soon{color:#717986;cursor:not-allowed;pointer-events:none;background:#e5e8ef;border-radius:99px;min-height:48px;padding:12px 24px}.motion-on .tool-card{opacity:var(--enter,1);transform:translate3d(0,calc((1 - var(--enter,1))*32px),0)}.motion-on .tool-art>span{transform:translateY(calc((1 - var(--enter,1))*28px)) rotate(calc((1 - var(--enter,1))*-16deg))}.motion-on .tool-art>i{transform:scale(calc(.85 + var(--enter,1)*.15))}.recruitment-intro{color:#656c77;max-width:40em;margin-top:24px;font-size:18px;line-height:1.8}.recruitment-section .capability-front{gap:.65em;padding:1.4em}.recruitment-section .capability-front header{display:block}.job-tag{letter-spacing:.14em;opacity:.65;margin-bottom:.6em;font-size:.68em;display:block}.recruitment-section .capability-card h3{font-size:1.4em;line-height:1.3}.recruitment-section .capability-mark{text-align:right;font-size:2.8em;line-height:1.15}.job-description{font-size:.8em;line-height:1.6}.recruitment-section .capability-card ul{margin:auto 0 .4em;font-size:.72em;line-height:2.1}.recruitment-section .capability-card footer{font-size:.75em}.job-contact{border-top:1px solid #8885;justify-content:space-between;align-items:center;width:100%;min-height:44px;padding-top:.6em;display:flex}.job-contact>span{transition:transform .25s}.job-contact:is(:hover,:focus-visible)>span{transform:translate(3px,-3px)}@media (width<=812px),(any-pointer:coarse) and (width<=1366px),(height<=500px) and (width<=1000px){.tools-grid{grid-template-columns:1fr;gap:24px}.tools-section{padding-bottom:64px}.tool-card{grid-template-columns:.8fr 1.2fr;display:grid}.tool-art{height:auto;min-height:240px}.tool-copy{padding:28px}.tool-copy h3{font-size:30px}.tools-section .section-heading{flex-direction:column;align-items:flex-start;gap:20px}.recruitment-intro{font-size:16px}.recruitment-section .capability-front{gap:.5em}}@media (width<=600px){.tool-card{display:block}.tool-art{height:180px;min-height:0}.tool-copy{padding:24px}.tool-copy h3{font-size:28px}.recruitment-section .capability-card{font-size:5vw}}@media (prefers-reduced-motion:reduce){.tool-card,.tool-art>span,.tool-art>i,.job-contact>span{transform:none!important}}.header .account-pill{white-space:nowrap;display:inline-flex!important}.account-pill .cta-arrow{display:none}.account-page{grid-template-columns:minmax(0,1fr) minmax(360px,520px);align-items:start;gap:7vw;min-height:100svh;padding-top:170px;padding-bottom:100px;display:grid}.account-intro h1{letter-spacing:-.045em;margin:30px 0;font-size:clamp(40px,4.5vw,76px);line-height:1.14}.account-intro>p{font-size:19px;line-height:1.8}.account-emblem{height:180px;margin-top:50px;position:relative}.account-emblem i{border:2px solid #4355ff;border-radius:24px;width:110px;height:110px;position:absolute;left:8%;transform:rotate(25deg)}.account-emblem i:nth-child(2){background:#4355ff;left:20%;transform:rotate(45deg)}.account-emblem i:nth-child(3){background:#edf0f8;left:32%;transform:rotate(65deg)}.account-panel{color:#16171c;background:#fff;border:1px solid #e5e7ed;border-radius:28px;padding:34px;animation:.55s cubic-bezier(.2,.7,.2,1) both account-enter;box-shadow:0 18px 60px #2029440a}.account-panel [hidden]{display:none!important}.account-tabs{border-bottom:1px solid #e4e6ec;gap:28px;margin-bottom:28px;display:flex}.account-tabs a{color:#6b707d;padding:0 0 14px;font-size:24px;position:relative}.account-tabs a[aria-current]{color:#16171c}.account-tabs a[aria-current]:after{content:"";background:#4355ff;height:3px;position:absolute;bottom:-1px;left:0;right:0}.account-panel form>label{margin:18px 0 8px;font-size:14px;font-weight:600;display:block}.account-panel input:not([type=checkbox]){color:#16171c;width:100%;height:50px;font:inherit;outline-offset:3px;-webkit-user-select:text;user-select:text;background:#f8f9fc;border:1px solid #d9dce5;border-radius:12px;margin-top:9px;padding:0 14px;font-size:16px;display:block}.account-panel input:focus-visible{outline:2px solid #4355ff}.account-panel input{touch-action:manipulation}.password-field{display:block;position:relative}.password-field input{padding-right:68px!important}.password-field button{background:0 0;min-height:42px;padding:0 12px;font-size:13px;position:absolute;top:4px;right:5px}.account-hint,.account-panel p{color:#666d7e;overflow-wrap:anywhere;font-size:13px;line-height:1.7}.account-panel .account-hint{margin-top:6px}.account-panel .account-submit,.account-explore{color:#fff;background:#17181e;border-radius:30px;justify-content:center;align-items:center;gap:20px;width:100%;margin-top:24px;padding:15px 24px;font-size:16px;transition:background .2s,transform .2s;display:flex}.account-submit:hover:not(:disabled),.account-explore:hover{background:#4355ff;transform:translateY(-2px)}.account-panel button:disabled{cursor:not-allowed;opacity:.55}.account-panel .account-status{color:#3546cc;min-height:23px;margin:12px 0}.account-panel .account-ack{align-items:flex-start;gap:10px;font-size:12px;font-weight:400;line-height:1.7;display:flex}.account-ack input{accent-color:#4355ff;flex:none;width:16px;height:16px;margin-top:4px}.account-optional{border-top:1px solid #e5e7ed;border-bottom:1px solid #e5e7ed;margin-top:22px;padding:16px 0}.account-optional summary{cursor:pointer;font-size:14px}.account-future{border-top:1px solid #e5e7ed;margin-top:24px;padding-top:12px}.account-bindings>div{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;font-size:14px;display:flex}.account-bindings button,.account-password-soon button{white-space:nowrap;background:#eceef4;border-radius:20px;padding:8px 13px;font-size:12px}.account-panel h2{margin:20px 0 10px;font-size:34px}.account-panel h3{margin:20px 0 6px;font-size:16px}.account-panel .account-username{color:#16171c;-webkit-user-select:text;user-select:text;font-size:21px}.account-password-soon{align-items:center;gap:18px;display:flex}.account-password-soon>div{flex:1}.account-logout{background:0 0;width:100%;margin-top:8px;padding:16px;font-size:14px;display:block}.account-logout:hover{color:#4355ff}.account-panel a:focus-visible,.account-panel button:focus-visible,.account-optional summary:focus-visible{outline-offset:4px;outline:2px solid #4355ff}@keyframes account-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.account-page{grid-template-columns:minmax(0,1fr) minmax(340px,1fr);gap:32px}.account-panel{padding:26px}.account-intro h1{font-size:44px}}@media (width<=650px){.account-page{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:112px;padding-bottom:60px}.account-intro h1{margin:18px 0;font-size:38px}.account-intro>p,.account-emblem{display:none}.account-panel{border-radius:22px;padding:24px 20px}.header .account-pill{padding:0 14px;font-size:12px}.header-actions{gap:7px}.account-panel h2{font-size:30px}}@media (prefers-reduced-motion:reduce){.account-panel{animation:none}.account-submit,.account-explore{transition:none}}