:root{--ink:#080b10;--paper:#f3f5f8;--acid:#2860ad;--coral:#17447f;--line:rgba(8,11,16,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}.noise{pointer-events:none;position:fixed;inset:0;z-index:10;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;z-index:-1;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(40,96,173,.2),transparent 68%);transform:translate(-50%,-50%);pointer-events:none}.header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 3.6vw;position:absolute;top:0;width:100%;z-index:4;color:#fff}.brand{font:bold 13px/10px Syne,sans-serif;letter-spacing:-.8px;text-decoration:none;color:inherit}.brand span{color:var(--acid);font-size:23px;vertical-align:-3px}.nav{display:flex;gap:30px}.nav a,.header-cta{color:inherit;text-decoration:none;font:500 11px 'DM Mono';text-transform:uppercase}.header-cta i,.project-info i,.footer-mail i{font-style:normal;color:var(--acid);font-size:18px}.menu{display:none;background:none;border:0}.hero{height:100svh;min-height:720px;color:#fff;background:#080b10;position:relative;overflow:hidden;padding:145px 3.6vw 0}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(130deg,transparent 40%,rgba(255,255,255,.035));background-size:5px 5px}.hero-top,.hero-bottom{position:relative;z-index:1;display:flex;justify-content:space-between}.eyebrow,.section-label{font:11px 'DM Mono';letter-spacing:.2px;margin:0}.eyebrow em{font-style:normal;color:var(--acid)}.hero-copy{position:relative;z-index:1;margin-top:11vh}.hero-kicker{font:500 13px 'DM Mono';color:var(--acid);margin:0 0 14px}.hero h1{font:800 clamp(72px,12.8vw,208px)/.78 Syne,sans-serif;letter-spacing:-.095em;margin:0}.hero h1 span{color:var(--acid);margin-left:9vw}.orbital{position:absolute;width:min(57vw,790px);aspect-ratio:1;right:-8%;top:4%;border:1px solid rgba(40,96,173,.65);border-radius:50%;box-shadow:0 0 0 82px rgba(40,96,173,.08),0 0 0 164px rgba(40,96,173,.04);animation:spin 35s linear infinite}.orbital span{position:absolute;color:var(--acid);font-size:25px}.orbital span:nth-child(1){top:5%;left:22%}.orbital span:nth-child(2){bottom:10%;right:6%}.orbital span:nth-child(3){top:40%;right:-2%}.hero-bottom{position:absolute;left:3.6vw;right:3.6vw;bottom:103px;align-items:end}.hero-bottom p{max-width:340px;font-size:13px;line-height:1.6;margin:0}.round-link{display:grid;place-items:center;color:#fff;background:var(--acid);font-size:24px;text-decoration:none;border-radius:50%;width:64px;height:64px;transition:.3s}.round-link:hover{transform:rotate(90deg) scale(1.1)}.marquee{position:absolute;bottom:0;left:0;width:100%;height:58px;border-top:1px solid rgba(255,255,255,.3);display:flex;align-items:center;overflow:hidden}.marquee div{white-space:nowrap;animation:marquee 20s linear infinite;font:600 12px 'DM Mono';letter-spacing:.08em}.marquee span,.marquee b{margin-right:30px}.marquee b{color:var(--acid)}.section-pad{padding:132px 8.5vw}.intro{min-height:760px}.section-label{color:#54544f}.intro-content{margin:70px 0 110px;display:grid;grid-template-columns:1.5fr .55fr;gap:8vw;align-items:end}.intro h2,.services h2,.work h2,.statement h2,footer h2{font:700 clamp(44px,6.3vw,100px)/.91 Syne;letter-spacing:-.075em;margin:0}.intro h2 em,.work h2 em,.statement h2 em,footer h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.09em}.intro h2 em{color:var(--coral)}.intro-content p{font-size:15px;line-height:1.65;margin:0 0 6px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.metrics div{padding:18px 0;border-right:1px solid var(--line)}.metrics strong{font:700 clamp(24px,3.1vw,48px)/1 Syne;display:block;letter-spacing:-.08em}.metrics span{font:11px 'DM Mono';color:#65655e}.services{background:var(--acid);color:#fff}.services .section-label{color:rgba(255,255,255,.68)}.services-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:80px}.services h2{text-align:right}.services h2 span{font-family:Georgia,serif;font-weight:400}.service-list{border-top:1px solid rgba(255,255,255,.65)}.service{display:grid;grid-template-columns:9% 1fr 10%;border-bottom:1px solid rgba(255,255,255,.65);padding:27px 0 31px;transition:.35s;cursor:default}.service:hover{padding-left:2vw;background:#17447f}.service>span{font:11px 'DM Mono';padding-top:9px}.service h3{font:700 clamp(31px,4.2vw,67px)/.88 Syne;letter-spacing:-.075em;margin:0}.service p{max-width:400px;font-size:13px;line-height:1.55;margin:16px 0 0}.service i{font-style:normal;font-size:34px;text-align:right}.work{background:#080b10;color:var(--paper)}.work-title{padding-bottom:80px}.work h2 em{color:var(--acid)}.project{display:grid;grid-template-columns:1.25fr .75fr;min-height:650px}.project-art{position:relative;overflow:hidden}.project-info{padding:65px 4vw;display:flex;flex-direction:column;justify-content:space-between;background:#111722}.project-info>span{font:11px 'DM Mono';color:#70a4ec}.project-info h3{font:700 clamp(42px,5.6vw,87px)/.84 Syne;letter-spacing:-.085em;margin:auto 0 0}.project-info p{font-size:14px;line-height:1.5;max-width:270px}.project-info a{font:500 12px 'DM Mono';color:inherit;text-decoration:none;border-bottom:1px solid #70a4ec;padding-bottom:9px;width:max-content}.showroom{background:var(--coral);isolation:isolate}.showroom:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 13%,rgba(0,0,0,.13) 13.2% 13.6%)}.showroom-card{position:absolute;width:150px;height:215px;border:2px solid #080b10;background:#8db4ed;transform:rotate(-12deg);box-shadow:12px 12px 0 rgba(0,0,0,.16)}.showroom-card.one{left:12%;top:17%}.showroom-card.two{right:13%;bottom:12%;background:var(--paper);transform:rotate(15deg)}.showroom-card.three{right:24%;top:13%;width:100px;height:125px;transform:rotate(10deg);background:#080b10}.phone{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%) rotate(8deg);width:230px;height:445px;background:#080b10;border:8px solid #f3f5f8;border-radius:32px;padding:26px 18px;color:#f4f1e7;box-shadow:18px 18px 0 rgba(0,0,0,.18)}.phone span{display:block;background:var(--acid);height:150px;border-radius:15px;margin-bottom:50px}.phone small{font:10px 'DM Mono';color:#70a4ec}.phone b{font:700 31px/.86 Syne;display:block;margin-top:12px;letter-spacing:-.07em}.project-delivery{grid-template-columns:.75fr 1.25fr}.project-delivery .project-info{background:#f3f5f8;color:var(--ink)}.flow{background:var(--acid);background-image:radial-gradient(#080b10 1px,transparent 1px);background-size:19px 19px}.map-line{position:absolute;width:120%;height:90%;left:-10%;top:4%;border:3px dashed #080b10;border-radius:47%;transform:rotate(-26deg)}.delivery-card{position:absolute;left:21%;top:31%;width:245px;padding:24px;background:#080b10;color:#fff;transform:rotate(-8deg);box-shadow:12px 12px 0 rgba(17,17,16,.2)}.delivery-card small{font:10px 'DM Mono';color:#70a4ec}.delivery-card b{display:block;font:700 63px/.9 Syne;letter-spacing:-.1em;color:#70a4ec;margin:10px 0 16px}.delivery-card span{font:11px 'DM Mono'}.delivery-card i{font-style:normal;float:right}.route-dot{position:absolute;width:31px;height:31px;border:8px solid #080b10;border-radius:50%;background:#f3f5f8}.route-dot.a{right:18%;top:20%}.route-dot.b{right:24%;bottom:17%;background:#17447f}.statement{background:var(--paper);min-height:710px}.statement h2{margin-top:80px}.statement h2 span{color:var(--coral)}.statement-foot{display:flex;justify-content:space-between;margin-top:100px;border-top:1px solid var(--line);padding-top:16px;font:11px 'DM Mono'}.statement-foot p{margin:0}footer{background:var(--coral);padding:90px 8.5vw 32px;color:#fff;min-height:680px}footer .section-label{color:rgba(255,255,255,.65)}footer h2{font-size:clamp(60px,9.7vw,154px);margin:55px 0 58px}footer h2 em{color:#9ec2f5}.footer-mail{font:600 clamp(16px,2vw,28px) Syne;color:#fff;text-decoration:none;border-bottom:2px solid #fff;padding-bottom:7px}.footer-mail i{color:#9ec2f5;font-style:normal}.footer-bottom{border-top:1px solid rgba(255,255,255,.4);margin-top:130px;padding-top:17px;display:flex;justify-content:space-between;align-items:flex-start}.footer-bottom p{margin:0;font:10px/1.5 'DM Mono'}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:720px){.header{height:72px;padding:0 20px}.nav,.header-cta{display:none}.menu{display:block;width:33px}.menu span{height:2px;background:#fff;display:block;margin:6px}.hero{min-height:640px;padding:112px 20px 0}.hero-copy{margin-top:13vh}.hero h1{font-size:20vw}.hero-bottom{left:20px;right:20px;bottom:86px}.hero-bottom p{max-width:250px;font-size:11px}.round-link{width:49px;height:49px}.orbital{width:85vw;right:-33%;top:16%}.section-pad{padding:76px 20px}.intro{min-height:auto}.intro-content{display:block;margin:45px 0 65px}.intro-content p{margin-top:35px}.metrics{grid-template-columns:1fr}.metrics div{padding:14px 0}.services-head{display:block;margin-bottom:45px}.services h2{text-align:left;margin-top:42px}.service{grid-template-columns:14% 1fr 10%;padding:22px 0}.service p{font-size:11px}.service h3{font-size:9vw}.service i{font-size:22px}.project,.project-delivery{display:flex;flex-direction:column;min-height:0}.project-art{height:470px}.project-delivery .project-info{order:2}.project-info{min-height:390px;padding:38px 20px}.project-info h3{font-size:17vw}.phone{transform:translate(-50%,-50%) rotate(8deg) scale(.78)}.delivery-card{left:15%;transform:rotate(-8deg) scale(.85);transform-origin:left top}.statement{min-height:500px}.statement h2{margin-top:52px}.statement-foot{margin-top:65px}.statement-foot span{display:none}footer{padding:70px 20px 24px;min-height:570px}footer h2{margin:45px 0}.footer-bottom{margin-top:95px}.footer-bottom .brand{display:none}.footer-bottom p:last-child{display:none}}
