@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400;1,500&family=Manrope:wght@400;500;600;700&display=swap');
:root{--bg:#10110f;--gold:#c9ae7b;--cream:#eae6dc;--muted:#8b8c83;--line:#ffffff12}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--cream);font-family:Manrope,'Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;border:0}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:5px}::selection{background:var(--gold);color:#10110f}.nav{height:95px;padding:0 5.5vw;position:absolute;z-index:5;top:0;width:100%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff10}.brand{display:flex;gap:10px;align-items:center;font-size:21px;font-weight:600;letter-spacing:4px}.brand-icon{font-size:32px;font-weight:400;color:var(--gold)}.brand-sub{font-size:8px;letter-spacing:2px;font-weight:400;border-left:1px solid #ffffff25;padding-left:16px;margin-left:6px;color:#aaa79d}.nav nav{display:flex;gap:32px;align-items:center;font-size:11px}.nav nav>a{color:var(--muted)}.nav-wallet{border-bottom:1px solid #b29a6c;background:none;padding:10px 0}.language{display:flex;align-items:center;gap:8px;color:#b6b6aa}.language select{background:transparent;border:0;color:inherit;font-size:11px;max-width:115px;padding:8px 0}.language option{background:#20211e;color:#eee}.hero{min-height:760px;height:min(900px,100svh);position:relative;overflow:hidden;display:flex;align-items:center;background:radial-gradient(ellipse at 78% 38%,#7560441b,transparent 52%)}.hero:after{content:'';position:absolute;bottom:0;width:100%;height:140px;background:linear-gradient(transparent,var(--bg));pointer-events:none}.hero-copy{position:relative;z-index:2;width:55%;padding-left:9vw;padding-top:30px;pointer-events:none}.hero-copy>*{pointer-events:auto}.kicker{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:12px;line-height:1.8}.kicker i{width:5px;height:5px;background:var(--gold);border-radius:50%;box-shadow:0 0 15px #d4b38366}.hero h1{font-size:clamp(49px,5.7vw,88px);font-weight:400;letter-spacing:-2px;line-height:1.12;margin:33px 0 24px;font-family:'Cormorant Garamond',serif}em{font-weight:400;color:var(--gold)}html[lang=zh-CN] .hero h1{font-family:'Songti SC','SimSun',serif;font-size:clamp(42px,4.9vw,76px);line-height:1.35;letter-spacing:0}html[lang=zh-CN] em{font-style:normal}.hero-desc{color:var(--muted);font-size:12px;line-height:2;max-width:350px;margin:0 0 30px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:40px;min-height:52px;padding:0 22px;font-size:11px;font-weight:600;letter-spacing:.4px;transition:background .25s,transform .25s}.button:hover{transform:translateY(-3px)}.light{background:var(--cream);color:#26251f}.light:hover{background:#d7c29c}.arrow{font-size:20px;font-weight:400}.hero-note{display:flex;align-items:center;gap:10px;color:#707269;font-size:9px;margin-top:22px}.tiny-orbit{font-size:15px}.hero-art{position:absolute;inset:0}.hero-art canvas{width:100%;height:100%}.orb{position:absolute;left:73%;top:49%;width:clamp(280px,32vw,510px);aspect-ratio:1;transform:translate(-50%,-50%);perspective:900px}.orb-core{position:absolute;inset:20%;border-radius:50%;background:radial-gradient(circle at 30% 25%,#eee2c685,#b9965b35 23%,#11120f 60%);border:1px solid #ceb38424;box-shadow:inset -12px -12px 22px #000,0 0 75px #a780431b}.orb-ring{position:absolute;inset:0;border:2px solid #c6a46c88;border-radius:50%;box-shadow:0 0 8px #c9a77155,inset 0 0 6px #dfbf8a32}.ring-one{transform:rotate(-30deg) rotateX(65deg);animation:orbitOne 18s ease-in-out infinite}.ring-two{inset:5%;transform:rotate(35deg) rotateY(66deg);border-width:1px;border-color:#a9844566;animation:orbitTwo 22s ease-in-out infinite}.ring-three{inset:11%;transform:rotate(-25deg) rotateX(77deg);border-color:#e8d9b185;animation:orbitThree 25s ease-in-out infinite}.orb-glint{position:absolute;top:27%;left:13%;width:28px;height:3px;background:#fff5d7;box-shadow:0 0 25px 5px #dfb36599;transform:rotate(-32deg);filter:blur(1px)}.art-coordinate{position:absolute;right:7vw;top:27%;color:#8f7853;font-size:8px;letter-spacing:3px;writing-mode:vertical-rl}.hero-bottom{position:absolute;bottom:45px;left:9vw;right:5.5vw;z-index:3;display:flex;justify-content:space-between;align-items:center}.scroll-cue{display:flex;gap:12px;align-items:center;font-size:9px;color:#a0a094}.scroll-line{height:35px;width:1px;background:linear-gradient(var(--gold),transparent);animation:scrollPulse 2s ease-in-out infinite}.edition{font-size:8px;letter-spacing:2px;color:#64665c}.ticker{display:flex;gap:50px;overflow:hidden;white-space:nowrap;border-block:1px solid var(--line);padding:25px 6vw;color:#696b60;font-size:10px;letter-spacing:4px;justify-content:space-between}.ticker i{font-size:14px;color:#b39c70;font-style:normal}.section{max-width:1440px;margin:auto;padding-left:9vw;padding-right:9vw}.experience{padding-top:110px;padding-bottom:100px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:43px}.section-heading h2{font-family:'Cormorant Garamond',serif;font-size:42px;font-weight:400;margin:15px 0 0;line-height:1.15;max-width:550px}html[lang=zh-CN] .section-heading h2{font-family:'Songti SC','SimSun',serif;font-size:32px;line-height:1.5}.section-heading>p{max-width:280px;font-size:11px;line-height:1.9;color:var(--muted);margin:0}.stage{min-height:480px;display:grid;grid-template-columns:1fr 1.06fr;border:1px solid #ffffff17;background:#151611}.stage-art{position:relative;display:grid;place-items:center;overflow:hidden;min-height:460px;background:radial-gradient(ellipse at 50% 50%,#c29d5230,transparent 65%)}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#a9966610 1px,transparent 1px),linear-gradient(90deg,#a9966610 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse,black,transparent 65%)}.object-wrap{position:relative;width:250px;height:250px;perspective:700px}.glass-wallet{position:absolute;width:225px;height:280px;top:-15px;left:15px;padding:25px;background:linear-gradient(135deg,#e8d6a83d,#6d603615 60%,#ae8b4433);border:1px solid #ddc28966;border-radius:13px;transform:rotate(-10deg) rotateY(-15deg);box-shadow:17px 20px 50px #0007,inset 0 0 20px #bbaa6533;backdrop-filter:blur(12px);animation:walletFloat 8s ease-in-out infinite;z-index:2;transition:transform 1s}.wallet-top{display:flex;justify-content:space-between;font-size:14px;color:#d3bd91}.wallet-monogram{font-family:serif;font-size:25px}.wallet-lines{margin-top:25px}.wallet-lines i{display:block;background:#d8c1912a;width:60%;height:5px;margin-bottom:10px}.wallet-lines i+ i{width:40%;opacity:.5}.wallet-orbit{margin-top:13px;font-size:63px;font-family:serif;line-height:1;color:#bfa774;transition:color .6s}.wallet-caption{font-size:6px;letter-spacing:3px;position:absolute;bottom:23px}.art-ring{position:absolute;inset:-55px;border:1px solid #ac925142;border-radius:50%;transform:rotateX(65deg) rotate(-20deg);z-index:3;box-shadow:0 0 10px #cfb87715}.art-satellite{position:absolute;top:0;right:-42px;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#f5e6c6,#a0804233 65%,#151611);box-shadow:0 10px 30px #0005;animation:walletFloat 8s ease-in-out infinite reverse}.art-foot{position:absolute;bottom:28px;left:28px;right:28px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#a59b80}.stage-content{padding:30px 35px 20px;border-left:1px solid var(--line);display:flex;flex-direction:column}.stage-nav{display:flex;gap:18px;border-bottom:1px solid var(--line);padding-bottom:18px}.stage-nav button{background:none;padding:0 0 7px;color:#75796e;position:relative;display:flex;align-items:center;gap:7px;font-size:9px;flex:1;text-align:left;min-height:28px}.stage-nav button b{font-weight:400}.stage-nav button span{font-size:8px;color:#96977e}.stage-nav button.active{color:#ddd2b8}.stage-nav button i{position:absolute;bottom:-19px;left:0;height:1px;background:var(--gold);width:0}.scene-body{padding-top:28px;min-height:330px;flex:1}.scene-body .kicker{font-size:8px}.scene-body h3{font-family:'Cormorant Garamond',serif;font-size:35px;font-weight:400;line-height:1.15;margin:17px 0 12px}html[lang=zh-CN] .scene-body h3{font-family:'Songti SC','SimSun',serif;font-size:27px;line-height:1.4}.scene-body>p{font-size:11px;line-height:1.9;color:#95998b;max-width:360px;min-height:42px}.scene-options{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.scene-options button{background:none;border:1px solid #ffffff1e;color:#999d8e;padding:11px 13px;font-size:9px;min-height:40px;transition:all .2s}.scene-options button.selected{background:#bea66b14;border-color:#b9a37166;color:#dbc697}.scene-reveal{display:flex;gap:13px;border-left:1px solid #b9a37180;padding-left:15px;min-height:67px}.scene-reveal>span{font-size:19px;color:var(--gold);padding-top:1px}.scene-reveal b{font-size:10px;font-weight:500}.scene-reveal p{font-size:10px;line-height:1.9;color:var(--muted);margin:7px 0 0}.stage-controls{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding-top:15px;color:#7e8275;font-size:8px}.icon-button{width:28px;min-height:30px;background:none;border:1px solid #ffffff18;font-size:9px;color:#bbb69f}.next{margin-left:auto;background:none;font-size:9px;color:#c0b18e;padding:10px 0 10px 10px}.details-section{padding-bottom:100px}.detail-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.detail-card{border:1px solid #ffffff16;min-height:335px;padding:28px;background:#171813;text-align:left;display:flex;flex-direction:column;position:relative;transition:border-color .3s,background .3s}.detail-card:hover,.detail-card[aria-expanded=true]{border-color:#b59a5f77;background:#1b1d16}.card-number{color:#828371;font-size:9px;letter-spacing:2px}.card-graphic{height:120px;position:relative;display:grid;place-items:center;color:#b39a62;font-size:47px}.graphic-asset span{filter:drop-shadow(0 0 15px #d3ac4540);animation:walletFloat 8s ease-in-out infinite}.graphic-asset i{border:1px solid #c1ab6b33;border-radius:50%;width:105px;height:105px;position:absolute;transform:rotateX(60deg)}.graphic-network i{position:absolute;border:1px solid #9d8c5c30;border-radius:50%;width:65px;height:65px}.graphic-network i:nth-child(1){transform:translateX(-25px)}.graphic-network i:nth-child(2){transform:translateX(25px)}.graphic-network i:nth-child(3){transform:translateY(-25px)}.graphic-network i:nth-child(4){transform:translateY(25px)}.graphic-network span{font-size:25px}.graphic-record{display:flex;justify-content:center;gap:6px;align-items:center}.graphic-record i{width:22px;border:1px solid #b59d6455;background:linear-gradient(#bea97433,#3e3d2110);height:35px}.graphic-record i:nth-child(2){height:60px}.graphic-record i:nth-child(3){height:85px}.detail-card h3{font-size:15px;line-height:1.5;font-weight:500;margin:7px 0 12px}.detail-card>p{font-size:10px;line-height:1.9;color:var(--muted);margin:0 0 25px}.card-action{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#c6b791;min-height:32px;border-top:1px solid var(--line);padding-top:14px;margin-top:auto}.card-action b{font-size:19px;font-weight:400}.detail-answer{display:none;font-size:10px;line-height:1.9;color:#b8bca8;margin-bottom:22px}.detail-card[aria-expanded=true] .detail-answer{display:block}.detail-card[aria-expanded=true] .card-action b{transform:rotate(45deg)}.closing{position:relative;text-align:center;overflow:hidden;padding-top:80px;padding-bottom:90px;border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at 50% 50%,#82713c1a,transparent 65%)}.closing h2{font-size:67px;font-family:'Cormorant Garamond',serif;font-weight:400;line-height:1.06;margin:22px 0}html[lang=zh-CN] .closing h2{font-family:'Songti SC','SimSun',serif;font-size:44px;line-height:1.5}.closing p{max-width:420px;color:var(--muted);font-size:11px;line-height:1.9;margin-bottom:28px}.closing-note{font-size:8px;color:#676d5d;margin-top:20px}.closing-orbit{position:absolute;width:630px;height:630px;border:1px solid #a28a4c12;border-radius:50%;top:-70px;pointer-events:none}.closing> :not(.closing-orbit){position:relative}footer{display:flex;align-items:center;gap:35px;justify-content:space-between;padding-top:30px;padding-bottom:30px;border-top:1px solid var(--line)}footer .brand{font-size:15px;letter-spacing:2px}footer>span{color:#6f7266;font-size:8px;line-height:1.8;max-width:550px}footer button{background:none;color:#a5a18f;font-size:8px;padding:12px 0}dialog{width:min(470px,calc(100% - 32px));border:1px solid #c3ac733f;color:var(--cream);background:#181a14;padding:35px;max-height:90svh;overflow:auto}dialog::backdrop{background:#060704d9;backdrop-filter:blur(10px)}dialog h2{font-weight:400;font-family:'Cormorant Garamond',serif;font-size:32px;line-height:1.3;margin:20px 0 12px}dialog>p{color:var(--muted);font-size:11px;line-height:1.9}dialog .kicker{max-width:90%}.dialog-close{position:absolute;right:15px;top:12px;background:none;color:#a9a58f;font-size:25px;min-width:36px;min-height:36px}.wallet-steps{list-style:none;margin:25px 0;padding:0}.wallet-steps li{display:flex;gap:15px;padding:15px 0;border-top:1px solid var(--line)}.wallet-steps li>span{font-size:10px;color:var(--gold);padding-top:3px}.wallet-steps b{font-size:11px;font-weight:500}.wallet-steps p{font-size:10px;line-height:1.8;color:var(--muted);margin:6px 0 0}.dialog-note{font-size:9px;line-height:1.9;color:#a89b7a;padding:14px;background:#c3a46e0a;border:1px solid #c3a46e1a;margin-bottom:20px}dialog .button{width:100%;font-size:10px}.stage[data-scene='1'] .glass-wallet{animation-name:walletFloatAlt}.stage[data-scene='1'] .wallet-orbit{color:#adc0a2}.stage[data-scene='2'] .wallet-orbit{color:#d6c497}body.motion-paused .glass-wallet{animation-play-state:paused}@keyframes orbitOne{50%{transform:rotate(-55deg) rotateX(55deg)}to{transform:rotate(-30deg) rotateX(65deg)}}@keyframes orbitTwo{50%{transform:rotate(65deg) rotateY(72deg)}}@keyframes orbitThree{50%{transform:rotate(20deg) rotateX(62deg)}}@keyframes walletFloat{50%{transform:translateY(-14px) rotate(-6deg) rotateY(-5deg)}}@keyframes walletFloatAlt{0%,100%{transform:rotate(5deg) rotateY(15deg)}50%{transform:translateY(-14px) rotate(10deg) rotateY(5deg)}}@keyframes scrollPulse{50%{opacity:.4;transform:translateY(5px)}}@media(max-width:1000px){.brand-sub{display:none}.section{padding-inline:6vw}.hero-copy{padding-left:7vw}.nav nav{gap:20px}.hero h1{font-size:62px}.stage-content{padding:25px}.stage-nav{gap:8px}.scene-body h3{font-size:30px}.card-graphic{height:105px}.detail-card{padding:22px}.section-heading h2{font-size:37px}}@media(max-width:700px){html{scroll-padding-top:25px}.nav{height:76px;padding-inline:24px}.brand{font-size:17px;letter-spacing:3px}.brand-icon{font-size:25px}.nav nav{gap:14px}.nav nav>a{display:none}.nav-wallet{font-size:9px}.language select{font-size:10px;width:91px}.language{gap:4px}.hero{height:850px;min-height:850px;align-items:flex-start}.hero-copy{padding:145px 24px 0;width:100%;text-align:center}.hero-copy>.kicker{justify-content:center}.hero h1{font-size:58px;line-height:1.03;margin:23px 0 18px;letter-spacing:-1px}html[lang=zh-CN] .hero h1{font-size:40px;line-height:1.4}.hero-desc{font-size:11px;max-width:290px;margin:0 auto 24px}.hero-note{justify-content:center;font-size:8px}.hero-art .orb{top:72%;left:50%;width:285px}.art-coordinate{top:61%;right:22px;font-size:7px}.hero-bottom{left:24px;right:24px;bottom:28px}.edition{font-size:6px}.ticker{gap:23px;padding:22px 24px;font-size:8px;letter-spacing:2px}.section{padding-inline:24px}.experience{padding-top:65px;padding-bottom:70px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:36px;margin-top:12px}html[lang=zh-CN] .section-heading h2{font-size:29px}.section-heading>p{margin-top:16px;max-width:100%;font-size:11px}.stage{grid-template-columns:1fr}.stage-art{min-height:350px}.object-wrap{transform:scale(.83)}.stage-content{padding:25px 23px;border-left:0;border-top:1px solid var(--line)}.scene-body{min-height:345px}.scene-body h3{font-size:34px}.scene-body>p{font-size:12px}.scene-options button{font-size:10px;padding:12px}.scene-reveal p{font-size:11px}.scene-reveal b{font-size:12px}.stage-nav button{font-size:10px;min-height:34px}.stage-controls{font-size:9px}.icon-button{min-height:36px;min-width:36px}.next{font-size:10px;min-height:40px}.detail-cards{grid-template-columns:1fr;gap:12px}.detail-card{min-height:245px;padding:25px}.card-graphic{position:absolute;top:12px;right:22px;width:95px;height:95px}.graphic-asset i{width:80px;height:80px}.detail-card h3{margin-top:65px;font-size:18px}.detail-card>p{font-size:12px;max-width:85%}.detail-answer{font-size:12px}.card-action{font-size:11px}.details-section{padding-bottom:65px}.closing{padding-top:65px;padding-bottom:65px}.closing h2{font-size:53px}html[lang=zh-CN] .closing h2{font-size:33px}.closing p{font-size:11px}.closing-orbit{width:470px;height:470px;top:-10px}footer{flex-wrap:wrap;gap:18px}footer>span{order:3;width:100%;max-width:none}.kicker{font-size:8px;letter-spacing:2px}dialog{padding:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.scroll-line{opacity:1}}
/* Readability and long-language refinements */
:root{--muted:#9a9c90}
.hero-desc{font-size:14px;max-width:370px}.hero-note{font-size:10px}
.nav nav{font-size:12px}.scene-body>p{font-size:13px}
.stage-nav button{font-size:11px;min-height:40px}.scene-options button{font-size:11px;min-height:44px}
.scene-reveal b{font-size:12px}.scene-reveal p{font-size:12px}
.section-heading>p{font-size:12px;max-width:300px}.detail-card>p,.detail-answer{font-size:12px}
.card-action{font-size:11px}.button{font-size:12px}.closing p{font-size:13px}
@media(max-width:700px){.hero h1{font-size:clamp(38px,11vw,46px)}.hero-desc{font-size:12px;max-width:305px}.hero-note{font-size:9px}.nav nav{font-size:10px}.nav-wallet{max-width:82px;min-height:44px;line-height:1.5}.hero-copy{padding-top:139px}.scene-body{min-height:375px}.closing p{font-size:12px}.button{font-size:11px}}

@media(max-width:380px){.nav{padding-inline:18px}.nav nav{gap:9px}.brand{font-size:15px;gap:8px}.nav-wallet{max-width:65px;font-size:8px}.language select{width:80px}html[lang=zh-CN] .hero h1{font-size:34px}.hero-copy{padding-top:128px}}
.tab-hidden *{animation-play-state:paused!important}