:root{color-scheme:dark;--bg:#090a0c;--text:#f1f2ee;--accent:#d5ff70;--muted:#a4a6aa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.7 Arial,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}header{height:88px;display:flex;align-items:center;justify-content:space-between;margin:0 5%;border-bottom:1px solid #303136}.logo{font-size:27px;font-weight:900;letter-spacing:-1px}.logo span{font-weight:400}.logo i{font-size:10px;vertical-align:top;margin-left:6px}nav{display:flex;gap:30px;align-items:center}nav button{background:none;border:1px solid #555;border-radius:30px;padding:6px 16px}main{margin:0 5%}.hero{min-height:630px;position:relative;overflow:hidden;padding:66px 0 35px;border-bottom:1px solid #303136}.eyebrow{font:11px/1.5 monospace;letter-spacing:2px;color:var(--accent)}h1{font-size:clamp(48px,7.7vw,116px);line-height:1;letter-spacing:-.065em;margin:40px 0;position:relative;z-index:1}h1 span,.contact-title span{color:var(--accent)}.hero-bottom{position:relative;z-index:1;max-width:480px}.hero-bottom p{color:#c1c2c5}.pill{display:inline-block;margin-top:22px;background:var(--accent);color:#111;padding:12px 26px;border-radius:30px}.orb{position:absolute;width:400px;height:400px;right:2%;bottom:-130px;border-radius:50%;background:repeating-radial-gradient(ellipse at 50% 50%,transparent 0 6px,#b9ee6b 7px 8px,transparent 9px 12px);transform:rotate(-25deg) scaleY(.75);box-shadow:0 0 100px #92bc4520;opacity:.8}.hero-note{position:absolute;right:0;top:42px;font:10px monospace;color:#888;writing-mode:vertical-rl}section{padding:72px 0}h2{font-size:36px;letter-spacing:-1px;line-height:1.2;margin:14px 0 26px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.muted{color:var(--muted);font-size:13px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px 24px}.card{border:0;background:none;padding:0;text-align:left;min-width:0}.art{aspect-ratio:16/9;position:relative;overflow:hidden;background:#151620;display:grid;place-items:center}.art:before{content:"";width:58%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(ellipse,#d5ff70 0 2px,transparent 3px 12px);transform:rotate(-30deg) scaleY(.6);transition:transform .8s}.card:hover .art:before{transform:rotate(0deg) scaleY(.8)}.a1{background:radial-gradient(ellipse at 50% 50%,#32334f,#08090e 75%)}.a1:before{background:repeating-conic-gradient(#9893ff 0deg 2deg,transparent 3deg 10deg);border-radius:0;transform:rotate(25deg);filter:drop-shadow(0 0 16px #7766ff)}.a2{background:radial-gradient(ellipse,#50301e,#130d0c 65%)}.a2:before{background:repeating-radial-gradient(ellipse,#ff9662 0 3px,transparent 4px 16px);border-radius:35%;transform:rotate(45deg)}.a3{background:linear-gradient(120deg,#062126,#070b14)}.a3:before{border-radius:0;background:repeating-linear-gradient(45deg,transparent 0 14px,#63d6df 15px 17px);transform:perspective(150px) rotateX(30deg) rotateZ(-20deg)}.badge{position:absolute;top:16px;left:16px;font:10px monospace;letter-spacing:1px;background:#090a0cd9;padding:5px 9px;color:#e4e5e1}.play{position:absolute;bottom:16px;right:16px;border:1px solid #ffffff70;border-radius:50%;width:38px;height:38px;display:grid;place-items:center}.caption{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #303136}.caption strong{font-size:20px;font-weight:500}.caption small{font:10px monospace;color:#aaa}.about{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #303136;border-bottom:1px solid #303136;margin-top:20px}.about h3{font-size:26px;margin-top:0}.about p{max-width:520px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.tags span,.status{border:1px solid #414344;border-radius:30px;padding:7px 14px;font:11px monospace;color:#c7c9c5}.contact-title{font-size:clamp(40px,6vw,85px);letter-spacing:-.05em;margin-top:28px}.status{display:inline-block;color:#aaa}footer{margin:0 5%;padding:26px 0;display:flex;justify-content:space-between;border-top:1px solid #303136;font-size:12px;color:#aaa}dialog{width:min(820px,90vw);padding:24px;border:1px solid #505353;background:#101114;color:var(--text)}dialog::backdrop{background:#000c}dialog #close{display:block;margin:0 0 12px auto;background:none;border:0;font-size:28px}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}@media(max-width:650px){header{height:76px}.logo{font-size:22px}nav{gap:12px;font-size:12px}nav button{padding:5px 9px}.hero{min-height:520px;padding-top:45px}h1{margin-top:50px}.hero-note{display:none}.orb{right:-140px;bottom:-170px}.hero-bottom{max-width:280px}.section-head{display:block;margin-bottom:20px}.grid{grid-template-columns:1fr;gap:24px}.about{grid-template-columns:1fr;gap:20px}section{padding:50px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.art:before{transition:none}}