@font-face{font-family:Montreal;src:url('assets/fonts/PPNeueMontreal-Light.woff2') format('woff2');font-weight:200;font-display:swap}
@font-face{font-family:Montreal;src:url('assets/fonts/PPNeueMontreal-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Montreal;src:url('assets/fonts/PPNeueMontreal-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}
:root{--iris:#9252b4;--amber:#40d5be;--muted:#9a9a9a;--page:min(1200px,83.333vw);color-scheme:dark}
*{box-sizing:border-box}html{background:#000;scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#000;color:#fff;font-family:Montreal,Arial,sans-serif;font-weight:200;-webkit-font-smoothing:antialiased;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,.team-carousel:focus-visible{outline:2px solid var(--amber);outline-offset:6px}p,h1,h2,h3,figure{margin:0}h1,h2,h3{font-weight:400;letter-spacing:-.04em}p{font-size:18px;line-height:1.5}.wrap{width:var(--page);margin:auto;position:relative}.skip-link{position:fixed;top:10px;left:10px;transform:translateY(-160%);z-index:100;background:var(--iris);padding:14px}.skip-link:focus{transform:none}
#world{position:fixed;inset:0;z-index:0;pointer-events:none}#world canvas{display:block;width:100%;height:100%}.grain{position:fixed;inset:0;pointer-events:none;z-index:2;background-image:url('assets/images/noise.jpg');background-size:180px;opacity:.027;mix-blend-mode:screen}main,footer{position:relative;z-index:1}
.header{position:fixed;inset:0 0 auto;z-index:20;height:100px;padding:26px 2.6vw;display:flex;align-items:center;justify-content:space-between;transition:height .4s,background .4s,backdrop-filter .4s}.header.scrolled{height:78px;background:#0007;backdrop-filter:blur(12px)}.brand{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.brand img{width:32px;height:38px;object-fit:contain}.brand span{font-size:25px;letter-spacing:-1px;font-weight:400;transition:opacity .4s}.brand sup{font-size:6px;vertical-align:top;position:relative;top:4px;letter-spacing:0}.header.scrolled .brand span{opacity:0}.header nav{display:flex;align-items:center;gap:32px;font-size:14px;text-transform:uppercase;font-weight:600}.header nav>a:not(.pill){color:var(--muted);transition:color .2s}.header nav>a:hover,.header nav>a[aria-current]{color:#fff}.pill{display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--iris);padding:13px 17px;border-radius:25px;color:#fff;font-weight:600;font-size:14px;line-height:1;text-transform:uppercase;white-space:nowrap;transition:transform .25s,background .25s}.pill:hover{background:#926aff;transform:translateY(-2px)}.pill:active{transform:scale(.97)}.menu-toggle{display:none}
.hero{min-height:100svh;display:flex;align-items:center;padding:135px 0 85px}.hero-copy{width:400px;max-width:40%;will-change:transform,opacity}.hero h1{font-size:clamp(78px,7.8125vw,113px);line-height:.95;letter-spacing:-.055em;margin-bottom:32px}.hero h1 span{display:block}.eyebrow{color:var(--amber);font-size:12px;font-weight:600;text-transform:uppercase;line-height:1.3;white-space:nowrap;margin-bottom:14px}.hero .body-copy{margin-bottom:20px;max-width:395px;line-height:1.5}
.chapter{display:flex;align-items:center;min-height:130svh;padding:120px 0}.copy{width:360px;max-width:33%}.copy-right{margin-left:auto}.copy-left{margin-right:auto}.copy h2{font-size:42px;line-height:1.2;margin-bottom:27px}.copy p+p{margin-top:23px}.copy a,.team-copy a{color:var(--amber);font-weight:400}.copy a:hover,.team-copy a:hover{text-decoration:underline}.decision{min-height:115svh}.chaos{position:relative}.thought{min-height:82svh;display:flex;align-items:center;justify-content:center;padding:100px 9vw}.thought p{text-align:center;font-size:36px;letter-spacing:-.025em;line-height:1.25;max-width:1140px;text-wrap:balance;font-weight:400}.spark{min-height:145svh}.manifesto{min-height:135svh}
.team{min-height:850px;padding:130px 0 120px;overflow:hidden}.team-layout{display:grid;grid-template-columns:36% 64%;align-items:start}.display{font-size:78px;line-height:1.1}.team-copy{position:relative;z-index:3;max-width:360px}.team-copy h2{margin-bottom:60px}.team-copy h3{font-size:27px;margin-bottom:23px}.team-copy p,.team-copy>a{font-size:15px;line-height:1.5}.team-copy .values{margin-top:18px}.team-carousel{position:relative;min-height:590px;touch-action:pan-y}.portraits{position:relative;width:100%;height:430px}.portrait{position:absolute;top:0;left:25px;width:295px;height:430px;transition:transform .9s cubic-bezier(.22,.8,.2,1),opacity .9s,filter .9s;will-change:transform;transform:translateX(0);opacity:0}.portrait img{display:block;width:100%;height:100%;object-fit:cover;border-radius:24px}.portrait[data-position="active"]{transform:translateX(0) scale(1);opacity:1;z-index:2}.portrait[data-position="next"]{transform:translateX(360px) scale(.86);opacity:.1;filter:brightness(.6)}.portrait[data-position="prev"]{transform:translateX(-360px) scale(.86);opacity:.1;filter:brightness(.6)}.person-caption{position:absolute;left:345px;top:66px;width:210px;z-index:3}.person-role{color:var(--iris);font-size:12px;line-height:1.3;font-weight:400;text-transform:uppercase;margin-bottom:15px}.person-name{font-size:42px;line-height:1.15}.social-links{display:flex;gap:21px;margin-top:20px;font-size:17px;font-weight:600}.social-links a:hover{color:var(--iris)}.carousel-controls{display:flex;justify-content:center;gap:12px;width:295px;margin-left:25px;margin-top:40px}.carousel-controls button{width:42px;height:42px;border:0;border-radius:50%;background:var(--iris);color:#fff;font-size:21px;transition:transform .2s}.carousel-controls button:hover{transform:scale(1.13)}.carousel-controls button:active{transform:scale(.95)}.carousel-dots{display:flex;width:295px;margin:16px 0 0 25px;justify-content:center;gap:5px}.carousel-dots button{width:22px;height:22px;padding:7px;border:0;background:transparent;border-radius:50%;position:relative}.carousel-dots button:after{content:'';position:absolute;inset:8px;border-radius:50%;background:#8052ff55}.carousel-dots button[aria-pressed="true"]:after{background:var(--iris)}
.investors{padding:50px 0 130px;min-height:740px}.investor-layout{display:grid;grid-template-columns:55% 45%;align-items:start}.investor-list{padding-left:22px;display:flex;flex-direction:column;gap:35px}.investor-list>div{display:flex;align-items:center;gap:25px;min-height:55px}.investor-list img{width:48px;height:48px;object-fit:contain}.investor-list p{font-size:24px;font-weight:400;letter-spacing:-.02em}.investor-list small{display:block;font-size:15px;font-weight:200;color:#bdbdbd;margin-top:2px}.investor-copy h2{margin-bottom:25px;white-space:nowrap}.investor-copy p{max-width:360px}.closing{min-height:530px;padding:90px 0 110px;display:flex;align-items:center}.closing h2{font-size:48px;line-height:1.1;max-width:740px;margin-bottom:30px}.closing .wrap{padding-right:25%}.footer{padding:24px 0 40px;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer p{font-size:12px;color:#9a9a9a}.footer>div{display:flex;gap:20px;font-size:12px;text-transform:uppercase;font-weight:400}
.intro{display:none}.loading .intro{display:flex;position:fixed;inset:0;z-index:90;background:#000;align-items:center;justify-content:center;transition:opacity .7s,visibility .7s}.intro-center{text-align:center}.intro-center img{width:55px;image-rendering:auto;margin-bottom:55px;animation:intro-turn 3s ease-in-out infinite}.intro-center p{font-size:42px;line-height:1.3;letter-spacing:-.04em;font-weight:400}.intro-bottom{position:absolute;bottom:30px;left:2.6vw;right:2.6vw;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;text-transform:uppercase}.intro-bottom #load-count{font-size:26px;font-weight:400}.loading.ready .intro{opacity:0;visibility:hidden;pointer-events:none}.loading:not(.ready) main{opacity:0}.ready main{opacity:1;transition:opacity .7s}.motion [data-reveal]{opacity:1;transform:translate3d(0,var(--reveal-y,0px),0);will-change:transform}.caption-change{animation:caption-enter .6s both}@keyframes caption-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes intro-turn{50%{transform:rotateY(180deg)}}
@media(min-width:1600px){:root{--page:min(1360px,83.333vw)}.hero-copy{width:430px}.hero h1{font-size:120px}.hero .body-copy{max-width:420px}}
@media(max-width:1000px) and (min-width:701px){.hero-copy{max-width:45%}.hero h1{font-size:82px}.eyebrow{font-size:10px}.copy{max-width:37%}.copy h2{font-size:36px}.team-layout{grid-template-columns:38% 62%}.team-copy{max-width:270px}.display{font-size:62px}.portrait{width:235px;height:355px;left:10px}.portraits{height:355px}.person-caption{left:260px;width:160px}.person-name{font-size:32px}.carousel-controls,.carousel-dots{width:235px;margin-left:10px}.team-copy h2{margin-bottom:45px}.investor-copy h2{white-space:normal}.team-carousel{min-height:500px}}
@media(max-width:700px){:root{--page:calc(100% - 48px)}.header{height:80px;padding:20px 22px}.header.scrolled{height:70px}.header.scrolled .brand span{opacity:1}.brand span{font-size:23px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;position:relative;z-index:22;width:38px;height:38px;border:0;background:none}.menu-toggle i{width:25px;height:1px;background:white;transition:transform .25s}.menu-toggle[aria-expanded="true"] i:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] i:last-child{transform:translateY(-3.5px) rotate(-45deg)}.header nav{position:fixed;inset:0;min-height:100dvh;background:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:35px;visibility:hidden;opacity:0;transition:opacity .3s,visibility .3s;font-size:28px}.header nav.open{visibility:visible;opacity:1}.header nav .pill{font-size:15px}.hero{min-height:1050px;min-height:145svh;align-items:flex-start;padding:135px 0 70px}.hero-copy{width:100%;max-width:420px}.hero h1{font-size:clamp(70px,19vw,104px);line-height:.93;letter-spacing:-.05em;margin-bottom:26px}.hero .body-copy{font-size:17px;max-width:345px}.eyebrow{font-size:10px;white-space:normal;max-width:345px}.pill{padding:13px 16px;font-size:12px}.chapter{min-height:135svh;align-items:flex-end;padding:90px 0 80px}.copy{max-width:100%;width:100%;margin:0}.copy h2{font-size:36px;margin-bottom:22px}.copy p{font-size:18px;max-width:480px}.decision{min-height:115svh}.thought{min-height:80svh;padding:70px 24px}.thought p{font-size:29px;line-height:1.22}.spark{min-height:145svh}.manifesto{min-height:150svh}.team{min-height:0;padding:105px 0 80px}.team-layout{display:block}.display{font-size:58px}.team-copy{max-width:100%;margin-bottom:60px}.team-copy h2{margin-bottom:30px}.team-copy h3{font-size:27px;margin-bottom:16px}.team-copy p{max-width:390px}.team-carousel{width:100%;min-height:570px}.portrait{width:65%;height:340px;left:0}.portrait[data-position="next"]{transform:translateX(105%) scale(.86)}.portrait[data-position="prev"]{transform:translateX(-105%) scale(.86)}.person-caption{top:360px;left:0;width:100%;display:grid;grid-template-columns:1fr auto;column-gap:10px;align-items:center}.person-role{grid-column:1/-1;margin-bottom:7px;font-size:11px}.person-name{font-size:32px}.person-name br{display:none}.social-links{margin:0}.carousel-controls{position:absolute;right:0;top:240px;flex-direction:column;margin:0;width:42px}.carousel-dots{width:65%;margin:26px 0 0;position:absolute;top:447px}.investors{padding:25px 0 90px;min-height:0}.investor-layout{display:flex;flex-direction:column-reverse;gap:55px}.investor-copy h2{white-space:normal;margin-bottom:20px}.investor-list{padding:0;gap:27px}.investor-list p{font-size:23px}.investor-list img{width:42px;height:42px}.closing{min-height:620px;padding:80px 0 290px}.closing .wrap{padding:0}.closing h2{font-size:36px;line-height:1.16}.footer{flex-wrap:wrap;padding:20px 0 35px;gap:24px}.footer p{order:3;width:100%;font-size:11px}.footer>div{gap:15px;font-size:10px}.intro-center p{font-size:28px}.intro-center{padding:25px}}
@media(max-width:700px){.hero>.wrap,.chapter>.wrap{margin-block:0}}
/* Quad identity: the supplied PNG stays intact; only its presentation is masked. */
.brand-filters{position:absolute;pointer-events:none}.brand{gap:10px}.brand .quad-symbol,.quad-symbol{display:inline-block;position:relative;width:42px;height:46px;overflow:hidden;flex-shrink:0;vertical-align:middle}.brand .quad-symbol img,.quad-symbol img{position:absolute;width:110px;height:110px;max-width:none;left:-34px;top:-23px;object-fit:contain;filter:url(#quad-paper);margin:0;animation:none}.brand .quad-lockup{display:flex;flex-direction:column;gap:1px;letter-spacing:0}.quad-lockup strong{font-size:27px;line-height:1;font-weight:400;letter-spacing:-1px}.quad-lockup small{font-size:9px;line-height:1.4;letter-spacing:.15px}.header.scrolled .brand span{opacity:1}.intro-center .quad-symbol{width:84px;height:92px;margin-bottom:36px}.intro-center .quad-symbol img{width:220px;height:220px;left:-68px;top:-46px}.intro-signature{display:block;font-size:10px;letter-spacing:2px;color:var(--amber);margin-top:25px}.pill:hover{background:#a86ac6}.closing-signature{font-size:16px;color:#b9b9c2;margin:-10px 0 28px}.services .display{font-size:64px}.services .team-copy h2{margin-bottom:40px}.service-detail-link{display:inline-block;margin-top:22px}.services .person-caption{width:220px}.services .person-name{font-size:38px}.services .person-role{color:#bd84d8}.service-summary{font-size:15px;line-height:1.55;color:#b8b8c0;margin-top:22px;max-width:220px}.carousel-dots button:after{background:#9252b455}.step-index{font-size:16px;color:var(--amber);width:48px;height:48px;display:grid;place-items:center;border:1px solid #40d5be40;border-radius:50%;flex-shrink:0}.approach .investor-list{gap:32px;padding-top:7px}
/* Code-native editorial posters for the three service disciplines. */
.service-art{overflow:hidden;border-radius:24px;border:1px solid #ffffff12;background:#071a20}.art-label,.art-foot{position:absolute;left:25px;right:20px;font-size:10px;letter-spacing:1.7px;font-weight:400;z-index:2}.art-label{top:28px;color:#d9ece8}.art-foot{bottom:28px;font-size:9px;color:#a5bebb}.agency-art{background:radial-gradient(ellipse at 80% 15%,#144e47,transparent 70%),#041b1c}.art-orbits{position:absolute;inset:55px -20px 85px;transform:rotate(-25deg)}.art-orbits i{position:absolute;width:100%;height:55%;top:22%;border:1px solid #40d5beaa;border-radius:50%;box-shadow:0 0 22px #40d5be12,inset 0 0 20px #40d5be0c}.art-orbits i:nth-child(2){transform:rotate(45deg);border-color:#28ade680}.art-orbits i:nth-child(3){transform:rotate(90deg)}.art-orbits i:nth-child(4){transform:rotate(135deg);border-color:#994db880}.art-number{position:absolute;left:0;right:0;top:43%;text-align:center;font-size:72px;letter-spacing:-6px;font-weight:200;color:#b7fff0}.software-art{background:radial-gradient(ellipse at 0 60%,#092f55,transparent 85%),#07101f}.software-art svg{position:absolute;inset:0;width:100%;height:100%}.code-symbol{position:absolute;bottom:61px;left:25px;font-size:36px;font-weight:200;color:#5ce0d4;letter-spacing:-3px}.production-art{background:radial-gradient(ellipse at 100% 5%,#432458,transparent 80%),#100e1c}.lens{position:absolute;width:235px;height:235px;left:50%;top:48%;transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(from 20deg,#22375e,#9252b4,#142127,#36baa9,#273357,#9252b4,#22375e);box-shadow:0 0 50px #9252b430,inset 0 0 0 1px #ffffff30}.lens i{position:absolute;inset:18px;border:1px solid #ffffff30;border-radius:50%}.lens i:nth-child(2){inset:36px;border-color:#0b132a;background:conic-gradient(from 100deg,#130e28,#51427a,#137273,#142444,#6c437d,#130e28)}.lens i:nth-child(3){inset:65px;z-index:1;border-color:#40d5be70;background:radial-gradient(circle at 32% 28%,#36747c,#0a1021 48%,#050b14 75%);box-shadow:0 0 0 10px #080f2540}.lens span{position:absolute;inset:85px;border-radius:50%;z-index:2;border:1px solid #ffffff0c}.viewfinder{position:absolute;width:19px;height:19px;border-color:#a180b8;border-style:solid}.viewfinder.top-left{left:23px;top:83px;border-width:1px 0 0 1px}.viewfinder.bottom-right{right:23px;bottom:86px;border-width:0 1px 1px 0}
@media(min-width:701px) and (max-width:1150px){.services .team-layout{grid-template-columns:35% 65%}.services .display{font-size:53px}.services .portrait{width:235px;height:355px;left:10px}.services .portraits{height:355px}.services .person-caption{left:266px;width:170px;top:30px}.services .person-name{font-size:30px}.services .carousel-controls,.services .carousel-dots{width:235px;margin-left:10px}.services .team-copy{max-width:245px}.lens{width:205px;height:205px}.services .team-carousel{min-height:540px}}
@media(max-width:700px){.brand{gap:7px}.brand .quad-symbol{width:35px;height:39px}.brand .quad-symbol img{width:94px;height:94px;left:-29px;top:-20px}.quad-lockup strong{font-size:25px}.quad-lockup small{font-size:8px}.services .display{font-size:58px}.services .team-copy h2{margin-bottom:30px}.services .team-carousel{min-height:630px}.services .person-caption{display:block;width:100%;top:367px}.services .person-name{font-size:32px}.service-summary{max-width:100%;margin-top:14px;font-size:16px}.services .carousel-dots{top:535px}.art-label,.art-foot{left:20px;font-size:9px;letter-spacing:1.2px}.art-foot{font-size:8px}.art-number{font-size:62px}.lens{width:195px;height:195px}.lens i:nth-child(3){inset:55px}.lens span{inset:73px}.approach .investor-list{gap:27px}.step-index{width:42px;height:42px;font-size:14px}.closing-signature{font-size:15px}.footer{gap:20px}.footer>div{gap:12px;font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion [data-reveal]{transform:none!important}.hero-copy{transform:none!important;opacity:1!important}.intro{display:none!important}.loading:not(.ready) main{opacity:1}}

/* Scroll-linked DNA dissolve: the readable sentence remains in the DOM while
   its visual copy separates into lightweight glyph fragments. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.dna-text{display:inline}.dna-word{display:inline-block;white-space:nowrap}.dna-glyph{display:inline-block;transform-origin:50% 62%;backface-visibility:hidden}
@media(prefers-reduced-motion:reduce){.dna-glyph{transform:none!important;opacity:1!important}}

/* Local content manager feature switches. */
.cms-no-particles #world,.cms-no-cursor #quad-glow,.cms-no-borders .electric-canvas,.cms-no-intro .intro{display:none!important}
.cms-no-smooth{scroll-behavior:auto!important}.cms-static-orbit .orbit-pause,.cms-static-ribbons .brands-pause{display:none!important}
