@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--ink:#0b0c0e;--paper:#f4f0ea;--red:#e43b2c;--muted:#9e9c98;--line:rgba(11,12,14,.16);--wrap:min(1180px,calc(100% - 48px))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;line-height:1.35}.wrap{width:var(--wrap);margin:auto}.grain{position:fixed;inset:0;pointer-events:none;opacity:.16;z-index:10;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='.95' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E")}.nav{height:102px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand img{width:185px;height:auto;display:block}.nav nav{display:flex;align-items:center;gap:28px}.nav a{color:var(--ink);text-decoration:none;font-size:13px;font-weight:700}.nav .nav-cta{background:var(--ink);color:var(--paper);padding:13px 17px;border-radius:2px}.nav-cta span,.button span{color:var(--red);font-size:18px;line-height:0;margin-left:8px}.menu-toggle{display:none;background:transparent;border:0;font:700 13px Manrope;text-transform:uppercase}.hero{padding:65px 0 105px}.eyebrow,.section-label{font:500 11px "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 45px}.eyebrow span{height:7px;width:7px;border-radius:50%;background:var(--red)}.hero-grid{display:grid;grid-template-columns:1.45fr .55fr;gap:45px;align-items:end}.hero h1,.statement h2,.process h2,.contact h2{font-size:clamp(54px,8vw,115px);font-weight:600;letter-spacing:-.075em;line-height:.88;margin:0}.hero h1 em,.statement h2 em,.process h2 em{font-family:"Playfair Display",serif;font-weight:500;letter-spacing:-.08em}.hero-side{padding-bottom:8px}.hero-side p{font-size:17px;line-height:1.5;max-width:330px;margin:0 0 28px}.button{display:inline-flex;align-items:center;text-decoration:none;text-transform:uppercase;letter-spacing:.06em;font:700 12px Manrope;padding:16px 19px;border-radius:2px}.button-red{color:var(--paper);background:var(--red)}.button-red span{color:white}.hero-visual{height:420px;background:var(--ink);margin-top:68px;position:relative;overflow:hidden;border-radius:3px}.orb{position:absolute;border:1px solid rgba(244,240,234,.5);border-radius:50%;transform:rotate(-20deg)}.orb-a{width:850px;height:170px;left:-80px;top:106px}.orb-b{width:550px;height:170px;right:-100px;top:190px;transform:rotate(25deg)}.orb-c{width:320px;height:680px;left:43%;top:-120px;transform:rotate(45deg)}.site-card{position:absolute;background:var(--paper);padding:22px;display:flex;flex-direction:column;gap:35px;width:215px;min-height:165px;box-shadow:12px 12px 0 var(--red)}.site-card strong{font-size:28px;letter-spacing:-.06em}.site-card small{font:500 10px "DM Mono";text-transform:uppercase;letter-spacing:.08em}.tag{color:var(--red);font:500 10px "DM Mono"}.main-card{left:13%;top:110px}.system-card{right:13%;bottom:52px}.signal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--paper);width:160px;display:flex;align-items:end;gap:5px;height:140px}.signal i{width:18px;background:var(--red);display:block}.signal i:nth-child(1){height:40%}.signal i:nth-child(2){height:65%}.signal i:nth-child(3){height:100%;background:var(--paper)}.signal i:nth-child(4){height:55%}.signal i:nth-child(5){height:78%}.signal b{position:absolute;bottom:-20px;left:0;white-space:nowrap;font:500 9px "DM Mono";letter-spacing:.1em}.statement{padding:126px 0 150px;position:relative}.statement .section-label{margin-bottom:52px}.statement h2{font-size:clamp(43px,6.5vw,90px);max-width:1020px}.statement-copy{max-width:432px;font-size:18px;line-height:1.55;margin:47px 0 0 auto}.services{padding:25px 0 135px}.section-intro{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:23px}.section-intro p:last-child{font-size:14px;margin:0}.service-list article{display:grid;grid-template-columns:100px 1fr 35px;gap:25px;padding:35px 0;border-bottom:1px solid var(--line)}.service-list article>span{font:500 11px "DM Mono";color:var(--red)}.service-list h3{font-size:clamp(26px,3vw,42px);letter-spacing:-.06em;margin:0 0 8px}.service-list p{font-size:15px;max-width:485px;margin:0;line-height:1.5;color:#4d4e50}.service-list b{font-size:22px;color:var(--red)}.work-section{padding:112px 0;background:var(--ink);color:var(--paper)}.work-section .light{border-color:rgba(244,240,234,.25)}.work-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;margin-top:42px}.project{padding:26px;min-height:470px;display:flex;flex-direction:column;justify-content:flex-end}.project span{font:500 10px "DM Mono";letter-spacing:.08em;text-transform:uppercase;margin-top:26px;color:var(--red)}.project h3{font-size:clamp(25px,3vw,40px);letter-spacing:-.06em;line-height:1;margin:9px 0 0;max-width:450px}.project-one{background:#d9d2c7;color:var(--ink)}.project-two{background:var(--red)}.project-window{height:238px;border:7px solid var(--ink);background:var(--paper);padding:19px;display:grid;grid-template-columns:1.2fr .8fr;gap:10px;position:relative}.project-window:before{content:"MONET / WEB";font:500 8px "DM Mono";position:absolute;top:5px;left:9px}.project-window div:first-child{background:var(--ink);margin-top:13px}.project-window div:last-child{margin-top:13px;background:linear-gradient(var(--red) 0 0) top/100% 22%,linear-gradient(var(--ink) 0 0) center/100% 12%,linear-gradient(var(--ink) 0 0) bottom/80% 12%;background-repeat:no-repeat}.dashboard{height:238px;background:var(--ink);display:flex;padding:14px}.dash-sidebar{width:26%;background:#202225;border-right:1px solid #555}.dash-content{flex:1;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.dash-content i{background:#f4f0ea;opacity:.85}.dash-content i:nth-child(2){background:var(--red)}.dash-content i:nth-child(3){background:#4c504f}.dash-content b{background:repeating-linear-gradient(90deg,var(--red) 0 13px,transparent 13px 22px);height:65px;align-self:end}.process{padding:135px 0;display:grid;grid-template-columns:.86fr 1.14fr;gap:90px}.process h2{font-size:clamp(42px,5.5vw,76px);margin-top:27px}.process ol{list-style:none;margin:0;padding:0}.process li{display:grid;grid-template-columns:58px 1fr;gap:20px;border-top:1px solid var(--line);padding:23px 0}.process li:last-child{border-bottom:1px solid var(--line)}.process li span{font:500 11px "DM Mono";color:var(--red)}.process h3{font-size:24px;letter-spacing:-.05em;margin:0 0 5px}.process li p{margin:0;color:#555;max-width:360px}.contact{background:var(--red);padding:96px 9%;width:min(1280px,calc(100% - 24px));color:var(--ink);margin-bottom:28px}.contact h2{font-size:clamp(54px,7vw,100px);margin:36px 0}.contact>p:not(.section-label){font-size:18px;max-width:495px;line-height:1.5;margin-bottom:31px}.button-cream{background:var(--paper);color:var(--ink)}footer{padding:32px 0 45px;display:flex;align-items:center;justify-content:space-between;gap:20px;font:500 11px "DM Mono";text-transform:uppercase;letter-spacing:.06em}footer img{width:155px}footer p{margin:0}@media(max-width:720px){:root{--wrap:min(100% - 32px,1180px)}.nav{height:78px}.brand img{width:160px}.menu-toggle{display:block}.nav nav{position:absolute;left:16px;right:16px;top:77px;background:var(--ink);z-index:5;padding:23px;display:none;flex-direction:column;align-items:flex-start;gap:20px}.nav nav.open{display:flex}.nav nav a{color:var(--paper)}.nav .nav-cta{padding:0;color:var(--red)}.hero{padding:45px 0 80px}.hero-grid,.process{grid-template-columns:1fr;gap:30px}.hero h1{font-size:clamp(50px,15vw,78px)}.hero-visual{height:370px;margin-top:48px}.main-card{left:7%;top:70px}.system-card{right:7%;bottom:43px;width:175px}.signal{left:52%;top:50%;transform:translate(-50%,-50%) scale(.75)}.statement{padding:87px 0}.statement .section-label{margin-bottom:33px}.statement-copy{margin:32px 0 0}.services{padding-bottom:85px}.section-intro{display:block}.section-intro p:last-child{margin-top:10px}.service-list article{grid-template-columns:38px 1fr 20px;gap:10px;padding:28px 0}.work-section{padding:75px 0}.work-grid{grid-template-columns:1fr}.project{min-height:405px}.process{padding:84px 0}.contact{padding:70px 8%;width:calc(100% - 16px);margin-bottom:16px}footer{align-items:flex-start;flex-direction:column}footer p:nth-of-type(2){margin-top:5px}}