:root{color:#23231f;font-synthesis:none;text-rendering:optimizelegibility;--paper:#f1ece2;--ink:#23231f;--muted:#6d6960;--line:#23231f33;background:#e9e3d8;font-family:PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#d8d0c3}body{background:#d8d0c3;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #1d6280}button:disabled{cursor:wait;opacity:.55}.app-shell-new{background:var(--paper);width:min(100%,1440px);min-height:100vh;margin:0 auto;overflow:hidden;box-shadow:0 0 90px #30261d29}.site-header,.city-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;background:#f1ece2f0;justify-content:space-between;align-items:center;height:74px;padding:0 clamp(22px,4vw,64px);display:flex;position:relative}.site-header span,.city-header span{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;font:500 12px/1 Helvetica Neue,sans-serif}.wordmark,.city-header button{color:var(--ink);letter-spacing:.1em;background:0 0;border:0;padding:8px 0;font-weight:750}.city-header{height:62px;position:sticky;top:0}.city-header button{letter-spacing:.06em;font-size:13px}.atlas-hero{isolation:isolate;background:#eee8de;align-items:end;min-height:min(900px,100svh - 74px);padding:clamp(40px,7vw,96px) clamp(24px,6vw,90px);display:grid;position:relative;overflow:hidden}.atlas-hero:before{content:"";z-index:-2;background:linear-gradient(108deg,#f1ece2fa 0 42%,#f1ece28f 66%,#f1ece214);position:absolute;inset:0}.atlas-film{z-index:-3;object-fit:cover;filter:saturate(.78)contrast(.94);width:100%;height:100%;position:absolute;inset:0}.atlas-hero-copy{z-index:2;width:min(760px,86vw);position:relative}.station-count{color:#8a3c2d;letter-spacing:.17em;margin:0 0 32px;font:500 13px/1 Helvetica Neue,sans-serif}.atlas-hero h1{max-width:860px;color:var(--ink);letter-spacing:-.055em;margin:0;font:900 clamp(48px,8vw,112px)/.98 Songti SC,STSong,serif}.atlas-hero-copy>p:not(.station-count){color:#4b4a44;max-width:590px;margin:34px 0 0;font-size:clamp(16px,1.7vw,21px);line-height:1.8}.hero-actions,.result-actions{align-items:center;gap:14px;margin-top:38px;display:flex}.primary-action,.quiet-action{border:1px solid var(--ink);letter-spacing:.06em;border-radius:0;justify-content:center;align-items:center;min-height:56px;padding:0 26px;font-weight:700;text-decoration:none;display:inline-flex}.primary-action{color:#fffaf1;background:var(--ink)}.primary-action:hover{box-shadow:6px 6px 0 var(--accent,#b7482d);transform:translateY(-2px)}.quiet-action{color:var(--ink);background:#f1ece2a8}.material-key{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(5,1fr);width:min(420px,42vw);display:grid;position:absolute;top:44px;right:clamp(24px,5vw,72px)}.material-key span{text-align:center;border-left:1px solid var(--line);color:#23231f8c;padding:13px 4px;font:600 13px/1 Songti SC,serif}.material-key span:last-child{border-right:1px solid var(--line)}.demo-pair{background:#242522;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,4vw,58px);padding:clamp(70px,10vw,150px) clamp(22px,6vw,90px);display:grid}.demo-city{text-align:left;background:var(--paper);min-height:min(760px,66vw);color:var(--ink);border:0;padding:0;position:relative;overflow:hidden}.demo-city:after{content:"";border:14px solid var(--accent);opacity:.82;pointer-events:none;mix-blend-mode:multiply;position:absolute;inset:0}.demo-city img{object-fit:cover;width:100%;height:100%;transition:transform 1.1s cubic-bezier(.2,.8,.2,1);display:block}.demo-city:hover img{transform:scale(1.035)}.demo-number{color:var(--accent);letter-spacing:.1em;background:#f1ece2eb;padding:9px 12px;font:500 14px/1 Helvetica Neue,sans-serif;position:absolute;top:28px;left:30px}.demo-city strong{letter-spacing:-.06em;color:var(--ink);font:900 clamp(50px,6vw,96px)/.9 Songti SC,serif;position:absolute;bottom:82px;left:30px}.demo-city small{color:#44453f;font-size:15px;position:absolute;bottom:35px;left:34px}.city-index{background:var(--paper);padding:clamp(72px,10vw,140px) clamp(22px,6vw,90px) 120px}.index-heading{grid-template-columns:1fr minmax(230px,360px);align-items:end;gap:34px;margin-bottom:48px;display:grid}.index-heading p,.choice-heading p,.result-copy p{color:#9a3f2e;letter-spacing:.14em;margin:0 0 12px;font-size:13px;font-weight:700}.index-heading h2,.choice-heading h2{letter-spacing:-.045em;margin:0;font:800 clamp(36px,5vw,72px)/1.02 Songti SC,serif}.city-search{color:var(--muted);letter-spacing:.12em;gap:9px;font-size:12px;display:grid}.city-search input{border:0;border-bottom:2px solid var(--ink);min-height:50px;color:var(--ink);background:0 0;border-radius:0;padding:0 4px;font-size:17px}.city-list{border-top:1px solid var(--ink)}.city-row{border:0;border-bottom:1px solid var(--line);width:100%;min-height:84px;color:var(--ink);text-align:left;background:0 0;grid-template-columns:68px minmax(120px,1.1fr) minmax(180px,2fr) minmax(180px,1.5fr);align-items:center;gap:18px;padding:12px 4px;transition:background .22s,padding .22s;display:grid}.city-row:hover{background:color-mix(in srgb, var(--accent) 11%, transparent);padding-inline:18px}.row-number{color:var(--accent);font:300 27px/1 Helvetica Neue,sans-serif}.row-name{font:800 clamp(23px,2.4vw,36px)/1 Songti SC,serif}.row-material{color:#53534e;font-size:14px}.row-status{color:var(--secondary);text-align:right;font-size:13px}.city-screen{background:var(--paper);min-height:100vh}.city-hero{isolation:isolate;background:#eee9df;align-items:end;min-height:min(900px,100svh - 62px);display:grid;position:relative;overflow:hidden}.city-hero.has-image img{object-fit:cover;z-index:-3;width:100%;height:100%;position:absolute;inset:0}.city-hero.has-image:after{content:"";z-index:-2;background:linear-gradient(90deg,#f1ece2f5 0 37%,#f1ece280 63%,#f1ece214);position:absolute;inset:0}.typographic-hero{background:linear-gradient(115deg, color-mix(in srgb, var(--accent) 16%, #f1ece2) 0 48%, transparent 48%), repeating-linear-gradient(90deg, #23231f14 0 1px, transparent 1px 12vw), #f1ece2}.city-register{border-block:1px solid #23231f33;grid-template-columns:repeat(3,1fr);width:min(360px,34vw);height:46px;display:grid;position:absolute;top:5%;right:5%}.city-register span{border-left:1px solid #23231f2e}.city-register span:last-child{border-right:1px solid #23231f2e}.city-hero-copy{z-index:3;width:min(760px,82vw);padding:9vh clamp(24px,6vw,90px) 7vh;position:relative}.city-hero-copy>p{color:var(--accent);letter-spacing:.18em;margin:0 0 24px;font:700 13px/1 Helvetica Neue,sans-serif}.city-hero h1{color:var(--ink);letter-spacing:-.08em;margin:0;font:900 clamp(72px,12vw,174px)/.8 Songti SC,STSong,serif}.city-hero h1 span{color:var(--ink);margin:0 0 20px;font:800 clamp(40px,5vw,72px)/1 Songti SC,serif;display:block}.city-hero h2{letter-spacing:.01em;max-width:660px;margin:42px 0 30px;font:600 clamp(26px,3vw,42px)/1.25 Songti SC,serif}.city-hero dl{border-block:1px solid #23231f40;grid-template-columns:repeat(3,1fr);max-width:670px;margin:0;display:grid}.city-hero dl div{border-right:1px solid #23231f33;padding:14px 14px 16px 0}.city-hero dl div:not(:first-child){padding-left:14px}.city-hero dl div:last-child{border-right:0}.city-hero dt{color:var(--accent);letter-spacing:.12em;margin-bottom:8px;font-size:11px;font-weight:700}.city-hero dd{color:#4e4d47;margin:0;font-size:13px;line-height:1.55}.city-ghost{color:var(--secondary);opacity:.15;letter-spacing:-.12em;white-space:nowrap;font:900 min(30vw,420px)/.8 Songti SC,serif;position:absolute;bottom:-6vw;right:-3vw;transform:rotate(-7deg)}.scroll-cue{z-index:5;border-bottom:2px solid var(--accent);color:var(--ink);letter-spacing:.08em;padding-bottom:7px;font-size:13px;font-weight:750;text-decoration:none;position:absolute;bottom:28px;right:clamp(24px,5vw,72px)}.incoming-relay{color:#fffaf1;background:var(--accent);text-align:center;margin:0;padding:18px 6vw;font-weight:700}.fact-strip{color:#f8f1e6;background:#242522;grid-template-columns:170px minmax(0,1fr) 220px;align-items:start;gap:clamp(24px,5vw,70px);padding:clamp(60px,8vw,120px) clamp(24px,10vw,150px);display:grid}.fact-strip span{color:color-mix(in srgb, var(--accent) 75%, white);letter-spacing:.14em;font-size:12px;font-weight:700}.fact-strip p{margin:0;font:600 clamp(25px,3.7vw,50px)/1.42 Songti SC,serif}.fact-strip a{color:#c7c1b6;text-underline-offset:5px;font-size:13px}.imprint-form{padding:clamp(72px,10vw,150px) clamp(22px,9vw,130px) 130px}.choice-heading{max-width:900px;margin-bottom:56px}.anchor-list{border-top:2px solid var(--ink)}.anchor{border:0;border-bottom:1px solid var(--line);width:100%;min-height:154px;color:var(--ink);text-align:left;background:0 0;grid-template-columns:86px minmax(0,1fr) 150px;align-items:center;gap:24px;padding:24px 0;transition:padding .25s,background .25s;display:grid}.anchor:hover,.anchor.selected{background:color-mix(in srgb, var(--accent) 12%, transparent);padding-inline:24px}.anchor.selected{box-shadow:inset 8px 0 0 var(--accent)}.anchor-index{color:var(--accent);font:300 30px/1 Helvetica Neue,sans-serif}.anchor-copy{gap:7px;display:grid}.anchor-copy small{color:var(--secondary);letter-spacing:.14em;font-size:11px;font-weight:700}.anchor-copy strong{font:750 clamp(27px,3vw,43px)/1.1 Songti SC,serif}.anchor-copy em{color:var(--muted);font-size:14px;font-style:normal}.anchor-imprint{color:var(--accent);justify-self:end;font:900 clamp(34px,4.3vw,64px)/1 Songti SC,serif}.identity-fields{grid-template-columns:1fr 1fr;gap:24px;margin-top:58px;display:grid}.identity-fields label{color:var(--muted);letter-spacing:.12em;gap:10px;font-size:12px;font-weight:700;display:grid}.identity-fields input,.identity-fields select{border:0;border-bottom:2px solid var(--ink);min-height:58px;color:var(--ink);background:0 0;border-radius:0;padding:0 4px;font-size:18px}.form-error{color:#a2322b;margin:22px 0 0;font-weight:700}.generate-action{--accent:var(--accent);width:100%;margin-top:32px}.result-screen-new{color:#f7f0e6;background:#242522;min-height:100vh;padding-bottom:90px}.result-screen-new .city-header{color:var(--ink)}.result-copy{text-align:center;padding:clamp(48px,7vw,90px) 24px 30px}.result-copy p{color:color-mix(in srgb, var(--accent) 80%, white)}.result-copy h1{letter-spacing:-.05em;margin:0;font:900 clamp(48px,7vw,92px)/1 Songti SC,serif}.imprint-preview{aspect-ratio:3/4;object-fit:cover;width:min(620px,100% - 40px);box-shadow:18px 22px 0 var(--accent), -10px -10px 0 var(--secondary);margin:0 auto;display:block}.result-actions{width:min(620px,100% - 40px);margin-inline:auto}.result-actions>*{flex:1}.result-screen-new .primary-action{color:#242522;background:#f7f0e6;border-color:#f7f0e6}.result-screen-new .quiet-action{color:#f7f0e6;background:0 0;border-color:#f7f0e673}.result-notice,.relay-copy{color:#d0c8bb;text-align:center;width:min(620px,100% - 40px);margin:22px auto 0;line-height:1.7}.result-notice{color:#fff;font-weight:700}@keyframes material-breathe{50%{transform:scale(1.018)translate(-.6%,.4%)}}@keyframes material-slide{50%{object-position:56% 50%}}.motion-1 .city-hero img,.motion-5 .city-hero img{animation:8s ease-in-out infinite material-breathe}.motion-2 .city-hero img,.motion-4 .city-hero img{animation:9s ease-in-out infinite material-slide}.motion-3 .city-register,.motion-6 .city-register{transform-origin:100%;animation:6s ease-in-out infinite material-breathe}@media (width<=760px){.site-header{height:62px;padding-inline:20px}.site-header span{letter-spacing:.08em}.atlas-hero{align-items:end;min-height:calc(100svh - 62px);padding:102px 22px 36px}.atlas-hero:before{background:linear-gradient(95deg,#f1ece2fc 0 46%,#f1ece2ad 72%,#f1ece229)}.material-key{width:58vw;top:28px;right:20px}.material-key span{padding-block:9px}.atlas-hero-copy{width:100%}.station-count{margin-bottom:24px}.atlas-hero h1{font-size:clamp(50px,15vw,72px)}.atlas-hero-copy>p:not(.station-count){width:90%;margin-top:26px;font-size:16px}.hero-actions{flex-direction:column;align-items:stretch;margin-top:28px}.primary-action,.quiet-action{width:100%}.demo-pair{grid-template-columns:1fr;gap:24px;padding:54px 20px}.demo-city{min-height:660px}.demo-city:after{border-width:9px}.demo-city strong{font-size:64px}.city-index{padding:76px 20px 90px}.index-heading{grid-template-columns:1fr;margin-bottom:34px}.city-row{grid-template-columns:48px minmax(0,1fr) auto;gap:10px;padding-block:16px}.row-material{grid-column:2/-1;font-size:12px}.row-status{text-align:left;grid-column:2/-1;font-size:11px}.city-header{padding-inline:16px}.city-header span{font-size:10px}.city-hero{min-height:calc(100svh - 62px)}.city-hero.has-image:after{background:linear-gradient(90deg,#f1ece2f7 0 34%,#f1ece27a 74%,#f1ece20d)}.city-hero-copy{width:100%;padding:116px 22px 34px}.city-hero h1{font-size:clamp(72px,23vw,108px)}.city-hero h1 span{font-size:44px}.city-hero h2{width:80%;margin-block:30px 24px;font-size:27px}.city-hero dl{border-bottom:0;grid-template-columns:1fr;width:60%}.city-hero dl div{border-bottom:1px solid #23231f29;border-right:0;padding:10px 0}.city-hero dl div:not(:first-child){padding-left:0}.city-register{width:48vw;top:22px;right:20px}.city-ghost{font-size:54vw;bottom:8vh;right:-15vw}.scroll-cue{font-size:12px;bottom:18px;right:20px}.fact-strip{grid-template-columns:1fr;gap:22px;padding:58px 22px}.fact-strip p{font-size:28px}.imprint-form{padding:76px 20px 92px}.choice-heading{margin-bottom:38px}.anchor{grid-template-columns:44px minmax(0,1fr) 64px;gap:10px;min-height:126px}.anchor:hover,.anchor.selected{padding-inline:10px}.anchor-index{font-size:22px}.anchor-copy strong{font-size:26px}.anchor-copy em{font-size:12px;line-height:1.55}.anchor-imprint{font-size:36px}.identity-fields{grid-template-columns:1fr;margin-top:42px}.result-actions{flex-direction:column}.imprint-preview{box-shadow:10px 12px 0 var(--accent), -7px -7px 0 var(--secondary)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}