@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--blue:#0e6eff;--ink:#202124;--paper:#fafaf7;--line:#dcdedc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--blue);outline-offset:6px}header{height:100px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.logo{width:150px;height:auto}nav{display:flex;gap:34px;font-size:13px}nav a:hover,.text-link:hover{color:var(--blue)}.nav-cta{font-size:13px;border-bottom:1px solid;padding:12px 0}.nav-cta span{margin-left:25px}.progress{height:3px;background:var(--blue);position:fixed;top:0;left:0;width:0;z-index:20}.hero{padding:54px 5% 0;min-height:730px;position:relative;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600;display:block}.dot{display:inline-block;width:7px;height:7px;background:var(--blue);border-radius:50%;margin-right:10px}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(64px,7.5vw,124px);font-weight:500;letter-spacing:-.065em;line-height:1.08;margin:33px 0 60px;position:relative;z-index:2;pointer-events:none}em{font-style:normal;color:var(--blue)}.sculpture{position:absolute;right:-1%;top:55px;width:51%;height:540px}canvas{width:100%;height:100%;display:block}.orbit-label{position:absolute;right:6%;top:13%;font-size:9px;letter-spacing:2px;transform:rotate(90deg);transform-origin:right}.object-id{position:absolute;bottom:22px;right:22%;font-size:9px;letter-spacing:1.6px}.hero-bottom{display:flex;align-items:center;gap:45px;position:relative;z-index:3}.hero-bottom p{font-size:15px;line-height:1.7;color:#686a6b;margin:0}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;background:var(--blue);color:white;border-radius:50px;padding:19px 25px;font-size:13px;transition:transform .3s,box-shadow .3s}.pill:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0e6eff30}.pill span{font-size:23px;line-height:1}.scroll-hint{margin-left:auto;font-size:9px;letter-spacing:1px;display:flex;align-items:center;gap:28px}.scroll-hint span{font-size:24px}.hero-index{font-size:9px;letter-spacing:1.5px;border-top:1px solid var(--line);margin-top:65px;padding:20px 0}.ticker{background:var(--blue);color:white;padding:24px 0;overflow:hidden;transform:rotate(-2deg);width:102%;margin:18px -1% 30px}.ticker div{white-space:nowrap;font-size:clamp(28px,4vw,58px);font-family:Manrope,sans-serif;letter-spacing:-2px;animation:marquee 24s linear infinite;width:max-content}.ticker span{margin:0 50px}.section{padding:100px 7%}.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:25px;align-items:start;margin-bottom:60px}.section-heading .eyebrow{padding-top:14px}.section-heading h2{margin:0;font-size:clamp(34px,4.2vw,64px);letter-spacing:-.055em;font-family:Manrope,sans-serif;line-height:1.12;font-weight:500}.section-heading>p,.section-heading>.text-link{grid-column:2;margin:0;font-size:14px;line-height:1.7;color:#686a6b}.blue{color:var(--blue)}.service{display:grid;grid-template-columns:1fr 2fr 1fr;border-top:1px solid var(--line);padding:40px 0;gap:25px;align-items:center}.service:last-child{border-bottom:1px solid var(--line)}.number{font-size:13px;color:var(--blue);align-self:start;padding-top:10px}.service h3{font-family:Manrope,sans-serif;font-size:34px;font-weight:500;letter-spacing:-1.3px;margin:0 0 15px}.service p{max-width:470px;line-height:1.7;font-size:14px;color:#686a6b}.tag{font-size:9px;letter-spacing:1.3px;display:block;margin-top:25px}.service-art{height:140px;position:relative;display:grid;place-items:center}.wire i{position:absolute;border:1px solid var(--blue);width:100px;height:100px;transform:rotate(30deg);border-radius:22%}.wire i:nth-child(2){transform:rotate(60deg)}.wire i:nth-child(3){transform:rotate(90deg)}.wire i:nth-child(4){transform:rotate(120deg)}.wire{animation:spin 25s linear infinite}.layers i{position:absolute;width:100px;height:50px;background:var(--blue);border:1px solid #fafaf7;border-radius:50%;transform:translateY(-30px)}.layers i:nth-child(2){transform:translateY(-18px)}.layers i:nth-child(3){transform:translateY(-6px)}.layers i:nth-child(4){transform:translateY(6px)}.layers i:nth-child(5){transform:translateY(18px)}.layers i:nth-child(6){transform:translateY(30px)}.layers:hover i{margin-top:calc(4px * var(--i,1))}.paint i{width:75px;height:100px;border-radius:60% 40% 60% 40%;position:absolute;background:#0e6eff;transform:rotate(30deg) translateX(-25px)}.paint i:nth-child(2){background:#6ba5ff;transform:rotate(75deg) translateX(10px)}.paint i:nth-child(3){background:#b6d2ff;transform:rotate(120deg) translateX(-10px)}.works{background:#f0f1ee}.projects{display:grid;grid-template-columns:1fr 1fr;gap:65px 35px}.project:nth-child(even){margin-top:80px}.project-image{height:490px;position:relative;overflow:hidden;background:#e0e0dc}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.project:hover img{transform:scale(1.045)}.project-arrow{position:absolute;bottom:20px;right:20px;width:45px;height:45px;display:grid;place-items:center;background:var(--paper);border-radius:50%;font-size:24px}.project-caption{padding-top:18px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}.project-caption h3{margin:0;font-size:17px;font-weight:500;letter-spacing:-.4px}.project-caption span{font-size:8px;letter-spacing:1px;color:#656766}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:80px}.steps article{border-top:1px solid var(--blue);padding-top:25px}.steps span{color:var(--blue);font-size:10px;letter-spacing:1px}.steps h3{font-size:25px;font-weight:500;letter-spacing:-1px;margin:40px 0 16px}.steps p{color:#686a6b;font-size:14px;line-height:1.8;max-width:300px}.contact{background:var(--blue);color:white;padding:55px 7% 35px;overflow:hidden}.contact-top{display:flex;justify-content:space-between;align-items:center}.contact-star{font-size:85px;animation:spin 24s linear infinite;line-height:1}.contact h2{font-family:Manrope,sans-serif;font-size:clamp(72px,11vw,170px);font-weight:500;letter-spacing:-.07em;line-height:1;margin:15px 0 45px}.contact h2 em{color:#b7d4ff}.contact-bottom{display:flex;justify-content:space-between;align-items:center}.contact-bottom p{line-height:1.7;font-size:15px}.white{background:white;color:var(--blue)}.contact-links{display:flex;gap:40px;border-top:1px solid #ffffff60;padding-top:28px;margin-top:45px;font-size:14px}.contact-links a:last-child{margin-left:auto}footer{padding:35px 5%;display:flex;align-items:center;gap:30px}footer .logo{width:110px}footer span,footer a,footer small{font-size:11px}footer a{margin-left:auto}footer small{color:#777}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(35px);transition:opacity .8s,transform .8s}.js .reveal.visible{opacity:1;transform:none}@keyframes marquee{to{transform:translateX(-33.333%)}}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1500px){.hero{min-height:820px}.sculpture{height:630px}.hero-bottom{margin-top:90px}}@media(max-width:800px){header{height:80px}.logo{width:120px}nav{display:none}.hero{padding-top:35px;min-height:auto}.hero h1{font-size:clamp(55px,10vw,80px);margin-top:25px}.sculpture{position:relative;width:100%;height:350px;top:auto;right:auto;margin-top:-75px}.hero-bottom{flex-wrap:wrap;gap:24px}.hero-bottom p{font-size:14px}.scroll-hint{display:none}.hero-index{margin-top:35px}.section{padding:65px 6%}.section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:40px}.section-heading>p,.section-heading>.text-link{grid-column:auto}.section-heading h2{font-size:41px}.service{grid-template-columns:25px 1fr 90px;gap:15px;padding:30px 0}.service h3{font-size:26px}.service p{font-size:13px}.service-art{transform:scale(.7)}.projects{gap:30px 20px}.project-image{height:330px}.project:nth-child(even){margin-top:45px}.project-caption h3{font-size:15px}.steps{gap:25px;margin-top:40px}.steps h3{font-size:21px}.contact{padding:40px 6%}.contact-top .eyebrow{max-width:220px;line-height:1.7}.contact-star{font-size:60px}.contact-links{gap:20px;flex-wrap:wrap}.contact-links a:last-child{margin-left:0}footer{flex-wrap:wrap}footer>span{display:none}}@media(max-width:500px){.hero h1{font-size:56px}.hero .eyebrow{font-size:8px}.sculpture{height:300px;margin-top:-55px}.hero-bottom .pill{padding:16px 22px}.service{grid-template-columns:20px 1fr}.service-art{display:none}.projects{grid-template-columns:1fr}.project:nth-child(even){margin-top:0}.project-image{height:440px}.steps{grid-template-columns:1fr}.steps h3{margin-top:24px}.steps p{max-width:none}.contact-bottom{align-items:flex-start;flex-direction:column;gap:20px}.contact h2{font-size:88px;margin-top:30px}.contact-links{flex-direction:column;font-size:13px}footer{gap:15px}footer small{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}

body{overflow-x:clip}@media(min-width:801px){.scroll-hint{align-self:flex-end;transform:translateY(65px)}}