@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Inter:ital,wght@0,400;0,500;0,600;0,700;0,800;1,500;1,600;1,700&display=swap";:root{font-family:Inter,Arial,sans-serif;color:#f3f3ed;background:#0b0d13;font-synthesis:none;--lime:#d2f65a;--muted:#92949e;--line:#ffffff20}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:6px}button{border:0;background:none}::selection{background:var(--lime);color:#0b0d13}header{height:100px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;width:100%;z-index:20;background:linear-gradient(#0b0d1355,transparent)}.logo{font-size:25px;font-weight:800;letter-spacing:-1.5px}.logo span{color:var(--lime)}nav{display:flex;gap:32px}nav a{font-size:12px;font-weight:500;transition:color .2s}nav a:hover{color:var(--lime)}.pill{border:1px solid var(--line);border-radius:50px;padding:13px 20px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:12px;transition:background .25s,color .25s,border-color .25s}.pill:hover{background:var(--lime);color:#0b0d13;border-color:var(--lime)}.menu-toggle{display:none}.hero{min-height:780px;height:100svh;max-height:1100px;padding:180px 6% 52px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.eyebrow{text-transform:uppercase;font-size:10px;font-weight:600;letter-spacing:2px;display:flex;align-items:center;gap:16px;line-height:1.8}.eyebrow i{background:var(--lime);width:5px;height:5px;border-radius:50%;display:inline-block}.hero h1{font-size:clamp(66px,8.1vw,142px);font-weight:500;line-height:.99;letter-spacing:-.067em;margin:34px 0 85px;position:relative;z-index:1}em{font-weight:500;color:var(--lime);letter-spacing:-.065em}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;position:relative}.hero-bottom p{font-size:14px;line-height:1.65;margin:0}.explore{width:108px;height:108px;border:1px solid #ffffff60;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;font-size:12px;text-align:center;margin-right:12%;transition:background .3s,color .3s,transform .3s}.explore:hover{background:var(--lime);color:#101115;transform:rotate(-8deg)}.scroll-label{writing-mode:vertical-rl;text-transform:uppercase;font-size:8px;letter-spacing:2px}.glow{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;opacity:.35;animation:drift 12s ease-in-out infinite alternate}.purple{width:300px;height:350px;background:#6331c9;right:10%;top:26%}.cyan{width:250px;height:250px;background:#087b85;left:-7%;bottom:0}.hero-in{animation:enter 1s ease both}.hero h1{animation-delay:.1s}.hero-bottom{animation-delay:.2s}.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0}.ticker>div{display:flex;width:max-content;animation:marquee 35s linear infinite}.ticker span{white-space:nowrap;font-size:11px;text-transform:uppercase;letter-spacing:3px}.ticker b{color:var(--lime);padding:0 26px}.section{padding:125px 6%}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:65px}.section-heading .eyebrow{padding-top:10px}h2{font-size:clamp(48px,6vw,92px);font-weight:500;line-height:1.05;letter-spacing:-.06em;margin:0}.section-heading h2{width:66%}.projects{display:grid;grid-template-columns:1fr 1fr;gap:60px 28px}.project{padding:0;text-align:left}.project-art{height:550px;position:relative;display:grid;place-items:center;overflow:hidden;background:#141621}.project-index{position:absolute;top:24px;left:24px;font-size:8px;letter-spacing:2px;color:#b5b6bd}.poster{width:70%;height:75%;display:flex;flex-direction:column;justify-content:space-between;padding:24px;transition:transform .6s}.project:hover .poster{transform:scale(1.045) rotate(-2deg)}.poster-top,.poster-bottom{font-size:7px;letter-spacing:1.5px;line-height:1.5;display:flex;justify-content:space-between}.poster strong{font-size:clamp(32px,4vw,65px);font-weight:700;letter-spacing:-.065em;line-height:.94}.neon .poster{background:radial-gradient(ellipse at 100% 100%,#303752,transparent 60%),#181b27}.neon .poster strong{text-shadow:0 -52px 0 #ffffff0b,0 52px 0 #ffffff0b}.neon .poster-top{color:var(--lime)}.form .project-art{background:#c9ccca;color:#262b28}.form .poster{background:#d9dbd5;box-shadow:15px 20px 40px #5555551f}.form .poster strong{font-weight:400;text-align:center;transform:scaleX(.8)}.vector{grid-column:1/-1;width:52%;justify-self:center}.vector .project-art{background:radial-gradient(ellipse at center,#142246,#10131e 65%)}.vector .poster{width:58%;background:radial-gradient(ellipse at 80% 15%,#1a8cfb,#1b44da 50%,#142c8a);box-shadow:0 0 70px #0e3df730}.vector .poster strong{font-size:clamp(32px,3.4vw,54px)}.project-view{position:absolute;bottom:22px;right:22px;border:1px solid #ffffff45;border-radius:50%;width:45px;height:45px;display:grid;place-items:center;transition:background .3s}.project:hover .project-view{background:var(--lime);color:#111}.project-caption{display:flex;justify-content:space-between;padding-top:20px}.project-caption h3{font-size:17px;margin:0 0 9px;letter-spacing:-.5px}.project-caption p,.project-caption>span{font-size:10px;color:var(--muted);margin:0}.concept-note{font-size:10px;color:#747780;text-align:center;margin:35px 0 0}.services{border-top:1px solid var(--line)}.services-layout{display:grid;grid-template-columns:1fr 2fr;gap:5%}.intro{font-size:20px;line-height:1.6;letter-spacing:-.5px}.intro>span{color:var(--lime)}.intro small{display:block;font-size:13px;line-height:1.8;color:var(--muted);margin-top:24px;max-width:280px;letter-spacing:0}.service{border-bottom:1px solid var(--line)}.service:first-child{border-top:1px solid var(--line)}.service>button{display:flex;width:100%;gap:25px;align-items:center;text-align:left;padding:28px 0}.number{color:var(--muted);font-size:10px}.service h3{font-size:24px;font-weight:500;letter-spacing:-.7px;margin:0;flex:1}.service>button:hover{color:var(--lime)}.service-detail{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s}.service-detail>div{overflow:hidden}.service-detail.is-open{grid-template-rows:1fr}.service-detail p{margin:0 0 18px;color:#d0d1d5;font-size:14px}.service-detail ul{list-style:none;padding:0 0 28px 38px;margin:0}.service-detail li{color:var(--muted);font-size:12px;line-height:2}.service-detail p{padding-left:38px}.about{background:#101219}.about-body{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.sync-art{font-size:clamp(80px,15vw,250px);font-weight:800;letter-spacing:-.11em;line-height:.8;color:#242a3b;overflow:hidden;padding:70px 0;position:relative;text-shadow:0 0 80px #4a4c7830}.sync-art span{font-size:9px;color:#777e90;display:block;letter-spacing:2px;margin-top:35px;text-transform:uppercase}.about-body h3{font-size:clamp(30px,3.6vw,58px);line-height:1.08;letter-spacing:-.055em;font-weight:500;margin:0 0 28px}.about-body p{color:var(--muted);font-size:13px;line-height:1.8;max-width:450px}.text-link{display:inline-flex;align-items:center;gap:15px;font-size:12px;border-bottom:1px solid #ffffff40;padding:16px 0;margin-top:12px}.text-link:hover{color:var(--lime)}.principles{display:grid;grid-template-columns:repeat(4,1fr);margin-top:80px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.principles>div{padding:30px;border-right:1px solid var(--line)}.principles>div:first-child{padding-left:0}.principles>div:last-child{border-right:0}.principles span{font-size:60px;letter-spacing:-4px}.principles p{color:var(--muted);text-transform:uppercase;font-size:9px;letter-spacing:1px}.process{padding-top:50px}.process>div{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:25px}.process>div span{font-size:11px}.process svg{color:var(--lime)}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.plan{border:1px solid var(--line);padding:32px;display:flex;flex-direction:column}.plan.featured{background:#171c12;border-color:#d2f65565}.plan-top{display:flex;align-items:center;justify-content:space-between}.plan-top>span{font-size:8px;color:var(--lime);border:1px solid #d2f65550;border-radius:20px;padding:5px 9px}.muted{font-size:12px;color:var(--muted)}.price{margin:30px 0}.price small{display:block;font-size:10px;color:var(--muted)}.price strong{display:block;font-size:44px;font-weight:500;letter-spacing:-2px;margin:10px 0}.plan ul{padding:24px 0;margin:0 0 24px;border-top:1px solid var(--line);list-style:none;flex:1}.plan li{display:flex;gap:10px;font-size:12px;line-height:1.6;margin:12px 0;color:#c4c5cb}.plan li svg{flex-shrink:0;color:var(--lime);margin-top:2px}.plan.featured .pill{background:var(--lime);color:#111}.pricing-note{text-align:center;font-size:10px;color:var(--muted);margin-top:25px}.contact{padding-top:110px;padding-bottom:100px;background:radial-gradient(ellipse at 90% 120%,#33364960,transparent 60%);border-top:1px solid var(--line)}.contact h2{font-size:clamp(52px,8.1vw,130px);margin-top:45px}.contact-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:55px}.email{display:flex;align-items:center;gap:20px;font-size:25px;letter-spacing:-1px;border-bottom:1px solid #ffffff50;padding-bottom:12px}.email:hover{color:var(--lime)}.contact-circle{width:130px;height:130px;border-radius:50%;background:var(--lime);color:#111;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:12px;line-height:1.5;gap:8px;margin-right:8%;transition:transform .3s}.contact-circle:hover{transform:rotate(-9deg)}footer{border-top:1px solid var(--line);padding:35px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px}footer span,footer>a:not(.logo){font-size:10px;color:var(--muted)}footer>a{display:flex;align-items:center;gap:5px}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000b;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:center;padding:25px}.modal{position:relative;width:min(650px,100%);max-height:90svh;overflow:auto;background:#151821;border:1px solid var(--line);padding:40px}.modal h2{font-size:42px}.modal>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.7}.modal-close{position:absolute;right:16px;top:16px}.modal-art{margin:25px 0;min-height:240px;display:grid;place-items:center;background:#22283b}.modal-art strong{font-size:50px;line-height:.9;letter-spacing:-3px}.modal-art.form{background:#d9dbd5;color:#262b28}.modal-art.vector{width:100%;background:#1755e8}.modal-art.neon{color:var(--lime)}@keyframes marquee{to{transform:translate(-50%)}}@keyframes enter{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{to{transform:translate(40px,35px) scale(1.2)}}@media(min-width:1600px){.section,header,.hero,footer{padding-left:max(6%,calc((100vw - 1500px)/2));padding-right:max(6%,calc((100vw - 1500px)/2))}}@media(max-width:900px){.hero{min-height:680px;max-height:900px}.hero h1{font-size:9vw}.section{padding:85px 6%}.project-art{height:400px}.poster{width:82%;padding:18px}.vector .poster{width:72%}.service h3{font-size:20px}.plans{gap:12px}.plan{padding:23px}.plan-top{align-items:flex-start;flex-direction:column}.plan-top>span{margin-bottom:6px}.price strong{font-size:36px}.about-body{gap:5%}.principles span{font-size:48px}.process>div{gap:10px}footer{flex-wrap:wrap}.section-heading h2{width:70%}}@media(max-width:600px){header{height:80px}.logo{font-size:23px}.header-cta{margin-left:auto;margin-right:18px;padding:10px 13px;font-size:10px}.menu-toggle{display:block;padding:5px}nav{display:none;position:absolute;top:80px;left:0;width:100%;background:#12151d;padding:30px 6%;border-bottom:1px solid var(--line)}nav.expanded{display:flex;flex-direction:column}nav a{font-size:20px}.hero{height:90svh;min-height:620px;padding-top:150px;padding-bottom:40px;justify-content:center}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.hero h1{font-size:clamp(40px,10.2vw,64px);line-height:1.06;margin:40px 0 65px}.hero-bottom{gap:20px;align-items:center}.hero-bottom p{font-size:12px;max-width:215px}.desktop{display:none}.explore{flex-shrink:0;width:78px;height:78px;font-size:10px;margin:0}.scroll-label{display:none}.purple{right:-30%;width:240px;opacity:.3}.section{padding:75px 6%}.section-heading{display:block;margin-bottom:40px}.section-heading .eyebrow{margin:0 0 25px}.section-heading h2{width:100%}h2{font-size:46px}.projects{grid-template-columns:1fr;gap:40px}.project-art{height:440px}.poster{width:73%;height:78%}.poster strong{font-size:50px}.vector{grid-column:auto;width:100%}.vector .poster{width:65%}.vector .poster strong{font-size:40px}.project-caption>span{font-size:8px}.concept-note{line-height:1.7}.services-layout{grid-template-columns:1fr;gap:30px}.intro{font-size:20px}.intro small{max-width:100%}.service>button{gap:14px;padding:24px 0}.service h3{font-size:19px}.service-detail p,.service-detail ul{padding-left:28px}.about-body{grid-template-columns:1fr}.sync-art{font-size:31vw;padding:30px 0 50px}.about-body h3{font-size:36px}.principles{grid-template-columns:1fr 1fr;margin-top:45px}.principles>div{padding:25px 20px!important}.principles>div:nth-child(2){border-right:0}.principles>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.principles span{font-size:48px}.principles p{font-size:8px}.process>div{gap:12px;line-height:1.8}.plans{grid-template-columns:1fr;gap:20px}.plan{padding:30px}.plan-top{flex-direction:row;align-items:center}.price strong{font-size:46px}.plan ul{padding:14px 0}.contact h2{font-size:11vw}.contact-bottom{gap:15px}.email{font-size:18px;gap:8px}.email svg{width:17px}.contact-circle{width:95px;height:95px;margin:0;font-size:10px;flex-shrink:0}footer{display:grid;grid-template-columns:1fr 1fr;padding-top:30px;padding-bottom:30px}footer>span:nth-child(2){grid-column:1/-1;grid-row:2}.modal{padding:30px 22px}.modal h2{font-size:32px}.modal-art strong{font-size:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}.contact-form{max-width:850px;margin:70px auto 0;border-top:1px solid var(--line);padding-top:45px}.form-intro h3{font-size:30px;font-weight:500;letter-spacing:-1px;margin:0 0 12px}.form-intro p,.form-note{color:var(--muted);font-size:13px;line-height:1.7}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:30px}.form-grid label{font-size:12px;line-height:1.8}.form-grid label span{color:var(--lime)}.form-grid small{color:var(--muted)}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;margin-top:8px;border:1px solid #ffffff30;background:#12151d;color:#f3f3ed;padding:14px;font:inherit;font-size:14px;border-radius:4px}.form-grid textarea{resize:vertical;min-height:130px}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline:2px solid var(--lime);outline-offset:2px}.full-width{grid-column:1/-1}.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.submit-button{background:var(--lime);color:#111;margin-top:10px;padding:15px 24px}.submit-button:disabled{opacity:.6;cursor:wait}.form-status{min-height:25px;font-size:13px;line-height:1.7}.form-status.success{color:var(--lime)}.form-status.error{color:#ffb2b2}.seo-content{border-top:1px solid var(--line)}.seo-content h2{font-size:clamp(34px,4vw,62px);margin:25px 0}.seo-content>p:not(.eyebrow){max-width:800px;color:var(--muted);font-size:15px;line-height:1.9}.seo-columns{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:35px}.seo-columns h3,.faq h3{font-size:23px;font-weight:500;letter-spacing:-.5px}.seo-columns p,.faq p{font-size:14px;line-height:1.85;color:var(--muted)}.faq{margin-top:45px;max-width:900px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;line-height:1.6;font-size:15px}.faq summary:hover{color:var(--lime)}.email{overflow-wrap:anywhere;min-width:0}.email svg{flex-shrink:0}@media(max-width:600px){.form-grid,.seo-columns{grid-template-columns:1fr}.form-grid{gap:20px}.contact-form{margin-top:45px}.form-intro h3{font-size:25px}.seo-columns{gap:15px}.contact-bottom .email{font-size:15px}.contact-bottom{flex-wrap:wrap}}
