:root{--bg:#f7f6fb;--panel:#ffffff;--text:#24212b;--muted:#706b7b;--line:#e5e0eb;--accent:#7652b5;--green:#4f8b68}
*{box-sizing:border-box;margin:0;padding:0;letter-spacing:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Montserrat,"Segoe UI","Microsoft YaHei",sans-serif;line-height:1.45;padding:0 7vw 76px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;letter-spacing:0}button{color:inherit}.main-nav{position:fixed;z-index:50;top:24px;left:50%;transform:translateX(-50%);width:80%;height:52px;display:flex;align-items:center;justify-content:center;gap:66px;background:rgba(16,16,16,.72);border:1px solid transparent;transition:.35s}.main-nav.scrolled{width:530px;border-color:var(--line);border-radius:999px;background:rgba(21,21,21,.9);backdrop-filter:blur(18px)}.main-nav a{position:relative;color:var(--muted);font-size:14px;transition:.2s}.main-nav a::before{content:"";position:absolute;left:-22px;top:50%;width:7px;height:7px;border-radius:50%;background:var(--green);transform:translateY(-50%) scale(0);opacity:0;transition:.2s}.main-nav a.active{color:#fff}.main-nav a.active::before{transform:translateY(-50%) scale(1);opacity:1}.main-nav i{display:none}main,footer{width:min(1024px,100%);margin:auto}.hero{padding:142px 0 90px}.kicker{color:var(--muted);font-size:16px;margin-bottom:14px}.hero-grid{display:grid;grid-template-columns:1fr 1.85fr;gap:52px;align-items:center}.hero h1{font-size:58px;line-height:.98;font-weight:500}.hero-copy{color:var(--muted);font-size:23px;max-width:650px}.hero-copy span,.section-kicker{color:var(--accent)}.socials{display:flex;gap:9px;margin-top:34px}.socials a,.project-open{width:55px;height:55px;display:grid;place-items:center;border:1px solid var(--line);border-radius:13px;background:rgba(20,20,20,.62);color:var(--muted);font-size:24px;transition:.2s}.socials a:hover,.project-open:hover{color:#fff;background:#202020;transform:translateY(-2px)}.marquee{overflow:hidden;margin:42px 0 55px;mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent)}.marquee-track{display:flex;width:max-content;gap:70px;animation:marquee 42s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}.marquee span{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:16px;white-space:nowrap}.marquee i{color:var(--accent);font-size:23px}@keyframes marquee{to{transform:translateX(-50%)}}.capabilities{display:grid;grid-template-columns:400px 1fr;gap:70px;align-items:end}.skills h2{font-size:35px;margin-bottom:23px}.skill{width:100%;display:grid;grid-template-columns:1fr auto;text-align:left;background:rgba(20,20,20,.62);border:1px solid var(--line);border-radius:15px;padding:17px 18px;margin-top:13px;cursor:pointer;overflow:hidden}.skill span{display:flex;align-items:center;gap:13px;font-size:16px}.skill span i{color:var(--accent)}.skill>i{transition:.25s}.skill small{grid-column:1/-1;color:var(--muted);font-size:13px;max-height:0;opacity:0;transition:.3s;padding-top:0}.skill[aria-expanded="true"] small{max-height:90px;opacity:1;padding-top:14px}.skill[aria-expanded="true"]>i{transform:rotate(180deg)}#matrix{width:100%;height:292px;border-radius:2px;opacity:.78}.projects,.contact{border-top:1px solid var(--line);padding:58px 0 88px}.section-kicker{font-size:16px;margin-bottom:4px}.projects>h2,.contact>h2{font-size:46px;font-weight:500;margin-bottom:34px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.project-image,.coming-visual{display:block;height:290px;overflow:hidden;border-radius:16px;background:#141414;border:1px solid var(--line)}.project-image img{width:100%;height:100%;object-fit:cover;object-position:left top;transition:.35s}.project-card:hover .project-image img{transform:scale(1.035)}.project-meta{display:flex;align-items:center;padding:18px 10px}.project-meta h3{font-size:22px}.project-meta p{color:var(--muted);font-size:13px;margin-top:3px}.project-open{margin-left:auto}.coming-visual{display:grid;place-items:center;align-content:center;color:var(--muted);gap:12px}.coming-visual i{font-size:34px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-grid>div{color:var(--muted)}.location{margin-top:25px;color:var(--text)}form{display:flex;flex-direction:column;gap:14px}input,textarea{width:100%;padding:13px 15px;background:rgba(20,20,20,.62);color:var(--text);border:1px solid var(--line);border-radius:9px;outline:none}input:focus,textarea:focus{border-color:var(--accent)}textarea{resize:vertical}form button{padding:13px;border:1px solid var(--line);border-radius:9px;background:#27202f;cursor:pointer}form button:hover{background:#342743}.form-message{font-size:13px;color:var(--green)}[hidden]{display:none!important}footer{border-top:1px solid var(--line);padding:48px 0;text-align:center;color:var(--muted);font-size:13px}footer strong{display:block;color:var(--text);font-size:22px;margin-bottom:8px}.license{margin-top:20px;font-size:11px}.license a{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:800px){body{padding:0 20px 82px}.main-nav{top:auto;bottom:0;width:100%;height:68px;gap:0;justify-content:space-around;background:rgba(20,20,20,.94);border-color:var(--line);border-radius:15px 15px 0 0;backdrop-filter:blur(18px)}.main-nav.scrolled{width:100%;border-radius:15px 15px 0 0}.main-nav a{width:33%;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px}.main-nav a::before{display:none}.main-nav i{display:block;font-size:18px}.hero{padding:52px 0 78px}.kicker{font-size:12px}.hero-grid{grid-template-columns:1fr;gap:15px}.hero h1{font-size:42px}.hero-copy{font-size:15px;max-width:470px}.socials{margin-top:25px}.socials a{width:46px;height:46px;font-size:20px}.marquee{margin:34px 0}.capabilities{grid-template-columns:1fr;gap:36px}.skills h2{font-size:27px}.skill{padding:14px}.skill span{font-size:14px}#matrix{display:none}.projects,.contact{padding:48px 0 70px}.projects>h2,.contact>h2{font-size:37px}.project-grid,.contact-grid{grid-template-columns:1fr;gap:28px}.project-image,.coming-visual{height:220px}.coming{display:none}.contact-grid{gap:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track{animation:none}}
.translate-image img{object-fit:contain;object-position:center;background:#f6f8ff;padding:18px}

/* Light theme: layout and behavior intentionally unchanged. */
.main-nav{background:rgba(247,246,251,.8)}
.main-nav.scrolled{background:rgba(255,255,255,.92);box-shadow:0 12px 30px rgba(67,50,91,.08)}
.main-nav a.active{color:var(--text)}
.socials a,.project-open,.skill{background:#fff;box-shadow:0 7px 20px rgba(67,50,91,.05)}
.socials a:hover,.project-open:hover{color:var(--accent);border-color:#cdbde3;background:#fff}
.project-image,.coming-visual{background:#fff;box-shadow:0 10px 28px rgba(67,50,91,.07)}
input,textarea{background:#fff}
form button{border-color:var(--accent);background:var(--accent);color:#fff}
form button:hover{background:#62419d}
@media(max-width:800px){.main-nav,.main-nav.scrolled{background:rgba(255,255,255,.95);box-shadow:0 -10px 30px rgba(67,50,91,.08)}}