@import "https://fonts.googleapis.com/css2?family=DM+Mono&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,700&family=Instrument+Serif:ital@0;1&display=swap";:root{color:#171717;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f3e9;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-user-select:none;user-select:none;margin:0;overflow-x:hidden}button,a{font:inherit}a{color:inherit}input,textarea,select,option,[contenteditable=true]{-webkit-user-select:text;user-select:text}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.site-header{z-index:30;color:#f7f3e9;mix-blend-mode:difference;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;padding:20px clamp(20px,4vw,64px);display:grid;position:fixed;top:0;left:0;right:0}.site-header a{pointer-events:auto;text-decoration:none}.site-mark{letter-spacing:-2px;font-size:28px;font-weight:700}.site-header nav{text-transform:uppercase;gap:22px;font-family:DM Mono,monospace;font-size:10px;display:flex}.site-header nav a{opacity:.6}.site-header nav a.active{opacity:1}.header-cta{text-transform:uppercase;justify-self:end;font-family:DM Mono,monospace;font-size:10px}.route-transition{z-index:40;color:#191719;pointer-events:none;transform-origin:top;background:#ffc935;place-items:center;animation:.78s cubic-bezier(.76,0,.24,1) forwards route-wipe;display:grid;position:fixed;inset:0;overflow:hidden}.route-transition span{letter-spacing:-8px;font-size:clamp(5rem,18vw,16rem);font-weight:700;animation:.52s cubic-bezier(.16,1,.3,1) both route-mark}.site-cursor{z-index:100;pointer-events:none;mix-blend-mode:difference;border:1px solid #f7f3e9;border-radius:50%;width:26px;height:26px;position:fixed;top:-13px;left:-13px}.site-cursor span{background:#f7f3e9;border-radius:50%;position:absolute;inset:8px}.reveal{opacity:1;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:none}.reveal.is-revealed{opacity:1;transform:none}.route-loader{color:#191719;background:#e94d2f;place-items:center;min-height:100vh;font-size:clamp(3rem,10vw,10rem);font-weight:700;display:grid}@keyframes route-wipe{0%{clip-path:inset(0)}55%{clip-path:inset(0)}to{clip-path:inset(0 0 100%);visibility:hidden}}@keyframes route-mark{0%{opacity:0;transform:translateY(35%)}to{opacity:1;transform:translateY(0)}}.page{min-height:100vh;padding-top:1px}.page-intro{flex-direction:column;justify-content:end;min-height:74vh;padding:110px clamp(20px,7vw,112px) 70px;display:flex}.page-intro p,.page-intro>span{text-transform:uppercase;font-family:DM Mono,monospace;font-size:10px}.page-intro>span{margin-top:30px}.page-intro h1{margin:16px 0 0;font-size:clamp(4.7rem,12vw,12rem);font-weight:700;line-height:.73}.page-intro i,.quote-page i{font-family:Instrument Serif,serif;font-weight:400}.work-page{background:#c9e5e0}.work-index{padding:0 clamp(20px,4vw,64px) 90px}.work-row{isolation:isolate;color:#191719;text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #191719;grid-template-columns:9% 1fr 20% 4%;align-items:center;gap:15px;width:100%;min-height:150px;padding:20px 0;transition:padding .4s,background .35s;display:grid;position:relative;overflow:hidden}.work-row:before{content:"";z-index:-1;width:210px;height:210px;left:var(--hover-x,50%);top:var(--hover-y,50%);background:#ffc935;border-radius:45% 55% 56% 44%;transition:transform .5s cubic-bezier(.16,1,.3,1);position:absolute;transform:translate(-50%,-50%)scale(0)}.work-row strong{font-size:clamp(2.5rem,6vw,6.6rem);line-height:.8}.work-row em{font-size:12px;font-style:normal}.work-row b{font-size:28px}.work-row:hover{background:#f7f3e9;padding-inline:2vw}.work-row:hover:before{transform:translate(-50%,-50%)scale(1)}.work-note{color:#f7f3e9;background:#191719;justify-content:space-between;gap:30px;padding:9vw clamp(20px,12vw,180px);display:flex}.work-note p{max-width:560px;margin:0;font-size:clamp(2rem,4vw,4.5rem);line-height:.9}.work-note a{color:inherit;text-transform:uppercase;align-self:end;font-family:DM Mono,monospace;font-size:10px}.case-overlay{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#191719b3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.case-study{color:#191719;background:#f7f3e9;width:min(960px,100%);max-height:calc(100vh - 40px);padding:clamp(28px,5vw,70px);position:relative;overflow:auto}.case-study>p,.case-copy p:first-child{text-transform:uppercase;font-family:DM Mono,monospace;font-size:10px}.case-study h2{max-width:700px;margin:25px 0;font-size:clamp(3rem,8vw,7rem);line-height:.79}.case-media img{object-fit:cover;width:100%;min-height:250px;display:block}.case-copy{grid-template-columns:1fr 1fr;gap:20px;padding-top:24px;display:grid}.case-copy a{font-weight:700;text-decoration:none}.close-case{cursor:pointer;background:0 0;border:0;font-size:34px;position:absolute;top:15px;right:18px}.services-page{background:#ed6d5a}.service-list{padding:0 clamp(20px,7vw,112px) 100px}.service-list article{border-top:1px solid #191719}.service-list button{color:#191719;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:9% 1fr auto;gap:20px;width:100%;padding:28px 0;display:grid}.service-list button strong{font-size:clamp(2.4rem,5vw,5.8rem);line-height:.8}.service-list button b{font-size:28px}.service-detail{grid-template-columns:1fr 1fr;gap:20px;max-height:0;transition:max-height .55s,padding .55s;display:grid;overflow:hidden}.service-open .service-detail{max-height:240px;padding:0 0 35px 9%}.service-detail p{max-width:350px;margin:0;font-size:16px;line-height:1.3}.service-detail a{color:inherit;font-weight:700}.process{color:#f7f3e9;background:#191719;padding:9vw clamp(20px,7vw,112px)}.process>p{text-transform:uppercase;font-family:DM Mono,monospace;font-size:10px}.process>div{grid-template-columns:repeat(4,1fr);gap:20px;padding-top:8vw;display:grid}.process-step span{font-family:DM Mono,monospace;font-size:10px}.process-step h2{margin:16px 0 12px;font-size:clamp(2.3rem,4vw,4.5rem);line-height:.8}.process-step p{max-width:180px;font-size:13px;line-height:1.3}.about-page{background:#f7f3e9}.about-photo{height:min(75vw,760px);margin:0 clamp(20px,7vw,112px);overflow:hidden}.about-photo img{object-fit:cover;filter:saturate(.8);width:100%;height:100%}.about-statement{background:#bad85b;grid-template-columns:minmax(0,700px) 1fr;gap:10vw;padding:12vw clamp(20px,16vw,240px);display:grid}.about-statement p{margin:0;font-size:clamp(2.4rem,5vw,5.7rem);line-height:.87}.about-statement span{color:#ef715d;align-self:end;font-family:Instrument Serif,serif;font-size:10rem}.timeline{padding:90px clamp(20px,7vw,112px)}.timeline article{border-top:1px solid #191719;grid-template-columns:17% 1fr 1fr;gap:18px;padding:30px 0;display:grid}.timeline span{font-family:DM Mono,monospace;font-size:10px}.timeline h2,.timeline h3,.timeline p{margin:0}.timeline h2{font-size:clamp(1.8rem,3vw,3.6rem);line-height:.9}.timeline h3{font-size:13px}.timeline p{max-width:290px;font-size:13px;line-height:1.35}.archive-ribbon{background:#191719;grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.archive-ribbon img{aspect-ratio:1;object-fit:cover;width:100%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.experience-desk{background:#89b7d2;grid-template-columns:.8fr 1.2fr;align-items:center;gap:5vw;min-height:100svh;padding:8vw clamp(20px,7vw,112px);display:grid;position:relative;overflow:hidden}.desk-copy p,.desk-copy>span{text-transform:uppercase;font-family:DM Mono,monospace;font-size:10px}.desk-copy h2{margin:18px 0 25px;font-size:clamp(4rem,7vw,8rem);line-height:.75}.desk-copy h2 i{font-family:Instrument Serif,serif;font-weight:400}.desk-object{perspective:1500px;place-items:center;min-height:570px;display:grid;position:relative}.desk-screen{z-index:2;aspect-ratio:1.25;background:#f7f3e9;border:15px solid #191719;border-radius:20px;width:min(650px,100%);transition:transform .6s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;transform:rotateX(5deg)rotateY(-12deg)rotate(2deg);box-shadow:25px 32px #1917193d,inset 0 0 0 2px #ffffff38}.desk-object:hover .desk-screen{transform:rotateX(0)rotateY(-2deg)rotate(0)translateY(-10px)}.screen-top{color:#f7f3e9;background:#191719;align-items:center;gap:5px;height:30px;padding:0 9px;display:flex}.screen-top span{background:#ffc935;border-radius:50%;width:6px;height:6px}.screen-top span:nth-child(2){background:#e94d2f}.screen-top span:nth-child(3){background:#bad85b}.screen-top strong{margin-left:8px;font-family:DM Mono,monospace;font-size:8px;font-weight:400}.screen-tabs{border-bottom:1px solid #191719;display:flex}.screen-tabs button{color:#191719;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-right:1px solid #191719;flex:1;padding:11px 8px;font-family:DM Mono,monospace;font-size:9px}.screen-tabs button:last-child{border-right:0}.screen-tabs button.active{background:#ffc935}.screen-body{grid-template-columns:39% 1fr;min-height:calc(100% - 73px);display:grid}.screen-body aside{border-right:1px solid #191719;align-content:start;display:grid}.screen-body aside button{color:#191719;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #191719;gap:4px;padding:12px;font-size:11px;transition:background .25s;display:grid}.screen-body aside button:hover,.screen-body aside button.selected{background:#e94d2f}.screen-body aside button span,.screen-body aside button small,.screen-body article>p:first-child,.screen-body article>span{text-transform:uppercase;font-family:DM Mono,monospace;font-size:8px}.screen-body aside button small{opacity:.65}.screen-body article{padding:18px;overflow:auto}.screen-body article h3{margin:8px 0 5px;font-size:clamp(1.5rem,2.6vw,2.5rem);line-height:.85}.screen-body article p{max-width:260px;font-size:11px;line-height:1.25}.screen-visual{background:#2c2857;height:78px;margin:15px 0;position:relative;overflow:hidden}.screen-visual i{border-radius:50%;display:block;position:absolute}.screen-visual i:first-child{background:#e94d2f;width:90px;height:90px;top:12px;left:20%}.screen-visual i:nth-child(2){background:#ffc935;width:65px;height:65px;top:-18px;right:17%}.screen-visual i:nth-child(3){background:#bad85b;width:28px;height:28px;bottom:7px;right:5%}.dossier-toggle{color:#191719;text-align:left;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:7px 0;font-family:DM Mono,monospace;font-size:8px}.dossier-toggle:hover{color:#e94d2f}.screen-dossier{border-top:1px solid #191719;margin-top:9px;padding-top:9px;animation:.35s both dossier-in}.screen-dossier strong{text-transform:uppercase;font-family:DM Mono,monospace;font-size:8px}.screen-dossier ul{flex-wrap:wrap;gap:4px;margin:7px 0 11px;padding:0;list-style:none;display:flex}.screen-dossier li{background:#ffc935;padding:4px 5px;font-size:8px}.screen-dossier p{margin:6px 0}.desk-stand{z-index:1;clip-path:polygon(27% 0,73% 0,90% 100%,10% 100%);background:#191719;width:90px;height:115px;margin-top:46%;position:absolute}.desk-base{z-index:1;background:#191719;border-radius:50%;width:330px;height:42px;position:absolute;bottom:23px;transform:perspective(200px)rotateX(55deg)}@keyframes dossier-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.studies-page{background:#ffc935}.study-stage{touch-action:none;background:#f7f3e9;border:1px solid #191719;min-height:75vh;margin:0 clamp(20px,5vw,80px);position:relative;overflow:hidden}.study-stage>p{text-transform:uppercase;margin:0;font-family:DM Mono,monospace;font-size:10px;position:absolute;bottom:20px;left:20px}.study-controls{z-index:2;gap:5px;display:flex;position:absolute;top:20px;left:20px}.study-controls button{text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #191719;border-radius:0;padding:7px 9px;font-family:DM Mono,monospace;font-size:10px}.study-controls button.active{color:#f7f3e9;background:#191719}.study-object{aspect-ratio:1;cursor:grab;width:min(34vw,360px);position:absolute;transform:translate(-50%,-50%)}.study-object span{border-radius:50%;transition:all .7s cubic-bezier(.16,1,.3,1);display:block;position:absolute}.study-object span:first-child{background:#e94d2f;inset:0}.study-object span:nth-child(2){background:#2c2857;width:55%;height:55%;top:7%;right:-7%}.study-object span:nth-child(3){background:#bad85b;width:32%;height:32%;bottom:7%;left:17%}.study-object.colour span:first-child{background:#2c2857}.study-object.colour span:nth-child(2){background:#ffc935}.study-object.colour span:nth-child(3){background:#e94d2f}.study-object.orbit{animation:4s linear infinite study-orbit}.study-caption{grid-template-columns:1fr 1fr;gap:30px;padding:7vw clamp(20px,16vw,240px);display:grid}.study-caption span{text-transform:uppercase;font-family:DM Mono,monospace;font-size:10px}.study-caption p{max-width:460px;margin:0;font-size:clamp(1.6rem,3vw,3.5rem);line-height:.95}.study-grid{grid-template-columns:1fr 1fr;display:grid}.study-grid article{color:#f7f3e9;background:#2c2857;min-height:50vh;padding:30px}.study-grid>div:nth-child(2) article{color:#191719;background:#e94d2f}.study-grid span{font-family:DM Mono,monospace;font-size:10px}.study-grid h2{margin:10vh 0 0;font-size:clamp(3.5rem,7vw,7rem);line-height:.78}.study-grid i{font-family:Instrument Serif,serif;font-weight:400}@keyframes study-orbit{to{transform:translate(-50%,-50%)rotate(360deg)}}.quote-page{color:#f7f3e9;background:#191719;min-height:100vh;padding:20px clamp(20px,6vw,90px)}.quote-page>header{text-transform:uppercase;justify-content:space-between;align-items:center;font-family:DM Mono,monospace;font-size:10px;display:flex}.quote-page>header a{color:inherit;text-decoration:none}.quote-page>header button{color:inherit;font:inherit;text-transform:uppercase;cursor:pointer;background:0 0;border:0}.quote-page>header button:disabled{opacity:.25;cursor:default}.quote-form{width:min(800px,100%);margin:14vh auto 0}.quote-form>p{text-transform:uppercase;margin:0;font-family:DM Mono,monospace;font-size:10px}.quote-form h1{margin:18px 0 55px;font-size:clamp(3.6rem,7vw,7.5rem);line-height:.8}.form-fields{gap:22px;display:grid}.form-fields label{gap:8px;font-size:13px;display:grid}.form-fields input,.form-fields select,.form-fields textarea{width:100%;color:inherit;background:0 0;border:0;border-bottom:1px solid #f7f3e980;outline:none;padding:14px 0;font:16px DM Sans,sans-serif}.form-fields textarea{resize:vertical;min-height:95px}.form-fields option{color:#191719}.choice-grid{flex-wrap:wrap;gap:10px;display:flex}.choice-grid span{border:1px solid #f7f3e980;border-radius:2px;padding:9px 11px}.form-next{color:#191719;cursor:pointer;background:#ffc935;border:0;margin-top:42px;padding:15px 20px;font-weight:700}.confirmation{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.confirmation p{text-transform:uppercase;font-family:DM Mono,monospace;font-size:10px}.confirmation h1{margin:18px 0 28px;font-size:clamp(4rem,10vw,10rem);line-height:.75}.confirmation a{color:inherit;font-weight:700}.form-error{color:#f7f3e9;background:#ef715d29;border-left:3px solid #ef715d;margin:24px 0 -20px;padding:14px;font-size:15px;line-height:1.35}@media (width<=700px){.site-cursor{display:none}.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.page-intro{min-height:62vh;padding-bottom:45px}.work-row{grid-template-columns:32px 1fr 22px;min-height:125px}.work-row em{display:none}.work-note,.about-statement,.study-caption,.experience-desk{grid-template-columns:1fr}.work-note{padding:70px 20px}.case-copy,.service-detail,.timeline article{grid-template-columns:1fr}.service-open .service-detail{padding-left:0}.process>div{grid-template-columns:1fr 1fr;gap:35px 15px}.timeline article{gap:10px}.experience-desk{min-height:auto;padding:80px 20px 50px}.desk-object{min-height:470px;margin-top:30px}.desk-screen{border-width:9px;border-radius:12px;width:100%;transform:none}.desk-object:hover .desk-screen{transform:translateY(-5px)}.screen-body aside button{padding:8px;font-size:9px}.screen-body article{padding:11px}.screen-body article h3{font-size:1.35rem}.screen-visual{height:50px;margin:9px 0}.desk-stand{margin-top:65%}.desk-base{width:230px;bottom:8px}.about-photo{height:92vw;margin-inline:18px}.about-statement{padding:80px 20px}.about-statement span{font-size:7rem}.archive-ribbon{grid-template-columns:1fr 1fr}.archive-ribbon img:last-child{grid-column:span 2}.study-stage{min-height:60vh;margin-inline:14px}.study-object{width:66vw}.study-caption{padding:70px 20px}.study-grid{grid-template-columns:1fr}.study-grid article{min-height:45vh}.quote-form{margin-top:16vh}.quote-page{padding-inline:20px}}.experience-desk{grid-template-columns:1fr;justify-items:center;gap:42px;padding-block:clamp(90px,10vw,150px)}.desk-copy{text-align:center;width:min(760px,100%)}.desk-copy h2{font-size:clamp(4rem,8vw,9.5rem)}.desk-object{width:min(980px,100%);min-height:760px}.desk-screen{aspect-ratio:1.42;border-width:18px;border-radius:26px;width:min(900px,94%)}.desk-power{z-index:4;cursor:pointer;background:#191719;border:2px solid #f7f3e9;border-radius:50%;width:27px;height:27px;transition:background .25s,box-shadow .25s,transform .25s;position:absolute;bottom:72px;right:calc(3% + 24px)}.desk-power span{background:#ef715d;border-radius:50%;width:8px;height:8px;margin:auto;transition:background .25s;display:block}.desk-power:hover{transform:scale(1.18)}.desk-power.is-on{background:#bad85b;box-shadow:0 0 0 6px #bad85b3d}.desk-power.is-on span{background:#191719}.screen-off{color:#bad85b;text-align:center;background:radial-gradient(circle at 50% 45%,#26333b 0,#101315 58%);align-content:center;justify-items:center;gap:10px;height:calc(100% - 30px);display:grid}.screen-off span{text-transform:uppercase;letter-spacing:.08em;font-family:DM Mono,monospace;font-size:10px}.screen-off strong{color:#f7f3e9;font-size:clamp(1.5rem,3vw,3rem)}.desk-screen.is-booting .screen-off{animation:.62s both monitor-boot}.desk-screen.is-powered .screen-tabs,.desk-screen.is-powered .screen-body{animation:.5s cubic-bezier(.16,1,.3,1) .1s both archive-in}@keyframes monitor-boot{0%{clip-path:inset(48% 0);opacity:.2}45%{clip-path:inset(44% 0);opacity:1}to{clip-path:inset(0);opacity:1}}@keyframes archive-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (width<=700px){.experience-desk{gap:28px}.desk-copy{text-align:left}.desk-object{min-height:530px;margin-top:0}.desk-screen{aspect-ratio:1.15;width:100%}.desk-power{bottom:30px;right:16px}.desk-stand{margin-top:72%}}.service-showcase{color:#191719;background:#f7f3e9;border-top:1px solid #191719;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);min-height:820px;display:grid}.service-picker{border-right:1px solid #191719;flex-direction:column;display:flex}.service-picker button{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #191719;flex:1;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:22px clamp(18px,3vw,48px);transition:background .35s,padding .35s cubic-bezier(.16,1,.3,1);display:grid}.service-picker button:last-child{border-bottom:0}.service-picker button span,.service-picker button b{font-family:DM Mono,monospace;font-size:10px}.service-picker button strong{font-size:clamp(1.35rem,2vw,2.2rem);line-height:.92}.service-picker button b{opacity:0;transition:opacity .25s,transform .25s;transform:translate(-8px)}.service-picker button:hover,.service-picker button.active{background:#ffc935;padding-left:clamp(28px,4vw,62px)}.service-picker button:hover b,.service-picker button.active b{opacity:1;transform:none}.service-stage{background:#89b7d2;grid-template-rows:auto 1fr auto;min-height:100%;padding:clamp(20px,3vw,48px);transition:background .55s;display:grid;position:relative;overflow:hidden}.stage-1{background:#bad85b}.stage-2{background:#ffc935}.stage-3{color:#f7f3e9;background:#2c2857}.stage-caption{text-transform:uppercase;justify-content:space-between;gap:24px;font-family:DM Mono,monospace;font-size:10px;display:flex}.stage-caption strong{text-align:right;max-width:240px;font-weight:400}.demo-object{aspect-ratio:1.05;perspective:1200px;place-self:center;width:min(560px,86%);position:relative}.demo-panel{border:2px solid #191719;transition:transform .8s cubic-bezier(.16,1,.3,1),background .55s,border-radius .55s;position:absolute;box-shadow:16px 18px #1917192e}.panel-one{background:#f7f3e9;inset:17% 7% 16%;transform:rotateY(-9deg)rotateX(6deg)}.panel-two{background:repeating-linear-gradient(90deg,#e94d2f 0 19%,#191719 19% 22%,#ffc935 22% 41%,#191719 41% 44%,#89b7d2 44% 100%);inset:26% 18% 23%;transform:translateZ(35px)rotateY(-9deg)rotateX(6deg)}.panel-three{aspect-ratio:.72;background:#e94d2f;width:26%;top:10%;right:5%;transform:rotate(11deg)}.demo-orbit{border:2px solid #191719;border-radius:50%;animation:5s linear infinite service-orbit;position:absolute;inset:2%;transform:rotate(25deg)scaleX(.72)}.stage-1 .panel-one{border-radius:36px;inset:7% 29%}.stage-1 .panel-two{background:repeating-linear-gradient(#191719 0 7%,#0000 7% 19%,#e94d2f 19% 27%,#0000 27% 34%);border-radius:26px;inset:13% 34% 14%}.stage-1 .panel-three{background:#ffc935;border-radius:50%;width:37%;top:51%;right:14%}.stage-2 .panel-one{background:conic-gradient(#e94d2f 0 25%, #89b7d2 25% 50%, #bad85b 50% 75%, #f7f3e9 75%);border-radius:50%;transform:rotate(18deg)}.stage-2 .panel-two{background:#191719;border-radius:50%;inset:35% 34%;transform:none}.stage-2 .panel-three{background:#f7f3e9;border-radius:0;width:22%;top:12%;right:12%;transform:rotate(-14deg)}.stage-3 .panel-one{background:#e94d2f;border-color:#f7f3e9;border-radius:0;transform:rotateY(35deg)rotateX(12deg)}.stage-3 .panel-two{background:#bad85b;transform:translateZ(65px)rotateY(35deg)rotateX(12deg)}.stage-3 .panel-three{background:#ffc935;border-color:#f7f3e9}.stage-3 .demo-orbit{border-color:#f7f3e9}.service-stage-copy{justify-content:space-between;align-items:end;gap:24px;display:flex}.service-stage-copy p{max-width:310px;margin:0;font-size:17px;line-height:1.25}.service-stage-copy a{color:inherit;text-transform:uppercase;font-family:DM Mono,monospace;font-size:10px;text-decoration:none}.service-stage-copy a:hover{text-underline-offset:5px;text-decoration:underline}.process-interactive{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(28px,6vw,100px);min-height:720px;display:grid}.process-intro h2{margin:20px 0 0;font-size:clamp(3.5rem,7vw,8rem);line-height:.77}.process-intro i{font-family:Instrument Serif,serif;font-weight:400}.process-controls{background:#f7f3e959;grid-template-columns:1fr 1fr;gap:1px;display:grid}.process-controls button{color:#f7f3e9;text-align:left;cursor:pointer;background:#191719;border:0;justify-content:space-between;min-height:86px;padding:16px;font-size:17px;transition:background .3s,color .3s;display:flex}.process-controls button:hover,.process-controls button.active{color:#191719;background:#ffc935}.process-controls span,.process-display>span{font-family:DM Mono,monospace;font-size:10px}.process-display{color:#191719;background:#f7f3e9;min-height:270px;margin-top:26px;padding:clamp(22px,4vw,50px);position:relative;overflow:hidden}.process-display h3{z-index:1;margin:24px 0 12px;font-size:clamp(3rem,6vw,6rem);line-height:.8;position:relative}.process-display p{z-index:1;max-width:310px;margin:0;font-size:16px;line-height:1.3;position:relative}.process-pulse{aspect-ratio:1;width:260px;position:absolute;bottom:-100px;right:-28px}.process-pulse i{border-radius:50%;animation:4s ease-in-out infinite alternate process-drift;position:absolute}.process-pulse i:first-child{background:#e94d2f;inset:0}.process-pulse i:nth-child(2){aspect-ratio:1;background:#89b7d2;width:56%;animation-delay:-.8s;top:-4%;right:0}.process-pulse i:nth-child(3){aspect-ratio:1;background:#bad85b;width:36%;animation-delay:-1.7s;bottom:5%;left:4%}.pulse-1{transform:rotate(50deg)}.pulse-2{transform:scale(1.15)rotate(-30deg)}.pulse-3{transform:translate(-44px)rotate(90deg)}@keyframes service-orbit{to{transform:rotate(385deg)scaleX(.72)}}@keyframes process-drift{to{transform:translate(12px,-16px)scale(1.08)}}@media (width<=700px){.service-showcase,.process-interactive{grid-template-columns:1fr}.service-picker button{min-height:82px}.service-stage{min-height:610px}.stage-caption strong{display:none}.service-stage-copy{flex-direction:column;align-items:start}.process-interactive{min-height:auto}.process-controls{grid-template-columns:1fr}.process-display{min-height:245px}}.site-header{color:#191719;mix-blend-mode:normal;transition:color .25s}.site-header.header-home{color:#f7f3e9}.site-header nav a{opacity:.78;transition:opacity .25s;position:relative}.site-header nav a:after{content:"";transform-origin:100%;background:currentColor;height:1px;transition:transform .3s cubic-bezier(.16,1,.3,1);position:absolute;bottom:-6px;left:0;right:0;transform:scaleX(0)}.site-header nav a:hover,.site-header nav a.active{opacity:1}.site-header nav a:hover:after,.site-header nav a.active:after{transform-origin:0;transform:scaleX(1)}.menu-toggle,.mobile-cta{display:none}.route-transition{animation-name:route-pass}.route-transition span{animation-name:route-mark-pass}@keyframes route-pass{0%{clip-path:inset(100% 0 0)}35%,58%{clip-path:inset(0)}to{clip-path:inset(0 0 100%);visibility:hidden}}@keyframes route-mark-pass{0%{opacity:0;transform:translateY(35%)}35%,58%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-35%)}}.page-intro h1,.hero-copy h1,.manifesto h2,.console-copy h2,.process-intro h2{background:linear-gradient(115deg,currentColor 0 42%,#e94d2f 46% 57%,#89b7d2 61% 71%,currentColor 75% 100%) 0 0/270% 100%;-webkit-background-clip:text;background-clip:text;transition:background-position .85s cubic-bezier(.16,1,.3,1)}.page-intro h1:hover,.hero-copy h1:hover,.manifesto h2:hover,.console-copy h2:hover,.process-intro h2:hover{background-position:100% 0}.screen-body{animation:.42s cubic-bezier(.16,1,.3,1) both tablet-content-in}.artifact-window{touch-action:pan-y;animation:.55s cubic-bezier(.16,1,.3,1) both tablet-content-in}.artifact-hint{text-transform:uppercase;margin:0;font-family:DM Mono,monospace;font-size:9px;position:absolute;bottom:3%;right:4%}.form-grid{grid-template-columns:1fr 1fr;column-gap:32px}.form-grid .field-wide{grid-column:1/-1}.form-fields fieldset{border:0;padding:0}.form-fields legend{margin-bottom:10px;font-size:13px}.choice-grid label{cursor:pointer}.quote-page>header>a{color:inherit;text-decoration:none}.quote-form{margin-top:10vh;padding-bottom:90px}.quote-form h1{margin-bottom:42px}@keyframes tablet-content-in{0%{opacity:0;transform:translate(26px)scale(.985)}to{opacity:1;transform:none}}@media (width<=700px){.site-header{color:#191719;grid-template-columns:1fr auto;padding:18px 20px;display:grid}.site-header.header-home{color:#f7f3e9}.site-header .header-cta{display:none}.menu-toggle{z-index:2;width:38px;color:inherit;cursor:pointer;background:0 0;border:0;gap:5px;padding:10px 0 10px 10px;display:grid;position:relative}.menu-toggle span{background:currentColor;width:28px;height:1px;transition:transform .3s;display:block}.menu-open .menu-toggle span:first-child{transform:translateY(3px)rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-3px)rotate(-45deg)}.site-header nav{color:#f7f3e9;text-transform:none;opacity:0;pointer-events:none;background:#191719;flex-direction:column;justify-content:center;gap:20px;padding:80px 20px;font-family:DM Sans,sans-serif;font-size:clamp(2.8rem,12vw,5rem);transition:opacity .35s,transform .45s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0;transform:translateY(-100%)}.menu-open nav{opacity:1;pointer-events:auto;transform:none}.site-header nav a{opacity:1;width:max-content}.site-header nav a:after{bottom:0}.mobile-cta{color:#ffc935;text-transform:uppercase;margin-top:22px;font-family:DM Mono,monospace;font-size:11px;display:block}.form-grid{grid-template-columns:1fr}.form-grid .field-wide{grid-column:auto}.quote-form{margin-top:11vh}.choice-grid{gap:7px}.choice-grid label{font-size:12px}.artifact-hint{bottom:-27px;right:0}.artifact-object{padding-bottom:30px}}.site-header button,.desk-power{pointer-events:auto}.desk-power{z-index:8}a,button{transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),background-color .35s,color .35s}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:4px;outline:2px solid}.header-cta:hover,.work-note a:hover,.service-stage-copy a:hover,.quote-page>header a:hover{transform:translateY(-3px)}.work-row:hover strong,.service-picker button:hover strong,.dial-controls button:hover{transform:translate(8px)}.work-row strong,.service-picker button strong,.dial-controls button{transition:transform .35s cubic-bezier(.16,1,.3,1)}.case-study,.project-preview,.desk-screen,.artifact-window,.conversation-object{will-change:transform}.archive-ribbon img:hover{transform:scale(.94)rotate(1deg)}.form-next:hover{transform:translateY(-4px)rotate(-1deg);box-shadow:8px 8px #f7f3e947}.choice-grid label{transition:transform .25s,background-color .25s}.choice-grid label:hover{background:#f7f3e91f;transform:translateY(-3px)}.route-transition{z-index:200;visibility:hidden;animation:none}.route-transition.route-covering,.route-transition.route-revealing{visibility:visible}.route-transition.route-covering{animation:.68s cubic-bezier(.76,0,.24,1) forwards route-cover}.route-transition.route-revealing{clip-path:inset(0);animation:.92s cubic-bezier(.76,0,.24,1) forwards route-reveal}.route-transition.route-covering span{animation:.68s cubic-bezier(.16,1,.3,1) both route-mark-in}.route-transition.route-revealing span{animation:.58s cubic-bezier(.16,1,.3,1) both route-mark-out}@keyframes route-cover{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@keyframes route-reveal{0%,20%{clip-path:inset(0)}to{clip-path:inset(0 0 100%);visibility:hidden}}@keyframes route-mark-in{0%{opacity:0;transform:translateY(45%)}to{opacity:1;transform:none}}@keyframes route-mark-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-40%)}}.route-transition{color:#f7f3e9;background:#191719;grid-template-columns:1fr auto;align-items:end;padding:clamp(24px,6vw,90px);display:grid}.route-transition span{letter-spacing:.08em;text-transform:uppercase;justify-self:start;font-family:DM Mono,monospace;font-size:13px}.route-transition i{font-size:clamp(7rem,20vw,19rem);font-style:normal;font-weight:700;line-height:.7}.route-transition.route-covering i{animation:.68s cubic-bezier(.16,1,.3,1) both route-mark-in}.route-transition.route-revealing i{animation:.58s cubic-bezier(.16,1,.3,1) both route-mark-out}.service-blueprint{background:#f7f3e97a;border:2px solid #191719;align-content:center;place-self:center;justify-items:start;gap:16px;width:min(560px,90%);min-height:360px;padding:clamp(28px,4vw,52px);display:grid;position:relative;box-shadow:18px 18px #1917192e}.stage-3 .service-blueprint{background:#f7f3e914;border-color:#f7f3e9;box-shadow:18px 18px #f7f3e929}.service-blueprint>span{text-transform:uppercase;font-family:DM Mono,monospace;font-size:12px}.service-blueprint>strong{max-width:470px;font-size:clamp(2.6rem,5vw,5.8rem);line-height:.8}.service-blueprint>p{margin:0;font-family:DM Mono,monospace;font-size:15px;line-height:1.4}.service-blueprint>div{flex-wrap:wrap;gap:8px;display:flex}.service-blueprint b{border:1px solid;padding:7px 9px;font-family:DM Mono,monospace;font-size:12px;font-weight:400}.about-next{color:#f7f3e9;background:#2c2857;grid-template-columns:1fr 1fr;gap:clamp(40px,9vw,150px);padding:clamp(80px,11vw,170px) clamp(20px,10vw,160px);display:grid;position:relative;overflow:hidden}.about-next>:not(.particle-field){z-index:1;position:relative}.about-next p{text-transform:uppercase;margin:0 0 20px;font-family:DM Mono,monospace;font-size:12px}.about-next h2{margin:0;font-size:clamp(3.7rem,7vw,8rem);line-height:.8}.kinetic-text{cursor:grab;transform:translateX(var(--kinetic-x));touch-action:none;display:inline-block}.kinetic-text:active{cursor:grabbing}.about-next ul{align-content:center;gap:0;margin:0;padding:0;list-style:none;display:grid}.about-next li{border-top:1px solid #f7f3e999;gap:10px;padding:22px 0;display:grid}.about-next li:last-child{border-bottom:1px solid #f7f3e999}.about-next li strong{font-size:22px}.about-next li span{font-size:16px;line-height:1.35}@media (width<=700px){.route-transition{grid-template-columns:1fr}.route-transition i{justify-self:end}.service-blueprint{width:100%;min-height:280px}.service-blueprint>strong{font-size:3.3rem}.service-blueprint>p{font-size:13px}.about-next{grid-template-columns:1fr;gap:50px;padding:80px 20px}.about-next li span{font-size:15px}}.service-showcase{align-items:stretch}.service-stage{min-width:0;min-height:820px}.service-stage-copy{grid-template-columns:minmax(0,320px) auto;align-items:end;gap:24px;min-width:0;padding-top:20px;display:grid}.service-stage-copy p{overflow-wrap:anywhere;min-width:0}.service-stage-copy a{white-space:nowrap;justify-self:start}.project-dial{color:#f7f3e9;background:#191719;grid-template-rows:auto 1fr;grid-template-columns:.9fr 1.1fr;gap:30px clamp(30px,7vw,120px);min-height:820px;padding:clamp(45px,7vw,110px);display:grid;overflow:hidden}.project-dial p,.project-dial span{text-transform:uppercase;font-family:DM Mono,monospace;font-size:10px}.project-dial h2{margin:22px 0 0;font-size:clamp(3.8rem,7vw,8.4rem);line-height:.76}.project-dial h2 i{font-family:Instrument Serif,serif;font-weight:400}.dial-controls{background:#f7f3e947;grid-template-columns:1fr 1fr;align-self:end;gap:1px;display:grid}.dial-controls button{color:#f7f3e9;cursor:pointer;background:#191719;border:0;justify-content:space-between;min-height:78px;padding:16px;font-size:16px;transition:background .35s,color .35s,transform .35s cubic-bezier(.16,1,.3,1);display:flex}.dial-controls button:hover,.dial-controls button.active{color:#191719;background:#bad85b;transform:translateY(-5px)}.dial-card{color:#191719;background:#f7f3e9;grid-column:1/-1;min-height:380px;padding:clamp(28px,5vw,70px);animation:.6s cubic-bezier(.16,1,.3,1) both dial-card-in;position:relative;overflow:hidden}.dial-card h3{z-index:1;width:min(600px,70%);margin:26px 0 14px;font-size:clamp(4.5rem,10vw,11rem);line-height:.72;position:relative}.dial-card>p{z-index:1;text-transform:none;width:min(320px,55%);font-family:DM Sans,sans-serif;font-size:16px;line-height:1.3;position:relative}.dial-object{aspect-ratio:1;width:min(38vw,450px);position:absolute;bottom:-15%;right:7%;transform:rotate(-17deg)}.dial-object i{border:3px solid #191719;border-radius:50%;display:block;position:absolute}.dial-object i:first-child{background:#e94d2f;inset:0}.dial-object i:nth-child(2){aspect-ratio:1;background:#ffc935;width:58%;top:-11%;right:-5%}.dial-object i:nth-child(3){aspect-ratio:1;background:#89b7d2;width:34%;bottom:5%;left:-8%}.dial-1 .dial-object{transform:rotate(42deg)scale(1.16)}.dial-2 .dial-object{transform:translate(-80px)rotate(-55deg)}.dial-3 .dial-object{transform:translateY(-30px)rotate(120deg)scale(.92)}@keyframes dial-card-in{0%{opacity:0;transform:translateY(32px)scale(.97)}to{opacity:1;transform:none}}.desk-screen{touch-action:pan-y;overflow:hidden}.desk-power{z-index:9;border-color:#f7f3e9;width:23px;height:23px;bottom:16px;right:18px;box-shadow:0 0 0 3px #191719}.screen-body{touch-action:pan-y}.screen-body article{scrollbar-width:thin;overflow:auto}.screen-body article::-webkit-scrollbar{width:5px}.screen-body article::-webkit-scrollbar-thumb{background:#bad85b}.page-intro h1,.hero-copy h1,.manifesto h2,.console-copy h2,.project-dial h2,.closing h2,.desk-copy h2{cursor:default;transition:letter-spacing .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1),background-position .85s cubic-bezier(.16,1,.3,1)}.page-intro h1:hover,.hero-copy h1:hover,.manifesto h2:hover,.console-copy h2:hover,.project-dial h2:hover,.closing h2:hover,.desk-copy h2:hover,.page-intro h1:active,.hero-copy h1:active,.manifesto h2:active,.console-copy h2:active,.project-dial h2:active,.closing h2:active,.desk-copy h2:active{letter-spacing:.025em;background-position:100% 0;transform:skew(-2deg)translate(5px)}@supports (animation-timeline:view()){.manifesto,.community-console,.projects,.closing,.project-dial{animation:linear both section-lens;animation-timeline:view();animation-range:entry cover 45%}.project,.timeline article{animation:linear both row-approach;animation-timeline:view();animation-range:entry 5% cover 48%}@keyframes section-lens{0%{opacity:.25;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes row-approach{0%{opacity:0;transform:translateY(110px)scale(.9)}to{opacity:1;transform:none}}.manifesto,.community-console,.projects,.closing,.project-dial,.project,.timeline article{animation:none}}@media (width<=700px){.service-stage{min-height:540px}.service-stage-copy{grid-template-columns:1fr;gap:15px}.service-stage-copy a{justify-self:start}.project-dial{grid-template-columns:1fr;min-height:auto;padding:76px 20px}.project-dial h2{font-size:4.2rem}.dial-controls{align-self:auto}.dial-card{min-height:350px}.dial-card h3{width:100%;font-size:5.5rem}.dial-card>p{width:65%}.dial-object{width:290px;right:-15%}.desk-power{bottom:12px;right:14px}}main :is(h1,h2,h3,p){transition:color .28s,transform .35s cubic-bezier(.16,1,.3,1),text-shadow .28s}main :is(h1,h2,h3,p):hover{text-shadow:3px 3px #1917191a;transform:translate(3px)}.manifesto-mark{cursor:default;transition:transform .5s cubic-bezier(.16,1,.3,1),color .35s}.manifesto-mark:hover{color:#191719;transform:rotate(5deg)scale(1.05)}.artifact-window>i,.conversation-object i{transition:transform .45s cubic-bezier(.16,1,.3,1)}.artifact-window:hover>i:first-of-type,.conversation-object:hover i:first-of-type{transform:translate(-10px,12px)}.artifact-window:hover>i:nth-of-type(2),.conversation-object:hover i:nth-of-type(2){transform:translate(8px,-10px)}.demo-object{cursor:crosshair;transition:transform .5s cubic-bezier(.16,1,.3,1)}.demo-object:hover{transform:rotateY(10deg)rotateX(-5deg)scale(1.03)}.demo-object:hover .demo-panel{box-shadow:15px 17px #19171933}.dial-card:hover .dial-object{transform:rotate(12deg)scale(1.08)}.archive-ribbon img{cursor:zoom-in}