:root{--ink:#15130f;--paper:#f3f0ea;--paper-2:#e9e4dc;--gold:#c2a16a;--muted:#70695f;--radius:30px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;-webkit-font-smoothing:antialiased}body.lightbox-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.nav{position:fixed;z-index:50;inset:0 0 auto;height:78px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4vw;color:#fff;border-bottom:1px solid #ffffff26;background:linear-gradient(#08070699,transparent);transition:background .4s,backdrop-filter .4s}.nav.scrolled{background:#12110ee6;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;font-size:14px;letter-spacing:.2em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff82;border-radius:50%;font-family:"Songti SC",serif;letter-spacing:0}.nav-links{display:flex;gap:38px;font-size:12px;letter-spacing:.2em}.nav-links a{opacity:.72;transition:opacity .2s}.nav-links a:hover{opacity:1}.edition{justify-self:end;font-size:10px;letter-spacing:.17em;opacity:.62}.hero{position:relative;min-height:100svh;overflow:hidden;color:#fff;background:#15100b}.hero-frame{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease}.hero-frame.active{opacity:1}.hero-frame img{width:100%;height:100%;object-fit:cover;transform:scale(1.035);transition:transform 7s ease}.hero-frame.active img{transform:scale(1)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080706d1 0%,#0807065a 48%,#08070610 73%),linear-gradient(0deg,#0807068a 0%,transparent 48%)}.hero-copy{position:absolute;z-index:2;left:8vw;top:50%;transform:translateY(-45%);max-width:760px}.eyebrow{margin:0 0 28px;color:#d8c198;font-size:11px;font-weight:600;letter-spacing:.26em;text-transform:uppercase}.eyebrow.dark{color:#927646}.hero h1,.manifesto h2,.section-heading h2,.closing h2{margin:0;font-family:"Songti SC","STSong",serif;font-weight:400;line-height:1.07;letter-spacing:-.045em}.hero h1{font-size:clamp(52px,6.1vw,102px);text-wrap:balance}.intro{margin:30px 0 0;color:#ffffffb8;font-size:15px;line-height:2;letter-spacing:.08em}.glass{border:1px solid #ffffff30;background:#0c0b0970;box-shadow:0 20px 60px #00000020;backdrop-filter:blur(22px)}.time-control{position:absolute;z-index:3;right:5vw;bottom:7vh;width:min(480px,44vw);padding:20px 24px;border-radius:22px}.time-meta{display:flex;justify-content:space-between;margin-bottom:18px;font-family:Georgia,serif;font-size:12px;letter-spacing:.16em}.time-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.time-buttons button{display:flex;align-items:center;justify-content:center;gap:9px;padding:10px;color:#ffffff77;border:0;border-radius:12px;background:transparent;cursor:pointer;transition:.3s}.time-buttons button.selected{color:#fff;background:#ffffff16}.time-buttons i{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.scroll-cue{position:absolute;z-index:2;left:4vw;bottom:6vh;display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.2em;opacity:.66}.scroll-cue span{width:42px;height:1px;background:#fff}.soundless-cue{position:absolute;z-index:3;right:4vw;top:104px;display:flex;align-items:end;gap:3px;width:38px;height:38px;padding:11px;border:1px solid #ffffff36;border-radius:50%;background:#11111145;cursor:pointer}.soundless-cue i{display:block;width:2px;background:#fff;animation:levels 1s ease-in-out infinite alternate}.soundless-cue i:nth-child(1){height:7px}.soundless-cue i:nth-child(2){height:14px;animation-delay:.25s}.soundless-cue i:nth-child(3){height:10px;animation-delay:.5s}.soundless-cue i:nth-child(4){height:5px;animation-delay:.75s}.soundless-cue.paused i{animation-play-state:paused}@keyframes levels{to{height:4px}}.manifesto{padding:130px 6vw 150px}.manifesto-copy{display:grid;grid-template-columns:1.15fr .85fr;gap:10vw;align-items:end}.manifesto h2,.section-heading h2,.closing h2{font-size:clamp(40px,5vw,76px)}.manifesto-copy>p,.section-heading>p{max-width:470px;margin:0;color:var(--muted);font-size:14px;line-height:2}.bento-lead{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:16px;margin-top:80px;min-height:590px}.bento-lead>*{overflow:hidden;border:0;border-radius:var(--radius)}.bento-image{position:relative;grid-row:1/3;padding:0;background:#1e1c19;cursor:zoom-in;text-align:left}.bento-image img{width:100%;height:100%;object-fit:cover;transition:transform .9s ease}.bento-image:hover img{transform:scale(1.025)}.bento-image:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 42%,#080706c9)}.image-overlay{position:absolute;z-index:2;left:38px;right:38px;bottom:34px;display:flex;flex-direction:column;color:#fff}.image-overlay small{font-size:10px;letter-spacing:.18em;opacity:.75}.image-overlay strong{margin:8px 0 6px;font-family:"Songti SC",serif;font-size:38px;font-weight:400}.image-overlay em{font-size:11px;font-style:normal;letter-spacing:.14em;opacity:.75}.number-tile{padding:40px;color:#eee8df;background:#24211d}.number-tile strong{display:block;color:#ceb27d;font-family:Georgia,serif;font-size:82px;font-weight:400;line-height:1}.number-tile p{margin:34px 0 0;font-size:11px;line-height:2;letter-spacing:.15em}.gradient-tile{display:flex;align-items:center;justify-content:center;gap:15px;padding:28px;color:#fff;background:linear-gradient(135deg,#f6f1e9,#92795a 48%,#181512)}.gradient-tile span{font-size:10px;letter-spacing:.2em}.gradient-tile i{width:42%;height:1px;background:#ffffff96}.space-browser{padding:125px 6vw;background:#e9e5de}.section-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:10vw;align-items:end}.filters{position:sticky;z-index:15;top:78px;display:flex;gap:9px;margin:55px 0 42px;padding:12px;border:1px solid #17140f12;border-radius:20px;background:#ede9e2db;backdrop-filter:blur(18px);overflow-x:auto;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filters button{flex:0 0 auto;padding:11px 18px;color:#675f55;border:0;border-radius:12px;background:transparent;font-size:12px;letter-spacing:.08em;cursor:pointer;transition:.25s}.filters button.active{color:#fff;background:#1b1916;box-shadow:0 8px 22px #17130c22}.space-section{padding:45px 0 85px;border-top:1px solid #29231a1a}.space-section[hidden]{display:none}.space-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.space-title div{display:flex;align-items:baseline;gap:18px}.space-title small{color:#9e814f;font-family:Georgia,serif;font-size:12px;letter-spacing:.18em}.space-title h3{margin:0;font-family:"Songti SC",serif;font-size:38px;font-weight:400}.space-title p{margin:0;color:#7b746a;font-size:11px;letter-spacing:.12em}.compare{position:relative;overflow:hidden;width:100%;aspect-ratio:2.4/1;border-radius:var(--radius);background:#2a2723;box-shadow:0 20px 60px #4a3b2518;touch-action:none}.compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}.compare .night-layer{clip-path:inset(0 0 0 var(--split,50%))}.compare-line{position:absolute;z-index:3;top:0;bottom:0;left:var(--split,50%);width:1px;background:#fff;pointer-events:none}.compare-handle{position:absolute;top:50%;left:0;display:grid;place-items:center;width:46px;height:46px;border:1px solid #ffffffb8;border-radius:50%;background:#1714108a;box-shadow:0 8px 22px #0005;transform:translate(-50%,-50%);backdrop-filter:blur(12px)}.compare-handle:before{content:"‹  ›";color:#fff;font-family:Georgia,serif;font-size:17px;letter-spacing:4px;transform:translateX(2px)}.compare input{position:absolute;z-index:5;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.compare-label{position:absolute;z-index:2;bottom:18px;padding:8px 12px;color:#fff;border-radius:10px;background:#0e0d0b5c;font-size:10px;letter-spacing:.16em;backdrop-filter:blur(8px);pointer-events:none}.compare-label.day{left:20px}.compare-label.night{right:20px}.compare-zoom{position:absolute;z-index:6;right:20px;top:20px;width:42px;height:42px;color:#fff;border:1px solid #ffffff70;border-radius:50%;background:#1118;font-size:22px;cursor:zoom-in;backdrop-filter:blur(8px)}.scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.scene-card{position:relative;overflow:hidden;min-height:310px;padding:0;border:0;border-radius:24px;background:#1c1915;cursor:zoom-in;text-align:left}.scene-card img{width:100%;height:100%;object-fit:cover;transition:transform .75s ease,filter .75s ease}.scene-card:hover img{transform:scale(1.035);filter:brightness(.8)}.scene-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,#060504c4)}.scene-card span{position:absolute;z-index:2;left:24px;right:24px;bottom:22px;color:#fff}.scene-card small{display:block;margin-bottom:8px;font-size:9px;letter-spacing:.18em;opacity:.62}.scene-card strong{font-family:"Songti SC",serif;font-size:23px;font-weight:400}.closing{display:grid;grid-template-columns:1.2fr .7fr auto;gap:8vw;align-items:end;padding:145px 6vw;color:#f1ece4;background:#15130f}.closing p:not(.eyebrow){margin:0;color:#ffffff85;font-size:13px;line-height:2}.closing>a{display:flex;align-items:center;gap:20px;padding-bottom:8px;border-bottom:1px solid #ffffff3d;font-size:11px;letter-spacing:.16em}.closing>a span{font-size:18px}footer{display:flex;justify-content:space-between;padding:26px 6vw;color:#ffffff75;background:#15130f;border-top:1px solid #ffffff14;font-size:9px;letter-spacing:.16em}.lightbox{position:fixed;z-index:100;inset:0;display:flex;align-items:center;justify-content:center;padding:38px 8vw;color:#fff;visibility:hidden;opacity:0;transition:.35s}.lightbox.open{visibility:visible;opacity:1}.lightbox-backdrop{position:absolute;inset:0;background:#080706f5;backdrop-filter:blur(20px)}.lightbox figure{position:relative;z-index:2;display:flex;flex-direction:column;max-width:min(1500px,100%);max-height:100%;margin:0}.lightbox figure img{display:block;max-width:100%;max-height:calc(100vh - 130px);object-fit:contain;border-radius:8px;box-shadow:0 30px 100px #0008}.lightbox figcaption{display:flex;justify-content:space-between;gap:30px;padding-top:16px;font-size:12px;letter-spacing:.12em}.lightbox figcaption small{opacity:.55}.lightbox-close,.lightbox-nav{position:absolute;z-index:4;color:#fff;border:1px solid #ffffff35;border-radius:50%;background:#ffffff0d;cursor:pointer;backdrop-filter:blur(8px)}.lightbox-close{right:28px;top:24px;width:46px;height:46px;font-size:28px;font-weight:200}.lightbox-nav{top:50%;width:48px;height:48px;font:34px/1 Georgia,serif;transform:translateY(-50%)}.lightbox-nav.prev{left:26px}.lightbox-nav.next{right:26px}
@media(max-width:850px){.nav{grid-template-columns:1fr auto;height:66px;padding:0 20px}.nav-links,.edition{display:none}.hero-copy{left:24px;right:24px;top:41%}.hero h1{font-size:clamp(44px,12vw,64px)}.intro{font-size:12px}.time-control{right:20px;left:20px;bottom:26px;width:auto}.scroll-cue,.soundless-cue{display:none}.manifesto,.space-browser{padding:90px 20px}.manifesto-copy,.section-heading{grid-template-columns:1fr;gap:28px}.bento-lead{grid-template-columns:1fr 1fr;grid-template-rows:380px 205px;margin-top:52px;min-height:0}.bento-image{grid-column:1/3;grid-row:auto}.number-tile{padding:25px}.number-tile strong{font-size:56px}.number-tile p{margin-top:18px}.gradient-tile{flex-direction:column}.filters{top:66px;margin:42px -8px 26px;padding:9px}.space-section{padding:32px 0 62px}.space-title{align-items:start}.space-title div{display:block}.space-title h3{margin-top:7px;font-size:30px}.space-title p{max-width:130px;text-align:right;line-height:1.7}.compare{aspect-ratio:1.18/1;border-radius:22px}.scene-grid{grid-template-columns:1fr;gap:10px}.scene-card{min-height:300px}.closing{grid-template-columns:1fr;padding:100px 20px;gap:38px}.closing>a{width:max-content}footer{display:grid;gap:10px;padding:26px 20px}.lightbox{padding:75px 14px 60px}.lightbox figure img{max-height:calc(100vh - 180px)}.lightbox-nav{top:auto;bottom:18px}.lightbox-nav.prev{left:calc(50% - 58px)}.lightbox-nav.next{right:calc(50% - 58px)}.lightbox-close{right:14px;top:14px}.lightbox figcaption{font-size:10px}}
@media(max-width:430px){.brand{font-size:12px}.hero-copy{top:39%}.eyebrow{font-size:9px}.time-control{padding:16px}.time-buttons button{font-size:12px}.manifesto h2,.section-heading h2,.closing h2{font-size:40px}.image-overlay{left:24px;bottom:24px}.image-overlay strong{font-size:30px}.bento-lead{grid-template-rows:320px 190px}.compare{aspect-ratio:1/1}.scene-card{min-height:260px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}