@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#09080d;--surface:#111016;--purple:#aa7bff;--violet:#8047ef;--muted:#9995a4;--line:rgba(255,255,255,.11);--sans:'DM Sans',Arial,sans-serif;--display:'Space Grotesk',Arial,sans-serif;--motion:running;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:#f6f4fa;font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}::selection{background:#8b50e7;color:white}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:disabled{cursor:default}button,summary,a,input,textarea,select{outline-offset:6px}button:focus-visible,summary:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--purple)}button{border:0}svg{display:block}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--display);font-weight:500}p{color:var(--muted);line-height:1.8}em{font-style:normal;color:var(--purple)}.purple{color:var(--purple)}.wrap{width:calc(100% - 112px);max-width:1328px;margin-inline:auto}.section-pad{padding-block:108px}.section-line{border-top:1px solid var(--line)}.section-kicker{font-size:10px;font-weight:500;letter-spacing:2px;display:flex;align-items:center;gap:12px;line-height:1.6}.section-kicker>span:first-child:not(.status-dot){color:var(--purple)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:44px}.section-heading h2{font-size:clamp(30px,3.25vw,48px);line-height:1.17;letter-spacing:-2px;margin-top:18px}.section-heading>p{font-size:13px;max-width:290px;padding-bottom:3px}.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:white;color:black;padding:12px}.skip-link:focus{top:12px}
.site-header{height:96px;padding:0 56px;display:flex;align-items:center;justify-content:space-between;position:absolute;inset:0 0 auto;z-index:20;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(#09080dbb,transparent)}.wordmark{display:inline-flex;gap:5px;align-items:center;font-family:var(--display);font-weight:700;font-size:23px;letter-spacing:-1.4px;position:relative;white-space:nowrap}.wordmark>span{display:flex;align-items:center;color:var(--purple)}.wordmark svg{width:15px;height:15px;margin-left:8px}.wordmark i{font:8px var(--sans);position:absolute;right:-8px;top:-1px;letter-spacing:0}.desktop-nav{display:flex;gap:34px;font-size:12px;color:#c3bfcc;margin-left:85px}.desktop-nav a{transition:color .2s}.desktop-nav a:hover{color:var(--purple)}.header-cta{border:1px solid #ffffff26;border-radius:6px;font-size:11px;padding:12px 17px;display:flex;align-items:center;gap:26px;background:#1410194d;transition:background .2s,border-color .2s}.header-cta:hover{border-color:var(--purple);background:#a775ff12}.header-cta .icon{width:15px;height:15px}.menu-toggle,.mobile-nav{display:none}
.hero{height:800px;min-height:700px;max-height:1000px;position:relative;overflow:hidden;isolation:isolate;background:#08070c}.hero-art{position:absolute;inset:0;background:radial-gradient(ellipse at 72% 46%,#8a45ef24,transparent 55%),url('assets/eclipse.png') center 42%/cover no-repeat;z-index:-3;animation:planet-drift 9s ease-in-out infinite alternate;animation-play-state:var(--motion)}.hero-vignette{position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(90deg,#09080df5 0%,#09080dcc 22%,#09080d18 61%,#09080d00),linear-gradient(0deg,#09080d 0%,transparent 25%,transparent 80%,#09080d30)}#starfield{position:absolute;inset:0;width:100%;height:100%;z-index:-2;pointer-events:none}.hero-content{padding-top:204px;position:relative}.eyebrow{font-size:10px;font-weight:500;letter-spacing:2px;display:flex;align-items:center;gap:10px;margin-bottom:27px;color:#d4cfdf}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#b88bff;box-shadow:0 0 12px #a06aff66;flex-shrink:0}.hero h1{font-size:clamp(66px,7.7vw,112px);font-weight:500;letter-spacing:-6.7px;line-height:1.01;position:relative;max-width:770px}.hero h1>span{background:linear-gradient(100deg,#c9a4ff,#a26ce9 64%,#f4dfff);color:transparent;background-clip:text}.title-spark{display:inline-block;width:46px;height:46px;color:#c19bff;margin-left:15px;vertical-align:top;position:relative;top:15px}.hero-content>p{font-size:14px;color:#b2aabb;line-height:1.85;margin-top:28px;max-width:380px}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:30px}.btn{min-height:49px;display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:15px 21px;border-radius:5px;font-size:12px;font-weight:500;transition:background .25s,transform .25s,box-shadow .25s;border:1px solid transparent}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--purple);color:#160d24;box-shadow:0 0 0 transparent}.btn-primary:hover{background:#c39eff;box-shadow:0 7px 28px #a06aff22}.btn-secondary{background:transparent;border-color:#ffffff29;color:white}.btn-secondary:hover{background:#ffffff09}.text-link{display:inline-flex;align-items:center;gap:16px;font-size:11px}.text-link span{font-size:18px;transition:transform .25s}.text-link:hover span{transform:translate(2px,-2px);color:var(--purple)}.orbital-note{position:absolute;right:58px;top:165px;width:188px;color:#bdb4ca}.orbital-note>span{font-size:8px;letter-spacing:1.7px}.orbital-note i{display:block;width:48px;height:1px;background:#ffffff3d;margin-block:14px}.orbital-note small{font-size:10px;line-height:1.7;color:#a298af}.orbit-seal{position:absolute;width:123px;height:123px;right:111px;bottom:126px;display:grid;place-items:center}.orbit-seal>svg{position:absolute;inset:0;width:100%;height:100%;animation:rotate 32s linear infinite;animation-play-state:var(--motion)}.orbit-seal text{font-family:var(--sans);font-size:9px;letter-spacing:3.5px;fill:#d9cbea}.orbit-seal>span{font-family:var(--sans);font-size:37px;font-weight:400;color:#c6a2f6}.hero-bottom{position:absolute;bottom:28px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;color:#a39aaa;font-size:8px;letter-spacing:1.3px}.hero-bottom>a{display:flex;align-items:center;gap:12px}.scroll-icon{height:25px;width:16px;border:1px solid #ffffff3b;border-radius:10px;display:flex;justify-content:center;padding-top:5px}.scroll-icon i{width:2px;height:5px;background:#c2a1f0;border-radius:2px;animation:scroll-down 2s infinite;animation-play-state:var(--motion)}.tiny-star{font-size:13px;color:var(--purple);padding-left:14px}
.clients{padding-top:48px;background:#0b0a0f}.clients-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:33px}.clients-heading h2{font-size:28px;letter-spacing:-.8px;line-height:1.22;margin-top:13px}.clients-heading>p{font-size:12px;text-align:right}.clients .section-kicker{font-size:8px;letter-spacing:1.8px;color:#b2a8c0}.marquee-shell{overflow:hidden;padding:9px 0 20px;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.marquee-track{display:flex;width:max-content;animation:marquee 22s linear infinite;animation-play-state:var(--motion)}.marquee-track.paused{animation-play-state:paused}.marquee-group{display:flex;align-items:center;gap:84px;padding-right:84px;flex-shrink:0}.company-logo{height:60px;display:flex;align-items:center;justify-content:center;gap:10px;min-width:132px;color:#aca7b5}.company-logo span{font-family:var(--display);font-size:20px;letter-spacing:-.7px;font-weight:700;white-space:nowrap}.company-logo svg{width:30px;height:30px;flex-shrink:0}.company-logo img{display:block;width:150px;max-height:48px;object-fit:contain;filter:grayscale(1);opacity:.75}.company-logo:nth-child(2n) span{font-size:16px;letter-spacing:2px}.company-logo:nth-child(3n) span{font-weight:400;font-size:20px;letter-spacing:0}.clients-foot{display:flex;align-items:center;justify-content:space-between;padding-bottom:20px;color:#756c83;font-size:7px;letter-spacing:1.1px}.clients-foot>span{display:flex;align-items:center;gap:6px}.demo-dot{width:3px;height:3px;display:inline-block;border-radius:50%;background:#9580b1}.clients-foot button{background:transparent;color:#92869f;font-size:9px;padding:7px 0;display:flex;align-items:center;gap:9px}
.work-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:19px;margin-bottom:27px;gap:20px}.filters{display:flex;gap:24px;flex-wrap:wrap}.filter{background:transparent;color:#8c8599;font-size:11px;padding:4px 0;position:relative;transition:color .2s}.filter.active,.filter:hover{color:#e7d8fd}.filter.active:after{content:'';position:absolute;height:1px;bottom:-20px;left:0;right:0;background:var(--purple)}.filter sup{font-size:8px;color:var(--purple);margin-left:4px}.concept-label{font-size:7px;letter-spacing:1.3px;color:#8d819b;white-space:nowrap}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px 28px}.project-card{padding:0;background:transparent;text-align:left;min-width:0;display:block}.project-card[hidden]{display:none!important}.project-visual{height:auto;aspect-ratio:1.38;position:relative;overflow:hidden;isolation:isolate;border-radius:6px;transition:filter .4s,transform .25s ease-out}.project-visual:after{content:'';position:absolute;inset:0;border:1px solid #ffffff07;border-radius:6px;pointer-events:none}.card-open{position:absolute;bottom:17px;right:17px;border:1px solid #ffffff35;background:#1410185e;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;transition:background .3s,transform .3s;z-index:5;backdrop-filter:blur(10px)}.card-open .icon{width:14px;height:14px}.project-card:hover .card-open{background:var(--purple);color:#100719;transform:rotate(45deg)}.project-meta{display:flex;align-items:center;justify-content:space-between;padding-top:17px;gap:15px}.project-meta h3{font-size:17px;font-weight:500;letter-spacing:-.4px}.project-meta p{font-size:10px;line-height:1.5;margin-top:5px}.project-meta>span{font-size:8px;color:#71687c;letter-spacing:1px}.project-disclaimer{font-size:10px;color:#81768e;margin-top:27px}.orbit-visual{background:radial-gradient(ellipse at 50% 50%,#8857d0,#5c2f9d 70%,#4d2782);padding:24px;color:#f1e8ff}.visual-topline,.visual-bottomline{display:flex;justify-content:space-between;position:relative;z-index:2;font-size:6px;letter-spacing:1px}.visual-topline>span:first-child{font-weight:700;font-size:11px;letter-spacing:-.5px}.visual-bottomline{position:absolute;bottom:25px;left:25px;right:25px}.orbit-poster{background:#17101f;position:absolute;inset:16% 10%;box-shadow:10px 20px 35px #16062f66;transform:rotate(-7deg);display:flex;align-items:center;justify-content:center;flex-direction:column;transition:transform .6s}.project-card:hover .orbit-poster{transform:rotate(-3deg) scale(1.04)}.orbit-lettering{font-size:clamp(55px,8.4vw,125px);font-family:var(--display);font-weight:500;letter-spacing:-8px;z-index:1;line-height:1}.orbit-lettering>span{font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;padding-top:12px}.orbit-poster>small{font-size:6px;letter-spacing:3px;z-index:1;margin-top:12px}.poster-orbit{position:absolute;width:77%;height:47%;border:1px solid #b18bdc60;border-radius:50%;transform:rotate(-30deg)}.poster-orbit:before{content:'';position:absolute;left:3%;top:25%;width:7px;height:7px;background:#cc9eff;box-shadow:0 0 16px #cc9eff;border-radius:50%}.poster-corner{position:absolute;top:15px;right:17px;font-size:20px;color:#ad80e6}.nova-visual{background:#1a1721;display:flex;justify-content:center;align-items:center}.nova-sheet{height:82%;width:47%;position:absolute;box-shadow:8px 13px 28px #0007;padding:24px 22px;transition:transform .6s}.back-sheet{background:#f0eaf7;color:#17101f;transform:translateX(-39%) rotate(-11deg);z-index:0}.back-sheet>span{font-family:var(--display);font-size:clamp(25px,4.4vw,65px);line-height:1.04;font-weight:700;letter-spacing:-2px}.back-sheet i{color:#7e4ac1;font-style:normal}.back-sheet>small{font-size:5px;position:absolute;bottom:16px;letter-spacing:1.1px}.front-sheet{background:#b995ee;color:#17101f;transform:translate(36%,6%) rotate(9deg)}.project-card:hover .front-sheet{transform:translate(36%,3%) rotate(4deg)}.project-card:hover .back-sheet{transform:translateX(-42%) rotate(-7deg)}.nova-mini{font-family:var(--display);font-size:8px;display:flex;justify-content:space-between;font-weight:700}.nova-mini>span{font-size:15px;line-height:1}.front-sheet h4{font-size:clamp(25px,3vw,44px);line-height:1.1;font-weight:600;letter-spacing:-1.7px;margin-top:30px}.front-sheet h4>i{font-style:normal;color:white}.nova-asterisk{position:absolute;right:14%;bottom:30px;font-size:100px;line-height:1;color:#3c1d68}.front-sheet>small{font-size:4px;letter-spacing:.5px;position:absolute;bottom:17px;left:20px}.forma-visual{background:#d1ccd9;display:flex;align-items:center;justify-content:center;gap:14px;padding:35px}.forma-card{position:absolute;left:9%;top:19%;width:51%;height:57%;background:#edeaf1;color:#25202b;transform:rotate(-9deg);box-shadow:5px 8px 20px #21122c2c;z-index:2;padding:22px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;transition:transform .6s}.forma-symbol{display:flex;gap:3px;height:27px;margin-bottom:7px;align-items:flex-end}.forma-symbol i{display:block;width:9px;background:#695074;height:100%;border-radius:9px 9px 0 0;transform:skewY(-20deg)}.forma-symbol i:nth-child(2){height:75%}.forma-symbol i:nth-child(3){height:50%}.forma-card>span{font-family:var(--display);font-size:53px;font-weight:500;letter-spacing:-4px;line-height:1}.forma-card>span>span{font-size:8px;vertical-align:top;letter-spacing:0;margin-left:5px}.forma-card>small{font-size:5px;letter-spacing:1px;margin-top:18px;line-height:1.5}.forma-card.secondary{left:auto;right:10%;top:29%;width:43%;height:54%;background:#34213e;color:#e6d9ee;transform:rotate(9deg);z-index:1}.forma-card.secondary .forma-outline{font-size:102px;letter-spacing:-5px;align-self:center;line-height:.7}.forma-card.secondary small{font-size:4px;letter-spacing:1px;margin-top:auto}.project-card:hover .forma-card{transform:rotate(-5deg) translateY(-4px)}.project-card:hover .forma-card.secondary{transform:rotate(6deg)}.cosmo-visual{background:radial-gradient(at 40% 30%,#29232e,#18141d)}.cosmo-magazine{position:absolute;inset:10% 22%;background:#0e0c13;box-shadow:15px 20px 23px #0005;transform:rotate(8deg);border:1px solid #3a2a48;overflow:hidden;padding:17px;transition:transform .6s}.project-card:hover .cosmo-magazine{transform:rotate(3deg) scale(1.03)}.cosmo-mag-head{display:flex;justify-content:space-between;font-size:4px;letter-spacing:1px;color:#d9cbef}.cosmo-magazine h4{font-size:clamp(28px,4vw,59px);font-weight:700;letter-spacing:-3px;text-align:center;line-height:1.1;margin-top:12px}.cosmo-magazine h4>span{font-size:6px;letter-spacing:0;vertical-align:top;display:inline-block;margin-top:7px}.cosmo-sphere{position:absolute;width:90%;aspect-ratio:1;top:26%;left:5%;background:radial-gradient(circle at 68% 26%,#d8bcf9 0%,#a177cf 12%,#512177 35%,#180c24 63%,#07050c 74%);border-radius:50%;box-shadow:-2px 0 10px #a16bd14a}.cosmo-sphere:after{content:'';position:absolute;inset:37% -25%;border:1px solid #bd90e9aa;border-radius:50%;transform:rotate(-35deg);box-shadow:0 -2px 15px #9f5ae740}.cosmo-mag-bottom{position:absolute;bottom:18px;left:17px;right:17px;display:flex;justify-content:space-between;align-items:flex-end}.cosmo-mag-bottom>strong{font-size:10px;font-family:var(--display);font-weight:500;line-height:1.15;letter-spacing:-.3px}.cosmo-mag-bottom>small{font-size:4px;line-height:1.4;letter-spacing:.5px}
.about{background:#0c0a11}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.about-art{aspect-ratio:1;position:relative;display:grid;place-items:center;border:1px solid #ffffff0b;border-radius:4px;overflow:hidden;background:radial-gradient(ellipse at center,#65389918,transparent 65%),radial-gradient(circle at 15% 20%,#ffffff60 0 1px,transparent 1.5px),radial-gradient(circle at 81% 74%,#ffffff50 0 1px,transparent 1.5px)}.about-core{font-family:var(--display);font-size:160px;line-height:1;font-weight:500;color:#c5a5f0;position:relative;text-shadow:0 0 80px #a876f733;transform:rotate(-12deg)}.about-core>span{font-size:40px;position:absolute;right:-21px;top:5px}.about-orbit{border:1px solid #ad82e14d;border-radius:50%;position:absolute;width:85%;height:35%;transform:rotate(-36deg)}.orbit-two{transform:rotate(38deg);width:81%;height:39%;border-color:#ad82e12b}.orbit-three{transform:rotate(90deg);width:78%;height:37%;border-color:#ad82e128}.about-orbit:after{content:'';position:absolute;top:0;left:35%;height:5px;width:5px;border-radius:50%;background:#c598fd;box-shadow:0 0 13px #c598fd}.orbit-two:after{background:#777080;width:3px;height:3px;box-shadow:none}.orbit-three:after{display:none}.art-coordinate{position:absolute;font-size:6px;letter-spacing:1.6px;color:#8d809b}.top-coordinate{top:24px;left:24px}.bottom-coordinate{bottom:24px;right:24px}.orbit-satellite{position:absolute;inset:12%;border-radius:50%;animation:rotate 25s linear infinite;animation-play-state:var(--motion);pointer-events:none}.orbit-satellite:after{content:'';width:3px;height:3px;background:#b197d3;position:absolute;left:15%;top:15%;border-radius:50%;box-shadow:0 0 15px #b197d3}.about-copy h2{font-size:clamp(30px,3.3vw,48px);line-height:1.15;letter-spacing:-1.8px;margin-top:21px;margin-bottom:26px}.about-copy>p{font-size:12px;max-width:420px;margin-top:16px;color:#a39aaf}.about-copy>.text-link{margin-top:24px;font-size:12px}.signature{font-family:cursive;font-style:italic;font-size:33px;color:#d2b9f0;position:relative;display:flex;align-items:center;gap:7px;margin-top:30px}.signature>span{font-size:15px}.signature small{font-family:var(--sans);font-style:normal;letter-spacing:1.3px;font-size:6px;color:#82758e;margin-left:10px}
.services .section-heading{margin-bottom:45px}.service{border-top:1px solid var(--line);padding:0 0 2px}.service:last-child{border-bottom:1px solid var(--line)}.service summary{display:flex;align-items:center;gap:24px;list-style:none;padding:28px 0;cursor:pointer}.service summary::-webkit-details-marker{display:none}.service-number{font-size:10px;color:#84778f;min-width:21px}.service h3{font-size:27px;letter-spacing:-.8px;transition:color .2s}.service summary:hover h3,.service[open] h3{color:#c5a3f0}.service-tag{margin-left:auto;font-size:7px;letter-spacing:1.5px;color:#91839f}.service-plus{font-family:var(--sans);font-weight:400;font-size:24px;color:#b6a6c9;line-height:1;margin-left:30px;transition:transform .3s}.service[open] .service-plus{transform:rotate(45deg)}.service-body{padding:0 0 29px 45px;display:flex;justify-content:space-between;gap:50px;align-items:flex-start;animation:fade-in .4s ease both}.service-body>p{font-size:12px;line-height:1.8;max-width:450px}.service-body>div{display:flex;flex-wrap:wrap;gap:7px;max-width:310px;justify-content:flex-end}.service-body>div>span{border:1px solid #ffffff12;border-radius:20px;padding:6px 10px;color:#a094ae;font-size:9px}
.process{background:#0c0a10}.process .section-pad{padding-block:65px}.process .section-kicker{color:#9b8eaa;font-size:8px;letter-spacing:1.6px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:65px;margin-top:33px}.process-grid>div>span{font-size:8px;letter-spacing:1.3px;color:var(--purple)}.process-grid h3{font-size:20px;letter-spacing:-.5px;margin-top:13px}.process-grid p{font-size:11px;margin-top:12px;max-width:300px;color:#91869f}
.contact{position:relative;overflow:hidden}.contact-glow{position:absolute;pointer-events:none;width:900px;height:900px;background:radial-gradient(ellipse,#713cc01c,transparent 65%);left:-260px;top:-250px;z-index:-1}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.contact .section-kicker{font-size:8px;letter-spacing:1.3px}.contact h2{position:relative;font-size:clamp(42px,5.05vw,73px);line-height:1.1;letter-spacing:-3.5px;margin-top:24px;max-width:470px}.contact h2>svg{width:40px;height:40px;color:var(--purple);position:absolute;bottom:15px;right:0}.contact-copy>p{font-size:13px;margin-top:25px}.contact-caption{display:block;font-size:7px;color:#736480;letter-spacing:1.3px;margin-top:43px}.contact-panel{background:#100d16;border:1px solid #ffffff11;border-radius:7px;padding:32px}.contact-panel>h3{font-size:19px;letter-spacing:-.6px;display:flex;justify-content:space-between;align-items:center}.contact-panel>h3>span{color:var(--purple);font-size:24px}.contact-panel>p{font-size:11px;margin-top:10px;line-height:1.7}#brief-form{margin-top:27px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}label{display:flex;flex-direction:column;font-size:9px;color:#c4b8d1;gap:8px;margin-bottom:19px}input,textarea,select{width:100%;min-width:0;border:1px solid #ffffff15;background:#0c0a10;color:#e9e3f1;border-radius:4px;padding:11px;font-size:11px;transition:border-color .2s}input::placeholder,textarea::placeholder{color:#675d73}input:focus,textarea:focus,select:focus{border-color:#a078d0;outline:0;box-shadow:0 0 0 2px #a078d01f}textarea{resize:vertical;min-height:70px}select{height:40px}#brief-form>.btn{width:100%;justify-content:space-between;margin-top:2px}.form-note{display:block;font-size:8px;color:#7d6f89;line-height:1.5;margin-top:12px;text-align:center}.result-check{display:grid;place-items:center;width:39px;height:39px;border:1px solid #aa7bff44;color:var(--purple);border-radius:50%;margin-top:27px}#brief-result>h4{font-size:23px;margin-top:20px}#brief-result>p{font-size:12px;margin-top:12px}#brief-text{margin-top:20px;font-size:11px;line-height:1.7}.result-actions{display:flex;gap:10px;margin-top:16px}.result-actions .btn{flex:1;gap:10px;font-size:11px;padding-inline:12px}.back-to-form{background:transparent;color:#b39bce;font-size:10px;margin-top:20px;padding:4px 0}.contact-channels{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px}.contact-channels a{font-size:11px;color:var(--purple);border-bottom:1px solid #a378ff40;padding-bottom:4px}
.site-footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:33px}.site-footer .wordmark{font-size:19px}.site-footer .wordmark svg{width:12px;height:12px}.site-footer>span{font-size:7px;letter-spacing:1.5px;color:#86778f}.site-footer>small{font-size:9px;color:#776b83}.back-top{font-size:7px;letter-spacing:1px;display:flex;align-items:center;gap:13px;color:#b9a9c7}.back-top>span{font-size:16px}.project-dialog{padding:0;background:#100d17;color:white;border:1px solid #ffffff23;border-radius:10px;max-width:820px;width:calc(100% - 36px);max-height:90dvh;overflow:auto;overscroll-behavior:contain;box-shadow:0 30px 100px #0008}.project-dialog::backdrop{background:#030106da;backdrop-filter:blur(12px)}.close-dialog{position:absolute;right:16px;top:14px;z-index:10;width:35px;height:35px;border-radius:50%;background:#100b1bd9;color:white;font-size:26px;border:1px solid #ffffff2c;display:grid;place-items:center;line-height:1}.dialog-visual{height:330px;overflow:hidden;position:relative}.dialog-visual>.project-visual{border-radius:0;height:100%;aspect-ratio:auto;max-width:100%;width:100%}.dialog-visual .orbit-lettering{font-size:115px}.dialog-visual .nova-sheet{width:220px}.dialog-visual .cosmo-magazine{left:calc(50% - 112px);right:auto;width:224px}.dialog-visual .forma-card{width:230px;left:calc(50% - 205px)}.dialog-visual .forma-card.secondary{left:calc(50% - 10px);right:auto;width:200px}.dialog-visual .card-open{display:none}.dialog-content{padding:33px 38px}.dialog-content>.section-kicker{font-size:8px;color:#9c82b9}.dialog-content>h2{font-size:35px;letter-spacing:-1.3px;margin-top:13px}.dialog-content>p{font-size:13px;margin-top:16px;line-height:1.8}.dialog-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.dialog-tags>span{border:1px solid #ffffff18;color:#bda7d5;padding:6px 10px;font-size:9px;border-radius:15px}.dialog-content>.btn{margin-top:25px}.toast{position:fixed;z-index:100;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;border:1px solid #a578de66;background:#20132d;padding:13px 22px;border-radius:6px;font-size:12px;transition:opacity .2s,transform .2s;max-width:calc(100% - 36px);text-align:center;box-shadow:0 8px 30px #0007}.toast.visible{opacity:1;transform:translate(-50%,0)}.js-ready .reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease}.js-ready .reveal.is-visible{opacity:1;transform:none}.project-grid .project-card:nth-child(2n){transition-delay:80ms}[hidden]{display:none!important}
@keyframes rotate{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes scroll-down{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(7px);opacity:1}}@keyframes cosmic-breathe{to{transform:scale(1.045)}}@keyframes fade-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
body.motion-paused{--motion:paused}body.motion-paused .reveal{transition:none}body.motion-paused .service-body{animation:none}
@media(min-width:1600px){.site-header{padding-inline:calc((100% - 1328px)/2)}.hero{height:880px}.hero-content{padding-top:230px}.hero h1{font-size:118px}.hero-art{background-position:center 46%}.orbital-note{right:calc((100% - 1328px)/2)}.orbit-seal{right:calc((100% - 1128px)/2)}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.site-header{padding-inline:36px}.hero{height:760px;min-height:680px}.hero-content{padding-top:210px}.hero h1{font-size:87px;letter-spacing:-5px}.hero-art{background-position:52% center}.hero-vignette{background:linear-gradient(90deg,#09080deb,#09080d99 32%,transparent 78%),linear-gradient(0deg,#09080d,transparent 30%)}.hero-content>p{font-size:13px}.hero-actions{gap:18px}.hero-actions .btn{padding:14px 16px;gap:18px;font-size:11px}.hero-actions .text-link{font-size:10px;gap:10px}.orbital-note{right:36px;width:146px;top:140px}.orbit-seal{right:55px;bottom:110px}.section-pad{padding-block:84px}.about-layout,.contact-layout{gap:55px}.about-copy h2{font-size:36px}.contact h2{font-size:58px}.contact h2>svg{right:0;width:30px}.contact-panel{padding:25px}.section-heading h2{font-size:37px}.section-heading>p{font-size:11px;max-width:240px}.service h3{font-size:25px}.nova-asterisk{font-size:75px}.nova-sheet{padding:18px}.front-sheet h4{margin-top:22px}.forma-card{padding:20px}.forma-card>span{font-size:45px}.forma-card.secondary .forma-outline{font-size:85px}.process-grid{gap:35px}.process-grid h3{font-size:18px}.desktop-nav{margin-left:25px;gap:26px}.service-body{gap:30px}.service-body>p{max-width:350px}.site-footer>span{font-size:6px}.hero-bottom{font-size:7px}}
@media(max-width:760px){html{scroll-padding-top:24px}.wrap{width:calc(100% - 40px)}.site-header{height:78px;padding-inline:20px}.desktop-nav,.header-cta{display:none}.wordmark{font-size:22px}.menu-toggle{display:flex;flex-direction:column;gap:6px;padding:12px 0 12px 14px;background:transparent;width:39px;height:40px;justify-content:center}.menu-toggle>span{height:1px;width:24px;background:#d8cce8;transition:transform .2s}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav:not([hidden]){display:flex;position:absolute;top:77px;left:0;right:0;background:#100c18f5;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff1a;padding:23px 20px;flex-direction:column;gap:0}.mobile-nav a{padding:15px 0;font-size:18px;border-bottom:1px solid #ffffff0a}.mobile-nav a:last-child{color:var(--purple);border:0}.hero{height:800px;min-height:720px;max-height:none}.hero-content{padding-top:148px}.eyebrow{font-size:8px;letter-spacing:1.45px;margin-bottom:25px;gap:8px}.hero h1{font-size:clamp(59px,10.7vw,80px);letter-spacing:-3.8px;line-height:1.05}.title-spark{width:27px;height:27px;top:10px;margin-left:12px}.hero-content>p{font-size:12px;line-height:1.85;margin-top:22px;max-width:310px}.hero-actions{margin-top:25px;gap:20px;flex-wrap:wrap}.hero-actions .btn{font-size:11px;min-height:47px;padding-inline:15px;gap:17px}.hero-actions .text-link{font-size:10px}.hero-art{inset:210px -150px 0 -160px;background-position:72% 50%;background-size:cover;opacity:.82}.hero-vignette{background:linear-gradient(180deg,#09080d 0%,#09080ddb 37%,#09080d10 65%,#09080d 99%),linear-gradient(90deg,#09080d88,transparent 80%)}.orbital-note{top:auto;bottom:112px;left:20px;right:auto;width:165px}.orbital-note>span{font-size:6px;letter-spacing:1.4px}.orbital-note i{margin-block:10px;width:30px}.orbital-note small{font-size:8px;color:#b6a6cc}.orbit-seal{width:100px;height:100px;right:22px;bottom:98px}.orbit-seal>span{font-size:30px}.hero-bottom{bottom:24px;font-size:6px;letter-spacing:1px;align-items:center}.hero-bottom>span{display:none}.scroll-icon{height:22px;width:14px}.section-pad{padding-block:65px}.clients{padding-top:35px}.clients-heading{margin-bottom:24px;align-items:center}.clients-heading h2{font-size:23px;letter-spacing:-.6px}.clients-heading>p{display:none}.clients .section-kicker{font-size:7px;letter-spacing:1.3px}.marquee-group{gap:44px;padding-right:44px}.company-logo{min-width:110px;height:48px;gap:8px}.company-logo span{font-size:18px}.company-logo:nth-child(2n) span{font-size:13px}.company-logo:nth-child(3n) span{font-size:18px}.company-logo svg{width:25px;height:25px}.clients-foot{font-size:6px;letter-spacing:.5px;gap:12px;padding-bottom:12px}.clients-foot button{font-size:8px;white-space:nowrap;gap:6px}.clients-foot button>span{font-size:12px}.section-heading{align-items:flex-start;flex-direction:column;gap:17px;margin-bottom:29px}.section-kicker{font-size:8px;letter-spacing:1.4px;gap:9px}.section-heading h2{font-size:32px;letter-spacing:-1.3px;line-height:1.19;margin-top:16px}.section-heading>p{font-size:11px;max-width:100%}.section-heading>p br{display:none}.work-toolbar{display:block;padding-bottom:15px;margin-bottom:23px}.filters{gap:17px;row-gap:12px}.filter{font-size:9px}.filter sup{font-size:6px}.filter.active:after{bottom:-16px}.concept-label{display:none}.project-grid{gap:29px;grid-template-columns:1fr}.project-visual{aspect-ratio:1.3}.project-meta{padding-top:13px}.project-meta h3{font-size:16px}.project-meta p{font-size:10px}.project-meta>span{font-size:7px}.orbit-lettering{font-size:100px;letter-spacing:-7px}.nova-sheet{padding:22px 20px}.front-sheet h4{font-size:36px;margin-top:22px}.back-sheet>span{font-size:53px}.nova-asterisk{font-size:90px;bottom:25px}.forma-card>span{font-size:50px}.forma-card.secondary .forma-outline{font-size:100px}.cosmo-magazine h4{font-size:46px}.project-disclaimer{font-size:9px;margin-top:24px}.about-layout{grid-template-columns:1fr;gap:37px}.about-art{max-width:430px;width:100%;margin-inline:auto;aspect-ratio:1.1}.about-copy h2{font-size:36px;letter-spacing:-1.7px}.about-copy>p{font-size:12px;max-width:100%}.about-copy>.text-link{font-size:11px}.signature{margin-top:24px}.service summary{gap:16px;padding:24px 0}.service h3{font-size:22px}.service-tag{display:none}.service-plus{margin-left:auto;font-size:22px}.service-number{font-size:8px;min-width:15px}.service-body{flex-direction:column;padding:0 0 24px 31px;gap:16px}.service-body>p{font-size:11px;max-width:100%}.service-body>div{justify-content:flex-start;max-width:100%}.service-body>div>span{font-size:8px;padding:5px 9px}.process .section-pad{padding-block:44px}.process-grid{grid-template-columns:1fr;gap:29px;margin-top:28px}.process-grid>div{border-bottom:1px solid #ffffff0c;padding-bottom:26px}.process-grid>div:last-child{border:0;padding-bottom:0}.process-grid h3{font-size:22px;margin-top:10px}.process-grid p{max-width:100%;font-size:11px;margin-top:8px}.contact-layout{grid-template-columns:1fr;gap:35px}.contact h2{font-size:57px;letter-spacing:-3px;max-width:355px;margin-top:23px}.contact h2>svg{width:32px;height:32px;right:25px;bottom:13px}.contact-copy>p{font-size:12px;margin-top:22px}.contact-caption{display:none}.contact-panel{padding:25px 21px}.contact-panel>h3{font-size:18px}.contact-panel>p{font-size:11px}.form-row{gap:12px}label{font-size:9px}input,select,textarea{font-size:12px}input{padding:11px 9px}.site-footer{padding-block:27px;flex-wrap:wrap;gap:24px 16px}.site-footer>.wordmark{width:calc(50% - 16px);font-size:20px}.site-footer>.wordmark>i{right:auto;left:135px}.site-footer>span{width:calc(50% - 16px);text-align:right;font-size:6px;letter-spacing:.7px}.site-footer>small{font-size:8px}.back-top{font-size:6px;margin-left:auto;gap:9px}.dialog-visual{height:270px}.dialog-content{padding:26px 23px}.dialog-content h2{font-size:29px}.dialog-content>p{font-size:12px}.dialog-visual .nova-sheet{width:155px;padding:17px}.dialog-visual .front-sheet h4{font-size:31px;margin-top:19px}.dialog-visual .nova-asterisk{font-size:60px}.dialog-visual .back-sheet>span{font-size:40px}.dialog-visual .cosmo-magazine{width:180px;left:calc(50% - 90px)}.dialog-visual .cosmo-magazine h4{font-size:35px}.dialog-visual .forma-card{width:180px;left:calc(50% - 155px);padding:17px}.dialog-visual .forma-card.secondary{width:160px;left:calc(50% - 15px)}.dialog-visual .forma-card>span{font-size:42px}.dialog-visual .forma-card.secondary .forma-outline{font-size:75px}.dialog-visual .forma-symbol{height:20px}.dialog-visual .forma-card>small{margin-top:13px}.dialog-visual .orbit-lettering{font-size:85px}.dialog-visual .cosmo-mag-bottom strong{font-size:8px}}
@media(max-width:380px){.hero h1{font-size:59px}.hero-actions{gap:16px}.hero-actions .text-link{font-size:9px;gap:6px}.hero-actions .btn{padding-inline:12px;gap:12px;font-size:10px}.clients-foot{font-size:5.5px}.filter{font-size:8px}.filters{gap:14px}.form-row{grid-template-columns:1fr;gap:0}.contact h2{font-size:51px}.contact h2>svg{right:12px}.nova-sheet{padding:17px}.front-sheet h4{font-size:32px}.nova-asterisk{font-size:74px}.orbit-lettering{font-size:85px}}
@media(prefers-reduced-motion:reduce){html:not(:has(body.motion-enabled)){scroll-behavior:auto}body:not(.motion-enabled) *,body:not(.motion-enabled) *:before,body:not(.motion-enabled) *:after{animation:none!important;transition:none!important}body:not(.motion-enabled) .reveal{opacity:1;transform:none}body:not(.motion-enabled) .marquee-shell{overflow-x:auto;mask-image:none}}

/* Motion layer: visible, continuous movement while keeping the layout quiet. */
#ambient-stars{position:fixed;inset:0;width:100%;height:100dvh;z-index:0;pointer-events:none;opacity:.75}
main,.site-footer{position:relative;z-index:1}
.marquee-track[data-driven=true]{animation:none;will-change:transform;backface-visibility:hidden}
.marquee-track .company-logo{transition:color .3s,filter .3s,scale .3s}
.marquee-track .company-logo:hover{color:#e9d9ff;scale:1.06}

.hero-art{will-change:transform}
.cosmic-haze{position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 70% 35%,#b16eff24,transparent 45%),radial-gradient(ellipse at 45% 75%,#7a3ec322,transparent 42%);animation:nebula-drift 13s ease-in-out infinite alternate;animation-play-state:var(--motion);mix-blend-mode:screen}
.hero-orbits{position:absolute;left:47%;top:18%;width:58%;height:70%;z-index:-2;pointer-events:none;transform:rotate(-24deg)}
.hero-orbits>i{position:absolute;inset:13% 0;border:1px solid #c3a2ff32;border-radius:50%;animation:orbit-precession 22s linear infinite;animation-play-state:var(--motion)}
.hero-orbits>i:nth-child(2){inset:21% -8%;border-color:#bd92ff20;animation-duration:31s;animation-direction:reverse;rotate:33deg}
.hero-orbits>i:nth-child(3){inset:8% 12%;border-style:dashed;border-color:#c3a2ff1a;animation-duration:45s;rotate:65deg}
.hero-orbits>i:after{content:'';position:absolute;top:12%;left:14%;width:5px;height:5px;border-radius:50%;background:#e5cdff;box-shadow:0 0 15px 3px #ac71f6a6}
.hero-orbits>i:nth-child(2):after{width:3px;height:3px;top:75%;left:90%}
.hero-moon{position:absolute;top:65%;right:15%;width:42px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 25% 22%,#d5b5ff,#7953aa 25%,#21172f 55%,#0b0911 74%);box-shadow:-2px -1px 8px #ae7af553;animation:moon-float 7s ease-in-out infinite alternate;animation-play-state:var(--motion)}
.title-spark{animation:orbit-precession 16s linear infinite;animation-play-state:var(--motion)}
.orbit-seal>svg{animation-duration:18s}
.orbit-seal>span{animation:arrow-float 3s ease-in-out infinite alternate;animation-play-state:var(--motion)}
.motion-enabled .hero-content>.eyebrow{animation:hero-enter .9s both}
.motion-enabled .hero-content>h1{animation:hero-enter 1.1s .1s both}
.motion-enabled .hero-content>p{animation:hero-enter 1s .25s both}
.motion-enabled .hero-actions{animation:hero-enter 1s .4s both}
.motion-enabled .project-card .project-visual{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));will-change:transform}
.orbit-poster,.front-sheet,.back-sheet,.forma-card,.cosmo-magazine,.about-core{animation:asset-float 5s ease-in-out infinite alternate;animation-play-state:var(--motion)}
.front-sheet{animation-duration:4.5s;animation-delay:-2s}.back-sheet{animation-duration:6s;animation-delay:-1s}.forma-card.secondary{animation-duration:6.5s;animation-delay:-3s}.cosmo-magazine{animation-duration:6s;animation-delay:-2s}
.poster-orbit{animation:poster-orbit 16s linear infinite;animation-play-state:var(--motion)}
.nova-asterisk{animation:orbit-precession 22s linear infinite;animation-play-state:var(--motion)}
.about-orbit{animation:orbit-precession 28s linear infinite;animation-play-state:var(--motion)}
.about-orbit.orbit-two{animation-duration:35s;animation-direction:reverse}.about-orbit.orbit-three{animation-duration:42s}
.about-core{animation-duration:6s}.about-core>span{animation:orbit-precession 18s linear infinite;animation-play-state:var(--motion);transform-origin:center}
.orbit-satellite{animation-duration:12s}.orbit-satellite:after{width:5px;height:5px;box-shadow:0 0 18px 3px #c598fd}
.contact-glow{animation:nebula-drift 10s ease-in-out infinite alternate;animation-play-state:var(--motion)}
.contact h2>svg{animation:orbit-precession 20s linear infinite;animation-play-state:var(--motion)}
.js-ready .reveal{transition:opacity .85s ease,transform .85s cubic-bezier(.2,.65,.2,1);transition-delay:var(--reveal-delay,0ms)}
.process-grid>div:nth-child(2){--reveal-delay:110ms}.process-grid>div:nth-child(3){--reveal-delay:220ms}
body.motion-paused .hero-content>*{animation:none}
body.motion-paused .project-card .project-visual{transform:none}
@keyframes planet-drift{0%{transform:translate3d(var(--parallax-x,0px),var(--parallax-y,0px),0) scale(1.025) rotate(-.7deg)}100%{transform:translate3d(var(--parallax-x,0px),calc(var(--parallax-y,0px) - 16px),0) scale(1.075) rotate(.7deg)}}
@keyframes nebula-drift{0%{translate:-2% 1%;scale:1;opacity:.55}100%{translate:3% -3%;scale:1.12;opacity:1}}
@keyframes orbit-precession{to{rotate:360deg}}
@keyframes moon-float{to{translate:-15px -24px}}
@keyframes arrow-float{to{translate:-3px 5px}}
@keyframes hero-enter{from{opacity:0;transform:translateY(26px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes asset-float{from{translate:0 4px}to{translate:0 -9px}}
@keyframes poster-orbit{from{transform:rotate(-30deg)}to{transform:rotate(330deg)}}
@media(max-width:760px){.hero-orbits{left:12%;top:45%;width:100%;height:45%;opacity:.8}.hero-moon{width:27px;right:20%}#ambient-stars{opacity:.55}.hero-art{animation-duration:10s}}

/* Official ALEX GFX wordmark, displayed in its original proportions. */
.wordmark .brand-logo{display:block;width:180px;height:auto;max-width:100%;object-fit:contain;flex-shrink:0}
.site-footer .wordmark .brand-logo{width:165px}
@media(max-width:760px){.site-header .wordmark .brand-logo{width:155px}.site-footer .wordmark .brand-logo{width:145px}}

.whatsapp-brief-link{display:flex;width:100%;margin-top:20px;gap:12px}.whatsapp-brief-link+.result-actions{margin-top:12px;flex-wrap:wrap}

/* Vector glyphs keep decorative icons independent of system emoji fonts. */
.ui-glyph{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}
.icon.icon-glyph{width:1em;height:1em;vertical-align:-.125em}