@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Inter:wght@400;500;600;700;800;900&display=swap";
:root{--ink:#0a0a0a;--paper:#f1efe9;--acid:#c9ff3b;--violet:#8c52ff;--coral:#ff573d;--scroll:0}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{background:var(--paper);color:var(--ink);cursor:none;margin:0;font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}body.modal-open{overflow:hidden}::selection{background:var(--acid);color:var(--ink)}.site{min-height:100vh;overflow:hidden}.noise{pointer-events:none;z-index:90;opacity:.055;background-image:radial-gradient(circle at 20% 30%,#000 0 .6px,#0000 .8px),radial-gradient(circle at 70% 60%,#000 0 .7px,#0000 .9px);background-size:7px 9px,11px 13px;position:fixed;inset:0}.scroll-line{width:calc(var(--scroll) * 100%);background:var(--acid);z-index:100;height:3px;position:fixed;top:0;left:0}.cursor{z-index:1000;pointer-events:none;mix-blend-mode:difference;color:#fff;border:1px solid;border-radius:50%;width:32px;height:32px;transition:width .25s,height .25s,background .25s,top .25s,left .25s;position:fixed;top:-16px;left:-16px}.cursor-active{background:#fff;width:64px;height:64px;top:-32px;left:-32px}.loader{z-index:200;background:var(--ink);color:#fff;place-content:center;transition:transform .9s cubic-bezier(.77,0,.18,1) .45s;display:grid;position:fixed;inset:0}.is-loaded .loader{transform:translateY(-105%)}.loader-logo{width:clamp(150px,20vw,270px);height:auto;margin:0 auto;display:block}.loader-line{background:#333;width:min(340px,70vw);height:2px;margin-top:32px;overflow:hidden}.loader-line span{background:var(--acid);width:100%;height:100%;animation:1s cubic-bezier(.77,0,.18,1) forwards load;display:block;transform:translate(-100%)}.loader-meta{letter-spacing:.22em;text-align:right;margin-top:12px;font:500 .65rem DM Mono,monospace}@keyframes load{to{transform:translate(0)}}.nav{z-index:20;border-bottom:1px solid #0a0a0a2e;justify-content:space-between;align-items:center;height:100px;padding:0 clamp(24px,4vw,72px);display:flex;position:absolute;top:0;left:0;right:0}.brand img{object-fit:contain;width:62px;height:62px;display:block}.nav-links{letter-spacing:.08em;gap:40px;font:500 .72rem DM Mono,monospace;display:flex}.nav-links a{position:relative}.nav-links a:after{content:"";background:var(--ink);transform-origin:100%;width:100%;height:2px;transition:transform .35s;position:absolute;bottom:-8px;left:0;transform:scaleX(0)}.nav-links a:hover:after{transform-origin:0;transform:scaleX(1)}.nav-cta{letter-spacing:.08em;border:1px solid var(--ink);cursor:none;background:0 0;border-radius:99px;align-items:center;gap:26px;padding:13px 16px 13px 20px;font:500 .7rem DM Mono,monospace;transition:background .3s,color .3s;display:flex}.nav-cta span{font-size:1rem}.nav-cta:hover{background:var(--ink);color:#fff}.menu-button{cursor:pointer;background:0 0;border:0;padding:10px;display:none}.menu-button span{background:var(--ink);width:26px;height:2px;margin:5px;display:block}.hero{isolation:isolate;flex-direction:column;justify-content:space-between;min-height:100svh;padding:145px clamp(24px,4vw,72px) 44px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:var(--acid);filter:blur(1px);z-index:-3;border-radius:50%;width:46vw;min-width:500px;height:46vw;min-height:500px;position:absolute;top:5%;right:-12%}.hero:after{content:"VUE";letter-spacing:-.12em;color:#0000;-webkit-text-stroke:1px #0a0a0a1c;z-index:-2;font-size:34vw;font-weight:900;line-height:.8;position:absolute;bottom:-11vw;right:-3vw}.hero-orbit{z-index:-1;border:1px solid #0a0a0a3d;border-radius:50%;position:absolute}.orbit-one{width:64vw;height:64vw;animation:12s linear infinite orbit;top:-9vw;right:-22vw}.orbit-two{border-style:dashed;width:42vw;height:42vw;animation:20s linear infinite reverse orbit;top:6vw;right:-10vw}@keyframes orbit{to{transform:rotate(360deg)}}.hero-title{letter-spacing:-.085em;text-transform:uppercase;z-index:2;margin:0;font-size:clamp(4.35rem,10.7vw,10.8rem);font-weight:900;line-height:.96;position:relative}.hero-title .line{margin:0;padding:.28em .08em .12em 0;display:block;overflow:hidden}.hero-title .line>span{transition:transform 1.05s cubic-bezier(.16,1,.3,1);display:inline-block;transform:translateY(115%)}.is-loaded .hero-title .line:first-child>span{transition-delay:.8s;transform:translateY(0)}.is-loaded .hero-title .line:nth-child(2)>span{transition-delay:.9s;transform:translateY(0)}.is-loaded .hero-title .line:nth-child(3)>span{transition-delay:1s;transform:translateY(0)}.is-loaded .hero-title .line:nth-child(4)>span{transition-delay:1.1s;transform:translateY(0)}.hero-title .outline{color:#0000;-webkit-text-stroke:2px var(--ink);margin-left:16vw}.hero-title .accent{margin-left:6vw;font-size:.79em;transform:rotate(-1.3deg)}.hero-title .accent span{background:var(--ink);color:var(--paper);padding:.2em .1em .1em .04em}.hero-title .end{text-align:right;padding-right:8vw}.hero-bottom{justify-content:space-between;align-items:flex-end;gap:32px;margin-top:28px;display:flex}.hero-bottom p{max-width:500px;margin:0 0 6px;font-size:clamp(1rem,1.35vw,1.35rem);line-height:1.45}.round-link{border:1px solid var(--ink);border-radius:50%;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:9px;width:104px;height:104px;font:500 .65rem DM Mono,monospace;transition:transform .35s,background .35s,color .35s;display:flex}.round-link b{font-size:1.5rem}.round-link:hover{background:var(--ink);color:#fff;transform:rotate(8deg)}.hero-stamp{place-items:center;width:118px;height:118px;display:grid;position:absolute;top:22%;right:9vw}.hero-stamp span{letter-spacing:.15em;font:500 .55rem DM Mono,monospace;animation:10s linear infinite orbit;position:absolute}.ticker{background:var(--ink);color:var(--paper);border-top:1px solid var(--paper);border-bottom:1px solid var(--paper);overflow:hidden;transform:rotate(-1.4deg)scale(1.03)}.ticker-track{align-items:center;gap:30px;width:max-content;padding:18px 0;font-size:clamp(1.2rem,2.3vw,2.3rem);font-weight:800;animation:22s linear infinite ticker;display:flex}.ticker-track i{color:var(--acid);font-style:normal}@keyframes ticker{to{transform:translate(-50%)}}.section-pad{padding:130px clamp(24px,6vw,100px)}.section-label{letter-spacing:.15em;align-items:center;gap:16px;margin-bottom:80px;font:500 .68rem DM Mono,monospace;display:flex}.section-label span{border:1px solid;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.section-label.light{color:#ffffffb3}.manifesto-grid{grid-template-columns:1fr 3.2fr;align-items:start;gap:7vw;display:grid}.manifesto-aside{letter-spacing:.07em;max-width:240px;font:500 .66rem/1.7 DM Mono,monospace}.manifesto h2{letter-spacing:-.065em;max-width:1050px;margin:0;font-size:clamp(2.8rem,6.2vw,6.8rem);line-height:.98}.manifesto h2 em{color:var(--violet);font-family:Georgia,serif;font-weight:400}.principles{border-top:1px solid #0a0a0a4d;grid-template-columns:repeat(3,1fr);margin:100px 0 0 25%;display:grid}.principles div{border-right:1px solid #0a0a0a33;gap:20px;padding:22px 10px;font-size:.9rem;display:flex}.principles strong{font:400 .65rem DM Mono,monospace}.services{background:var(--ink);color:var(--paper);position:relative}.services:before{content:"";background:#ffffff14;width:1px;height:100%;position:absolute;top:0;right:8%}.services-head{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:70px;display:flex}.services-head h2{letter-spacing:-.08em;margin:0;padding-top:.1em;font-size:clamp(4rem,9.5vw,10rem);line-height:.88}.services-head h2 span{color:#0000;-webkit-text-stroke:1px white}.services-head p{color:#aaa;max-width:380px;line-height:1.6}.service-row{text-align:left;cursor:none;background:0 0;border:0;border-top:1px solid #343434;grid-template-columns:60px 1.15fr 1fr 170px 40px;align-items:center;gap:24px;width:100%;min-height:138px;transition:background .35s,color .35s,padding .35s;display:grid;position:relative}.service-row:last-child{border-bottom:1px solid #343434}.service-row:hover,.service-row:focus{background:var(--acid);color:var(--ink);outline:none;padding:0 24px}.service-no,.service-tag{letter-spacing:.08em;font:400 .62rem DM Mono,monospace}.service-row h3{letter-spacing:-.04em;margin:0;font-size:clamp(1.45rem,2.7vw,2.8rem)}.service-row p{color:#969696;font-size:.9rem;line-height:1.5;transition:color .3s}.service-row:hover p,.service-row:focus p{color:var(--ink)}.service-row b{font-size:1.6rem;font-weight:400}.work-head{justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:60px;display:flex}.work-head h2{letter-spacing:-.08em;margin:0;padding-top:.14em;font-size:clamp(3.6rem,8vw,8.8rem);line-height:.92}.work-head p{max-width:370px;line-height:1.6}.case-grid{grid-template-columns:1.1fr .9fr;gap:24px;display:grid}.case-card{width:100%;min-height:620px;color:var(--ink);text-align:left;cursor:none;background:#ddd;border:0;padding:24px;position:relative;overflow:hidden}.case-card:nth-child(3){grid-column:1/-1;min-height:520px}.case-top{letter-spacing:.1em;z-index:2;justify-content:space-between;font:500 .62rem DM Mono,monospace;display:flex;position:relative}.case-visual{place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.case-shape{aspect-ratio:1;background:var(--ink);border-radius:50%;width:60%;transition:transform .7s cubic-bezier(.16,1,.3,1),border-radius .7s}.case-word{letter-spacing:-.12em;color:#fff;mix-blend-mode:difference;font-size:clamp(7rem,15vw,15rem);font-weight:900;transition:transform .7s cubic-bezier(.16,1,.3,1);position:absolute;transform:rotate(-7deg)}.case-card:hover .case-shape{border-radius:8%;transform:scale(1.3)rotate(18deg)}.case-card:hover .case-word{transform:rotate(0)scale(1.12)}.case-card h3{letter-spacing:-.05em;z-index:2;margin:0;font-size:clamp(1.7rem,3vw,3.2rem);line-height:1;position:absolute;bottom:20px;left:24px;right:70px}.case-arrow{z-index:2;font-size:2rem;position:absolute;bottom:24px;right:24px}.case-card.acid{background:var(--acid)}.case-card.violet{background:var(--violet);color:#fff}.case-card.coral{background:var(--coral)}.case-card.coral .case-shape{border-radius:0;width:40%;transform:rotate(45deg)}.process{background:var(--violet);color:#fff}.process-layout{grid-template-columns:.8fr 1.2fr;gap:9vw;display:grid}.process h2{letter-spacing:-.08em;height:fit-content;margin:0;padding-top:.12em;font-size:clamp(4rem,8vw,8.5rem);line-height:.9;position:sticky;top:40px}.process h2 i{font-family:Georgia,serif;font-weight:400}.process-steps>div{border-top:1px solid #ffffff59;grid-template-columns:55px 1fr 1.2fr;align-items:start;gap:24px;min-height:180px;padding:30px 0;display:grid}.process-steps span{font:400 .65rem DM Mono,monospace}.process-steps h3{margin:0;font-size:clamp(1.7rem,3vw,3rem)}.process-steps p{color:#ffffffb3;margin:0;line-height:1.5}.contact{background:var(--acid);flex-direction:column;justify-content:space-between;min-height:92svh;padding:120px clamp(24px,6vw,100px) 50px;display:flex;position:relative;overflow:hidden}.contact-orb{background:var(--coral);filter:blur(80px);opacity:.42;border-radius:50%;width:60vw;height:60vw;animation:8s ease-in-out infinite alternate breathe;position:absolute;top:-25vw;right:-20vw}@keyframes breathe{to{transform:scale(1.25)translate(-5%,8%)}}.contact-label{letter-spacing:.13em;font:500 .68rem DM Mono,monospace;position:relative}.contact h2{letter-spacing:-.09em;margin:50px 0;padding-top:.12em;font-size:clamp(4.3rem,11.8vw,12rem);line-height:.88;position:relative}.contact h2 span{color:#0000;-webkit-text-stroke:2px var(--ink)}.contact-button{background:var(--ink);color:#fff;cursor:none;border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:18px;width:180px;height:180px;font:500 .72rem DM Mono,monospace;transition:transform .35s,background .35s,color .35s;display:flex;position:absolute;top:38%;right:11vw}.contact-button b{font-size:2rem;font-weight:400}.contact-button:hover{color:var(--ink);background:#fff;transform:rotate(10deg)scale(1.07)}.contact-info{border-top:1px solid #0a0a0a59;grid-template-columns:repeat(3,1fr);gap:28px;padding-top:24px;display:grid;position:relative}.contact-info div{flex-direction:column;gap:9px;display:flex}.contact-info small{letter-spacing:.1em;opacity:.6;font:500 .6rem DM Mono,monospace}.contact-info a{font-size:clamp(.9rem,1.2vw,1.2rem);font-weight:700}.footer{background:var(--ink);color:#fff;letter-spacing:.08em;justify-content:space-between;align-items:center;min-height:150px;padding:35px clamp(24px,6vw,100px);font:400 .62rem DM Mono,monospace;display:flex}.footer img{object-fit:contain;width:74px;height:74px}.modal-backdrop{z-index:150;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#050505d1;place-items:center;padding:28px;animation:.25s ease-out modal-fade;display:grid;position:fixed;inset:0}.modal-panel{background:var(--paper);width:min(920px,100%);max-height:90svh;color:var(--ink);animation:.45s cubic-bezier(.16,1,.3,1) modal-in;overflow:auto;box-shadow:0 30px 90px #00000059}.modal-top{border-bottom:1px solid #0a0a0a33;justify-content:space-between;align-items:center;min-height:92px;padding:16px 22px;display:flex}.modal-top img{object-fit:contain;width:62px;height:62px}.modal-close{border:1px solid var(--ink);letter-spacing:.08em;cursor:none;background:0 0;border-radius:99px;align-items:center;gap:14px;padding:10px 12px 10px 16px;font:500 .62rem DM Mono,monospace;display:flex}.modal-close span{font:400 1.25rem/1 Inter,sans-serif}.modal-close:hover,.modal-close:focus-visible{background:var(--ink);color:#fff;outline:none}.modal-body{grid-template-columns:120px 1fr;min-height:520px;display:grid}.modal-index{border-right:1px solid #0a0a0a33;padding:34px 24px;font:500 .74rem DM Mono,monospace}.modal-content{padding:clamp(34px,6vw,74px)}.modal-eyebrow{letter-spacing:.13em;margin-bottom:26px;font:500 .64rem DM Mono,monospace}.modal-content h2{letter-spacing:-.065em;max-width:680px;margin:0;font-size:clamp(2.8rem,6.3vw,6rem);line-height:.86}.modal-content>p{max-width:630px;margin:36px 0 46px;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.55}.modal-scope{border-top:1px solid #0a0a0a40;grid-template-columns:110px 1fr;padding-top:20px;display:grid}.modal-scope small{letter-spacing:.1em;font:500 .62rem DM Mono,monospace}.modal-scope ul{margin:0;padding:0;list-style:none}.modal-scope li{border-bottom:1px solid #0a0a0a29;padding:11px 0;font-weight:600}.modal-scope li:before{content:"→";color:var(--violet);margin-right:14px}.modal-actions{flex-wrap:wrap;gap:12px;margin-top:48px;display:flex}.modal-actions a{border:1px solid var(--ink);letter-spacing:.06em;border-radius:99px;gap:24px;padding:14px 18px;font:500 .66rem DM Mono,monospace;transition:background .25s,color .25s;display:flex}.modal-actions a:hover{background:var(--ink);color:#fff}@keyframes modal-fade{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(35px)scale(.97)}}@media (max-width:900px){body{cursor:auto}.cursor{display:none}.nav{height:82px;padding:0 20px}.brand img{width:52px;height:52px}.nav-cta,.nav-links{display:none}.menu-button{display:block}.nav-links.open{background:var(--ink);color:#fff;flex-direction:column;gap:26px;padding:28px 24px;font-size:1rem;display:flex;position:absolute;top:81px;left:0;right:0}.hero{min-height:850px;padding:120px 22px 30px}.hero:before{width:90vw;min-width:370px;height:90vw;min-height:370px;top:24%;right:-42%}.hero-title{font-size:clamp(4rem,18vw,6.5rem);line-height:.76}.hero-title .outline{margin-left:4vw}.hero-title .accent{margin-left:0;font-size:.72em}.hero-title .end{padding-right:3vw}.hero-stamp{display:none}.round-link{width:82px;height:82px}.hero-bottom p{max-width:68%;font-size:.95rem}.section-pad{padding:90px 22px}.section-label{margin-bottom:50px}.manifesto-grid{grid-template-columns:1fr}.manifesto h2{font-size:clamp(2.8rem,11vw,4.8rem)}.principles{grid-template-columns:1fr;margin:70px 0 0}.services-head,.work-head{flex-direction:column;align-items:flex-start}.service-row{grid-template-columns:42px 1fr 32px;min-height:auto;padding:26px 0}.service-row p,.service-tag{grid-column:2}.service-row b{grid-area:1/3}.service-row:hover,.service-row:focus{padding:26px 15px}.case-grid{grid-template-columns:1fr}.case-card,.case-card:nth-child(3){grid-column:auto;min-height:520px}.process-layout{grid-template-columns:1fr}.process h2{position:static}.process-steps>div{grid-template-columns:42px 1fr}.process-steps p{grid-column:2}.contact{min-height:860px;padding:90px 22px 35px}.contact-button{width:130px;height:130px;top:46%;right:22px}.contact-info{grid-template-columns:1fr;gap:20px}.footer{flex-wrap:wrap;gap:20px;min-height:130px}.modal-backdrop{align-items:end;padding:12px}.modal-panel{max-height:93svh}.modal-top{min-height:72px}.modal-top img{width:48px;height:48px}.modal-body{grid-template-columns:1fr}.modal-index{display:none}.modal-content{padding:38px 24px 32px}.modal-content h2{font-size:clamp(2.7rem,12vw,4.6rem)}.modal-scope{grid-template-columns:1fr;gap:18px}.modal-actions{flex-direction:column}.modal-actions a{justify-content:space-between}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-title .line>span{transform:none!important}}