:root{color-scheme:dark;--bg:#090a10;--text:#f2f3fc;--muted:#a7a9bd;--line:#292b3b;--accent:#b9b9ff;--font:Inter,"Segoe UI",Arial,sans-serif}
    *{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:radial-gradient(ellipse at 80% 8%,#29215a24,transparent 42%),var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}::selection{background:var(--accent);color:var(--bg)}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:7px}a,button{touch-action:manipulation}.wrap{max-width:1320px;margin:auto;padding:0 64px}.skip{position:absolute;top:-80px;left:24px;z-index:5;padding:14px;background:var(--accent);color:var(--bg)}.skip:focus{top:14px}
    header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:12px;font-size:19px;font-weight:650;letter-spacing:-.6px}.brand img{width:36px;height:36px;object-fit:contain;filter:brightness(0) invert(1)}nav{display:flex;align-items:center;gap:32px;font-size:13px}nav a{color:#c4c5d8;transition:color .2s}nav a:hover{color:var(--accent)}nav .nav-contact{border:1px solid #50526d;border-radius:30px;padding:12px 18px;color:var(--text)}.arrow{display:inline-block;margin-left:12px;transition:transform .25s}a:hover .arrow{transform:translate(2px,-2px)}
    .hero{position:relative;min-height:650px;display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:20px;padding:82px 0 92px}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--accent);font-size:11px;letter-spacing:2px;font-weight:600;text-transform:uppercase}.dot{width:6px;height:6px;background:var(--accent);border-radius:50%;flex:none}.hero h1{font-size:clamp(55px,6.1vw,82px);font-weight:500;line-height:1.06;letter-spacing:-5px;margin:31px 0 26px}.hero h1 span{color:var(--accent)}.hero p{max-width:410px;font-size:17px;line-height:1.7;color:var(--muted);margin:0 0 34px}.hero-link{display:inline-flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 22px;border-radius:28px;background:var(--accent);color:#151527;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.hero-link:hover{background:#d7d5ff;transform:translateY(-2px)}
    .art{position:relative;min-width:0;aspect-ratio:1;display:grid;place-items:center;isolation:isolate}.hero-logo{display:block;width:100%;height:auto;filter:brightness(0) invert(1);animation:arrive 1.1s ease-out both}.art-note{position:absolute;bottom:0;right:0;font:10px/1.6 Consolas,monospace;letter-spacing:1.5px;color:#a3a6c6;text-transform:uppercase}
    .section{border-top:1px solid var(--line);padding:64px 0;display:grid;grid-template-columns:1fr 2fr;gap:48px}.section-label{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:var(--muted);margin:7px 0;display:flex;gap:16px}.section-label span{color:#85889f}.about h2{font-size:clamp(28px,3.2vw,42px);line-height:1.22;letter-spacing:-1.5px;font-weight:450;margin:0 0 24px;max-width:620px}.about p{font-size:16px;line-height:1.8;color:var(--muted);max-width:600px;margin:0}.signature{display:flex;gap:10px;align-items:center;color:#c4c5db;font-size:12px;margin-top:28px}.signature::before{content:"";width:24px;height:1px;background:#8983bd}
    .contact{padding-bottom:76px}.contact h2{font-size:clamp(34px,4vw,52px);font-weight:450;letter-spacing:-2px;margin:0 0 12px}.contact-intro{font-size:16px;color:var(--muted);line-height:1.7;margin:0 0 32px}.contact-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 0;border-top:1px solid var(--line)}.contact-row:last-of-type{border-bottom:1px solid var(--line)}.contact-label{display:block;text-transform:uppercase;font-size:10px;letter-spacing:1.5px;color:var(--muted);margin-bottom:9px}.contact-value{font-size:clamp(17px,2.2vw,26px);letter-spacing:-.6px}.email{transition:color .2s}.email:hover{color:var(--accent)}.contact-row>.arrow{font-size:25px;color:var(--accent);margin-right:6px}.copy{border:1px solid #55536e;color:var(--accent);background:transparent;border-radius:24px;padding:11px 16px;cursor:pointer;font-size:12px;transition:background .2s;flex:none;min-height:44px}.copy:hover{background:#252339}.copy[hidden]{display:none}.status{color:var(--accent);font-size:12px;min-height:18px;margin:12px 0 0}
    footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0 34px;font-size:11px;color:#a5a7bd}footer .footer-brand{color:#dedff0;font-weight:600;font-size:12px}footer a:hover{color:var(--accent)}.footer-links{display:flex;align-items:center;gap:24px}.footer-caption{margin-left:12px;color:#a5a7bd;font-weight:400}.hero-copy{animation:arrive .8s ease-out both}@keyframes arrive{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
    body{isolation:isolate;overflow-x:clip}body::before{content:"";position:fixed;z-index:-1;pointer-events:none;inset:0;background:radial-gradient(ellipse at 18% 62%,#3b2b861a,transparent 45%),radial-gradient(ellipse at 85% 22%,#244fcf18,transparent 42%);animation:ambient-drift 28s ease-in-out infinite alternate;transform-origin:center;will-change:transform,opacity}.art::before,.art::after{content:"";position:absolute;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(44px);will-change:transform,opacity}.art::before{width:58%;height:58%;left:8%;top:19%;background:#234dff;opacity:.18;animation:blue-glow 16s ease-in-out infinite alternate}.art::after{width:52%;height:52%;right:7%;top:24%;background:#7836eb;opacity:.17;animation:violet-glow 20s ease-in-out infinite alternate}.hero-logo{position:relative;z-index:1;animation:logo-float 14s ease-in-out infinite;will-change:transform;transform-origin:center}@keyframes logo-float{0%,100%{transform:translate3d(-3px,4px,0) rotate(-.6deg)}50%{transform:translate3d(4px,-7px,0) rotate(.6deg)}}.hero-copy{animation:none}@keyframes blue-glow{from{transform:translate(-5%,6%) scale(.9);opacity:.12}to{transform:translate(12%,-8%) scale(1.12);opacity:.23}}@keyframes violet-glow{from{transform:translate(7%,-7%) scale(1.08);opacity:.19}to{transform:translate(-10%,8%) scale(.92);opacity:.1}}@keyframes ambient-drift{from{transform:scale(1);opacity:.45}to{transform:scale(1.12);opacity:.9}}
    @media(min-width:1500px){.hero{min-height:710px}}
    @media(max-width:1000px){.wrap{padding:0 36px}.hero{min-height:600px;grid-template-columns:1.35fr 1fr}.hero h1{font-size:62px;letter-spacing:-3.8px}.section{grid-template-columns:1fr 2.5fr;gap:30px}.art-note{font-size:8px}.footer-caption{display:none}}
    @media(max-width:700px){.wrap{padding:0 24px}header{height:88px}.brand{font-size:17px;gap:8px}nav{gap:18px}nav .nav-contact{padding:10px 14px}nav .about-link{display:none}.hero{grid-template-columns:1fr;padding:64px 0 48px;gap:45px}.hero h1{font-size:clamp(48px,10vw,68px);letter-spacing:-3px;margin:25px 0}.hero p{font-size:16px;max-width:350px}.art{width:min(82%,340px);justify-self:center}.section{grid-template-columns:1fr;gap:28px;padding:40px 0}.section-label{margin:0}.about h2{font-size:31px}.contact h2{font-size:39px}.contact-row{padding:22px 0}.contact-value{font-size:19px}.contact{padding-bottom:36px}footer{align-items:flex-start;gap:22px;flex-wrap:wrap;padding:26px 0}.footer-links{gap:20px}.art-note{font-size:9px}}

    /* Soft star field; decorative only and behind all content. */
    body::after{content:"";position:fixed;top:0;left:0;width:1px;height:1px;border-radius:50%;z-index:-1;pointer-events:none;background:transparent;box-shadow:0.02vw 2.54vh 0.9px 0.3px rgba(225,222,255,0.15),8.20vw 61.39vh 1.3px 0.3px rgba(178,190,255,0.39),11.22vw 79.52vh 0.7px 0.1px rgba(225,222,255,0.19),81.86vw 53.74vh 1.3px 0.5px rgba(178,190,255,0.24),46.18vw 11.94vh 0.5px 0.0px rgba(178,190,255,0.17),93.74vw 53.06vh 0.4px 0.1px rgba(178,190,255,0.28),55.07vw 39.74vh 1.6px 0.2px rgba(178,190,255,0.30),62.12vw 32.72vh 1.9px 0.4px rgba(178,190,255,0.23),27.23vw 3.75vh 1.3px 0.6px rgba(225,222,255,0.22),26.31vw 82.97vh 0.6px 0.4px rgba(178,190,255,0.24),80.70vw 60.40vh 1.7px 0.2px rgba(178,190,255,0.23),12.13vw 8.69vh 1.6px 0.4px rgba(178,190,255,0.36),37.29vw 1.78vh 0.6px 0.4px rgba(178,190,255,0.18),51.48vw 71.47vh 0.4px 0.5px rgba(225,222,255,0.36),96.97vw 47.95vh 1.8px 0.4px rgba(178,190,255,0.25),36.35vw 4.54vh 0.4px 0.5px rgba(178,190,255,0.26),47.79vw 35.47vh 0.6px 0.3px rgba(225,222,255,0.34),60.59vw 10.15vh 1.2px 0.1px rgba(225,222,255,0.34),29.23vw 46.50vh 1.9px 0.1px rgba(178,190,255,0.27),37.15vw 36.69vh 1.4px 0.5px rgba(225,222,255,0.40),9.28vw 31.55vh 0.4px 0.3px rgba(178,190,255,0.22),57.16vw 51.79vh 0.6px 0.2px rgba(225,222,255,0.40),45.77vw 67.10vh 1.7px 0.6px rgba(225,222,255,0.24),50.53vw 44.82vh 1.2px 0.6px rgba(178,190,255,0.25),61.60vw 40.16vh 0.7px 0.6px rgba(178,190,255,0.20),67.27vw 10.52vh 1.7px 0.4px rgba(225,222,255,0.26),91.44vw 97.88vh 0.8px 0.3px rgba(178,190,255,0.39),95.42vw 67.48vh 1.3px 0.4px rgba(178,190,255,0.21),79.22vw 43.72vh 0.3px 0.2px rgba(225,222,255,0.33),63.45vw 40.28vh 1.6px 0.1px rgba(225,222,255,0.26),3.91vw 40.29vh 1.3px 0.3px rgba(178,190,255,0.39),63.06vw 90.52vh 1.5px 0.5px rgba(178,190,255,0.31),80.91vw 80.39vh 0.9px 0.4px rgba(178,190,255,0.28),10.46vw 96.80vh 1.7px 0.1px rgba(178,190,255,0.39),57.92vw 65.43vh 0.9px 0.5px rgba(225,222,255,0.28),26.45vw 16.10vh 0.5px 0.5px rgba(178,190,255,0.26),41.66vw 25.03vh 0.4px 0.3px rgba(225,222,255,0.16),65.64vw 49.95vh 1.0px 0.1px rgba(225,222,255,0.32),58.98vw 8.26vh 1.8px 0.3px rgba(178,190,255,0.19),35.80vw 75.53vh 1.8px 0.2px rgba(225,222,255,0.36),27.46vw 11.37vh 1.5px 0.3px rgba(225,222,255,0.36),97.97vw 53.29vh 1.1px 0.1px rgba(225,222,255,0.15),78.71vw 72.87vh 0.8px 0.4px rgba(178,190,255,0.31),72.10vw 23.77vh 0.8px 0.0px rgba(225,222,255,0.37),57.21vw 48.02vh 1.8px 0.5px rgba(178,190,255,0.39),89.97vw 79.35vh 1.8px 0.1px rgba(178,190,255,0.28),86.79vw 2.89vh 1.4px 0.3px rgba(225,222,255,0.21),41.19vw 61.44vh 1.3px 0.5px rgba(225,222,255,0.18),82.32vw 6.82vh 0.4px 0.4px rgba(178,190,255,0.38),37.28vw 33.77vh 0.4px 0.4px rgba(225,222,255,0.21),1.36vw 31.76vh 0.9px 0.3px rgba(225,222,255,0.34),22.12vw 33.19vh 0.5px 0.4px rgba(178,190,255,0.17),74.00vw 52.37vh 1.2px 0.1px rgba(225,222,255,0.33),16.25vw 78.52vh 1.4px 0.5px rgba(178,190,255,0.21),11.26vw 15.66vh 0.5px 0.3px rgba(178,190,255,0.38),95.34vw 51.52vh 0.4px 0.2px rgba(178,190,255,0.38),42.37vw 80.01vh 1.1px 0.5px rgba(225,222,255,0.28),82.05vw 75.80vh 1.2px 0.4px rgba(178,190,255,0.30),39.59vw 59.00vh 1.7px 0.1px rgba(225,222,255,0.38),68.96vw 45.91vh 1.0px 0.5px rgba(225,222,255,0.15),7.25vw 34.39vh 0.8px 0.5px rgba(178,190,255,0.17),13.21vw 31.20vh 1.4px 0.2px rgba(178,190,255,0.27),79.33vw 50.79vh 1.4px 0.2px rgba(225,222,255,0.15),39.57vw 28.93vh 1.6px 0.0px rgba(225,222,255,0.23),93.71vw 9.78vh 0.9px 0.5px rgba(178,190,255,0.34);opacity:.85;filter:blur(.35px)}
    body::before{background:radial-gradient(ellipse at 5% 35%,#35247330,transparent 43%),radial-gradient(ellipse at 96% 62%,#233e7733,transparent 42%),radial-gradient(ellipse at 40% 100%,#56357526,transparent 45%),radial-gradient(ellipse at 80% 8%,#224c9c20,transparent 35%)}
    @media(max-width:700px){body::after{opacity:.65}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;will-change:auto!important}}
    .social-value{display:inline-flex;align-items:center;gap:12px}.social-icon{width:24px;height:24px;flex:none;color:var(--accent)}
  
.projects-intro{padding:82px 0 48px;max-width:760px}.projects-intro h1{font-size:clamp(46px,6vw,72px);font-weight:500;letter-spacing:-3px;line-height:1.08;margin:24px 0}.projects-intro h1 span{color:var(--accent)}.projects-intro p{font-size:17px;line-height:1.8;color:var(--muted);max-width:560px;margin:0}.projects-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-bottom:64px}.project-card{display:flex;flex-direction:column;border:1px solid #37364e;border-radius:22px;overflow:hidden;background:linear-gradient(145deg,#191827d9,#10111bd9);transition:transform .2s,border-color .2s;box-shadow:0 18px 60px #0002}.project-card:hover{transform:translateY(-5px);border-color:#8c88bf}.project-art{height:210px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 70%,#4541b74d,transparent 65%);border-bottom:1px solid #ffffff0a}.project-art::before{content:"";position:absolute;width:180px;height:110px;border:1px solid #aaa6ff20;border-radius:58px;transform:rotate(-22deg)}.project-icon{width:88px;height:88px;border:1px solid #aba8ff55;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,#35345a,#171825);box-shadow:0 12px 38px #0006;color:#dddafe;position:relative}.project-icon svg{width:48px;height:48px}.project-state{position:absolute;top:20px;left:20px;display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#c9c6e4}.project-state::before{content:"";width:5px;height:5px;background:#87dbb3;border-radius:50%}.project-body{padding:26px;display:flex;flex:1;flex-direction:column}.project-type{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent)}.project-body h2{font-size:24px;letter-spacing:-.7px;font-weight:550;margin:13px 0}.project-body p{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 25px}.project-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:28px}.project-tags span{font-size:10px;color:#c6c3de;background:#ffffff05;border:1px solid #ffffff12;padding:6px 9px;border-radius:20px}.project-cta{margin-top:auto;padding-top:20px;border-top:1px solid var(--line);font-size:12px;font-weight:600;display:flex;justify-content:space-between;align-items:center;color:var(--accent)}.projects-note{border-top:1px solid var(--line);padding:28px 0 58px;color:var(--muted);font-size:13px;line-height:1.8}.projects-note span{color:var(--accent);margin-right:10px}nav [aria-current="page"]{color:var(--accent)}
@media(max-width:1000px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.projects-intro{padding:52px 0 34px}.projects-intro h1{letter-spacing:-2px}.projects-grid{grid-template-columns:1fr;max-width:460px;padding-bottom:38px}.projects-intro p{font-size:16px}.projects-note{padding-bottom:36px}nav{gap:16px}.project-art{height:190px}}
.rinkrelay-icon{width:144px!important;height:144px!important;background:transparent!important;border:0!important}.rinkrelay-icon img{display:block;width:100%;height:100%;object-fit:contain;border-radius:24px}.project-art{height:250px;padding-top:48px;padding-bottom:24px;box-sizing:border-box}.project-state{top:22px}.project-art::before{top:92px}.project-try{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.project-try p{font-size:13px;line-height:1.7;margin:0 0 14px}.project-try a{display:inline-flex;align-items:center;gap:16px;font-size:12px;font-weight:600;color:var(--accent);min-height:44px}.project-try a:hover,.project-cta:hover{color:#eeebff}