*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{color:#20221f;-webkit-font-smoothing:antialiased;background:#faf9f6;margin:0;font-family:IBM Plex Sans,sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline-offset:6px;outline:3px solid #596c3b}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin:0;font-weight:400}h1,h2{letter-spacing:-.055em;line-height:1.04}p{line-height:1.6}.wrap{padding-left:4vw;padding-right:4vw}.muted{color:#73766b}.header{justify-content:space-between;align-items:center;gap:24px;padding:28px 4vw;display:flex}.brand{letter-spacing:-2px;color:#25212d;align-items:center;min-height:44px;font-size:34px;font-weight:500;display:inline-flex}.brand-symbol{font-size:42px;line-height:1}.brand-dot{align-self:flex-start;margin-top:8px;font-size:12px}.header nav{align-items:center;gap:34px;font-size:14px;display:flex}.header nav>a{align-items:center;min-height:44px;display:inline-flex}.pill{color:#fff;background:#22241f;border-radius:100px;justify-content:space-between;align-items:center;gap:30px;min-height:48px;padding:16px 25px;font-size:14px;transition:background .2s,transform .2s;display:inline-flex}.pill:hover{background:#4c5a38;transform:translateY(-2px)}.hero{grid-template-columns:1.65fr 1fr;align-items:end;gap:7vw;padding-top:80px;padding-bottom:70px;display:grid}.eyebrow{letter-spacing:.13em;margin-bottom:25px;font-size:11px;font-weight:500}.hero h1{font-size:clamp(48px,5.7vw,88px);line-height:1.02}.hero-side{max-width:390px;padding-bottom:5px}.hero-side>p{margin-bottom:28px;font-size:19px;line-height:1.55}.quiet-link{border-bottom:1px solid #9fa194;padding:10px 0;font-size:14px;display:inline-block}.hero-side .quiet-link{width:max-content;margin-top:14px;display:block}.location{letter-spacing:.09em;border-top:1px solid #d9dad3;justify-content:space-between;gap:20px;margin:0 4vw;padding:19px 0 22px;font-size:10px;display:flex}.showcase{padding:0 0 28px;overflow:hidden}.showcase-track{gap:22px;width:max-content;padding:0 4vw;display:flex}.showcase .work-card{width:39vw}.showcase .work-card:nth-child(2){width:44vw}.showcase .project-visual{height:350px}.showcase .project-visual img{width:94%;max-width:none}.project-visual{background:var(--surface);border-radius:12px;justify-content:center;align-items:center;height:430px;display:flex;position:relative;overflow:hidden}.project-visual img{border-radius:5px;width:90%;transition:scale .7s cubic-bezier(.2,.7,.2,1);box-shadow:0 20px 50px #0002}.work-card:hover img{scale:1.035}.open-project{background:#faf9f6;border-radius:50%;place-items:center;width:44px;height:44px;font-size:22px;transition:transform .2s;display:grid;position:absolute;bottom:20px;right:20px}.work-card:hover .open-project{transform:rotate(45deg)}.project-caption{justify-content:space-between;align-items:baseline;gap:16px;padding-top:17px;display:flex}.project-caption h3{letter-spacing:-.04em;font-size:23px}.project-caption>span{text-transform:uppercase;letter-spacing:.02em;text-align:right;font-size:10px}.industry{color:#6b6d64;margin-top:4px;font-size:12px}.intro h2{max-width:1060px;font-size:clamp(38px,5vw,74px)}.intro-note{max-width:430px;margin-top:35px;margin-left:auto;font-size:17px}.section-head{justify-content:space-between;align-items:baseline;gap:30px;margin-bottom:38px;display:flex}.section-head h2{font-size:clamp(38px,4.5vw,64px)}.small-count{letter-spacing:0;vertical-align:top;margin:10px;font-size:13px;display:inline-block}.work-grid{grid-template-columns:1fr 1fr;gap:60px 28px;display:grid}.work-grid>div:nth-child(2n),.work-grid>.work-card:nth-child(2n){padding-top:80px}.work-section{padding-bottom:120px}.services{background:#eeefe9;padding-top:100px;padding-bottom:100px}.services .section-head{align-items:start;margin-bottom:65px}.service-row{border-top:1px solid #cfd1c6;grid-template-columns:50px 1.2fr 1fr 30px;gap:20px;padding:32px 0;display:grid}.service-row h3{letter-spacing:-.04em;font-size:26px}.service-row>span{font-size:13px}.service-row>span:last-child{font-size:28px}.service-row p{font-size:15px}.service-row small{color:#64675c;margin-top:12px;font-size:12px;display:block}.process{border-bottom:1px solid #d9dad3;padding-top:95px;padding-bottom:95px}.process-grid{grid-template-columns:repeat(4,1fr);gap:45px;display:grid}.process-grid span{color:#747869;font-size:12px}.process-grid h3{letter-spacing:-.035em;margin:22px 0 12px;font-size:24px}.process-grid p{color:#65685f;font-size:14px}.studio{padding-top:110px;padding-bottom:120px}.studio h2{font-size:clamp(38px,5vw,70px)}.studio>div{grid-template-columns:1fr 1fr;gap:55px;max-width:840px;margin-top:45px;margin-left:auto;display:grid}.studio p{font-size:17px}.studio .eyebrow{font-size:11px}footer{color:#f2f2e8;background:#252a22;padding:65px 4vw 25px}.footer-top>p{letter-spacing:.1em;margin-bottom:35px;font-size:11px}.footer-top>a{letter-spacing:-.06em;font-size:clamp(65px,11vw,155px);line-height:.98;display:block}.footer-bottom{border-top:1px solid #565b4f;flex-wrap:wrap;justify-content:space-between;gap:25px;margin-top:80px;padding-top:24px;font-size:12px;display:flex}.footer-bottom a{padding:8px 0}.case-hero{padding-top:55px;padding-bottom:55px}.case-hero .eyebrow{margin-top:60px}.case-hero h1{font-size:clamp(62px,10vw,140px)}.case-deck{grid-template-columns:1.2fr 1fr;gap:12vw;margin-top:45px;display:grid}.case-deck h2{font-size:40px}.case-deck .pill{margin-top:25px}.case-image{border-radius:12px;padding:5vw}.case-image img{width:100%;box-shadow:0 20px 50px #0002}.case-story{grid-template-columns:1fr 2fr;gap:60px;padding-top:100px;padding-bottom:100px;display:grid}.case-story h2{margin-bottom:25px;font-size:45px}.case-story p{max-width:720px;font-size:18px}.case-story h3{margin-top:40px;font-size:22px}.case-story ul{flex-wrap:wrap;gap:12px;margin:20px 0 30px;padding:0;list-style:none;display:flex}.case-story li{border:1px solid #c7cabf;border-radius:100px;padding:10px 18px;font-size:13px}.next-project{padding-bottom:100px}.next-project .project-visual{height:450px}.next-project .project-visual img{max-width:800px}.skip{z-index:50;background:#fff;padding:15px;position:fixed;top:-80px;left:15px}.skip:focus{top:10px}@media (width>=1700px){.showcase .project-visual{height:440px}.project-visual{height:510px}}@media (width<=800px){.header{padding:20px 5vw}.brand{font-size:25px}.brand-symbol{font-size:32px}.header nav{gap:16px}.header{flex-wrap:wrap}.header nav{justify-content:space-between;gap:10px;width:100%}.header nav>a:not(.pill){display:inline-flex}.header .pill{gap:15px;padding:12px 18px}.wrap{padding-left:5vw;padding-right:5vw}.hero{grid-template-columns:1fr;gap:28px;padding-top:50px;padding-bottom:45px}.hero h1{font-size:clamp(43px,8.8vw,68px)}.hero-side{max-width:500px}.hero-side>p{font-size:17px}.location{margin:0 5vw;font-size:9px}.location>span:last-child{display:none}.showcase{scroll-snap-type:x mandatory;overflow-x:auto}.showcase-track{gap:16px;padding:0 5vw}.showcase .work-card,.showcase .work-card:nth-child(2){scroll-snap-align:center;width:84vw}.showcase .project-visual{height:280px}.project-caption{align-items:start}.project-caption h3{font-size:21px}.project-caption>span{max-width:155px;font-size:9px}.intro{padding-top:80px;padding-bottom:70px}.intro h2{font-size:39px}.intro-note{margin-left:0;font-size:16px}.section-head{gap:15px}.section-head h2{font-size:38px}.work-grid{grid-template-columns:1fr;gap:35px}.work-grid>div:nth-child(2n),.work-grid>.work-card:nth-child(2n){padding-top:0}.project-visual{height:310px}.work-section{padding-bottom:70px}.services{padding-top:65px;padding-bottom:50px}.services .section-head{margin-bottom:40px;display:block}.service-row{grid-template-columns:25px 1fr;gap:15px}.service-row h3{font-size:24px}.service-row>div{grid-column:2}.service-row>span:last-child{display:none}.process{padding-top:65px;padding-bottom:65px}.process-grid{grid-template-columns:1fr 1fr;gap:35px 25px}.studio{padding-top:65px;padding-bottom:75px}.studio h2{font-size:38px}.studio>div{grid-template-columns:1fr;gap:22px;margin-top:30px}.studio p{font-size:16px}.footer-bottom{gap:15px;margin-top:55px}.case-hero{padding-top:30px}.case-deck{grid-template-columns:1fr;gap:24px}.case-deck h2{font-size:32px}.case-story{grid-template-columns:1fr;gap:20px;padding-top:65px;padding-bottom:65px}.case-story h2{font-size:36px}.next-project .project-visual{height:300px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.showcase-track,.project-visual img{transform:none!important}}body{color:#201e25;background:#f6f3ea}main{overflow-x:clip}.header{border-bottom:1px solid #201e2520}.brand-symbol{color:#6e40dd}.pill{background:#25212d}.play-hero{min-height:850px;padding-top:50px;padding-bottom:50px;position:relative;overflow:hidden}.play-hero h1{letter-spacing:-.075em;z-index:2;pointer-events:none;max-width:1100px;font-size:clamp(85px,10vw,155px);line-height:.9;position:relative}.hero-outline{color:#f6f3ea;-webkit-text-stroke:2px #26222c}.hero-pop{color:#26222c;background:#d9fc68;border-radius:50%;padding:0 22px 13px;display:inline-block;transform:rotate(-5deg)}.hero-caption{z-index:3;width:260px;margin-top:48px;position:relative}.hero-caption p{font-size:18px}.round-cta{background:#d9fc68;border:1px solid #211e27;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:135px;height:135px;margin-top:27px;transition:transform .3s;display:flex;transform:rotate(-12deg)}.round-cta:hover{transform:rotate(0)scale(1.05)}.round-cta span{font-size:32px}.hero-device{width:68%;position:absolute;top:300px;right:1vw;transform:rotate(-3deg)}.hero-device .device-stage{background:#bda9ea;border-radius:48% 48% 12px 12px;height:480px}.hero-device .stage-label{display:none}.hero-sticker{text-align:center;background:#fa865c;border:1px solid #27222d;border-radius:50%;place-content:center;width:115px;height:115px;font-size:13px;line-height:1.2;display:grid;position:absolute;top:-22px;right:40%;transform:rotate(14deg)}.hero-scribble{color:#8958e8;z-index:0;font-size:120px;position:absolute;top:80px;right:5%;transform:rotate(15deg)}.ticker{letter-spacing:-.04em;white-space:nowrap;background:#d9fc68;border-top:2px solid #242129;border-bottom:2px solid #242129;margin:15px 0;padding:18px 0;font-size:clamp(21px,3vw,48px);overflow:hidden;transform:rotate(-2deg)}.ticker span{text-align:center;display:block}.intro{padding-top:100px;padding-bottom:85px}.work-grid{grid-template-columns:1fr;gap:85px}.work-grid>div:nth-child(2n),.work-grid>.work-card:nth-child(2n){margin-left:15%;padding-top:0}.work-grid>div:nth-child(odd),.work-grid>.work-card:nth-child(odd){margin-right:15%}.work-card{display:block}.device-stage{background:var(--surface);isolation:isolate;border-radius:18px;height:530px;position:relative;overflow:hidden}.stage-orbit{aspect-ratio:1;border:1px solid #ffffff90;border-radius:50%;width:65%;position:absolute;top:-25%;left:18%;box-shadow:0 0 0 70px #ffffff15,0 0 0 140px #ffffff10}.stage-label{text-transform:uppercase;letter-spacing:.1em;font-size:11px;position:absolute;top:25px;left:25px}.laptop{filter:drop-shadow(0 28px 20px #2224);width:72%;position:absolute;top:22%;left:9%;transform:rotate(-4deg)}.laptop-lid{background:linear-gradient(145deg,#404048,#121215);border:2px solid #686870;border-radius:15px 15px 7px 7px;padding:12px 9px 15px;position:relative}.camera{background:#92929e;border-radius:50%;width:4px;height:4px;position:absolute;top:4px;left:50%}.laptop-screen{aspect-ratio:1.6;background:#fff;border-radius:3px;overflow:hidden}.laptop-screen img{object-fit:cover;object-position:top;width:100%;height:100%}.laptop-base{background:linear-gradient(#d5d5dc,#797981);border-radius:2px 2px 55% 55%;width:114%;height:13px;margin-left:-7%;position:relative}.laptop-base:before{content:"";background:#777781;border-radius:0 0 8px 8px;width:15%;height:5px;position:absolute;left:42.5%}.phone{aspect-ratio:390/844;background:#202026;border:6px solid #202026;border-radius:24px;width:18%;position:absolute;bottom:10%;right:9%;overflow:hidden;transform:rotate(7deg);box-shadow:0 18px 28px #0005,0 0 0 2px #777780}.phone img{object-fit:cover;object-position:top;width:100%;height:100%}.phone-camera{z-index:2;background:#171719;border-radius:10px;width:36%;height:10px;position:absolute;top:5px;left:32%}.stage-cross{color:#25212c;font-size:70px;line-height:1;position:absolute;bottom:20px;left:23px}.project-caption h3{font-size:34px}.project-caption>span{background:#e8e0f4;border-radius:25px;padding:8px 14px}.work-card:hover .device-stage{outline-offset:5px;outline:2px solid #25212c}.case-image{background:0 0;padding:0}.case-image .device-stage{height:650px}.services{background:#bfa6ed;border-radius:45px 45px 0 0}.services .muted{color:#48335d}.service-row{border-color:#563d7840;transition:padding .25s}.service-row:hover{padding-left:16px}.process{color:#f6f3ea;background:#25212d}.process p,.process-grid span{color:#c5bed1}.process-grid h3{color:#d9fc68}.studio h2 .muted{color:#734caa}footer{color:#25212d;background:#d9fc68}.footer-top>a>span{color:#734caa}.footer-bottom{border-color:#25212d60}.next-project .device-stage{height:550px}@media (width<=800px){.play-hero{min-height:900px;padding-top:35px;padding-bottom:20px}.play-hero h1{font-size:clamp(62px,12vw,96px);line-height:.96}.hero-scribble{font-size:65px;top:285px;right:20px}.hero-caption{justify-content:space-between;align-items:center;gap:20px;width:100%;margin-top:28px;display:flex}.hero-caption p{max-width:210px;font-size:16px}.round-cta{flex-shrink:0;width:100px;height:100px;margin:0}.hero-device{width:96%;top:auto;bottom:55px;right:2%;transform:rotate(-2deg)}.hero-device .device-stage{height:365px}.hero-sticker{width:85px;height:85px;font-size:10px;top:-20px;right:40%}.hero-pop{padding:0 13px 8px}.work-grid{gap:45px}.work-grid>div:nth-child(n),.work-grid>.work-card:nth-child(n){margin:0}.device-stage{height:330px}.laptop{width:76%;top:28%;left:6%}.laptop-lid{border-radius:9px 9px 4px 4px;padding:9px 5px 10px}.laptop-base{height:9px}.phone{border-width:4px;border-radius:15px;width:23%;bottom:14%;right:7%}.phone-camera{height:6px;top:3px}.stage-label{font-size:9px;top:20px;left:20px}.stage-cross{font-size:42px;bottom:20px;left:18px}.project-caption h3{font-size:25px}.project-caption>span{max-width:165px;padding:6px 9px}.case-image .device-stage,.next-project .device-stage{height:350px}.intro h2{font-size:35px}.services{border-radius:25px 25px 0 0}}@media (width<=400px){.play-hero{min-height:840px}.hero-device .device-stage{height:310px}.hero-caption p{font-size:14px}.round-cta{width:88px;height:88px;font-size:13px}.device-stage{height:290px}}@media (prefers-reduced-motion:reduce){.device-stage .laptop{transform:rotate(-4deg)!important}.device-stage .phone{transform:rotate(7deg)!important}.stage-cross{transform:none!important}}