@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#070b16;--panel:#0d1427;--ink:#edf4ff;--muted:#94a2bb;--line:rgba(181,204,255,.19);--cyan:#58f5e0;--violet:#9177ff;--pink:#fa76d3;--blue:#76a7ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;background-image:linear-gradient(rgba(125,156,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(125,156,255,.035) 1px,transparent 1px);background-size:42px 42px}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:20;background:linear-gradient(transparent 50%,rgba(1,3,9,.13) 50%);background-size:100% 4px;opacity:.16}.nav-wrap{position:sticky;top:0;z-index:10;background:rgba(7,11,22,.78);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.nav{height:76px;max-width:1320px;margin:auto;padding:0 34px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.mark{font:600 1.1rem 'DM Mono',monospace;letter-spacing:-.1em;text-decoration:none}.mark span{color:var(--cyan);filter:drop-shadow(0 0 8px var(--cyan));margin-left:4px}.nav-title{margin:0;text-align:center;color:var(--muted);font:.55rem/1.5 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.13em}.nav-title i{font-style:normal;color:var(--cyan)}.nav-links{justify-self:end;display:flex;gap:24px}.nav-links a{font:.63rem 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;color:var(--muted);transition:.2s}.nav-links a:last-child{border:1px solid rgba(88,245,224,.5);padding:9px 11px;color:var(--cyan)}.nav-links a:hover{color:var(--ink);text-shadow:0 0 14px var(--cyan)}.intro{min-height:520px;position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 70% 50%,rgba(83,63,187,.4),transparent 35%),radial-gradient(ellipse at 18% 110%,rgba(0,173,177,.24),transparent 45%)}.intro:before,.intro:after{content:'';position:absolute;border:1px solid rgba(123,122,255,.25);border-radius:50%;filter:drop-shadow(0 0 25px #7656ef)}.intro:before{width:510px;height:510px;right:-120px;top:18px;animation:orbit 16s linear infinite}.intro:after{width:330px;height:330px;right:-30px;top:110px;border-color:rgba(88,245,224,.55);animation:orbit 10s linear infinite reverse}.intro-inner{position:relative;z-index:1;width:min(1170px,calc(100% - 68px));margin:auto;padding:110px 0 80px}.kicker{color:var(--cyan);font:.62rem 'DM Mono',monospace;letter-spacing:.11em;text-transform:uppercase;margin:0 0 24px}.intro h1{font:500 clamp(3.6rem,7vw,7rem)/.9 'Space Grotesk',sans-serif;letter-spacing:-.085em;margin:0;max-width:900px}.intro h1 em,.about h2 em{font-style:normal;color:var(--cyan);text-shadow:0 0 24px rgba(88,245,224,.35)}.intro-copy{max-width:490px;margin:30px 0 0;color:var(--muted);font-size:1rem;line-height:1.65}.intro-sticker{position:absolute;z-index:2;font:.6rem 'DM Mono',monospace;letter-spacing:.13em;border:1px solid var(--line);background:rgba(13,20,39,.64);backdrop-filter:blur(7px);color:var(--cyan);box-shadow:0 0 20px rgba(88,245,224,.08)}.sticker-one{right:9%;top:22%;padding:14px;animation:float 5s ease-in-out infinite}.sticker-two{left:7%;bottom:13%;padding:15px 10px;border-radius:50%;color:var(--pink);animation:pulse 3s ease-in-out infinite}.scroll-note{position:absolute;z-index:2;right:3%;bottom:22px;color:var(--muted);font:.56rem 'DM Mono',monospace;writing-mode:vertical-rl;letter-spacing:.13em}.scroll-note span{color:var(--cyan);font-size:1.1rem}.projects{max-width:1320px;margin:auto;padding:0 34px 120px}.section-bar{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:15px;padding:23px 0;border-bottom:1px solid var(--line)}.section-bar p,.section-bar h2{font:.58rem 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase;margin:0;color:var(--muted)}.section-bar h2{text-align:center;color:var(--cyan)}.section-bar p:last-child{text-align:right}.project-list{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;padding-top:13px}.case{min-height:360px;text-decoration:none;position:relative;padding:19px;overflow:hidden;isolation:isolate;border:1px solid var(--line);background:linear-gradient(145deg,rgba(20,31,58,.78),rgba(9,14,29,.92));transition:transform .35s,border-color .35s,box-shadow .35s}.case:before{content:'';position:absolute;inset:-40%;z-index:-1;background:conic-gradient(from 70deg,transparent 0deg,rgba(88,245,224,.22) 32deg,transparent 66deg);opacity:0;transition:opacity .35s;animation:spin 9s linear infinite}.case:hover{transform:translateY(-8px);border-color:var(--cyan);box-shadow:0 15px 35px rgba(0,0,0,.35),0 0 28px rgba(88,245,224,.11)}.case:hover:before{opacity:1}.case-number,.case-copy span,.case-copy b{font:.58rem 'DM Mono',monospace;letter-spacing:.1em;text-transform:uppercase}.case-number{color:var(--cyan);text-align:right}.case-copy{position:absolute;left:19px;right:19px;bottom:19px;z-index:2}.case-copy span{color:var(--muted)}.case-copy h3{font:500 clamp(1.55rem,2.5vw,2.7rem)/.95 'Space Grotesk',sans-serif;letter-spacing:-.065em;margin:11px 0 22px}.case-copy b{color:var(--cyan);border-bottom:1px solid rgba(88,245,224,.55);padding-bottom:4px}.case img{position:absolute;z-index:-1;width:80%;height:51%;top:47px;right:10%;object-fit:cover;filter:grayscale(.65) contrast(1.16) brightness(.78) hue-rotate(155deg);mix-blend-mode:screen;opacity:.83;transition:transform .5s,filter .5s}.case:hover img{transform:scale(1.08) rotate(2deg);filter:grayscale(.2) contrast(1.1) brightness(1) hue-rotate(130deg)}.case-orange{--accent:var(--pink)}.case-blue{--accent:var(--blue)}.case-yellow{--accent:var(--cyan)}.case-pink{--accent:var(--pink)}.case-green{--accent:var(--cyan)}.case-purple{--accent:var(--violet)}.case:after{content:'';position:absolute;width:5px;height:5px;top:17px;left:17px;background:var(--accent);box-shadow:0 0 12px var(--accent)}.about{position:relative;overflow:hidden;border-block:1px solid var(--line);padding:115px max(34px,calc((100vw - 1170px)/2));display:grid;grid-template-columns:.8fr 1.6fr .5fr;gap:50px;background:linear-gradient(105deg,#0c1326,#0b0e1f)}.about:before{content:'';position:absolute;width:500px;height:500px;border:1px solid rgba(145,119,255,.35);border-radius:50%;right:-180px;bottom:-280px;box-shadow:0 0 70px rgba(145,119,255,.2)}.about .kicker{margin-top:11px}.about h2{font:500 clamp(2.6rem,5vw,5rem)/.9 'Space Grotesk',sans-serif;letter-spacing:-.08em;margin:0}.about>div:nth-child(2)>p{max-width:490px;color:var(--muted);line-height:1.7;margin:27px 0}.about>div:nth-child(2)>a{font:.66rem 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.09em;color:var(--cyan);text-decoration:none}.about-orb{width:130px;height:130px;border-radius:50%;border:1px solid var(--cyan);box-shadow:inset 0 0 30px rgba(88,245,224,.2),0 0 25px rgba(88,245,224,.16);display:flex;align-items:center;justify-content:center;text-align:center;font:1rem/1 'DM Mono',monospace;color:var(--cyan);animation:orbit 14s linear infinite}.about-orb span{font-size:2rem}footer{background:#060913}.piano-note{border-bottom:1px solid var(--line);padding:22px max(34px,calc((100vw - 1170px)/2));display:flex;align-items:center;justify-content:space-between;gap:25px;font:.67rem 'DM Mono',monospace;color:var(--muted)}.piano-note p{margin:0}.piano-note a{color:var(--ink);text-decoration:none}.piano-note span{color:var(--cyan)}.footer-bottom{max-width:1320px;padding:27px 34px;margin:auto;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font:.58rem 'DM Mono',monospace}.footer-bottom p{margin:0}.footer-bottom>a:last-child{text-decoration:none}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes spin{to{rotate:360deg}}@keyframes float{50%{translate:0 -13px}}@keyframes pulse{50%{box-shadow:0 0 28px rgba(250,118,211,.42)}}@media(max-width:760px){.nav{height:65px;padding:0 18px;grid-template-columns:1fr auto}.nav-title{display:none}.nav-links{gap:13px}.nav-links a:not(:last-child){display:none}.intro{min-height:505px}.intro-inner{width:calc(100% - 36px);padding:97px 0}.intro h1{font-size:clamp(3.2rem,15vw,5rem)}.intro-sticker{display:none}.projects{padding:0 18px 70px}.section-bar{grid-template-columns:1fr auto}.section-bar h2{display:none}.project-list{grid-template-columns:1fr}.case{min-height:325px}.case-copy h3{font-size:2.4rem}.about{padding:75px 18px;grid-template-columns:1fr;gap:25px}.about-orb{display:none}.piano-note{padding:21px 18px;display:block;line-height:1.65}.piano-note a{display:block;margin-top:6px}.footer-bottom{padding:24px 18px;gap:14px;flex-wrap:wrap}}