:root{--ink:#090a12;--paper:#d9d8e1;--muted:#8d8d9e;--violet:#a89ac7;--line:rgba(220,218,235,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:"Noto Serif SC",serif;font-weight:300;overflow-x:hidden}.noise{position:fixed;inset:0;opacity:.035;z-index:20;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.nav{height:86px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:10;width:100%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;color:var(--paper);text-decoration:none;letter-spacing:.25em;font-family:ZCOOL XiaoWei,serif;font-size:22px}.brand i{width:23px;height:23px;border:1px solid #bbb3d3;border-radius:50%;position:relative;box-shadow:-5px 2px 10px #8e7db955}.brand i:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:var(--ink);top:-3px;left:-3px}.nav nav{display:flex;align-items:center;gap:38px}.nav nav a,.nav button{color:#a6a5af;text-decoration:none;background:none;border:0;font:12px inherit;letter-spacing:.2em;cursor:pointer}.nav button{display:flex;align-items:center;gap:8px}.nav button span{width:5px;height:5px;border-radius:50%;background:#777;box-shadow:0 0 0 3px #7772}.nav button.active span{background:#baa8e0;box-shadow:0 0 8px #baa8e0}.hero{height:100vh;min-height:720px;position:relative;display:flex;align-items:center;padding:90px 10vw 0;background:radial-gradient(circle at 68% 43%,#34304755 0,transparent 22%),radial-gradient(circle at 40% 85%,#171926,transparent 38%),linear-gradient(125deg,#080911,#0d0e19 60%,#080910);overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,var(--line) 50%,transparent 50.1%);opacity:.35}.stars{position:absolute;inset:0;background-image:radial-gradient(#ddd .6px,transparent .8px);background-size:73px 73px;opacity:.27;transform:rotate(9deg)}.hero-copy{z-index:2;margin-top:-10px}.eyebrow{font-family:Arial,sans-serif;color:#898499;font-size:10px;letter-spacing:.38em;margin:0 0 24px}.hero h1{font-family:ZCOOL XiaoWei,serif;font-size:clamp(66px,8vw,126px);font-weight:400;line-height:.96;letter-spacing:.08em;margin:0;text-shadow:0 3px 24px #70658d33}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #9e98aa;opacity:.72}.lead{color:#aaa8b2;line-height:2.1;letter-spacing:.13em;margin:36px 0}.enter{color:#ccc8d5;text-decoration:none;font-size:12px;letter-spacing:.2em;border-bottom:1px solid #6f697d;padding-bottom:10px}.enter b{padding-left:25px;color:#887ea1}.moon-wrap{position:absolute;width:38vw;height:38vw;right:7vw;top:15%;filter:drop-shadow(0 0 45px #9482bd22)}.moon{position:absolute;width:78%;height:78%;left:11%;top:11%;border-radius:50%;background:radial-gradient(circle at 37% 31%,#d2d0d7,#9997a4 48%,#484957 74%,#13141e 75%);box-shadow:inset -35px -18px 55px #11121b,0 0 90px #978bb755;opacity:.87}.moon:before,.moon:after{content:"";position:absolute;border-radius:50%;border:1px solid #77768455}.moon:before{width:20%;height:12%;top:22%;left:21%;transform:rotate(-25deg)}.moon:after{width:27%;height:18%;bottom:22%;right:17%}.orbit{position:absolute;inset:0;border:1px solid #ada1c222;border-radius:50%;transform:rotate(-18deg) scaleY(.38)}.crack{position:absolute;z-index:2;width:32%;height:1px;background:linear-gradient(90deg,transparent,#d7d1e9,transparent);transform-origin:right}.c1{left:-1%;top:42%;transform:rotate(13deg)}.c2{right:0;bottom:33%;transform:rotate(-16deg)}.hero blockquote{position:absolute;right:5vw;bottom:10%;font-size:12px;line-height:2;color:#8b8995;letter-spacing:.1em;border-left:1px solid #777285;padding-left:17px}.scroll-mark{position:absolute;left:3vw;bottom:5%;writing-mode:vertical-rl;font:8px Arial;letter-spacing:.35em;color:#5f5e69}.intro{max-width:1200px;margin:auto;padding:140px 30px 70px;display:grid;grid-template-columns:90px 1fr 1fr;align-items:end;border-bottom:1px solid var(--line)}.section-no{font-size:12px;color:#716b7d}.intro h2,.about h2{font-family:ZCOOL XiaoWei;font-size:clamp(38px,5vw,64px);font-weight:400;letter-spacing:.1em;margin:0}.intro>p{justify-self:end;color:#878590;font-size:13px;line-height:2}.grid{max-width:1200px;margin:0 auto;padding:60px 30px 150px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{border:1px solid var(--line);padding:24px;background:linear-gradient(145deg,#11121d99,#0c0d15);transition:.5s;cursor:pointer;min-height:490px;display:flex;flex-direction:column}.card:hover{transform:translateY(-8px);border-color:#81779266;box-shadow:0 20px 60px #0007}.card-top,.card footer{display:flex;justify-content:space-between;align-items:center;font:9px Arial;letter-spacing:.2em;color:#777582}.mini-art{height:170px;margin:25px 0 28px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 40%,#77708455,transparent 32%),linear-gradient(160deg,#171824,#0b0c13)}.mini-art:after,.mini-art:before{content:"";position:absolute}.art-0:before{width:85px;height:115px;border:1px solid #8d8799;left:50%;top:25px;transform:translate(-50%) rotate(8deg);clip-path:polygon(0 0,100% 0,74% 40%,100% 65%,48% 100%,0 72%,25% 42%)}.art-1:before{width:1px;height:160px;background:#8b8494;left:50%;box-shadow:-35px 0 #5b5866,35px 0 #5b5866}.art-2:before{width:75px;height:75px;border-radius:50%;background:#aaa8b2;box-shadow:0 0 35px #a599bf66;top:32px;left:50%;transform:translate(-50%)}.art-2:after{width:72px;height:72px;border-radius:50%;background:#151621;top:24px;left:46%}.art-3:before{inset:28px 70px;border:1px solid #817a90;transform:rotate(45deg);box-shadow:20px -12px 0 -1px #11121d,20px -12px #817a90}.art-4:before{width:1px;height:110px;background:#706b78;left:50%;top:35px;transform:rotate(-18deg)}.art-4:after{width:32px;height:22px;border-radius:50% 0;background:#504a5c;left:42%;top:44px;transform:rotate(20deg)}.art-5:before{width:100px;height:130px;border:1px solid #605b68;left:50%;top:20px;transform:translate(-50%);background:linear-gradient(90deg,transparent 49%,#605b68 50%,transparent 51%)}.card h3{font-size:20px;font-weight:400;letter-spacing:.06em;margin:0 0 15px}.card>p{color:#898792;font-size:12px;line-height:2;letter-spacing:.04em;margin:0}.card footer{margin-top:auto;border-top:1px solid var(--line);padding-top:18px}.card footer button{width:28px;height:28px;border:1px solid #454350;border-radius:50%;color:#aaa5b3;background:none;cursor:pointer}.quote-band{height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle,#272332 0,transparent 52%);border-block:1px solid var(--line)}.quote-band>span{font-size:70px;height:55px;color:#665f76}.quote-band p{font-family:ZCOOL XiaoWei;font-size:clamp(28px,4vw,48px);line-height:1.6;letter-spacing:.14em;margin:20px}.quote-band small{font-size:10px;color:#76737f;letter-spacing:.2em}.about{max-width:1100px;margin:0 auto;padding:160px 30px;display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.about-art{height:500px;background:linear-gradient(150deg,#161723,#0a0b12);position:relative;border:1px solid var(--line)}.window{position:absolute;width:56%;height:68%;left:22%;top:12%;border:1px solid #55515e;box-shadow:0 0 55px #766b9144}.window:before,.window:after{content:"";position:absolute;background:#55515e}.window:before{width:1px;height:100%;left:50%}.window:after{height:1px;width:100%;top:50%}.window i{position:absolute;width:86px;height:86px;border-radius:50%;background:#aeabb6;left:45%;top:22%;box-shadow:0 0 40px #9d91b777}.window i:after{content:"";position:absolute;width:83px;height:83px;border-radius:50%;background:#171823;left:-12px;top:-8px}.about-art>span{position:absolute;bottom:25px;left:27px;font:8px Arial;letter-spacing:.25em;line-height:1.7;color:#6f6b77}.about-copy>p:not(.eyebrow){color:#8f8d97;line-height:2.2;font-size:13px}.about-copy h2{margin-bottom:36px;line-height:1.5}.signature{font-family:ZCOOL XiaoWei;font-size:25px;margin-top:45px;color:#aca6b7}.signature span{font:9px Arial;color:#666471;letter-spacing:.15em;margin-left:15px}.footer{min-height:160px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 6vw;color:#65636e;font-size:10px;letter-spacing:.12em}.footer .brand{font-size:18px}.footer p{color:#83808b}.reveal{opacity:0;transform:translateY(25px);transition:opacity 1s,transform 1s}.reveal.visible{opacity:1;transform:none}dialog{width:min(620px,90vw);color:#c5c2cc;background:#10111b;border:1px solid #5e586b;padding:60px;box-shadow:0 30px 100px #000;line-height:2}dialog::backdrop{background:#05060bd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}dialog h2{font-family:ZCOOL XiaoWei;font-size:34px;font-weight:400}dialog .modal-body{color:#9996a1;font-size:13px}dialog small{color:#66626e}.close{position:absolute;right:22px;top:18px;border:0;background:none;color:#999;font-size:24px;cursor:pointer}@media(max-width:800px){.nav{height:70px}.nav nav a{display:none}.hero{padding:80px 8vw 0;align-items:flex-end;padding-bottom:25vh}.hero h1{font-size:62px}.moon-wrap{width:90vw;height:90vw;right:-25vw;top:10%}.hero blockquote{display:none}.intro{grid-template-columns:30px 1fr;padding-top:100px}.intro>p{display:none}.grid{grid-template-columns:1fr;padding-bottom:90px}.card{min-height:460px}.about{grid-template-columns:1fr;gap:70px;padding:100px 24px}.about-art{height:400px}.footer{padding:45px 25px;flex-direction:column;gap:25px;text-align:center}.quote-band{height:360px}.hero:before{display:none}dialog{padding:45px 28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}