:root{--bg:#09080d;--panel:#13101b;--text:#f7f3fc;--muted:#aaa3b7;--purple:#a855f7;--line:rgba(255,255,255,.12);--mono:"DM Mono",monospace;--font:"Space Grotesk",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 80% 5%,#48146b35,transparent 38%),radial-gradient(ellipse at 0 55%,#3b076420,transparent 42%)}a{color:inherit}.wrap{width:min(1160px,calc(100% - 56px));margin:auto}.header{height:80px;padding:0 max(28px,calc((100vw - 1160px)/2));display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10;background:#09080de8;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:10px;letter-spacing:1.4px;font-weight:700}.brand>b{font-size:23px;letter-spacing:-2px}.brand b span{color:#c084fc;font-size:12px;vertical-align:top;margin-left:3px}.brand small{display:block;color:var(--muted);font:8px var(--mono);margin-top:3px}.nav{display:flex;align-items:center;gap:32px}.nav a{font-size:12px;text-decoration:none;color:#d5cedf}.nav a:hover,.underlink:hover{color:#d8b4fe}.nav .nav-cta{border:1px solid #a855f777;padding:11px 15px;border-radius:3px}.menu-toggle{display:none}.hero{min-height:690px;padding-top:100px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:25px;position:relative}.eyebrow{font:10px var(--mono);letter-spacing:1.5px;color:#c2b7d1;margin:0 0 23px}.eyebrow i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#c084fc;box-shadow:0 0 12px #a855f7;margin-right:9px}.hero h1{font-size:clamp(56px,7vw,88px);letter-spacing:-5px;line-height:.97;font-weight:600;margin:0}.hero h1 em,.heading h2 em,.about h2 em,.contact h2 em{font-style:normal;color:#c084fc;background:linear-gradient(100deg,#f5d0fe,#c084fc 48%,#7c3aed);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.lead{max-width:470px;font-size:15px;line-height:1.8;color:var(--muted);margin:27px 0}.actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;gap:25px;align-items:center;text-decoration:none;background:linear-gradient(115deg,#a855f7,#6d28d9);padding:15px 18px;border-radius:3px;font-size:12px;font-weight:700;box-shadow:0 8px 30px #7e22ce30;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 10px 38px #a855f755}.underlink{font-size:12px;text-decoration:none;border-bottom:1px solid #c084fc66;padding-bottom:5px}.meta{display:flex;gap:20px;flex-wrap:wrap;font:9px var(--mono);color:#93899f;margin-top:62px}.hero-art{height:430px;position:relative;display:grid;place-items:center;overflow:hidden}.glow{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#9333ea66,#581c8720 50%,transparent 72%);animation:breathe 5s ease-in-out infinite}.orbit{position:absolute;border:1px solid #c084fc44;border-radius:50%}.o1{width:340px;height:190px;transform:rotate(-28deg);animation:rotate 20s linear infinite}.o2{width:270px;height:350px;transform:rotate(42deg);border-color:#a855f729;animation:rotate 24s linear infinite reverse}.play{z-index:1;width:160px;height:160px;border:1px solid #d8b4fe88;border-radius:50%;display:grid;place-items:center;font-size:34px;color:#f3e8ff;padding-left:7px;background:linear-gradient(145deg,#c084fc30,#1c112bba);box-shadow:inset 0 0 35px #a855f725,0 0 65px #7e22ce33}.float{position:absolute;background:#120d1be8;border:1px solid #c084fc55;padding:11px 13px;font:9px var(--mono);letter-spacing:1px;z-index:2}.top{top:62px;right:0}.bottom{bottom:65px;left:0;color:#e9d5ff}.art-index{position:absolute;bottom:15px;right:10px;color:#71687f;font:10px var(--mono)}.hero-foot{position:absolute;bottom:0;left:0;right:0;border-top:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font:9px var(--mono);letter-spacing:1px;color:#91899e}.hero-foot b{color:#c084fc;font-weight:400}.hero-foot a{color:#c4b5fd;text-decoration:none}.work{padding-top:130px;padding-bottom:125px}.heading{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-bottom:40px}.heading h2,.about h2,.contact h2{font-size:clamp(44px,5.3vw,66px);letter-spacing:-3px;line-height:1.02;font-weight:500;margin:0}.intro{max-width:360px;color:var(--muted);font-size:13px;line-height:1.8;margin:0 0 4px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.filter{background:transparent;border:1px solid var(--line);color:#aaa3b7;padding:10px 13px;border-radius:3px;font:10px var(--mono);cursor:pointer}.filter.active,.filter:hover{background:#a855f71c;border-color:#c084fc88;color:#f3e8ff}.projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 22px}.project{min-width:0}.project[hidden]{display:none}.media{position:relative;width:100%;aspect-ratio:16/9;height:auto;max-height:560px;margin-inline:auto;overflow:hidden;border:1px solid #ffffff17;background:#18121f;transition:max-width .25s ease}.purple{background:radial-gradient(ellipse at 65% 35%,#6d28d9,transparent 45%),linear-gradient(140deg,#1b1029,#09080d 70%)}.blue{background:radial-gradient(ellipse at 70% 30%,#4338ca,transparent 45%),linear-gradient(140deg,#11172b,#09080d 75%)}.pink{background:radial-gradient(ellipse at 50% 50%,#9d174d,transparent 43%),linear-gradient(140deg,#281020,#09080d 75%)}.placeholder{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;cursor:pointer;transition:opacity .2s;background:#09080d18}.placeholder:focus-visible{outline:2px solid #d8b4fe;outline-offset:-5px}.placeholder label{position:absolute;top:14px;left:14px;background:#09080dbb;border:1px solid #ffffff30;padding:7px 9px;font:8px var(--mono);letter-spacing:1px}.symbol{font-size:25px;color:#f5d0fe;border:1px solid #d8b4fe99;border-radius:50%;width:55px;height:55px;display:grid;place-items:center;margin-bottom:13px}.placeholder p{font:10px var(--mono);line-height:1.7;letter-spacing:2px;color:#c9c1d5;margin:0}.placeholder strong{font:700 22px var(--font);color:white;letter-spacing:0}.placeholder small{font:9px var(--mono);color:#b0a3c0;margin-top:15px;padding:0 15px}.media video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;z-index:1;background:#000}.media iframe.drive-video{position:absolute;inset:0;width:100%;height:100%;border:0;z-index:1;background:#000}.media.has-video iframe.drive-video{opacity:1}.media.has-video video{opacity:1}.media.is-playing .placeholder{opacity:0;pointer-events:none}.media.is-vertical{max-width:320px;aspect-ratio:9/16}.media.is-horizontal{aspect-ratio:16/9}.media.is-square{max-width:420px;aspect-ratio:1/1}.media .placeholder .symbol{transition:transform .2s ease,background .2s ease}.media .placeholder:hover .symbol{transform:scale(1.08);background:#c084fc22}.ratio{position:absolute;bottom:12px;right:12px;z-index:2;background:#09080dbb;padding:6px 8px;font:9px var(--mono);color:#e9d5ff}.project-title{display:flex;align-items:center;justify-content:space-between;margin-top:17px}.project-title small{font:9px var(--mono);letter-spacing:1px;color:#c084fc}.project-title h3{font-size:18px;font-weight:500;margin:7px 0 0}.project-title>b{font-size:22px;color:#c084fc}.desc{font-size:12px;line-height:1.8;color:var(--muted);margin:10px 0 0}.note{font:10px var(--mono);color:#91899e;margin-top:35px}.services{padding:115px 0;background:linear-gradient(110deg,#1e142ca8,#0c0a11c9);border-block:1px solid var(--line)}.service-list{border-top:1px solid var(--line);margin-top:45px}.service{display:grid;grid-template-columns:35px 48px 1fr 60px 20px;align-items:center;gap:18px;padding:25px 0;border-bottom:1px solid var(--line);transition:padding .2s}.service:hover{padding-inline:8px}.num,.service>small{font:10px var(--mono);color:#92899f}.service-icon{width:44px;height:44px;display:grid;place-items:center;background:#a855f71c;border:1px solid #c084fc44;color:#d8b4fe;font-size:20px}.service h3{font-size:18px;font-weight:500;margin:0 0 7px}.service p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.service>b{color:#c084fc;font-size:20px}.about{padding-top:135px;padding-bottom:135px;display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.stamp{width:285px;height:285px;justify-self:center;position:relative;border:1px solid #c084fc55;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#7e22ce30,transparent 68%)}.stamp:before,.stamp:after{content:"";position:absolute;inset:20px;border:1px solid #c084fc2e;border-radius:50%}.stamp:after{inset:44px;border-style:dashed}.stamp>span{position:absolute;top:13px;font:9px var(--mono);letter-spacing:1.6px;color:#c4b5fd;white-space:nowrap}.stamp>b{font-size:62px;letter-spacing:-5px;z-index:1}.stamp em{font-size:23px;color:#c084fc;vertical-align:top;font-style:normal;margin-left:5px}.about-lead{font-size:17px;line-height:1.75;color:#e4ddea;max-width:520px;margin:25px 0 12px}.about .desc{max-width:520px;line-height:1.9;margin-bottom:25px}.contact{padding-bottom:115px}.contact-card{position:relative;overflow:hidden;padding:75px 58px;border:1px solid #c084fc4f;background:linear-gradient(120deg,#2d1745c7,#0e0b14f2 68%)}.contact-glow{position:absolute;width:400px;height:400px;right:-100px;top:-160px;border-radius:50%;background:radial-gradient(circle,#9333ea45,transparent 68%)}.contact-card>*:not(.contact-glow){position:relative}.contact h2{font-size:clamp(42px,5.4vw,70px)}.contact-card>p:not(.eyebrow){font-size:13px;line-height:1.8;color:var(--muted);max-width:480px;margin:22px 0 25px}.contact-card>small{display:block;color:#91899e;font:9px var(--mono);margin-top:16px}.footer{min-height:105px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.footer p,.footer>a:last-child{font:9px var(--mono);color:#91899e;text-decoration:none}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@keyframes breathe{0%,100%{transform:scale(.92);opacity:.8}50%{transform:scale(1.08);opacity:1}}@keyframes rotate{to{rotate:360deg}}@media(max-width:850px){.header{padding:0 22px}.nav{gap:18px}.hero{min-height:600px;grid-template-columns:1fr .8fr;padding-top:70px}.hero h1{font-size:64px}.hero-art{height:340px}.heading{gap:25px}.about{gap:45px}.stamp{width:235px;height:235px}}@media(max-width:650px){.wrap{width:calc(100% - 36px)}.header{height:70px;padding:0 18px}.menu-toggle{display:block;color:white;background:none;border:0;font-size:23px}.nav{display:none;position:absolute;top:69px;left:0;right:0;background:#09080dfc;padding:12px 20px 20px;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a,.nav .nav-cta{padding:14px 0;border-bottom:1px solid #ffffff12;border-inline:0}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:65px;padding-bottom:50px;min-height:auto}.hero h1{font-size:clamp(54px,14vw,75px);letter-spacing:-4px}.lead{font-size:14px}.hero-art{height:285px}.play{width:130px;height:130px}.o1{width:270px;height:150px}.o2{width:220px;height:290px}.meta{margin-top:40px;gap:12px}.hero-foot{position:relative;margin-top:15px;font-size:8px}.hero-foot a{width:100%;margin-top:5px}.work{padding-top:85px;padding-bottom:85px}.heading{display:block;margin-bottom:30px}.heading h2,.about h2{font-size:54px}.intro{margin-top:18px}.filters{gap:6px}.filter{padding:9px 10px;font-size:9px}.projects{grid-template-columns:1fr;gap:32px}.media{height:auto}.services{padding:80px 0}.service-list{margin-top:30px}.service{grid-template-columns:22px 38px 1fr 18px;gap:10px;padding:22px 0}.service-icon{width:36px;height:36px}.service h3{font-size:15px}.service p{font-size:11px}.service>small{display:none}.about{padding-top:85px;padding-bottom:85px;grid-template-columns:1fr;gap:48px}.stamp{grid-row:2;width:225px;height:225px}.about-copy{grid-row:1}.about-lead{font-size:16px}.contact{padding-bottom:70px}.contact-card{padding:50px 23px}.contact h2{font-size:clamp(39px,11vw,57px);letter-spacing:-2px}.contact-card>p:not(.eyebrow){font-size:12px}.footer{padding:24px 0;flex-wrap:wrap}.footer p{order:3;width:100%;margin:0}.footer>a:last-child{margin-left:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}