:root{color-scheme:dark;--bg: #08070c;--text: #f4f2f7;--muted: #aaa2b2;--line: #29262e;--purple: #b597ff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px;overflow-x:clip}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;overflow-x:clip}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--purple);outline-offset:4px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Space Grotesk,sans-serif}h2{font-size:clamp(36px,4vw,60px);font-weight:500;line-height:1.12;letter-spacing:-.055em}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;top:-100px;left:10px;z-index:1000;padding:14px 18px;background:var(--purple);color:#09090c}.skip:focus,.skip:focus-visible{top:10px}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.ui-icon{display:inline-block;width:1.1em;height:1.1em;flex-shrink:0;vertical-align:-.15em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.text-link .ui-icon,.live-link .ui-icon{margin-left:6px}.browser-bar .ui-icon{width:12px;height:12px}.project-circle .ui-icon{width:20px;height:20px}.studio-spark{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.studio-spark svg{width:.8em;height:.8em;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round}header{position:absolute;top:0;left:0;right:0;z-index:20;height:110px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;gap:20px;border:0;background:transparent}.logo{position:relative;flex-shrink:0;font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:700;line-height:.8;letter-spacing:-2px}.logo small{display:block;margin-top:10px;font-size:9px;letter-spacing:7px;line-height:1.3}header nav{display:flex;align-items:center;gap:36px;padding:20px 35px;border:1px solid #ffffff10;border-radius:0 0 25px 25px;background:#080809cf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);font-size:13px;color:#c9c5cd}header nav a:hover,.text-link:hover{color:var(--purple)}.header-cta{display:inline-flex;align-items:center;gap:20px;flex-shrink:0;padding:13px 18px;border-radius:30px;background:#f1eff5;color:#141018;font-size:12px}.header-cta>span{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#151019;color:#fff}.menu{display:none;min-width:44px;min-height:44px;padding:0;border:0;background:transparent;color:#fff;font-size:12px}.menu .ui-icon{width:17px;height:17px}.hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:min(850px,100svh);margin:14px;padding:155px 6% 70px;overflow:hidden;border:1px solid #ffffff13;border-radius:20px;background:#08070c}.hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#09070fe8,#09070f9c,#08070c08 80%),linear-gradient(0deg,#08070c 0%,transparent 35%)}.sculpture{position:absolute;pointer-events:none}.hero .sculpture{top:-10%;left:31%;width:88%;height:120%;z-index:-2;transform:rotate(-20deg);opacity:.85}.sculpture canvas{display:block;position:relative;z-index:1;width:100%;height:100%}.sculpture:before{content:"";position:absolute;inset:10%;border-radius:50%;background:radial-gradient(ellipse,#6425b822,transparent 65%)}.hero .orb-fallback{position:absolute;width:55%;height:65%;top:15%;left:20%;border:28px double #bca5e455;border-radius:50%;transform:rotate(-30deg);box-shadow:inset 12px 8px 24px #e7dcff33,12px 10px 45px #7f36d733;background:radial-gradient(ellipse,#08070c 52%,#79648d 56%,#d1bce9 58%,#3c2154 62%,transparent 65%);opacity:.12}.hero-copy{position:relative;z-index:2;width:72%;max-width:850px;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;color:var(--purple)}.hero-copy .eyebrow{margin:0 0 30px;font-size:9px;letter-spacing:2px;color:#b9adc8}.hero h1{display:block;margin:0;font-size:clamp(130px,19vw,270px);font-weight:700;line-height:.82;letter-spacing:-.085em;color:#faf8ff}.hero h1>span{color:inherit}.hero h1 small{position:static;display:block;margin:24px 0 0 10px;font-size:18px;font-weight:400;line-height:1.3;letter-spacing:.65em}.hero-message{max-width:550px;margin-top:45px}.hero-message h2{font-size:clamp(23px,2.3vw,34px);line-height:1.2;letter-spacing:-1px}.hero-message p{margin:18px 0 25px;color:#afa5ba;font-size:13px;line-height:1.8}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:26px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 22px;border:0;border-radius:30px;background:var(--purple);color:#100a19;font-size:12px;font-weight:700;transition:background .2s,transform .2s}.button:hover{background:#ceb0ff;transform:translateY(-2px)}.button:disabled{cursor:not-allowed;opacity:.55;transform:none}.hero-actions .button{padding:18px 25px;border-radius:40px;box-shadow:0 0 35px #a472fa24}.text-link{display:inline-flex;align-items:center;gap:4px;padding-bottom:5px;border-bottom:1px solid #68616f;font-size:12px}.hero-actions .text-link{margin:0}.hero-scroll{position:absolute;right:5%;bottom:40px;display:grid;place-items:center;width:45px;height:45px;border:1px solid #ffffff40;border-radius:50%}.hero-scroll .ui-icon{width:18px;height:18px}.section{padding:100px 5%;scroll-margin-top:10px}.section-label{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:48px;color:#b0aab9;font:10px Space Grotesk,sans-serif;letter-spacing:1px}.section-label>span{color:#a79caf}.section-label i{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:#b8ffad}.projects{padding-top:80px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.section-heading h2{max-width:650px;font-size:clamp(36px,4.1vw,60px)}.section-heading>p{max-width:310px;color:var(--muted);font-size:13px;line-height:1.7}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}.project{min-width:0}.project-entry{display:block;border-radius:14px}.project-art{position:relative;height:auto;padding:14px;overflow:hidden;border:1px solid #ffffff19;border-radius:14px;background:#171419;transition:transform .4s,border-color .4s}.project-art img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;border-radius:6px;transition:transform .5s}.browser-bar{display:flex;justify-content:space-between;align-items:center;padding:1px 3px 14px;color:#a59cae;font:9px monospace}.browser-bar>span:first-child{color:#655b6b;font-size:7px;letter-spacing:2px}.visit-project{position:absolute;right:30px;bottom:28px;padding:12px 16px;border-radius:30px;background:#f4effb;color:#17121d;font-size:10px;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}.project-entry:hover .project-art,.project-entry:focus-visible .project-art{transform:translateY(-5px);border-color:#9b7acb}.project-entry:hover img{transform:scale(1.025)}.project-entry:hover .visit-project,.project-entry:focus-visible .visit-project{opacity:1;transform:none}.project-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:24px;padding:0 3px}.project-caption>div{min-width:0}.project-category{color:#ab92c7;font:9px monospace;letter-spacing:1.5px}.project-caption h3{margin-top:8px;font-size:30px;font-weight:500;letter-spacing:-1px}.project-caption p{margin-top:8px;color:#b6adbf;font-size:12px;line-height:1.7}.project-circle{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border:1px solid #49404f;border-radius:50%}.case-link{display:flex;justify-content:space-between;align-items:center;padding:22px 0 14px;border-bottom:1px solid var(--line);color:#ddc8ff;font-size:12px}.live-link{display:inline-flex;align-items:center;padding:16px 0;color:#b9b0c5;font-size:11px}.project-note{margin-top:35px;color:#8f8698;font-size:11px;line-height:1.7}.expertise{border-block:1px solid var(--line);background:radial-gradient(ellipse at 0% 0%,#261338,#0d0b10 55%)}.expertise h2{font-size:clamp(42px,5vw,72px)}.expertise h2 span{color:#77717e}.services{margin-top:45px}details{border-top:1px solid #343039}details:last-child{border-bottom:1px solid #343039}summary{display:flex;align-items:center;gap:42px;padding:28px 0;list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}.number{color:#8e849a;font:11px monospace}summary h3{font-size:29px;font-weight:400;letter-spacing:-1px}summary p{margin-top:10px;color:#8e849a;font-size:9px;letter-spacing:1px}.plus{margin-left:auto;color:var(--purple);font-size:30px;font-weight:400}details[open] .plus{transform:rotate(45deg)}.service-detail{max-width:750px;padding:0 60px 30px;color:#b4aeba;font-size:14px;line-height:1.8}.studio-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12%}.studio-mark{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;height:370px;overflow:hidden;background:radial-gradient(ellipse,#31233e,#151018 40%,#09090c 70%);color:#c0b5c9;font:700 clamp(90px,10vw,150px) "Space Grotesk",sans-serif;letter-spacing:-.08em;text-shadow:2px 3px #64536f}.studio-mark .studio-spark{margin-left:12px;color:var(--purple);font-size:.55em;text-shadow:none}.studio-mark>small{position:absolute;bottom:45px;left:0;right:0;color:#8d8099;font:9px monospace;letter-spacing:3px;text-align:center;text-shadow:none}.studio h2{margin:22px 0}.body-copy{margin-bottom:20px;color:var(--muted);font-size:13px;line-height:1.9}.studio .text-link{margin:0}.process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;margin-top:75px;padding-top:35px;border-top:1px solid var(--line)}.process article>span{color:var(--purple);font:10px monospace}.process h3{margin:17px 0 12px;font-size:21px;font-weight:500}.process p{max-width:270px;color:var(--muted);font-size:12px;line-height:1.8}.contact{margin:0 15px;border-top:1px solid var(--line);border-radius:25px;background:radial-gradient(ellipse at 10% 100%,#492878,#130b20 45%,#0d0b11 80%)}.contact>p{margin-bottom:25px;color:var(--muted);font-size:13px;line-height:1.8}.contact h2{font-size:clamp(55px,7vw,100px);letter-spacing:-.055em}.contact h2 span{color:var(--purple)}app-contact{display:block}.brief{max-width:820px;margin-top:40px;padding:36px;border:1px solid #504259;border-radius:18px;background:linear-gradient(140deg,#21162be6,#100d15);box-shadow:0 25px 70px #0002}.brief-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px}.brief-index{color:#a58dbb;font:12px monospace}.brief h3{font-size:clamp(26px,3vw,36px);font-weight:500;letter-spacing:-1px}.brief fieldset{min-width:0;margin:0;padding:0;border:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.form-grid>*{min-width:0}.brief label{display:block;margin-top:20px;color:#ddd4e7;font-size:12px}.brief input,.brief select,.brief textarea{display:block;width:100%;min-height:48px;margin:8px 0 5px;padding:12px;border:1px solid #504259;border-radius:7px;background:#130f1c;color:#fff;font-size:16px}.brief textarea{resize:vertical}.brief input::placeholder,.brief textarea::placeholder{color:#998ba6}.brief [aria-invalid=true]{border-color:#f2a6ba}.field-error{display:block;min-height:18px;color:#ffc0ce;font-size:12px;line-height:1.5}.field-hint,.optional{color:#b8a9c5;font-size:11px}.optional{margin-left:8px}.brief p{margin:15px 0;color:var(--muted);font-size:12px;line-height:1.7}.brief .form-notice{padding:12px 16px;border-left:2px solid var(--purple);background:#b597ff0b;color:#d0bedf}.brief a,.legal-notice a{text-decoration:underline;text-underline-offset:3px}.brief .privacy-note{max-width:620px;margin:24px 0;color:#bdb1c9}.brief .button{padding:18px 26px;border-radius:30px}.brief .form-feedback{min-height:22px;margin-bottom:0}.brief .is-error{color:#ffc0ce}.brief .is-success{color:#bcf1ce}.direct-contact a{overflow-wrap:anywhere}.legal-notice{max-width:820px;margin-top:35px;color:#c3b9cd}.legal-notice summary{justify-content:space-between;padding:21px 0;font-size:13px}.legal-notice p{margin:0 0 16px;font-size:12px;line-height:1.8}.legal-notice details{scroll-margin-top:30px}.case-page{max-width:1600px;margin:auto;padding:150px 6% 80px;animation:case-enter .55s ease both}.case-back{display:inline-flex;align-items:center;gap:6px;margin-bottom:48px;padding:12px 0;color:#c4b4d6;font-size:12px}.case-heading{max-width:950px}.case-heading h1{margin:24px 0;background:linear-gradient(120deg,#fff,#a49ab5 70%,#e6d8ff);background-clip:text;-webkit-background-clip:text;color:transparent;font-size:clamp(64px,11vw,155px);letter-spacing:-.065em}.case-heading h1:focus{outline:none}.case-heading h2{font-size:clamp(29px,4vw,54px)}.case-intro{max-width:650px;margin:25px 0;color:#b9b0c5;font-size:16px;line-height:1.8}.case-preview{margin:60px 0 90px}.case-preview img{display:block;width:100%;height:auto;border:1px solid #3a3046;border-radius:15px}.case-preview figcaption{margin-top:16px;color:#aaa0b6;font-size:10px}.case-story{display:grid;grid-template-columns:1fr 2fr;gap:8%;padding-top:40px;border-top:1px solid var(--line)}.case-story section{margin-bottom:55px}.case-index{color:#ad91d0;font:10px monospace;letter-spacing:1px}.case-story h2{margin:18px 0;font-size:34px}.case-story section p,.case-status{color:#bcb2c7;font-size:15px;line-height:1.9}.case-focus{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:10px 0 90px}.case-focus>div{padding-top:25px;border-top:1px solid #51405e}.case-focus span{color:var(--purple);font:12px monospace}.case-focus h3{max-width:240px;margin-top:22px;font-size:23px;font-weight:400;line-height:1.3}.case-technical{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding:45px 0;border-block:1px solid var(--line)}.case-technical h2{margin-top:20px;font-size:36px}.tech-list{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 20px;padding:0;list-style:none}.tech-list li{padding:10px 14px;border:1px solid #51405e;border-radius:30px;font-size:12px}.verification{margin-bottom:20px;color:#aba0b7;font-size:11px;line-height:1.7}nav.case-next{position:static;display:block;margin:65px 0 35px;padding:0;border:0;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none}.case-next a{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 0}.case-next span{color:var(--purple);font-size:10px}.case-next strong{font:500 clamp(32px,6vw,80px) "Space Grotesk",sans-serif;letter-spacing:-2px}.case-next a:hover strong{color:var(--purple)}.case-page>.text-link{display:inline-flex}@keyframes case-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:30px;padding:55px 5%;border:0}footer p,footer>a:not(.logo),footer>span{color:var(--muted);font-size:10px;line-height:1.8}footer .logo{color:var(--text)}.language{color:#fff!important}.language span{color:#837a8d}@media(max-width:1000px){header nav{gap:18px;padding:15px}.hero{min-height:790px;padding-top:150px}.hero-copy{width:85%}.hero .sculpture{top:0;left:26%;width:120%;height:100%}.hero h1{font-size:23vw}.studio-grid{gap:5%}.studio-mark{font-size:10vw}.section-label>span{display:none}}@media(max-width:760px){html{scroll-padding-top:75px}header{height:84px;padding:0 6%;gap:10px;border:0;box-shadow:none}header .logo{font-size:27px;letter-spacing:-1.5px}header .logo small{margin-top:8px;font-size:8px;letter-spacing:5px}.header-cta{margin-left:auto;padding:11px 13px;gap:0;font-size:10px;white-space:nowrap}.header-cta>span{display:none}.menu{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:11px}header nav{display:none;position:absolute;top:80px;left:6%;right:6%;z-index:50;padding:25px;border:1px solid #ffffff1c;border-radius:16px;background:#110b1ff5;box-shadow:0 20px 40px #0008}header nav.open{display:flex;flex-direction:column;align-items:flex-start;gap:22px}.hero{display:block;height:auto;min-height:0;margin:8px;padding:132px 6% 72px;overflow:hidden;border:1px solid #ffffff0b;border-radius:20px;background:#08070c}.hero:after{background:linear-gradient(180deg,#08070c00 0% 40%,#08070c65 56%,#08070cf0 73%,#08070c 88%)}.hero-copy{width:100%;max-width:none;margin:0;padding:0;z-index:2}.hero-copy .eyebrow{position:relative;z-index:3;max-width:100%;margin:0 0 145px;color:#c7b9d3;font-size:8px;line-height:1.7;letter-spacing:1.25px}.hero .sculpture{top:160px;left:-4%;width:108%;height:350px;z-index:-2;opacity:.88;transform:rotate(-14deg)}.hero .sculpture canvas{display:block;width:100%;height:100%}.hero .orb-fallback{opacity:.06}.hero h1{position:relative;z-index:3;margin:0;font-size:clamp(76px,25vw,115px);line-height:.85;letter-spacing:-.085em;text-shadow:0 4px 20px #08070c99}.hero h1 small{margin:18px 0 0 7px;font-size:12px;letter-spacing:.55em;line-height:1.4}.hero-message{position:relative;z-index:3;max-width:none;margin-top:165px}.hero-message h2{max-width:100%;font-size:clamp(24px,6.1vw,30px);line-height:1.22;letter-spacing:-.8px}.hero-message p{margin:22px 0 28px;color:#c3b9ca;font-size:12px;line-height:1.85}.hero-actions{display:flex;align-items:flex-start;flex-wrap:wrap;gap:18px 22px}.hero-actions .button{padding:17px 20px;font-size:11px}.hero-actions .text-link{margin:0;font-size:11px}.hero-scroll{right:6%;bottom:16px;width:34px;height:34px}.section{padding:65px 6%}.section-label{margin-bottom:32px;font-size:9px;letter-spacing:.8px}.section-heading{display:block;margin-bottom:30px}.section-heading h2,.expertise h2{font-size:clamp(36px,10vw,45px)}.section-heading>p{max-width:100%;margin-top:18px;font-size:12px}.project-grid{grid-template-columns:1fr;gap:38px}.project-art{padding:9px;border-radius:11px}.browser-bar{padding:2px 2px 10px;font-size:8px}.project-caption{margin-top:17px}.project-caption h3{font-size:26px}.project-caption p{font-size:11px}.project-category{font-size:8px}.project-circle{width:39px;height:39px}.visit-project{display:none}.project-note{margin-top:25px}summary{gap:20px;padding:23px 0}summary h3{font-size:22px}summary p{font-size:9px;line-height:1.5;letter-spacing:.4px}.service-detail{padding:0 10px 28px 34px;font-size:12px}.studio-grid{display:flex;flex-direction:column;align-items:stretch;gap:35px}.studio-grid>div:last-child{order:1}.studio-mark{order:2;width:100%;height:255px;margin:0;padding:0 15px;font-size:clamp(75px,21vw,105px);letter-spacing:-.085em}.studio-mark .studio-spark{margin-left:8px;font-size:.48em}.studio-mark>small{bottom:30px;font-size:8px;letter-spacing:2px;white-space:nowrap}.studio h2{font-size:clamp(35px,9vw,46px)}.body-copy{font-size:13px}.process{grid-template-columns:1fr;gap:32px;margin-top:45px;padding-top:30px}.process p{max-width:100%}.contact{margin:0 8px;padding:65px 6%;border-radius:22px}.contact h2{font-size:clamp(42px,11vw,55px);letter-spacing:-.055em}.contact>p{font-size:12px}.brief{margin-top:35px;padding:24px 18px;border-radius:18px}.form-grid{grid-template-columns:1fr;gap:0}.brief .button{width:100%;justify-content:space-between}.legal-notice{margin-top:30px}.case-page{padding:120px 6% 65px}.case-back{margin-bottom:30px}.case-heading h1{font-size:clamp(54px,15vw,100px)}.case-intro{font-size:14px}.case-preview{margin:35px 0 50px}.case-story,.case-technical{grid-template-columns:1fr;gap:30px}.case-story h2,.case-technical h2{font-size:29px}.case-story section{margin-bottom:35px}.case-focus{grid-template-columns:1fr;gap:25px;margin-bottom:50px}.case-focus h3{max-width:none;margin-top:12px;font-size:21px}.case-next a{flex-wrap:wrap}.case-next a>span:first-child{width:100%}footer{display:grid;grid-template-columns:1fr 1fr;gap:35px 20px;padding:40px 6%;border:0;box-shadow:none}footer .logo{align-self:start}footer p{width:auto;justify-self:end;text-align:right}footer>span,footer>a:not(.logo){font-size:10px}footer .language{justify-self:end}}@media(max-width:380px){.header-cta{padding:10px;font-size:9px}.menu{gap:4px;font-size:10px}.hero{padding-top:125px}.hero-copy .eyebrow{margin-bottom:130px;font-size:7px}.hero .sculpture{top:150px;left:-9%;width:118%;height:320px}.hero h1{font-size:25vw}.hero-message{margin-top:150px}.hero-message h2{font-size:23px}.studio-mark{height:235px;font-size:20vw}.studio-mark>small{font-size:7px}.brief-heading{gap:12px}}@media(min-width:1600px){header,.section,footer{padding-left:max(5%,calc((100vw - 1440px)/2));padding-right:max(5%,calc((100vw - 1440px)/2))}.hero{min-height:850px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}