@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0c1218;--bg2:#111c25;--surface:rgba(255,255,255,.08);--line:rgba(225,241,245,.18);--text:#edf3ef;--muted:#9eabb1;--lime:#d8f58f;--cyan:#9ce9eb;--ease:cubic-bezier(.23,1,.32,1);--r:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 Manrope,system-ui,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.15;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.skip{position:fixed;left:16px;top:12px;z-index:99;transform:translateY(-150%);padding:10px 16px;background:#fff;color:#111;border-radius:999px}.skip:focus{transform:none}.glass{background:rgba(18,31,41,.62);backdrop-filter:blur(22px) saturate(140%);border:1px solid var(--line);box-shadow:0 18px 60px rgba(0,0,0,.2)}.navbar{position:fixed;z-index:20;top:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:24px;padding:10px 14px 10px 20px;border-radius:999px;width:min(940px,calc(100% - 32px));color:#e7efed}.wordmark{font-size:20px;font-weight:700;letter-spacing:-.08em;display:inline-flex;gap:0}.navbar .wordmark span{display:inline-block;transition:font-weight 180ms var(--ease),transform 180ms var(--ease)}.nav-divider{height:20px;width:1px;background:var(--line)}nav{display:flex;gap:22px;align-items:center;flex:1}nav a,.nav-contact{font-size:13px;color:#b7c1c3;transition:color 180ms ease}.navbar nav a:hover,.nav-contact:hover{color:#fff}.nav-contact{color:var(--text);display:flex;align-items:center;gap:8px}.nav-contact svg{width:14px}.tiny-dot{width:5px;height:5px;background:var(--lime);display:inline-block;border-radius:50%;vertical-align:middle;margin-left:3px}.mobile-menu{display:none;background:none;border:0;color:#fff}.hero{min-height:100svh;position:relative;padding:150px 5vw 28px;display:flex;flex-direction:column;overflow:hidden}.hero-atmosphere{position:absolute;inset:0;background:radial-gradient(circle at 70% 40%,rgba(78,203,210,.18),transparent 28%),radial-gradient(circle at 20% 75%,rgba(127,99,210,.2),transparent 34%),linear-gradient(150deg,#132431,#0b1017 65%);z-index:-2}.hero-atmosphere:after{content:"";position:absolute;width:60vw;height:60vw;right:-14vw;top:7vh;border:1px solid rgba(210,242,232,.15);border-radius:50%;box-shadow:0 0 0 60px rgba(210,242,232,.03),0 0 0 120px rgba(210,242,232,.025),0 0 100px rgba(160,235,175,.12);animation:orbit 18s linear infinite}.hero-topline,.hero-bottom{display:flex;justify-content:space-between;align-items:center;font:10px 'DM Mono',monospace;letter-spacing:.18em;color:#819094}.hero-content{display:grid;grid-template-columns:1fr 1fr;align-items:center;flex:1;max-width:1320px;width:100%;margin:auto}.availability{font:11px 'DM Mono',monospace;color:var(--lime);letter-spacing:.08em;margin-bottom:24px}.availability span{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;margin-right:7px;box-shadow:0 0 16px var(--lime)}h1,h2,h3,p{margin:0}h1{font-size:clamp(58px,8vw,124px);line-height:.92;letter-spacing:-.075em;font-weight:600;max-width:800px}h1 em,h2 em{font-style:normal;color:var(--lime)}.hero-copy>p{font-size:18px;color:#afbdc0;margin-top:28px}.hero-actions{display:flex;gap:10px;margin-top:32px}.btn{border:1px solid var(--line);border-radius:999px;color:var(--text);background:rgba(255,255,255,.06);padding:12px 18px;display:inline-flex;align-items:center;gap:10px;cursor:pointer;transition:transform 160ms ease-out,background 180ms ease-out,border-color 180ms ease-out}.btn svg{width:16px;height:16px}.btn:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.36)}.btn:active{transform:scale(.97)}.btn.primary{background:var(--lime);color:#15201b;border-color:var(--lime);font-weight:700}.hero-disciplines{display:flex;gap:18px;margin-top:68px;color:#7f8d90;font:10px 'DM Mono',monospace;text-transform:uppercase}.hero-disciplines span:before{content:'·';color:var(--lime);margin-right:6px}.hero-art{position:relative;height:62vh;min-height:420px}.hero-art img{position:absolute;inset:5% 4% 4% 0;width:100%;height:100%;object-fit:cover;mix-blend-mode:screen;opacity:.85;border-radius:50%;filter:saturate(110%) contrast(105%)}.art-orbit{position:absolute;inset:11% 2% 10% 0;border:1px solid rgba(206,244,228,.25);border-radius:50%;transform:rotate(-25deg) scaleY(.42);animation:orbit 14s linear infinite}.orbit-two{transform:rotate(35deg) scaleY(.55);animation-duration:19s;animation-direction:reverse}.floating-tag{position:absolute;right:4%;top:19%;padding:10px 14px;border-radius:999px;color:#cbd9d8;font-size:11px;display:flex;gap:8px;align-items:center}.floating-tag svg{color:var(--lime);width:14px}.art-coordinate{position:absolute;bottom:12%;left:2%;font:9px 'DM Mono',monospace;color:#90a2a2;letter-spacing:.12em}.hero-bottom{border-top:1px solid var(--line);padding-top:16px}.hero-bottom a{color:#b6c4c2}.hero-bottom a span{color:var(--lime);font-size:16px;margin-left:8px}.motion-toggle{border:0;background:none;color:#a6b2b2;cursor:pointer}.motion-toggle svg{width:15px}.section{padding:140px 7vw;max-width:1500px;margin:auto}.section-label,.eyebrow{font:10px 'DM Mono',monospace;letter-spacing:.18em;color:#87969a}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:start}.about h2,.section-heading h2{font-size:clamp(48px,6vw,90px);line-height:.98;letter-spacing:-.07em;font-weight:500;margin-top:26px}.about h2 span,.section-heading h2 span{color:var(--lime)}.lead{font-size:26px;line-height:1.25;color:#e5ece8;margin:42px 0 24px;max-width:520px}.about-grid p:not(.lead){color:var(--muted);max-width:560px}.skill-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.badge{font:10px 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase;padding:7px 10px;border-radius:999px;border:1px solid var(--line);color:#abb9b9;display:inline-block}.works{max-width:none;background:linear-gradient(180deg,transparent,rgba(120,190,190,.04) 12%,transparent 80%)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:50px}.section-heading p{color:var(--muted);font-size:14px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.filter{border:1px solid var(--line);background:transparent;color:#8f9b9d;border-radius:999px;padding:9px 14px;font-size:12px;cursor:pointer;transition:background 180ms ease,color 180ms ease}.filter.active,.filter:hover{background:#dff49c;color:#1b251d;border-color:#dff49c}.filter span{margin-left:10px;opacity:.5}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px 24px}.project-art{position:relative;display:block;width:100%;aspect-ratio:1.35;border:0;border-radius:var(--r);overflow:hidden;cursor:pointer;background:#1d2a35;color:#fff;text-align:left}.project-art:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 38%,rgba(0,0,0,.28));opacity:.5}.project-art>img{width:100%;height:100%;object-fit:cover;opacity:.7;mix-blend-mode:screen}.chrome{background:radial-gradient(circle at 60% 45%,#93b7dd,#334b6c 28%,#0e1d2d 68%)}.surface{background:linear-gradient(135deg,#eeacc3,#c76c9b 50%,#4b608f)}.interface{background:linear-gradient(135deg,#bce0e4,#718ba5 50%,#243448)}.imagination{background:linear-gradient(120deg,#8e7adc,#eaadc2 48%,#ef4b58)}.editorial-type,.imagination-type{position:absolute;inset:18% auto auto 10%;font-size:clamp(42px,6vw,90px);font-weight:700;letter-spacing:-.08em;color:#fff;z-index:1}.editorial-type span,.imagination-type span{display:block;font-size:.32em;letter-spacing:-.02em;font-weight:500;margin-left:3em}.imagination-type{color:#fff;inset:30% auto auto 16%;font-size:clamp(54px,7vw,110px)}.sample-ui{position:absolute;z-index:1;inset:16% 10%;border-radius:28px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;color:#eef4f1}.sample-ui b{font-size:clamp(24px,3vw,44px);line-height:1;letter-spacing:-.06em}.mini-pills{font-size:12px;border:1px solid var(--line);border-radius:999px;padding:9px 12px;align-self:flex-start}.mini-pills i{font-style:normal;color:var(--lime);margin-left:28px}.art-index{position:absolute;z-index:2;top:18px;left:20px;font:9px 'DM Mono',monospace;letter-spacing:.1em}.art-arrow{position:absolute;z-index:2;right:18px;top:14px;background:rgba(0,0,0,.2);border:1px solid var(--line);border-radius:50%;padding:8px;opacity:0;transform:translate(-8px,8px);transition:opacity 180ms ease-out,transform 180ms ease-out}.project-art:hover .art-arrow{opacity:1;transform:none}.project-caption{display:flex;justify-content:space-between;align-items:center;padding:14px 2px}.project-caption h3{font-size:18px;font-weight:500}.project-caption p{font-size:12px;color:#829092;margin-top:3px}.assets-section{max-width:none}.asset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.asset-card{border-radius:var(--r);overflow:hidden}.asset-preview{height:190px;display:flex;align-items:center;justify-content:center;position:relative}.asset-preview>span:first-child{font-size:72px;font-weight:700;letter-spacing:-.08em;color:#fff}.asset-preview .badge{position:absolute;right:16px;top:16px;color:#17231c;border-color:transparent;background:var(--lime);font-size:9px}.gradient-preview{background:linear-gradient(140deg,#5fcad2,#936be7 45%,#ef84aa 75%,#c9f075)}.glass-preview{background:linear-gradient(145deg,#b4d9dd,#61748a);font-family:'DM Mono',monospace}.glass-preview>span:first-child{font-size:84px}.prompt-preview{background:linear-gradient(120deg,#1c2b37,#425c72)}.asset-info{padding:18px}.asset-info h3{font-size:17px;font-weight:500}.asset-info p{color:var(--muted);font-size:12px;margin:4px 0 18px}.asset-download{background:none;color:var(--lime);border:0;padding:0;cursor:pointer;font-size:12px;display:flex;gap:8px;align-items:center}.asset-download svg{width:14px}.clients{background:radial-gradient(circle at 80% 40%,rgba(140,120,220,.11),transparent 30%)}.text-link{display:inline-flex;gap:8px;color:var(--lime);margin-top:30px;font-size:14px;align-items:center}.text-link svg{width:15px}.contact{position:relative;text-align:center;min-height:700px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.contact-glow{position:absolute;inset:15% 18%;border-radius:50%;background:radial-gradient(circle,#b8e986 0,rgba(120,200,220,.16) 24%,transparent 64%);filter:blur(40px);opacity:.45}.contact>*:not(.contact-glow){position:relative}.contact h2{font-size:clamp(58px,10vw,140px);line-height:.88;letter-spacing:-.08em;font-weight:600;margin:24px 0}.contact p{color:var(--muted);font-size:17px}.contact .btn{margin-top:32px}.contact-note{font:10px 'DM Mono',monospace;color:#728083;margin-top:72px;letter-spacing:.1em}footer{display:flex;justify-content:space-between;align-items:center;padding:28px 7vw;border-top:1px solid var(--line);color:#738084;font:11px 'DM Mono',monospace}footer>div{display:flex;gap:20px;align-items:center}footer button{color:var(--lime);border:0;background:none;cursor:pointer;font:inherit;display:flex;gap:6px;align-items:center}footer svg{width:14px}.toasts{position:fixed;z-index:50;right:18px;bottom:18px;display:flex;flex-direction:column;gap:8px}.toast{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:16px;min-width:290px;font-size:13px;animation:toast-in 280ms var(--ease)}.toast svg{width:16px;color:var(--lime)}.toast button{margin-left:auto;border:0;background:none;color:#aeb9b7;cursor:pointer}.dialog{color:var(--text);border:1px solid rgba(220,240,240,.2);padding:0;border-radius:28px;background:rgba(15,26,35,.88);max-width:min(620px,calc(100% - 28px));width:100%;max-height:calc(100% - 28px);overflow:auto;box-shadow:0 30px 100px rgba(0,0,0,.45);animation:dialog-in 240ms var(--ease)}.dialog::backdrop{background:rgba(3,7,10,.7);backdrop-filter:blur(6px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line)}.dialog-head .btn{padding:7px}.dialog-body{padding:24px}.dialog-body .project-card{margin-bottom:24px}.dialog-body .project-art{pointer-events:none}.dialog-body .lead{margin:0;font-size:20px}.dialog-body .alert{border:1px solid rgba(216,245,143,.25);background:rgba(216,245,143,.08);color:#cad5c9;padding:12px 14px;border-radius:14px;margin-top:18px;font-size:13px}.dialog.wide{max-width:min(920px,calc(100% - 28px))}.dialog.drawer{position:fixed;inset:0 0 0 auto;margin:0;max-width:430px;height:100%;border-radius:28px 0 0 28px;transform:translateX(0);animation:drawer-in 300ms var(--ease)}.drawer-nav{display:flex;flex-direction:column;gap:16px}.drawer-nav a{font-size:22px;padding:12px 0;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);color:#dce6e3}.drawer-nav svg{width:18px}.field{display:block;margin:14px 0}.field>span{display:block;font-size:12px;color:#aebbb9;margin-bottom:7px}.field input,.field textarea,.field select{width:100%;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:12px;color:#fff;padding:11px 13px;outline:none}.field textarea{resize:vertical}.field select option{background:#16232d}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(216,245,143,.12)}.dialog form small{display:block;color:#829093;font-size:11px;margin-top:12px}.intro{max-width:none;width:100%;height:100%;border:0;border-radius:0;background:#0b1116;display:flex;flex-direction:column;justify-content:space-between}.intro .dialog-head{position:absolute;top:0;left:0;right:0;border:0}.intro .dialog-head .eyebrow{color:#a9b7b7}.intro .dialog-body{padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;position:relative;overflow:hidden}.intro-orbits{position:absolute;inset:10%;display:flex;align-items:center;justify-content:center}.intro-orbits i{position:absolute;width:55vw;height:28vw;border:1px solid rgba(216,245,143,.24);border-radius:50%;transform:rotate(calc(var(--i)*30deg))}.intro-copy{text-align:center;position:relative}.intro-copy h2{font-size:clamp(56px,9vw,130px);line-height:.88;letter-spacing:-.08em;margin-top:18px}.intro-footer{display:flex;justify-content:space-between;padding:20px 28px;font:10px 'DM Mono',monospace;color:#9da8aa;letter-spacing:.12em}.intro-progress{height:3px;background:#283039}.intro-progress span{display:block;width:10%;height:100%;background:var(--lime);animation:progress 6s linear}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important;transition-duration:0ms!important}@keyframes orbit{to{transform:rotate(335deg) scaleY(.42)}}@keyframes toast-in{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}@keyframes dialog-in{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes drawer-in{from{transform:translateX(100%)}to{transform:none}}@keyframes progress{to{width:100%}}@media (max-width:800px){.navbar{top:12px}.navbar nav,.nav-contact,.nav-divider{display:none}.mobile-menu{display:block;margin-left:auto}.hero{padding:115px 22px 20px}.hero-content{display:flex;flex-direction:column;align-items:stretch}.hero-copy{padding-top:32px}.hero-copy>p{font-size:16px}.desktop-break{display:none}.hero-art{height:42vh;min-height:290px;order:2}.hero-disciplines{margin-top:36px;gap:10px;flex-wrap:wrap}.hero-bottom{font-size:8px}.hero-bottom a{font-size:0}.hero-bottom a span{font-size:16px}.section{padding:90px 22px}.about-grid{grid-template-columns:1fr;gap:30px}.about h2,.section-heading h2{font-size:52px}.lead{font-size:21px;margin-top:10px}.section-heading{display:block;margin-bottom:30px}.section-heading p{margin-top:18px}.project-grid{grid-template-columns:1fr;gap:24px}.asset-grid{grid-template-columns:1fr}.asset-preview{height:160px}footer{padding:22px;display:grid;gap:16px}footer>div{justify-content:space-between}.contact{min-height:590px}.contact h2{font-size:70px}.intro-copy h2{font-size:64px}.intro-orbits i{width:100vw;height:48vw}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-atmosphere:after,.art-orbit{animation:none}.btn,.project-art .art-arrow{transition:none}}