:root{--ink:#0a0a0e;--paper:#f2efe9;--muted:#bbb7c3;--lime:#d9ff45;--violet:#8979ff;--line:rgba(242,239,233,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:Manrope,sans-serif;overflow-x:hidden}.shell{width:min(1240px,calc(100% - 56px));margin:auto}.noise{position:fixed;inset:0;pointer-events:none;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='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.nav{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.logo{color:var(--paper);font-weight:800;font-size:23px;letter-spacing:-1.5px;text-decoration:none}.logo span{color:var(--lime)}nav{display:flex;gap:28px}nav a,.nav-cta,.footer a{font-size:12px;color:var(--paper);text-decoration:none}.nav-cta{border:1px solid var(--line);padding:10px 14px;transition:.25s}.nav-cta:hover,.button:hover{background:var(--lime);color:var(--ink);border-color:var(--lime)}.menu{display:none}.hero{min-height:calc(100vh - 92px);display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:65px 0 78px}.eyebrow{font:11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:1.2px;color:#a9a5b1;margin:0 0 22px}.eyebrow i{background:var(--lime);display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:9px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(53px,7vw,101px);letter-spacing:-6px;line-height:.9;margin-bottom:30px}h1 em,h2 em{font:400 .95em Georgia,serif;color:#a69cff}.hero-copy>p:not(.eyebrow){color:var(--muted);max-width:440px;line-height:1.75;font-size:16px}.actions{display:flex;align-items:center;gap:25px;margin-top:36px}.button{font:700 13px Manrope,sans-serif;color:var(--ink);background:var(--paper);border:1px solid var(--paper);padding:15px 18px;text-decoration:none;cursor:pointer;transition:.25s}.button b{font-size:16px;margin-left:20px}.under{color:var(--paper);font-size:13px;text-decoration:none;border-bottom:1px solid #85818b;padding-bottom:5px}.hero-art{height:min(610px,54vw);min-height:450px;position:relative}.hero-art img{position:absolute;inset:0 -19% 0 auto;width:136%;height:100%;object-fit:cover;mix-blend-mode:screen;animation:float 7s ease-in-out infinite}.ring{position:absolute;border:1px solid rgba(217,255,69,.5);border-radius:50%;transform:rotateX(65deg) rotateZ(-15deg)}.r1{width:55%;height:22%;right:1%;bottom:22%;animation:spin 12s linear infinite}.r2{width:35%;height:12%;right:32%;bottom:43%;border-color:rgba(158,131,255,.7);animation:spin 8s linear infinite reverse}.hero-art small{position:absolute;right:0;bottom:11%;font:10px 'DM Mono',monospace;color:#d9d5e2}.ticker{background:var(--lime);color:#111;white-space:nowrap;overflow:hidden;transform:rotate(-1.1deg) scale(1.015);padding:15px 0;margin:15px 0 150px}.ticker div{font:700 15px 'DM Mono',monospace;letter-spacing:1px;animation:ticker 26s linear infinite}.ticker b{padding:0 27px}.intro{display:grid;grid-template-columns:.8fr 1.3fr .7fr;align-items:start;margin-bottom:170px}.intro h2,.section-head h2,.services h2,.process h2,.proof h2,.contact h2{font-size:clamp(40px,5vw,72px);letter-spacing:-4.5px;line-height:.98;margin:0}.intro .sidecopy,.section-head>p{font-size:14px;line-height:1.7;color:var(--muted);margin:7px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px}.section-head>p{width:240px}.filters{border-top:1px solid var(--line);padding:15px 0 30px;display:flex;gap:10px}.filters button{background:transparent;border:1px solid var(--line);border-radius:30px;color:var(--muted);padding:8px 14px;font:11px Manrope,sans-serif;cursor:pointer}.filters button.active{background:var(--paper);border-color:var(--paper);color:var(--ink)}.projects{display:grid;grid-template-columns:1fr 1fr;gap:22px}.project{display:block;position:relative;overflow:hidden;color:var(--paper);text-decoration:none;background:#1c1b25}.project.tall{height:620px}.project.wide{height:410px;align-self:end}.project img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.project:hover img{transform:scale(1.05)}.project div{position:absolute;inset:auto 0 0;padding:70px 26px 25px;background:linear-gradient(transparent,rgba(0,0,0,.85))}.project span{font:10px 'DM Mono',monospace;color:#ddd8e6}.project h3{font-size:23px;letter-spacing:-1.4px;margin:9px 0 13px}.project b{font-size:12px}.services{margin-top:155px;border-top:1px solid var(--line);padding:122px 0}.services-grid,.process-grid,.proof,.contact{display:grid;grid-template-columns:1fr 1fr;gap:10%}.service-items article{display:grid;grid-template-columns:48px 1fr 1.2fr;gap:10px;border-top:1px solid var(--line);padding:23px 0}.service-items span{font:11px 'DM Mono',monospace;color:var(--lime)}.service-items h3{font-size:20px;letter-spacing:-1px;margin:0}.service-items p{font-size:13px;line-height:1.65;color:var(--muted);margin:0}.process{background:#28243a;padding:125px 0}.process ol{list-style:none;padding:0;margin:0}.process li{display:grid;grid-template-columns:58px 1fr;border-top:1px solid rgba(255,255,255,.2);padding:20px 0}.process li span{font:11px 'DM Mono',monospace;color:var(--lime)}.process h3{font-size:19px;margin:0 0 6px}.process p{color:#bbb5c7;font-size:13px;margin:0}.proof{padding:150px 0}.testimonials{display:grid;gap:20px}.testimonials blockquote{margin:0;padding:25px;border:1px solid var(--line);font-size:20px;line-height:1.45;letter-spacing:-.5px}.testimonials footer{font:10px 'DM Mono',monospace;color:var(--muted);margin-top:22px}.contact{background:#b7a9ff;color:#171326;width:100%;padding:105px max(calc((100% - 1240px)/2),28px);gap:8%}.contact .eyebrow{color:#373049}.contact-title>p:not(.eyebrow){max-width:390px;margin-top:25px;line-height:1.7}.phone,.email{display:block;color:#171326;font-weight:700;text-decoration:none;margin-top:14px}.email{font-size:13px;font-weight:600;margin-top:5px}.contact form{display:grid;gap:15px}.contact label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px}.contact input,.contact textarea,.contact select{width:100%;display:block;margin-top:7px;border:0;border-bottom:1px solid #524b69;background:transparent;padding:10px 0;color:#171326;font:14px Manrope,sans-serif;outline:0}.contact textarea{height:90px;resize:vertical}.contact ::placeholder{color:#5a5470}.contact form .button{justify-self:start;margin-top:7px;background:#171326;color:var(--paper);border-color:#171326}.contact form small{font-size:11px;color:#4a425d}.footer{min-height:145px;display:flex;align-items:center;justify-content:space-between}.footer p,.footer a{font-size:11px;color:var(--muted)}.footer div{display:flex;gap:17px}.whatsapp{position:fixed;right:22px;bottom:22px;z-index:5;text-decoration:none;background:var(--lime);color:var(--ink);padding:13px 15px;border-radius:24px;font-weight:800;font-size:12px;box-shadow:0 7px 25px rgba(0,0,0,.35)}.reveal{opacity:0;transform:translateY(28px);transition:.8s}.reveal.visible{opacity:1;transform:none}.hide{display:none}@keyframes float{50%{transform:translateY(-14px) rotate(1deg)}}@keyframes spin{to{transform:rotateX(65deg) rotateZ(345deg)}}@keyframes ticker{to{transform:translateX(-50%)}}@media(max-width:760px){.shell{width:calc(100% - 36px)}.nav{height:72px}.nav nav,.nav-cta{display:none}.menu{display:block;background:none;color:var(--paper);border:0;font:12px Manrope,sans-serif}.hero{display:block;padding:65px 0}.hero-art{height:410px;min-height:0;margin-top:35px}.hero-art img{width:132%;right:-16%}.ticker{margin-bottom:88px}.intro,.services-grid,.process-grid,.proof,.contact{display:block}.intro{margin-bottom:95px}.intro h2{margin:18px 0}.section-head{display:block}.section-head>p{width:auto;margin-top:17px}.projects{display:block}.project{margin-bottom:20px}.project.tall,.project.wide{height:470px}.services{padding:80px 0;margin-top:85px}.service-items{margin-top:40px}.service-items article{grid-template-columns:30px 1fr}.service-items p{grid-column:2;margin-top:8px}.process{padding:80px 0}.process ol{margin-top:38px}.proof{padding:85px 0}.testimonials{margin-top:35px}.contact{padding:75px 28px}.contact form{margin-top:50px}.footer{padding:33px 0;min-height:145px;display:block}.footer p{margin:15px 0}.whatsapp span{display:none}}
