:root{--paper:#f7f7f5;--ink:#101014;--muted:#606069;--line:#d9d9df;--accent:#20abcb;--teal:#653a98;--pink:#e71a66;--orange:#f7980e;--green:#8cc24b;--cyan:#20abcb;--purple:#653a98;--brand-gradient:linear-gradient(110deg,#f7980e 0%,#e71a66 30%,#9d278f 52%,#653a98 72%,#20abcb 100%)}
::selection{background:#e71a66;color:white}html{scroll-padding-top:100px}h1,h2,h3{font-weight:650;letter-spacing:-.055em}.brand img{width:172px;height:auto}.brand{flex-shrink:0}.preview{background:#1d1d23;color:#b7b7c1;font-size:10px;letter-spacing:1px;padding:6px}.nav{min-height:88px}.links{gap:25px}header{background:rgba(247,247,245,.95);backdrop-filter:blur(18px)}.button{border-radius:100px;padding:15px 24px;font-weight:600;transition:background .2s,transform .2s}.button:hover{transform:translateY(-3px);background:#653a98;border-color:#653a98;color:#fff}.button .arrow{transition:transform .2s}.button:hover .arrow{transform:translateX(4px)}a:focus-visible,button:focus-visible{outline-color:#e71a66}.hero h1 em{font-family:inherit;font-style:normal;background:var(--brand-gradient);background-clip:text;color:transparent}.color-word{background:var(--brand-gradient);background-clip:text;color:transparent}.home header{background:rgba(16,16,20,.88);color:#fff;border-bottom-color:#ffffff15}.home header .button{background:white;color:#101014;border-color:white}.home header .button:hover{background:#e71a66;color:white;border-color:#e71a66}.home .menu{color:white}.motion-hero{background:#101014;color:#fff;position:relative;min-height:740px;height:calc(100svh - 110px);max-height:1000px;isolation:isolate;overflow:hidden}.hero-content{padding-top:90px;position:relative;z-index:2;height:100%;display:flex;flex-direction:column;pointer-events:none}.hero-content a,.hero-content button{pointer-events:auto}.motion-hero .eyebrow{font-size:10px;color:#bbbcc6;letter-spacing:2px}.motion-hero h1{font-size:clamp(70px,8.7vw,142px);line-height:.96;letter-spacing:-.075em;font-weight:700;margin:25px 0 35px;max-width:1050px}.motion-hero h1 .color-word{display:inline-block;background-image:linear-gradient(105deg,#f7980e,#e71a66 42%,#b26bd5 73%,#20abcb);padding-bottom:.13em}.hero-description{max-width:415px}.hero-description p{color:#b5b5c0;font-size:17px;line-height:1.6;margin-bottom:26px}.hero-description .button{background:#fff;color:#101014;border-color:#fff}.hero-description .button:hover{background:#e71a66;border-color:#e71a66;color:white}.hero-art{position:absolute;inset:-5% -12% -5% 27%;z-index:0;pointer-events:none;mask-image:linear-gradient(90deg,transparent,black 18%)}#idea-canvas{width:100%;height:100%;display:block}.hero-art:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 55% 50%,transparent 40%,#101014 79%)}.art-label{position:absolute;right:21%;top:50%;width:310px;height:250px;font:9px/1.5 monospace;letter-spacing:2px;color:#b6b5c5;z-index:1}.art-label span{position:absolute;background:#101014aa;border:1px solid #ffffff20;padding:7px 13px;border-radius:30px}.art-label span:nth-child(1){top:-110px;right:0}.art-label span:nth-child(2){bottom:0;left:0}.art-label span:nth-child(3){right:-80px;bottom:90px}.hero-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:auto;padding:40px 0 30px;font-size:10px;letter-spacing:1px;color:#a1a1ad}.scroll-link{display:flex;align-items:center;gap:14px}.scroll-line{height:34px;width:1px;background:linear-gradient(#e71a66,#ffffff20)}.motion-toggle{background:none;border:1px solid #ffffff30;color:#cccbd5;border-radius:30px;padding:9px 16px;font-size:10px;cursor:pointer}.motion-toggle:before{content:' ';display:inline-block;width:6px;height:8px;border-left:2px solid;border-right:2px solid;margin-right:10px}.motion-toggle[aria-pressed=true]:before{border:0;background:currentColor;width:6px;height:6px;border-radius:50%}.zoom-story{position:relative;background:#101014;color:#fff;padding:100px 24px}.zoom-sticky{position:relative;max-width:1400px;margin:auto;text-align:center}.story-intro .eyebrow{justify-content:center;color:#aaa9b6;font-size:10px}.story-intro h2{font-size:clamp(44px,5.9vw,88px);letter-spacing:-.06em}.story-intro h2 span{color:#858592}.project-device{width:80%;max-width:1050px;margin:60px auto 30px;background:#22222a;border:1px solid #ffffff40;border-radius:14px;padding:8px;box-shadow:0 0 120px #653a9824;transform-origin:center center}.device-bar{height:28px;display:flex;gap:5px;align-items:center;padding:0 6px;color:#aaa9b4}.device-bar>span{width:5px;height:5px;border-radius:50%;background:#73717c}.device-bar small{margin:auto;font-size:8px;letter-spacing:1px}.project-device img{width:100%;height:auto;border-radius:7px}.device-base{height:8px;background:linear-gradient(90deg,#3e3d48,#94949c,#3e3d48);margin:9px -5% -15px;border-radius:0 0 50% 50%;box-shadow:0 10px 20px #000}.story-caption{margin:45px auto 0}.story-caption .tag{color:#aaa8b8;font-size:10px}.story-caption p{font-size:25px;line-height:1.25;margin:17px auto}.story-caption .textlink{font-size:12px}.story-progress{display:none}.motion-ready .zoom-story{height:260svh;padding:0}.motion-ready .zoom-sticky{height:calc(100svh - 88px);position:sticky;top:88px;overflow:hidden;max-width:none;perspective:1200px}.motion-ready .story-intro{position:absolute;top:8%;left:5%;right:5%;z-index:2;opacity:var(--intro,1);transform:translateY(calc(var(--progress,0)*-45px));pointer-events:none}.motion-ready .project-device{position:absolute;width:min(74vw,1050px);margin:0;top:50%;left:50%;transform:translate(-50%,-40%) scale(var(--scale,1.7)) rotateX(var(--tilt,14deg));filter:brightness(var(--brightness,.52));will-change:transform;max-height:72%;}.motion-ready .project-device img{max-height:55svh;object-fit:cover;object-position:top}.motion-ready .story-caption{position:absolute;bottom:6%;left:5%;right:5%;margin:0;opacity:var(--caption,0);transform:translateY(calc((1 - var(--caption,0))*30px));visibility:var(--caption-visibility,hidden)}.motion-ready .story-progress{display:block;position:absolute;bottom:0;left:0;width:100%;height:2px;background:#ffffff10}.story-progress span{display:block;height:100%;background:var(--brand-gradient);transform:scaleX(var(--progress,0));transform-origin:left}.discipline-band{display:flex;align-items:center;justify-content:space-around;gap:30px;overflow:hidden;background:#101014;color:#aaa7b7;padding:32px 4%;border-top:1px solid #ffffff15;font-size:clamp(20px,3.4vw,52px);font-weight:600;letter-spacing:-2px}.discipline-band i{width:10px;height:10px;background:var(--pink);transform:rotate(45deg);flex-shrink:0}.discipline-band i:nth-of-type(2){background:var(--cyan)}.discipline-band i:nth-of-type(3){background:var(--orange)}.discipline-band i:nth-of-type(4){background:var(--green)}.section{padding:120px 0}.section-head{margin-bottom:65px}.service{transition:padding .3s,background .3s;padding:34px 0}.service:hover{padding-left:14px;padding-right:14px;background:#ededf1}.service .number{color:var(--pink)}.service:nth-of-type(2) .number{color:var(--teal)}.service:nth-of-type(3) .number{color:#147e90}.service h3{font-size:34px}.dark{background:#101014}.dark .section-head p,.project p{color:#a5a4b2}.dark .eyebrow{color:#20abcb}.projects{grid-template-columns:1.1fr 1fr;gap:60px}.project:nth-child(2){padding-top:160px}.project figure{border-radius:12px;background:#25242d}.project img{aspect-ratio:1.13;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.project:hover img{transform:scale(1.07)}.project-title h3{font-size:27px}.project-title .arrow{border:1px solid #ffffff40;border-radius:50%;padding:12px;box-sizing:content-box}.project-title{margin-top:24px}.portrait{border-radius:10px;filter:saturate(.75)}.cta{background:#101014;color:white;padding:100px 0;position:relative;overflow:hidden;border-bottom:1px solid #ffffff20}.cta:before{content:'';position:absolute;inset:auto -10% -280px auto;width:600px;height:500px;border-radius:50%;background:radial-gradient(ellipse,#e71a6655,transparent 67%);pointer-events:none}.cta .split{position:relative}.cta h2{font-size:clamp(54px,6.4vw,90px)}.cta p{color:#b6b5c2}.cta .button{background:white;color:#101014}.footer{background:#101014;color:white}.footer-bottom{color:#9695a3;border-color:#ffffff20}.footer .textlink{color:#b7b5c2}.footer-top p{color:#b7b5c2}.note{background:#ece9f3}.status{background:#ece9f3}.form output{background:#e0efeb}.step .number{color:#653a98}.motion-ready [data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s}.motion-ready [data-reveal].revealed{opacity:1;transform:none}
@media(min-width:1600px){.hero-content{padding-top:100px}.motion-hero{min-height:850px}}
@media(max-width:1000px){.motion-hero{min-height:710px}.hero-art{left:20%;right:-25%}.hero-content{padding-top:65px}.art-label{display:none}.links{gap:18px}.brand img{width:145px}.projects{gap:30px}.motion-ready .project-device{width:85vw}.story-caption p{font-size:22px}.section{padding:85px 0}}
@media(max-width:700px){.nav{min-height:74px}.brand img{width:139px}.preview{font-size:8px;letter-spacing:.3px}.home .links{background:#101014;border-color:#ffffff20}.motion-hero{height:auto;min-height:780px;max-height:none}.hero-content{padding-top:40px;min-height:780px}.motion-hero .eyebrow{font-size:8px;letter-spacing:1px;max-width:290px}.motion-hero h1{font-size:clamp(51px,12.6vw,85px);line-height:1;letter-spacing:-.065em;margin:20px 0 270px}.hero-art{inset:90px -30% 180px -30%;mask-image:none;opacity:.85}.hero-description{max-width:100%}.hero-description p{font-size:15px;max-width:330px}.hero-description .button{font-size:13px}.hero-foot{padding:25px 0 22px;font-size:8px;gap:12px}.motion-toggle{font-size:9px;white-space:nowrap;padding:9px 10px}.scroll-link{max-width:160px;gap:9px}.scroll-line{flex-shrink:0}.motion-ready .zoom-story{height:210svh}.motion-ready .zoom-sticky{top:74px;height:calc(100svh - 74px)}.story-intro h2{font-size:42px}.story-intro .eyebrow{font-size:8px;letter-spacing:1px}.motion-ready .story-intro{top:8%}.motion-ready .project-device{width:94vw;top:51%;max-height:none;border-radius:8px;padding:5px}.device-bar{height:20px}.device-bar small{font-size:5px;letter-spacing:.5px}.motion-ready .project-device img{max-height:45svh}.motion-ready .story-caption{bottom:9%}.story-caption p{font-size:23px}.story-caption .tag{font-size:8px}.zoom-story{padding:60px 18px}.project-device{width:100%}.discipline-band{gap:17px;padding:25px 18px;font-size:20px;letter-spacing:-.5px}.discipline-band i{width:6px;height:6px}.band-last,.discipline-band i:last-of-type{display:none}.section{padding:65px 0}.section-head{margin-bottom:35px}.service h3{font-size:29px}.projects{grid-template-columns:1fr;gap:50px}.project:nth-child(2){padding-top:0}.project img{aspect-ratio:1.2}.cta{padding:65px 0}.cta h2{font-size:57px}.motion-ready [data-reveal]{transform:translateY(15px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.motion-ready .project-device{top:42%;transform:translate(-50%,-50%) scale(var(--scale,1.7)) rotateX(var(--tilt,14deg))}.motion-ready .project-device img{max-height:44svh}.motion-ready .story-caption{bottom:6%}.motion-ready .story-intro h2 span{color:#c3c2cc}.motion-ready .story-intro{text-shadow:0 3px 30px #000}
@media(max-width:700px){.motion-ready .project-device{top:45%}.motion-ready .project-device img{max-height:34svh}.motion-ready .story-caption{bottom:8%}}
@media(max-width:700px){.hero-art{mask-image:linear-gradient(to bottom,black 65%,transparent 100%)}}