:root{--color-black:#171714;--color-white:#f5f3ed;--color-ink:#171714;--color-muted:#706e67;--color-faint:#aaa69c;--color-line:#17171426;--color-soft:#ebe8e0;--color-panel:#efede6;--color-header:#f5f3eddb;--color-accent:#c85b38;--color-inverse-bg:#171714;--color-inverse-text:#f7f5ef;--color-inverse-muted:#f7f5ef9e;--color-inverse-line:#f7f5ef29;--shadow-soft:0 30px 90px #1c19121a}:root[data-theme=black]{--color-black:#f2f0e9;--color-white:#11110f;--color-ink:#f2f0e9;--color-muted:#aaa79f;--color-faint:#706e67;--color-line:#f2f0e926;--color-soft:#1c1c19;--color-panel:#181815;--color-header:#11110fdb;--color-accent:#e07853;--color-inverse-bg:#e9e7df;--color-inverse-text:#11110f;--color-inverse-muted:#11110f9e;--color-inverse-line:#11110f29;--shadow-soft:0 30px 90px #00000057}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--color-ink);background:var(--color-white);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,SF Pro Display,SF Pro Text,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.5;transition:background-color .25s,color .25s}button,input,textarea,select{font:inherit}a{color:inherit}::selection{color:var(--color-white);background:var(--color-accent)}#app{min-height:100vh}section[id]{scroll-margin-top:96px}.site-shell{width:min(1240px,100% - 48px);margin:0 auto;padding:24px 0 48px}.site-header{z-index:20;border:1px solid var(--color-line);background:var(--color-header);-webkit-backdrop-filter:blur(20px)saturate(140%);backdrop-filter:blur(20px)saturate(140%);border-radius:999px;align-items:center;gap:30px;min-height:62px;padding:9px 10px 9px 12px;display:flex;position:sticky;top:16px;box-shadow:0 10px 40px #14120c0a}.brand,.site-nav,.site-controls,.segmented-control,.hero-actions,.featured-tags,.site-footer,.item-card-top,.footer-brand,.world-card-top,.status{align-items:center;display:flex}.brand{letter-spacing:.08em;gap:10px;padding-right:8px;font-size:.84rem;font-weight:800;text-decoration:none}.brand-mark{width:40px;height:40px;color:var(--color-white);flex:0 0 40px}.brand-mark rect{fill:var(--color-black)}.brand-mark path:not(.brand-underline){fill:var(--color-white)}.brand-mark .brand-underline{fill:none;stroke:var(--color-white)}.site-nav{gap:22px;margin-left:auto}.site-nav a,.segmented-control button,.primary-link,.secondary-link,.site-footer a{white-space:nowrap;justify-content:center;align-items:center;min-height:40px;font-size:.84rem;font-weight:650;text-decoration:none;display:inline-flex}.site-nav a{color:var(--color-muted);position:relative}.site-nav a:after{background:var(--color-black);content:"";transform-origin:100%;height:1px;transition:transform .25s;position:absolute;bottom:5px;left:0;right:0;transform:scaleX(0)}.site-nav a:hover{color:var(--color-black)}.site-nav a:hover:after{transform-origin:0;transform:scaleX(1)}.site-controls{gap:6px;display:flex}.segmented-control{border:1px solid var(--color-line);border-radius:999px;min-height:40px;padding:3px}.segmented-control button{min-width:38px;color:var(--color-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 10px;transition:color .2s,background-color .2s}.segmented-control button.active{color:var(--color-white);background:var(--color-black)}a:focus-visible,button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.hero{grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);align-items:center;gap:clamp(56px,8vw,112px);min-height:min(820px,100vh - 86px);padding:clamp(76px,10vw,136px) 0;display:grid}.hero-copy{max-width:700px}.eyebrow,.category-head>span,.item-kicker,.principles>div>span,.featured-head>div>span,.loop-panel>.item-kicker{color:var(--color-muted);letter-spacing:.16em;text-transform:uppercase;margin:0 0 18px;font-size:.7rem;font-weight:750;display:inline-flex}h1,h2,p{margin:0}h1{width:fit-content;color:var(--color-black);letter-spacing:-.075em;flex-direction:column;font-size:clamp(5.4rem,12vw,10.8rem);font-weight:850;line-height:.72;display:flex}h1 span{display:block}h1 .hero-up{margin-left:.42em}h1 i{color:var(--color-accent);font-style:normal}.hero-lead{max-width:580px;color:var(--color-muted);letter-spacing:.01em;margin-top:44px;font-size:clamp(1.05rem,1.7vw,1.28rem);line-height:1.8}.hero-actions{gap:10px;margin-top:36px}.primary-link,.secondary-link{border:1px solid var(--color-black);border-radius:999px;min-width:148px;padding:0 20px;transition:color .2s,background-color .2s,transform .2s}.primary-link{color:var(--color-white);background:var(--color-black)}.secondary-link{color:var(--color-black);background:0 0}.primary-link:hover,.secondary-link:hover{transform:translateY(-2px)}.primary-link:hover{color:var(--color-black);background:var(--color-white)}.secondary-link:hover{background:var(--color-soft)}.hero-panel{position:relative}.hero-panel:before{z-index:-1;border:1px solid var(--color-line);content:"";border-radius:36px;position:absolute;inset:-28px 34px 24px -28px}.world-card{min-height:590px;color:var(--color-inverse-text);background:var(--color-inverse-bg);box-shadow:var(--shadow-soft);border-radius:28px;flex-direction:column;padding:28px;display:flex;overflow:hidden}.world-card-top{color:var(--color-inverse-muted);letter-spacing:.13em;justify-content:space-between;gap:16px;font-size:.64rem;font-weight:750}.status{gap:7px}.status i{background:var(--color-accent);width:6px;height:6px;box-shadow:0 0 0 4px color-mix(in srgb, var(--color-accent) 18%, transparent);border-radius:50%}.world-orbit{aspect-ratio:1;place-items:center;width:min(320px,72%);margin:auto;display:grid;position:relative}.orbit{border:1px solid var(--color-inverse-line);border-radius:50%;position:absolute;inset:0}.orbit-one:before,.orbit-two:before{background:var(--color-accent);content:"";border-radius:50%;width:8px;height:8px;position:absolute}.orbit-one:before{top:13%;left:18%}.orbit-two{inset:15%}.orbit-two:before{bottom:38%;right:-4px}.orbit-core{aspect-ratio:1;border:1px solid var(--color-inverse-line);width:38%;color:var(--color-inverse-text);border-radius:50%;place-items:center;font-family:Songti SC,STSong,serif;font-size:clamp(2.4rem,5vw,4.2rem);display:grid}.world-title{border-bottom:1px solid var(--color-inverse-line);justify-content:space-between;align-items:flex-end;gap:20px;padding-bottom:22px;display:flex}.world-title span{max-width:180px;color:var(--color-inverse-muted);font-size:.78rem;line-height:1.5}.world-title strong{letter-spacing:-.06em;font-size:clamp(2.6rem,5vw,4.4rem);line-height:.8}.realm-path{grid-template-columns:repeat(3,1fr);gap:12px;padding-top:20px;display:grid}.realm-path span{color:var(--color-inverse-muted);font-size:.68rem}.realm-path i{color:var(--color-inverse-text);margin-bottom:4px;font-style:normal;display:block}.stats{border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.stat{border-right:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:20px;min-height:112px;padding:22px 30px;display:flex}.stat:last-child{border-right:0}.stat strong{color:var(--color-black);letter-spacing:-.03em;font-size:clamp(1.05rem,2vw,1.45rem);font-weight:800;line-height:1}.stat span{color:var(--color-muted);font-size:.78rem}.featured{padding:clamp(100px,12vw,160px) 0}.featured-head{grid-template-columns:minmax(260px,.72fr) minmax(0,1fr);align-items:end;gap:clamp(40px,7vw,100px);display:grid}.featured-head h2{color:var(--color-black);letter-spacing:-.075em;font-size:clamp(5.2rem,12vw,10rem);font-weight:850;line-height:.74}.featured-intro{padding-bottom:4px}.featured-subtitle{color:var(--color-black);font-family:Songti SC,STSong,Iowan Old Style,serif;font-size:clamp(1.8rem,3.5vw,3.4rem);line-height:1.22}.featured-summary{max-width:660px;color:var(--color-muted);margin-top:22px;font-size:1rem;line-height:1.85}.featured-tags{flex-wrap:wrap;gap:8px;margin-top:26px}.featured-tags span,.item-badge{border:1px solid var(--color-line);min-height:30px;color:var(--color-muted);border-radius:999px;align-items:center;padding:0 12px;font-size:.72rem;font-weight:650;display:inline-flex}.featured-body{grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:16px;margin-top:72px;display:grid}.pillar-grid{border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.pillar-card{border-right:1px solid var(--color-line);flex-direction:column;min-height:330px;padding:26px 24px;display:flex}.pillar-card:last-child{border-right:0}.pillar-card>span{color:var(--color-accent);font-size:.7rem;font-weight:750}.pillar-card strong{color:var(--color-black);margin-top:auto;font-size:1.25rem;font-weight:750;display:block}.pillar-card p{color:var(--color-muted);margin-top:14px;font-size:.88rem;line-height:1.75}.loop-panel{min-height:330px;color:var(--color-inverse-text);background:var(--color-inverse-bg);border-radius:4px;padding:28px}.loop-panel>.item-kicker{color:var(--color-inverse-muted)}.loop-steps{margin:2px 0 0;padding:0;list-style:none}.loop-steps li{border-bottom:1px solid var(--color-inverse-line);grid-template-columns:34px minmax(0,1fr);gap:12px;padding:10px 0;display:grid}.loop-steps em{color:var(--color-accent);font-size:.7rem;font-style:normal}.loop-steps span{font-size:.88rem}.featured-note{color:var(--color-inverse-muted);margin-top:18px;font-size:.8rem}.collections{gap:clamp(90px,11vw,140px);padding:0 0 clamp(100px,12vw,160px);display:grid}.category{grid-template-columns:minmax(240px,.58fr) minmax(0,1fr);gap:clamp(40px,7vw,100px);display:grid}.category-head h2,.principles h2{color:var(--color-black);letter-spacing:-.055em;font-size:clamp(2.5rem,5vw,5rem);font-weight:800;line-height:.95}.category-head p{max-width:390px;color:var(--color-muted);margin-top:22px;font-size:.92rem;line-height:1.8}.item-grid{border-top:1px solid var(--color-line)}.item-card{border-bottom:1px solid var(--color-line);min-height:150px;color:var(--color-black);grid-template-columns:72px minmax(0,1fr) 28px;align-items:center;gap:20px;padding:24px 4px;text-decoration:none;transition:padding .25s;display:grid;position:relative}.item-card:hover{padding-left:12px;padding-right:12px}.item-card-top{flex-direction:column;justify-content:space-between;align-self:stretch;align-items:flex-start}.item-card-top .item-kicker{color:var(--color-accent);margin:0}.item-badge{min-height:24px;padding:0 8px;font-size:.65rem}.item-card strong{letter-spacing:-.03em;font-size:clamp(1.35rem,2.5vw,2rem);font-weight:750;display:block}.item-card p{max-width:570px;color:var(--color-muted);margin-top:10px;font-size:.88rem;line-height:1.7}.item-card.is-soon{opacity:.55}.card-arrow{font-size:1.1rem;transition:transform .2s}.item-card:hover .card-arrow{transform:translate(3px,-3px)}.principles{color:var(--color-inverse-text);background:var(--color-inverse-bg);border-radius:28px;grid-template-columns:minmax(280px,.8fr) minmax(0,1fr);align-items:end;gap:clamp(48px,9vw,132px);padding:clamp(54px,8vw,96px);display:grid}.principles>div>span,.principles p{color:var(--color-inverse-muted)}.principles h2{max-width:560px;color:var(--color-inverse-text);font-family:Songti SC,STSong,Iowan Old Style,serif;font-weight:600}.principles p{max-width:620px;font-size:1rem;line-height:1.9}.site-footer{color:var(--color-muted);justify-content:space-between;gap:20px;padding:64px 4px 12px;position:relative}.footer-brand{flex-direction:column;align-items:flex-start;gap:5px}.footer-brand span{color:var(--color-black);letter-spacing:.12em;font-size:.78rem;font-weight:800}.footer-brand small{font-size:.72rem}.footer-mark{color:var(--color-black);font-size:1.5rem;font-weight:850;position:absolute;left:50%;transform:translate(-50%)}.footer-mark span{color:var(--color-accent)}.site-footer a{min-height:32px;font-size:.76rem}@media (width<=1020px){.hero{grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr);gap:44px}.featured-body{grid-template-columns:1fr}.pillar-card{min-height:260px}}@media (width<=820px){.site-shell{width:min(100% - 28px,1240px);padding-top:14px}.site-header{border-radius:24px;top:8px}.site-nav{display:none}.site-controls{margin-left:auto}.hero,.featured-head,.category,.principles{grid-template-columns:1fr}.hero{gap:70px;min-height:auto;padding:90px 0 82px}.hero-copy{max-width:620px}.hero-panel{width:min(100%,560px);margin:0 auto}.featured-head{align-items:start}.featured-intro{max-width:620px}.category{gap:42px}.principles{padding:52px 36px}}@media (width<=620px){.site-shell{width:min(100% - 20px,1240px)}.site-header{min-height:56px;padding:7px 8px}.brand{font-size:0}.brand-mark{width:38px;height:38px}.segmented-control{min-height:38px}.segmented-control button{min-width:35px;min-height:34px;padding:0 8px;font-size:.75rem}.hero{padding-top:74px}h1{font-size:clamp(5rem,28vw,8rem)}.hero-lead{margin-top:36px;font-size:1rem}.hero-actions{flex-direction:column;align-items:stretch}.primary-link,.secondary-link{min-height:46px}.hero-panel:before{border-radius:24px;inset:-16px 18px 16px -12px}.world-card{border-radius:20px;min-height:500px;padding:22px}.world-card-top{font-size:.55rem}.status{letter-spacing:.06em}.world-title{flex-direction:column;align-items:flex-start}.world-title strong{font-size:3.2rem}.realm-path span{font-size:.58rem}.stats{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid var(--color-line);min-height:76px}.stat:last-child{border-bottom:0}.featured{padding:100px 0}.featured-head h2{font-size:clamp(4.8rem,25vw,7rem)}.featured-subtitle{font-size:2rem}.featured-body{margin-top:50px}.pillar-grid{grid-template-columns:1fr}.pillar-card{border-right:0;border-bottom:1px solid var(--color-line);min-height:220px}.pillar-card:last-child{border-bottom:0}.item-card{grid-template-columns:48px minmax(0,1fr) 20px;gap:12px}.item-card-top .item-badge{display:none}.principles{border-radius:20px;padding:42px 26px}.footer-mark{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}