@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&display=swap');
:root{--bg:#12110e;--ink:#e9e3d7;--gold:#c8aa6c;--muted:#a8a194;--line:#bda77b30;--serif:'Noto Serif SC','Songti SC','SimSun',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,'Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:6px}button{border:0;background:none}header{height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);position:relative;z-index:4;background:#12110ef2}.brand{display:flex;align-items:center;gap:15px;font-family:var(--serif);letter-spacing:4px;font-size:20px}.brand small{display:block;font:8px Arial;letter-spacing:2px;color:var(--gold);margin-top:9px}.sigil{display:grid;place-items:center;height:46px;width:46px;border:1px solid var(--gold);border-radius:50%;font-size:27px;letter-spacing:0;position:relative}.sigil:after{content:'';position:absolute;inset:4px;border:1px solid #c8aa6c55;border-radius:50%}nav{display:flex;gap:36px;font-size:12px;color:#c1b9aa;letter-spacing:2px}nav a:hover{color:var(--gold)}.music{border:1px solid var(--line);padding:12px 17px;font-size:11px;letter-spacing:2px;display:flex;align-items:center;gap:12px}.equalizer{display:flex;height:14px;align-items:center;gap:3px}.equalizer i{width:2px;height:7px;background:var(--gold)}.equalizer i:nth-child(2){height:14px}.equalizer i:nth-child(3){height:10px}.music[aria-pressed=true] i{animation:equalize .9s ease-in-out infinite alternate}.music i:nth-child(2){animation-delay:.3s}.music i:nth-child(3){animation-delay:.6s}.hero{position:relative;min-height:790px;height:calc(100svh - 104px);max-height:1100px;display:grid;grid-template-columns:46% 54%;grid-template-rows:1fr 111px;padding:30px 5% 0;overflow:hidden}.ambient{position:absolute;inset:0;background:radial-gradient(ellipse at 72% 30%,#81612e29,transparent 65%);pointer-events:none;transition:background 1s}.hero[data-world="1"] .ambient{background:radial-gradient(ellipse at 72% 30%,#233f743d,transparent 65%)}.hero[data-world="2"] .ambient{background:radial-gradient(ellipse at 72% 30%,#3d716129,transparent 65%)}.orbital{position:absolute;width:950px;height:950px;border:1px solid #c8aa6c0d;border-radius:50%;left:-600px;top:-100px}.hero-copy{z-index:2;align-self:center;padding-bottom:42px;position:relative}.eyebrow{font-size:9px;letter-spacing:3px;color:var(--gold);line-height:1.7}.hero .eyebrow{display:flex;align-items:center;gap:12px;letter-spacing:2.5px}.eyebrow span{width:24px;height:1px;background:var(--gold)}.pretitle{font-family:var(--serif);font-size:13px;letter-spacing:5px;color:#b6a68d;margin:36px 0 18px}h1{font-family:var(--serif);font-weight:500;font-size:clamp(44px,4.4vw,77px);line-height:1.48;letter-spacing:6px;margin:0}h1>span{display:block;font-size:.82em;letter-spacing:3px}.gold{color:var(--gold)}.intro{color:var(--muted);font-family:var(--serif);font-size:14px;letter-spacing:2px;line-height:2.2;margin:22px 0 31px}.hero-actions{display:flex;align-items:center;gap:24px}.primary{padding:17px 24px;background:var(--gold);color:#201b12;font-size:12px;letter-spacing:3px;min-width:168px;transition:background .2s}.primary:hover{background:#e0c48d}.primary span{margin-left:24px;font-size:17px}.text-button{font-size:12px;letter-spacing:2px;color:var(--gold);padding:14px 0}.text-button:hover{color:#f3ddb2}.camera-note{font-size:10px;color:#a49a88;line-height:1.8;max-width:330px;margin:15px 0 0}.edition{display:flex;gap:23px;color:#867c6b;font-size:8px;letter-spacing:1.5px;margin-top:44px}.art-area{position:relative;align-self:center;margin:0 22px 20px 20px;height:min(600px,62vh);min-height:480px;touch-action:pan-y;cursor:grab;user-select:none}.art-area:active{cursor:grabbing}.art-frame{position:absolute;inset:13px 25px 0;border-radius:49% 49% 1px 1px;overflow:hidden;background:#332b1f;border:1px solid #c8aa6c77;box-shadow:0 0 75px #ae7b3020}.world-image{position:absolute;inset:0;background-image:url('assets/worlds-sigma.png');background-size:300% 100%;opacity:0;transform:scale(1.055);transition:opacity 1.1s ease,transform 2s ease;filter:saturate(.8)}.world-image[data-scene="0"]{background-position:0% center}.world-image[data-scene="1"]{background-position:50% center}.world-image[data-scene="2"]{background-position:100% center}.world-image.active{opacity:1;transform:scale(1)}.art-shade{position:absolute;inset:0;background:linear-gradient(0deg,#12110efc 0,transparent 32%,transparent 90%,#30251440)}.halo{position:absolute;inset:0 11px -11px;border:1px solid #c8aa6c45;border-radius:49% 49% 0 0}.halo:before{content:'✦';position:absolute;left:50%;top:-12px;color:var(--gold);background:var(--bg);padding:0 12px;transform:translateX(-50%);font-size:20px}.halo:after{content:'';position:absolute;inset:7px -8px -7px;border:1px solid #c8aa6c18;border-radius:49% 49% 0 0}.vertical-label{position:absolute;right:-16px;top:42%;writing-mode:vertical-rl;font-size:8px;letter-spacing:3px;color:#a68e65}.art-caption{position:absolute;left:40px;right:40px;bottom:35px;text-align:center;pointer-events:none}.art-caption>span{font-size:8px;letter-spacing:3px;color:#e2c28a}.art-caption h2{font-family:var(--serif);font-weight:400;font-size:24px;letter-spacing:3px;margin:12px 0}.art-caption p{font-size:10px;letter-spacing:1px;color:#baae9c}.drag-hint{position:absolute;bottom:-26px;left:0;right:0;text-align:center;color:#9a8b72;font-size:11px;letter-spacing:3px}.drag-hint span{font-size:9px;margin:0 15px}.world-bar{position:relative;grid-column:1/-1;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px;z-index:2}.world-label{font-family:var(--serif);font-size:12px;letter-spacing:2px}.world-label small{display:block;font:7px Arial;letter-spacing:2px;color:#8c806e;margin-top:8px}.world-tabs{display:flex;gap:55px;align-self:stretch}.world-tab{position:relative;font-family:var(--serif);font-size:14px;color:#8f8678;letter-spacing:2px;padding:13px 0;white-space:nowrap}.world-tab>span{font:9px Arial;color:#897758;margin-right:10px}.world-tab small{display:block;font:7px Arial;letter-spacing:2px;margin-top:8px;padding-left:28px}.world-tab.selected{color:#ecd4a1}.world-tab.selected:before{content:'';position:absolute;top:-1px;height:2px;background:var(--gold);left:0;right:0}.arrows{display:flex;gap:10px}.arrows button{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;color:var(--gold);font-size:17px}.arrows button:hover{background:#c8aa6c22}.section{padding:110px 7%}.incarnations{background:#181611;border-top:1px solid var(--line)}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px}.section-top h2{font:400 32px var(--serif);letter-spacing:3px;margin:20px 0 0}.section-top em{font-style:normal;color:var(--gold)}.section-top>p{font-size:12px;line-height:2;color:var(--muted);letter-spacing:1px}.portrait-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.portrait{height:370px;overflow:hidden;background:#27241d}.portrait img{width:100%;height:100%;object-fit:cover;object-position:center 35%;filter:saturate(.65);transition:transform .7s,filter .7s}.portrait.middle img{object-position:center 32%}.portrait:hover img{transform:scale(1.035);filter:saturate(1)}.card-meta{padding-top:24px}.card-meta>span{font-size:8px;letter-spacing:2px;color:#a18759}.card-meta h3{font:400 22px var(--serif);letter-spacing:3px;margin:12px 0}.card-meta p{font-size:11px;color:var(--muted);line-height:1.9}.creed{text-align:center;position:relative;background:radial-gradient(ellipse at center,#67502416,transparent 65%)}.creed-symbol{display:block;font-size:35px;color:var(--gold);margin:33px}.creed blockquote{font:400 clamp(20px,2.4vw,35px)/2 var(--serif);letter-spacing:3px;margin:0}.creed blockquote em{color:var(--gold);font-style:normal}.signature{color:#9b8b71;font-size:10px;letter-spacing:3px;margin:30px 0}.creed button{margin-top:22px}footer{border-top:1px solid var(--line);padding:32px 5%;display:flex;justify-content:space-between;align-items:center;gap:24px;color:#877e6e;font-size:9px}footer .footer-brand{font:16px var(--serif);color:var(--gold);letter-spacing:3px}footer>span{font-size:8px;letter-spacing:2px}.camera-preview{position:fixed;bottom:24px;right:24px;width:190px;background:#17150f;border:1px solid var(--gold);z-index:10;padding:6px;box-shadow:0 10px 45px #0009}.camera-preview[hidden]{display:none}.camera-preview video{width:100%;display:block;transform:scaleX(-1);aspect-ratio:4/3;object-fit:cover}.camera-preview>span{display:block;font-size:9px;text-align:center;padding:10px 1px;color:var(--gold)}.camera-preview button{position:absolute;right:8px;top:8px;background:#000a;border-radius:50%;width:26px;height:26px;font-size:20px}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:#2d281e;border:1px solid var(--line);color:#ecd9b2;z-index:20;padding:14px 25px;font-size:12px;opacity:0;transition:.3s;pointer-events:none;max-width:90vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.dust{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(1px 1px at 15% 22%,#dac181 60%,transparent),radial-gradient(1px 1px at 45% 66%,#dac181 60%,transparent),radial-gradient(2px 2px at 88% 14%,#dac18166 50%,transparent),radial-gradient(1px 1px at 9% 79%,#dac181 60%,transparent);background-size:570px 470px;opacity:.4;animation:float 18s linear infinite}.portal .art-frame{animation:portal 1s ease}@keyframes portal{50%{box-shadow:0 0 100px #dfbc7770;filter:brightness(1.3)}}@keyframes float{to{background-position:30px -100px}}@keyframes equalize{to{height:3px}}
@media(min-width:1600px){.hero{padding-left:10%;padding-right:10%}.art-area{max-width:650px}.hero-copy{padding-left:20px}}
@media(max-width:1000px){header{padding:0 4%;height:86px}nav{gap:19px}.hero{padding:24px 4% 0;height:auto;min-height:740px;grid-template-columns:45% 55%}.hero .eyebrow{font-size:7px;letter-spacing:1px}.pretitle{font-size:11px;letter-spacing:2px}.art-area{margin:10px 8px 20px;min-height:460px}.art-frame{inset:13px 12px 0}.halo{inset:0 0 -11px}.vertical-label{right:-12px}.world-tabs{gap:24px}.hero-actions{gap:14px}.primary{min-width:145px;padding:16px}.edition{gap:12px;letter-spacing:.5px}.section{padding:80px 5%}.portrait{height:310px}.portrait-grid{gap:20px}h1{font-size:46px}.camera-note{max-width:265px}.world-label{font-size:10px}}
@media(max-width:650px){header{height:80px;padding:0 6%}.brand{font-size:16px;gap:10px;letter-spacing:3px}.brand small{font-size:6px}.sigil{height:38px;width:38px;font-size:23px}nav{display:none}.music{font-size:9px;padding:10px;letter-spacing:0;gap:7px}.hero{display:flex;flex-direction:column;padding:35px 7% 0;min-height:0;max-height:none}.hero-copy{align-self:stretch;padding-bottom:0}.hero .eyebrow{font-size:7px;letter-spacing:1.5px}.pretitle{margin:24px 0 12px}h1{font-size:46px;line-height:1.35}h1>span{font-size:34px;letter-spacing:4px}.intro{font-size:12px;line-height:1.9;margin:20px 0}.hero-actions{gap:25px}.edition{display:none}.camera-note{font-size:9px;max-width:100%}.art-area{height:470px;min-height:0;margin:36px 6px 34px;align-self:stretch}.art-frame{inset:12px 12px 0}.world-image{background-size:300% 100%}.art-caption h2{font-size:21px}.art-caption{left:20px;right:20px}.world-bar{width:100%;margin:10px 0 0;padding:0 0 10px;gap:12px}.world-label{display:none}.world-tabs{gap:0;justify-content:space-between;flex:1}.world-tab{font-size:12px;letter-spacing:1px;padding:20px 1px}.world-tab>span{font-size:8px;margin-right:4px}.world-tab small{font-size:6px;padding-left:0;letter-spacing:1px}.arrows{gap:5px}.arrows button{height:28px;width:28px;font-size:14px}.section{padding:64px 7%}.section-top{display:block;margin-bottom:30px}.section-top h2{font-size:24px;letter-spacing:1px}.section-top>p{margin-top:20px;font-size:11px}.portrait-grid{grid-template-columns:1fr;gap:35px}.portrait{height:420px}.card-meta{padding-top:18px}.card-meta h3{font-size:21px}.card-meta p{font-size:12px}.creed blockquote{font-size:19px;letter-spacing:1px}.creed .eyebrow{font-size:7px;letter-spacing:1px}.signature{font-size:9px;letter-spacing:2px}footer{flex-direction:column;text-align:center;gap:12px;padding:28px 7%}footer p{line-height:1.8}.camera-preview{width:140px;bottom:14px;right:14px}.toast{width:max-content;max-width:90vw;bottom:20px}}
.art-frame{container-type:size}.world-image{background-image:none}.world-image:before{content:'';position:absolute;left:50%;top:50%;width:max(100cqw,100cqh);height:max(100cqw,100cqh);transform:translate(-50%,-50%);background-image:url('assets/worlds-sigma.png');background-size:300% 100%;background-position:var(--art-position,0%) center}.world-image[data-scene="1"]{--art-position:50%}.world-image[data-scene="2"]{--art-position:100%}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}