@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=DM+Serif+Display:ital@0;1&family=Nothing+You+Could+Do&display=swap";@font-face{font-family:Nothing You Could Do;src:url(/fonts/Matcha-Vibes.otf)format("opentype");font-display:swap}@font-face{font-family:Matcha Vibes;src:url(/fonts/Matcha-Vibes.otf)format("opentype");font-display:swap}:root{--ink:#110a0d;--teal:#771d3b;--deep:#090709;--mint:#ead9df;--paper:#f2ecee;--acid:#d8577e;--line:#420f212e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.nav{z-index:30;color:#fff;border-bottom:1px solid #ffffff2e;justify-content:space-between;align-items:center;width:100%;height:80px;padding:0 4vw;display:flex;position:absolute}.logo{letter-spacing:-1px;font-size:24px;font-weight:600}.logo span{color:var(--acid)}.navlinks{align-items:center;gap:30px;font-size:13px;display:flex}.navcta{border:1px solid #ffffff80;border-radius:100px;padding:12px 18px}.menu{color:#fff;background:0 0;border:0;display:none}.hero{--mx:70%;--my:20%;background:var(--deep);color:#fff;isolation:isolate;min-height:100svh;padding:145px 6vw 60px;position:relative;overflow:hidden}.hero:before{content:"";z-index:-2;background:linear-gradient(120deg,#042f2b26,#075a51cc),repeating-linear-gradient(90deg,#0000 0 calc(25% - 1px),#ffffff0b 25%);position:absolute;inset:0}.heroGlow{width:600px;height:600px;left:calc(var(--mx) - 300px);top:calc(var(--my) - 300px);z-index:-1;background:radial-gradient(circle,#dcff7224,#0000 62%);border-radius:50%;transition:left .2s,top .2s;position:absolute}.heroEyebrow,.kicker{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:600}.pulse{background:var(--acid);border-radius:50%;width:8px;height:8px;margin-right:12px;display:inline-block;box-shadow:0 0 0 7px #dcff721f}.hero h1{letter-spacing:-.055em;z-index:4;margin:55px 0 30px;font-family:DM Serif Display,serif;font-size:clamp(64px,9.2vw,148px);font-weight:400;line-height:.79;position:relative}.hero h1 em{color:var(--mint);font-weight:400}.hero h1 span{color:var(--acid);letter-spacing:-.03em;font-family:Nothing You Could Do,cursive;font-size:.66em}.heroCopy{z-index:5;width:min(430px,80vw);margin-left:48%;font-size:17px;line-height:1.6;position:relative}.circleCta{background:var(--acid);width:148px;height:148px;color:var(--ink);text-align:center;z-index:8;border-radius:50%;justify-content:center;align-items:center;font-size:13px;transition:all .35s;display:flex;position:absolute;bottom:7vh;right:6vw;transform:rotate(-7deg)}.circleCta b{font-size:22px;position:absolute;top:18px;right:25px}.circleCta:hover{transform:rotate(0)scale(1.06)}.heroScene{z-index:2;width:42vw;height:55vh;position:absolute;top:18vh;right:4vw}.browserCard{width:72%;height:68%;color:var(--ink);background:#edf6f1;border-radius:20px;position:absolute;top:16%;right:12%;overflow:hidden;transform:perspective(1000px)rotateY(-10deg)rotateX(6deg)rotate(3deg);box-shadow:0 35px 90px #0000004d}.browserTop{border-bottom:1px solid #ccd9d3;gap:5px;height:35px;padding:13px;display:flex}.browserTop i{background:var(--teal);border-radius:50%;width:5px;height:5px}.miniHero{padding:10%;font-family:DM Serif Display;font-size:clamp(28px,3vw,52px);line-height:.9}.miniHero strong{color:var(--teal);font-style:italic;font-weight:400}.miniAgent{background:#fff;border-radius:14px;align-items:center;gap:10px;padding:10px 14px;display:flex;position:absolute;bottom:8%;right:8%;box-shadow:0 10px 30px #b5c9c1}.miniAgent span{background:var(--deep);color:var(--acid);border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.miniAgent p{width:90px;margin:0;font-size:9px}.orbit{border:1px solid #c9f0e440;border-radius:50%;animation:14s linear infinite spin;position:absolute}.orbit.one{inset:0}.orbit.two{animation-duration:9s;animation-direction:reverse;inset:12%}.orbit i{background:var(--acid);width:9px;height:9px;box-shadow:0 0 20px var(--acid);border-radius:50%;position:absolute;top:10%;left:18%}.floatTag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.14em;background:#064e48b3;border:1px solid #ffffff80;border-radius:100px;padding:10px 13px;font-size:9px;position:absolute}.tag1{top:26%;left:-5%;transform:rotate(-9deg)}.tag2{bottom:20%;right:-2%;transform:rotate(7deg)}.tag2 i{background:var(--acid);border-radius:50%;width:6px;height:6px;margin-left:8px;display:inline-block}.scrollCue{letter-spacing:.2em;writing-mode:vertical-lr;font-size:9px;position:absolute;bottom:35px;left:6vw}.scrollCue span{margin-top:15px;font-size:20px}.marquee{background:var(--acid);white-space:nowrap;overflow:hidden;transform:rotate(-1deg)scale(1.02)}.marquee div{letter-spacing:.12em;padding:18px 0;font-size:14px;font-weight:600;animation:18s linear infinite marquee}.spark{color:var(--teal);margin:0 35px}.statement{background:var(--paper);padding-bottom:11vw}.statementInner{padding:12vw 7vw 0}.statement h2,.sectionHead h2,.method h2,.about h2,.contact h2,.agentCopy h2{letter-spacing:-.04em;margin:32px 0;font-family:DM Serif Display;font-size:clamp(50px,7vw,104px);font-weight:400;line-height:.92}.statement h2{max-width:1000px}.statementBottom{align-items:center;gap:7vw;margin:5vw 5vw 0 44%;display:flex}.statementBottom>p{max-width:500px;font-size:22px;line-height:1.5}.scribble{color:var(--teal);font-family:Nothing You Could Do;font-size:22px;transform:rotate(-7deg)}.services{background:var(--mint);padding:10vw 6vw}.sectionHead{justify-content:space-between;align-items:flex-start;margin-bottom:6vw;display:flex}.sectionHead h2{text-align:right;margin:0;font-size:clamp(52px,6.5vw,96px)}.sectionHead h2 i,.method h2 em,.about h2 em,.contact h2 em{color:var(--teal);font-weight:400}.serviceList{border-top:1px solid var(--line)}.service{border-bottom:1px solid var(--line);isolation:isolate;grid-template-columns:8% 37% 1fr 40px;align-items:start;gap:2vw;padding:30px 10px;display:grid;position:relative;overflow:hidden}.service>:not(.serviceFill){z-index:1;position:relative}.service span{font-size:11px}.service h3{margin:0;font-family:DM Serif Display;font-size:28px;font-weight:400}.service p{max-width:520px;margin:0;line-height:1.6}.service b{font-size:22px}.serviceFill{background:var(--acid);z-index:0;transition:transform .45s;position:absolute;inset:0;transform:translate(-101%)}.service:hover .serviceFill{transform:translate(0)}.agentShowcase{background:var(--deep);color:#fff;height:260vh}.agentSticky{grid-template-columns:1fr 1fr;align-items:center;height:100vh;padding:6vw 9vw;display:grid;position:sticky;top:0;overflow:hidden}.agentCopy{z-index:2}.kicker.light{color:var(--mint)}.agentCopy h2{font-size:clamp(55px,6.5vw,100px)}.agentCopy h2 em{color:var(--acid);font-weight:400}.agentCopy>p:last-child{color:#c6d9d4;max-width:450px;line-height:1.7}.phone{width:min(380px,80vw);height:70vh;color:var(--ink);background:#f2f6f3;border:8px solid #0b2925;border-radius:42px;justify-self:center;padding:25px 18px 16px;transform:rotate(4deg);box-shadow:0 0 0 1px #47736d,0 45px 100px #00000059}.phoneBar{justify-content:space-between;padding:8px;font-size:12px;display:flex}.phoneBar i{color:var(--teal);font-size:10px;font-style:normal}.chat{padding-top:14vh}.bubble{border-radius:16px;max-width:85%;margin:10px 0;padding:14px;font-size:13px;line-height:1.45}.bubble.bot{background:var(--mint);border-bottom-left-radius:4px}.bubble.user{background:var(--teal);color:#fff;border-bottom-right-radius:4px;margin-left:auto}.typing{gap:4px;width:58px;display:flex}.typing i{background:var(--teal);border-radius:50%;width:5px;height:5px;animation:1s infinite blink}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}.chatInput{color:#729089;border:1px solid #c8d3ce;border-radius:100px;padding:13px 16px;font-size:11px;position:absolute;bottom:26px;left:20px;right:20px}.chatInput b{float:right;background:var(--deep);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;margin-top:-6px;display:grid}.dataPill{background:var(--acid);color:var(--ink);border-radius:100px;padding:12px 20px;font-size:12px;font-weight:600;position:absolute}.p1{top:15%;right:10%;transform:rotate(8deg)}.p2{bottom:12%;right:38%;transform:rotate(-8deg)}.p3{background:var(--mint);bottom:25%;right:3%;transform:rotate(5deg)}.projects{background:#f7f7f3;padding:11vw 6vw}.projectLayout{grid-template-columns:35% 65%;min-height:680px;display:grid}.projectTabs button{border:0;border-top:1px solid var(--line);text-align:left;cursor:pointer;width:100%;color:var(--ink);opacity:.45;background:0 0;grid-template-columns:45px 1fr;padding:24px 12px;transition:all .3s;display:grid}.projectTabs button:last-child{border-bottom:1px solid var(--line)}.projectTabs button.active{opacity:1;padding-left:25px}.projectTabs span,.projectTabs small{letter-spacing:.12em;font-size:10px}.projectTabs strong{font-family:DM Serif Display;font-size:28px;font-weight:400}.projectTabs small{grid-column:2}.projectVisual{background:var(--project);padding:5vw;transition:background .5s;position:relative}.projectWindow{background:var(--deep);color:#fff;border-radius:6px;height:400px;position:relative;overflow:hidden;box-shadow:0 30px 60px #0a282333}.projectNav{justify-content:space-between;padding:20px;font-size:10px;display:flex}.projectBig{z-index:2;font-family:DM Serif Display;font-size:clamp(50px,7vw,100px);line-height:.8;position:absolute;bottom:12%;left:6%}.projectShape{background:var(--project);border-radius:50%;width:42%;height:80%;transition:background .5s;position:absolute;top:10%;right:3%}.projectShape i{border:1px solid #ffffff80;border-radius:50%;position:absolute;inset:12%}.projectShape i:nth-child(2){inset:25%}.projectShape i:nth-child(3){background:var(--acid);inset:40%}.projectInfo{grid-template-columns:1fr 2fr auto;align-items:start;gap:30px;margin-top:30px;display:grid}.projectInfo span{letter-spacing:.14em;font-size:9px}.projectInfo p{margin:0;line-height:1.5}.projectInfo a{border-bottom:1px solid;font-size:12px}.method{background:var(--ink);color:#fff;padding:11vw 7vw;position:relative}.methodTitle h2 em{color:var(--mint)}.steps{border-top:1px solid #fff3;grid-template-columns:repeat(3,1fr);margin-top:8vw;display:grid}.steps article{border-right:1px solid #fff3;padding:35px 4vw 20px 0}.steps article+article{padding-left:4vw}.steps b{color:var(--acid);font-size:11px}.steps h3{font-family:DM Serif Display;font-size:30px;font-weight:400}.steps p{color:#acc1bb;line-height:1.65}.signature{color:var(--acid);font-family:Nothing You Could Do;font-size:50px;position:absolute;top:8vw;right:7vw;transform:rotate(-10deg)}.about{background:var(--mint);grid-template-columns:42% 1fr;align-items:center;gap:9vw;padding:11vw 8vw;display:grid}.portrait{aspect-ratio:1;position:relative}.portraitFrame{background:linear-gradient(145deg,var(--teal),var(--deep));box-shadow:20px 30px 0 var(--acid);border-radius:48% 52% 46% 54%;place-items:center;display:grid;position:absolute;inset:10%}.portraitFrame:before{content:"";border-radius:inherit;border:1px solid #ffffff59;position:absolute;inset:10%}.portraitFrame span{color:var(--mint);font-family:DM Serif Display;font-size:120px;font-style:italic}.around{border:1px dashed var(--teal);letter-spacing:.18em;border-radius:50%;justify-content:center;align-items:flex-start;padding-top:4%;font-size:9px;animation:25s linear infinite spin;display:flex;position:absolute;inset:0}.aboutCopy>p:nth-of-type(2){font-size:19px;line-height:1.7}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips span{border:1px solid var(--teal);text-transform:uppercase;border-radius:100px;padding:8px 13px;font-size:10px}.contact{background:var(--teal);color:#fff;text-align:center;min-height:100vh;padding:10vw 7vw 4vw;position:relative;overflow:hidden}.contact h2{font-size:clamp(58px,8vw,120px);position:relative}.contact h2 em{color:var(--acid)}.bigCta{border-bottom:2px solid var(--acid);align-items:center;gap:60px;margin-top:20px;padding:15px 5px;font-size:20px;display:inline-flex}.bigCta span{font-size:30px}.contactFoot{justify-content:space-between;font-size:11px;display:flex;position:absolute;bottom:30px;left:7vw;right:7vw}.contactOrbit{letter-spacing:.18em;border:1px solid #fff3;border-radius:50%;width:550px;height:550px;padding-top:280px;font-size:9px;animation:22s linear infinite spin;position:absolute;top:-250px;right:-200px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes blink{50%{opacity:.2}}@media (width<=850px){.nav{height:65px}.menu{display:block}.navlinks{background:var(--deep);flex-direction:column;align-items:flex-start;padding:25px 6vw;display:none;position:absolute;top:65px;left:0;right:0}.navlinks.open{display:flex}.hero{min-height:900px;padding:125px 6vw 80px}.hero h1{font-size:18vw;line-height:.86}.heroCopy{width:90%;margin:40px 0 0}.heroScene{opacity:.75;width:88vw;height:360px;top:510px;right:-9vw}.circleCta{width:120px;height:120px;bottom:40px;right:8vw}.scrollCue{display:none}.statementInner{padding-top:25vw}.statementBottom{margin:60px 0 0;display:block}.scribble{margin:30px 0}.sectionHead{display:block}.sectionHead h2{text-align:left;margin-top:25px}.services{padding:24vw 6vw}.service{grid-template-columns:12% 1fr 25px}.service h3{font-size:24px}.service p{grid-column:2/4;margin-top:15px}.agentShowcase{height:190vh}.agentSticky{grid-template-columns:1fr;align-content:start;padding:90px 6vw 25px}.agentCopy h2{margin:20px 0;font-size:15vw}.agentCopy>p:last-child{font-size:14px}.phone{border-radius:30px;width:240px;height:380px;margin-top:20px;padding:12px}.chat{padding-top:35px}.bubble{padding:9px;font-size:9px}.chatInput{bottom:14px}.dataPill{display:none}.projectLayout{grid-template-columns:1fr}.projectTabs{display:flex;overflow:auto}.projectTabs button{border-right:1px solid var(--line);min-width:180px}.projectTabs button small{display:none}.projectVisual{padding:7vw}.projectWindow{height:330px}.projectBig{font-size:15vw}.projectInfo{grid-template-columns:1fr}.projects{padding:24vw 6vw}.steps{grid-template-columns:1fr}.steps article{border-bottom:1px solid #fff3;border-right:0;padding:30px 0!important}.method{padding:24vw 7vw}.signature{margin-top:60px;position:static}.about{grid-template-columns:1fr;padding:24vw 8vw}.aboutCopy{order:-1}.portrait{max-width:450px}.contact{padding:30vw 6vw 100px}.contact h2{font-size:15vw}.contactFoot{flex-direction:column;align-items:center;gap:12px;position:absolute}.contactOrbit{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.statement{color:#f7f0f2;background:#100b0e}.statementBottom>p{color:#d8c8ce}.services{color:#f8f1f3;background:#2b0d18}.serviceList,.service{border-color:#ffffff2e}.serviceFill{background:#d7a6b6}.service:hover{color:#110a0d}.projects{color:#f8f1f3;background:#100b0e}.projectTabs button{color:#f8f1f3;border-color:#ffffff2e}.projectTabs button:last-child{border-color:#ffffff2e}.projectVisual{color:#110a0d}.projectWindow{background:#090709}.projectInfo a{border-color:#110a0d}.about{color:#f8f1f3;background:#250d17}.chips span,.around{border-color:#d8577e}.contact{background:#771d3b}.browserCard,.phone{background:#f6eff2}.browserTop{border-color:#dbc9d0}.miniAgent{box-shadow:0 10px 30px #32141f}.phone{border-color:#170b10;box-shadow:0 0 0 1px #7d3b52,0 45px 100px #00000073}.agentCopy>p:last-child{color:#d8c8ce}.chatInput{color:#8b6271;border-color:#d8c5cc}.hero{background:#090709}.hero:before{background:radial-gradient(circle at 78% 30%,#771d3bb8 0,#410f2166 24%,#0000 58%),linear-gradient(125deg,#090709 15%,#14090e 58%,#2b0d18 100%),repeating-linear-gradient(90deg,#0000 0 calc(25% - 1px),#ffffff0a 25%)}.heroGlow{background:radial-gradient(circle,#d8577e3d,#771d3b1f 32%,#0000 68%)}.pulse{box-shadow:0 0 0 7px #d8577e24}.orbit{border-color:#d7a6b647}.floatTag{background:#370c1cc7;border-color:#d7a6b685}.signature{text-align:right;max-width:360px;font-size:62px;line-height:1}.logo{letter-spacing:0;font-family:Matcha Vibes,cursive;font-size:34px;font-weight:400;line-height:1}.signature,.scribble,.hero h1 span{font-family:Matcha Vibes,cursive}
