:root{--paper:#f4f2eb;--ink:#293e46;--muted:#6d797b;--line:#d8dcd4;--blue:#527986;--warm:#ba7552;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit;background:none;border:0}a:focus-visible,button:focus-visible,canvas:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:5px}button:hover,a:hover{color:var(--blue)}[hidden]{display:none!important}.skip-link{position:fixed;top:-60px;left:20px;padding:12px;background:white;z-index:20}.skip-link:focus{top:10px}
.topbar{height:100px;max-width:1360px;margin:auto;padding:0 56px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.monogram{font-family:Georgia,serif;font-size:37px;font-weight:bold;letter-spacing:-3px}.monogram span{color:var(--warm)}.topbar-label,.eyebrow{font-size:10px;letter-spacing:2px;line-height:1.8;font-weight:500}.topbar-label{color:var(--muted)}.back-link{font-size:12px}.back-link span{margin-left:15px}.intro{max-width:1248px;margin:56px auto 0;padding:0 56px;display:flex;justify-content:space-between;align-items:flex-end;position:relative;z-index:1}.eyebrow{margin:0 0 17px;color:var(--muted)}h1{font-size:clamp(46px,5.4vw,76px);line-height:1.06;font-weight:400;letter-spacing:-3px;margin:0}h1 em{font-family:Georgia,serif;color:var(--blue);font-weight:400}.intro-note{font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 10px 25px}
.stage-shell{max-width:1360px;margin:22px auto 0}.scene{position:relative;height:570px;overflow:hidden}.scene-grid{position:absolute;inset:15% 8% 0;background-image:radial-gradient(#73838244 .6px,transparent .8px);background-size:22px 22px;mask-image:radial-gradient(ellipse at center,#000 0%,transparent 68%);pointer-events:none}canvas{display:block}.scene canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y}.fallback-desk{position:absolute;width:70%;height:85%;top:10%;left:15%}.scene.ready .fallback-desk{display:none}.scene-tag{position:absolute;left:56px;bottom:35px;font-size:10px;letter-spacing:2px;color:var(--muted)}.scene-status{position:absolute;right:56px;bottom:35px;font-size:11px;color:var(--muted);max-width:240px;text-align:right}.object-hint{position:absolute;background:var(--ink);color:white;pointer-events:none;padding:8px 12px;border-radius:3px;font-size:12px;z-index:2;white-space:nowrap;box-shadow:0 5px 18px #263d4520}.desk-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 56px;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.interaction-note{font-size:11px;color:var(--muted);margin:0}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue);margin-right:8px}.object-controls{display:flex;gap:8px}.object-controls button{font-size:12px;padding:10px 13px;border:1px solid var(--line);border-radius:4px;background:#ffffff3b;transition:background .2s,border-color .2s}.object-controls button:hover,.object-controls button[aria-pressed=true]{background:#e1e9e6;border-color:#93aaa9}.object-controls span{color:var(--blue);margin-left:8px}.motion-button{font-size:11px;color:var(--muted);min-width:85px;text-align:right;padding:10px 0}.afterword{max-width:1248px;margin:42px auto 66px;padding:0 56px;display:flex;justify-content:space-between;align-items:center;gap:25px}.afterword p{font-family:Georgia,serif;font-size:21px;line-height:1.6;margin:0}.afterword p span{color:var(--muted);font-size:17px}.afterword a{font-size:12px;border-bottom:1px solid #9daaa8;padding:8px 0}.afterword a span{margin-left:20px}footer{border-top:1px solid var(--line);padding:27px 56px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px;letter-spacing:1px}.fallback-message{margin:30px 56px;font-size:14px}.fallback-message a{text-decoration:underline}
dialog{color:var(--ink);background:var(--paper);border:1px solid var(--line)}dialog::backdrop{background:#162c3bd1;backdrop-filter:blur(6px)}dialog[open]{animation:enter .22s ease-out}.detail-dialog{width:min(620px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:44px 42px;border-radius:8px;box-shadow:0 25px 100px #152c3b30}.close-button{width:38px;height:38px;position:absolute;top:17px;right:17px;border:1px solid var(--line);border-radius:50%;font-size:25px;line-height:1;background:var(--paper);z-index:2}.detail-dialog h2{font-family:Georgia,serif;font-size:38px;line-height:1.1;font-weight:400;margin:0 0 15px;letter-spacing:-1px}.dialog-lead{font-size:14px;color:var(--muted);line-height:1.8}.project-list{margin-top:26px}.project-list>a{display:flex;gap:20px;padding:22px 0;border-top:1px solid var(--line)}.project-number{font-size:11px;color:var(--blue);padding-top:5px}.project-list h3{margin:0;font-size:21px;font-weight:400}.project-list p{font-size:13px;line-height:1.65;color:var(--muted);margin:8px 0 12px}.link-label{font-size:9px;letter-spacing:1.5px;color:var(--blue)}.signal-display{position:relative;margin:25px 0 22px;background:#152e35;border-radius:4px;padding:15px 12px 35px}.signal-display canvas{width:100%;height:200px}.signal-display>span{position:absolute;bottom:14px;left:20px;font-size:8px;letter-spacing:1.8px;color:#96b7ac}.signal-controls{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:25px}.signal-controls label{font-size:12px;min-width:90px}output{font-weight:bold}.signal-controls input{flex:1;min-width:110px;accent-color:var(--blue)}.signal-controls button{font-size:11px;border:1px solid var(--line);border-radius:4px;padding:9px}.text-link,.notebook-links{font-size:12px;color:var(--blue)}.notebook-lines{margin:30px 0}.notebook-lines p{font-family:Georgia,serif;font-size:19px;line-height:1.8;margin:0;padding:16px 0;border-bottom:1px solid var(--line)}.notebook-links{display:flex;justify-content:space-between;gap:20px}
.atlas-dialog{width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;overflow:auto}.atlas-topbar{height:95px;display:flex;align-items:center;justify-content:space-between;padding:0 56px;border-bottom:1px solid var(--line)}.atlas-topbar .eyebrow{margin:0}.atlas-topbar .close-button{position:static}.atlas-layout{display:grid;grid-template-columns:38% 62%;max-width:1440px;margin:auto;min-height:calc(100dvh - 160px)}.atlas-copy{padding:65px 0 35px 72px;position:relative;z-index:1}.atlas-copy h2{font-size:clamp(50px,5.5vw,78px);font-family:Georgia,serif;font-weight:400;line-height:1.05;letter-spacing:-3px;margin:0 0 24px}.atlas-copy>.dialog-lead{max-width:335px}.place-buttons{display:flex;gap:16px;margin:32px 0 25px}.place-buttons button{font-size:11px;padding:10px 0;color:var(--muted);border-bottom:1px solid var(--line)}.place-buttons button[aria-pressed=true]{border-color:var(--blue);color:var(--blue)}.place-buttons span{margin-left:6px}.place-card{max-width:340px;border-left:2px solid var(--blue);padding-left:20px;margin:25px 0}.place-card .eyebrow{font-size:9px;margin-bottom:9px}.place-card h3{font-size:25px;font-weight:400;margin:0 0 12px}.place-card p{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:17px}.place-card a{font-size:11px;color:var(--blue)}.atlas-visual{min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.atlas-visual canvas{width:100%;height:550px;touch-action:none;position:relative;z-index:1;cursor:grab}.atlas-visual canvas:active{cursor:grabbing}.atlas-orbit{position:absolute;width:75%;aspect-ratio:1;border:1px solid #98acaa30;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-58%);pointer-events:none}.atlas-tools{display:flex;gap:12px;justify-content:center;margin:0 0 15px;position:relative;z-index:1}.atlas-tools button{height:36px;min-width:36px;padding:0 12px;border:1px solid var(--line);border-radius:4px;font-size:12px;background:var(--paper)}.atlas-help{text-align:center;font-size:9px;letter-spacing:1.5px;color:var(--muted);line-height:1.9;margin:0 0 30px}.atlas-help span{font-size:10px;letter-spacing:0}.atlas-footer{display:flex;justify-content:space-between;padding:24px 56px;font-size:9px;letter-spacing:1px;border-top:1px solid var(--line);color:var(--muted)}.atlas-footer a{text-decoration:underline}.atlas-fallback{position:absolute;padding:30px;max-width:260px;text-align:center;font-size:13px;line-height:1.8;z-index:2}
@keyframes enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1550px){.scene{height:640px}}
@media(max-width:1000px){.topbar{padding:0 32px}.intro{padding:0 40px}.intro-note{max-width:220px}.desk-controls{margin:0 32px;flex-wrap:wrap;gap:16px}.interaction-note{flex:1}.object-controls{order:3;width:100%;justify-content:center}.scene-tag{left:32px}.scene-status{right:32px}.afterword{padding:0 40px}.atlas-copy{padding:45px 0 30px 35px}.atlas-layout{grid-template-columns:42% 58%}.atlas-visual canvas{height:470px}.atlas-topbar{padding:0 32px}.place-buttons{gap:12px}.atlas-copy>.dialog-lead,.place-card{max-width:280px}}
@media(max-width:600px){.topbar{height:78px;padding:0 24px}.topbar-label{display:none}.back-link{font-size:11px}.intro{display:block;margin-top:38px;padding:0 24px}.intro h1{font-size:49px;letter-spacing:-2px}.intro-note{margin:22px 0 0;font-size:12px;max-width:none}.stage-shell{margin:0}.scene{height:385px}.scene-tag{left:24px;bottom:18px;font-size:8px}.scene-status{right:24px;bottom:18px;font-size:9px;max-width:170px}.fallback-desk{width:100%;left:0}.desk-controls{margin:0 24px;padding:18px 0;gap:15px}.interaction-note{font-size:10px}.object-controls{gap:5px;flex-wrap:wrap}.object-controls button{font-size:10px;padding:9px}.object-controls span{margin-left:4px}.motion-button{font-size:10px}.afterword{margin:32px 0 40px;padding:0 24px;display:block}.afterword p{font-size:20px}.afterword p span{font-size:15px}.afterword a{display:inline-block;margin-top:18px}footer{padding:22px 24px;flex-wrap:wrap;font-size:9px}footer>span:nth-child(2){display:none}.detail-dialog{padding:42px 25px 28px}.detail-dialog h2{font-size:32px}.dialog-lead{font-size:13px}.signal-display canvas{height:160px}.notebook-lines p{font-size:17px}.atlas-topbar{height:75px;padding:0 24px}.atlas-topbar .eyebrow{font-size:8px;letter-spacing:1px}.atlas-layout{display:flex;flex-direction:column;min-height:0}.atlas-copy{padding:35px 24px 0}.atlas-copy h2{font-size:46px;letter-spacing:-2px}.atlas-copy h2 br{display:none}.atlas-copy>.dialog-lead{max-width:none}.atlas-copy>.eyebrow{margin-bottom:13px}.place-buttons{margin:18px 0}.place-card{max-width:none;margin:20px 0 0}.place-card p{margin:8px 0 10px}.place-card h3{font-size:22px;margin-bottom:5px}.place-card .eyebrow{margin-bottom:6px}.atlas-visual canvas{height:360px}.atlas-visual{margin-top:0}.atlas-orbit{width:80%}.atlas-help{margin-bottom:23px}.atlas-footer{padding:20px 24px;font-size:8px;gap:20px;letter-spacing:.5px}}
.object-controls{flex-wrap:wrap;justify-content:center}footer button{font:inherit;letter-spacing:inherit;padding:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.desk-controls { flex-wrap: wrap; }
.visitor-details{position:relative;letter-spacing:0}.visitor-details>summary{cursor:pointer;padding:2px 0}.visitor-panel{position:absolute;bottom:32px;right:0;width:240px;padding:20px;background:var(--paper);border:1px solid var(--line);box-shadow:0 8px 28px #293e4620;z-index:15;text-align:center;line-height:1.7}.visitor-map{width:200px;max-width:100%;margin:0 auto 20px}.visitor-panel>a{color:var(--blue);text-decoration:underline}
.object-controls { min-width: 0; }
.object-controls button[data-hovered=true] { background: #e1e9e6; border-color: #93aaa9; }
.desk-height-controls { display: flex; align-items: center; gap: 16px; margin: 0 56px; padding: 18px 0; border-bottom: 1px solid var(--line); flex-wrap: wrap; }
.height-label { font-size: 11px; color: var(--muted); }
.height-adjustment, .height-presets { display: flex; align-items: center; gap: 6px; }
.height-adjustment button, .height-presets button { min-height: 36px; padding: 8px 12px; border: 1px solid var(--line); border-radius: 4px; font-size: 11px; background: #ffffff3b; }
.height-adjustment > button:not(.height-readout) { min-width: 36px; font-size: 16px; touch-action: none; user-select: none; -webkit-user-select: none; }
.height-adjustment .height-readout { min-width: 92px; background: #213c48; color: #c5d9a1; font-family: monospace; }
.height-readout output { font-size: 17px; font-weight: 400; font-variant-numeric: tabular-nums; }
.height-readout span { margin-left: 6px; font-size: 10px; }
.height-presets button[aria-pressed=true] { border-color: var(--blue); color: var(--blue); }
.height-help { margin-left: auto; color: var(--muted); font-size: 10px; line-height: 1.6; }
.height-adjustment button:disabled { opacity: .35; cursor: default; }
@media(max-width:1000px) { .desk-height-controls { margin: 0 32px; } }
@media(max-width:600px) { .desk-height-controls { margin: 0 24px; gap: 12px; } .height-help { width: 100%; margin: 0; } .height-label { font-size: 10px; } }
:root[data-theme=dark] .object-controls button[data-hovered=true] { background: #2a414a; border-color: #78969d; }
.terminal-output{background:#213c48;color:#bfd4c6;padding:23px;border-radius:4px;font:12px/1.8 monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:280px;overflow:auto}.terminal-form{display:flex;align-items:center;gap:12px;background:#e5e9e2;border:1px solid var(--line);padding:8px 14px;border-radius:4px}.terminal-form label{color:var(--blue)}.terminal-form input{width:0;min-width:0;flex:1;border:0;padding:10px 0;background:none;color:var(--ink);font:13px monospace}.terminal-form button{font-size:11px;padding:10px 0;white-space:nowrap}
.letter-dialog{width:min(1060px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:55px 48px;border-radius:8px;box-shadow:0 25px 100px #152c3b30}.letter-layout{display:grid;grid-template-columns:1fr 1.45fr;gap:55px;align-items:center}.letter-intro h2{font-family:Georgia,serif;font-size:48px;line-height:1.15;font-weight:400;letter-spacing:-2px;margin:0 0 22px}.letter-intro h2 em{color:var(--blue);font-weight:400}.letter-intro .dialog-lead{max-width:260px}.letter-instruction{font-size:11px;line-height:1.8;color:var(--muted);max-width:250px;margin-top:35px}.letter-paper{position:relative;background:#fffdf6;box-shadow:0 12px 40px #344e4412;border:1px solid #dfdfd2;padding:28px 30px;transform:rotate(-.6deg)}.letter-paper::after{content:'';position:absolute;right:-1px;top:-1px;width:23px;height:23px;background:linear-gradient(45deg,#e7e5d8 48%,var(--paper) 52%);border-left:1px solid #d7d7cb;border-bottom:1px solid #d7d7cb}.letter-recipient{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:20px}.letter-recipient .eyebrow{font-size:8px;letter-spacing:1px}.letter-recipient p{font-size:12px;margin:6px 0}.letter-recipient .monogram{font-size:29px;letter-spacing:-2px}.letter-subject-label{font-size:8px;letter-spacing:1px;color:var(--muted)}.letter-paper input{display:block;width:100%;border:0;border-bottom:1px solid var(--line);padding:12px 0;background:none;font-family:Georgia,serif;font-size:21px;color:var(--ink)}.letter-paper input::placeholder,.letter-paper textarea::placeholder{color:#9a9d93}.letter-greeting{font:22px Georgia,serif;margin:25px 0 15px}.letter-paper textarea{display:block;width:100%;height:165px;min-height:100px;resize:vertical;border:0;background:repeating-linear-gradient(transparent,transparent 31px,#d8dcd47a 31px,#d8dcd47a 32px);font:18px/32px Georgia,serif;color:var(--ink);padding:0;max-height:300px}.letter-meta{display:flex;justify-content:space-between;gap:20px;margin:20px 0;font-size:9px;color:var(--muted)}.letter-primary{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--ink);color:#f4f2eb;border-radius:3px;padding:14px 17px;font-size:11px;line-height:1.7;width:100%}.letter-primary:hover{color:#fff;background:var(--blue)}.sealed-letter{text-align:center;padding:24px 0;animation:seal-in .6s ease-out}.sealed-letter .eyebrow{font-size:8px;margin:30px 0 12px}.sealed-letter h3{font:25px/1.4 Georgia,serif;margin:0;overflow-wrap:anywhere}.sealed-letter .dialog-lead{font-size:12px}.sealed-letter .letter-primary{justify-content:center;margin-top:24px}.paper-envelope{height:235px;max-width:380px;margin:auto;position:relative;border:1px solid #c9b9a4;background:linear-gradient(32deg,#ece1cf 49.6%,#baaa94 49.8%,#e5dac8 50.2%);box-shadow:0 15px 28px #334b461c;overflow:hidden;transform:rotate(-3deg)}.envelope-fold{position:absolute;width:100%;height:69%;top:0;left:0;background:#f2e7d4;clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 2px 1px #6e594738)}.wax-seal{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font:22px Georgia,serif;letter-spacing:-2px;color:#f6e3cb;background:#ae694c;box-shadow:0 2px 5px #653b3640;outline:2px solid #d49b76;outline-offset:-5px}.envelope-address{position:absolute;bottom:22px;left:0;right:0;font-size:9px;letter-spacing:2px;color:#8d7b66}.letter-secondary{display:flex;justify-content:space-between;gap:15px;margin-top:18px}.letter-secondary button{font-size:10px;padding:8px 0;color:var(--blue)}.letter-feedback{font-size:11px;color:var(--muted);line-height:1.7;min-height:19px}.manual-copy{width:100%;height:120px;border:1px solid var(--line);background:#fffdf6;padding:12px;font:12px/1.6 monospace;color:var(--ink)}
@keyframes seal-in{from{opacity:0;transform:translateY(-15px) rotateX(12deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}
@media(max-width:1000px){.letter-dialog{padding:45px 30px}.letter-layout{gap:30px;grid-template-columns:.85fr 1.3fr}.letter-intro h2{font-size:39px}.letter-paper{padding:25px}.paper-envelope{height:205px}}
@media(max-width:600px){.letter-dialog{padding:40px 22px 25px}.letter-layout{display:block}.letter-intro h2{font-size:32px;letter-spacing:-1px;margin-bottom:12px}.letter-intro h2 br{display:none}.letter-intro .dialog-lead{max-width:none;font-size:12px}.letter-intro .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:15px}.letter-instruction{margin:12px 0 25px;max-width:none;font-size:10px}.letter-paper{padding:23px 18px}.letter-recipient{margin-bottom:19px}.letter-paper input{font-size:18px}.letter-greeting{font-size:20px}.letter-paper textarea{font-size:16px;height:150px}.letter-primary{font-size:10px;padding:12px}.letter-secondary button{font-size:9px}.paper-envelope{height:180px}.letter-meta{font-size:8px;gap:8px}.sealed-letter{padding:0}.sealed-letter h3{font-size:22px}.terminal-output{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
:root[data-theme=dark]{--paper:#111d24;--ink:#e2e9e8;--muted:#a6b8bd;--line:#364851;--blue:#a0ccdc;--warm:#cc9a7a;background:var(--paper);color:var(--ink)}
:root[data-theme=dark] .object-controls button{background:#ffffff08}:root[data-theme=dark] .object-controls button:hover,:root[data-theme=dark] .object-controls button[aria-pressed=true]{background:#2a414a;border-color:#78969d}
:root[data-theme=dark] .letter-paper,:root[data-theme=dark] .manual-copy{background:#1b2d34;border-color:#435457}:root[data-theme=dark] .letter-paper::after{background:linear-gradient(45deg,#34474d 48%,var(--paper) 52%);border-color:#435457}
:root[data-theme=dark] .letter-primary{background:#a0ccdc;color:#142630}:root[data-theme=dark] .letter-primary:hover{background:#c6e3eb;color:#142630}:root[data-theme=dark] .terminal-form{background:#233941}
:root[data-theme=dark] .skip-link{background:var(--paper)}:root[data-theme=dark] .paper-envelope{filter:brightness(.8)}:root[data-theme=dark] .scene-grid{background-image:radial-gradient(#a8c3c844 .6px,transparent .8px)}
.place-buttons{flex-wrap:wrap;gap:10px 16px}.place-buttons [data-i18n]{margin-left:0}.atlas-dialog .place-buttons button{font-size:10px}.atlas-copy>.eyebrow{max-width:340px}.intro h1 [data-i18n]{display:inline}.letter-intro h2 [data-i18n]{display:inline}
html[lang=zh-CN] .eyebrow,html[lang=zh-CN] .scene-tag,html[lang=zh-CN] .atlas-help{letter-spacing:1px}html[lang=zh-CN] .intro h1{line-height:1.25;letter-spacing:-1px;font-size:clamp(42px,5.4vw,70px)}html[lang=zh-CN] .intro h1 em{font-style:normal}html[lang=zh-CN] .letter-intro h2{font-size:38px;line-height:1.45;letter-spacing:0}html[lang=zh-CN] .atlas-copy h2{line-height:1.3;letter-spacing:0}
@media(max-width:600px){html[lang=zh-CN] .intro h1{font-size:44px}html[lang=zh-CN] .letter-intro h2{font-size:29px}html[lang=zh-CN] .atlas-copy h2{font-size:42px}.atlas-topbar .monogram{font-size:30px}.atlas-topbar .eyebrow{letter-spacing:1px}}

/* Personal atlas: a physical globe, a taped note, and original photo prints. */
.atlas-dialog[open]{animation:atlas-fade .3s ease-out}
.atlas-topbar{height:80px;padding:0 40px}.atlas-back{font-size:11px;padding:12px 0;border-bottom:1px solid var(--line)}
.atlas-preferences{padding:0 40px;border-bottom:1px solid var(--line)}.atlas-preferences .preference-group button{font-size:10px}
.atlas-layout{position:relative;grid-template-columns:minmax(0,1fr) 338px;gap:30px;padding:24px 50px 18px 20px;max-width:1600px;min-height:calc(100dvh - 140px)}
.atlas-copy{position:absolute;top:40px;left:40px;width:185px;padding:0;z-index:3;pointer-events:none}
.atlas-copy>.eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:18px}.atlas-copy h2{font-size:40px;line-height:1.05;letter-spacing:-1.5px;margin:0 0 22px}.atlas-quote{font:italic 12px/1.8 Georgia,serif;color:var(--muted);margin-top:28px}
html[lang=zh-CN] .atlas-copy h2{font-size:34px;white-space:pre-line}
.atlas-index{position:relative;pointer-events:auto;font-size:11px}.atlas-index summary{cursor:pointer;padding:10px 0;color:var(--blue);list-style:none;border-bottom:1px solid var(--line)}.atlas-index summary::-webkit-details-marker{display:none}
.atlas-index[open] .place-buttons{position:absolute;top:32px;left:0;width:260px;max-height:55dvh;overflow:auto;background:var(--paper);border:1px solid var(--line);padding:12px;box-shadow:0 10px 30px #152c3b18;z-index:5;display:grid;grid-template-columns:1fr 1fr;gap:0 12px;margin:0}
.atlas-dialog .place-buttons button{text-align:left;min-height:40px;font-size:10px;line-height:1.6}.atlas-dialog .place-buttons button[aria-pressed=true]{color:var(--warm);border-color:var(--warm)}
.atlas-visual{grid-column:1;overflow:visible;justify-content:flex-start}.atlas-visual canvas{height:calc(100dvh - 274px);min-height:600px;max-height:920px;transform-origin:50% 47%}.atlas-tools{margin:8px 0 10px}.atlas-help{font-size:9px;letter-spacing:.6px;margin:0 0 8px}.atlas-pin-hint{position:absolute;z-index:4;pointer-events:none;padding:7px 10px;background:var(--paper);border:1px solid var(--line);box-shadow:0 4px 12px #293e461a;font-size:10px;white-space:nowrap}
.atlas-postcard{grid-column:2;align-self:start;min-width:0;width:100%;padding-top:42px;animation:atlas-fade .45s ease-out}
.atlas-postcard .place-card{position:relative;max-width:none;margin:0;padding:22px 24px;background:#fffcf2;border:1px solid #d7d9cb;box-shadow:0 12px 25px #293e4610;transform:rotate(-2deg)}
.place-card::before{content:'';position:absolute;top:-11px;left:32px;width:70px;height:24px;background:#d3d7ba80;transform:rotate(-8deg);border:1px solid #c5ccb64a}
.place-card .eyebrow{font-size:8px;letter-spacing:1px;margin:0 12px 15px 0;line-height:1.8}.place-card h3{font:italic 30px/1.2 Georgia,serif;letter-spacing:-.7px;margin:0 0 6px}.place-native{font-size:12px;color:var(--muted)}.place-card #place-description{font-size:11px;line-height:1.75;margin:14px 0 10px}.place-card a{font-size:10px}.postcard-photo-count{display:block;font-size:8px;color:var(--warm);letter-spacing:1.2px;margin-top:18px}.postcard-close{position:absolute;right:5px;top:3px;width:32px;height:32px;font-size:20px;color:var(--muted)}
.photo-print{position:relative;margin:24px 0 15px;padding:11px 11px 16px;background:#fffdf7;border:1px solid #d7d9cb;box-shadow:0 14px 32px #293e461c;transform:rotate(3deg)}.photo-print button{display:block;width:100%;padding:0}.photo-print img{display:block;width:100%;height:320px;object-fit:contain;background:#e9ede4}.photo-print figcaption{display:flex;justify-content:space-between;gap:10px;font:10px/1.5 Georgia,serif;margin:14px 3px 0;color:#56624f}.photo-error{font-size:11px;line-height:1.6;color:var(--muted);padding:0 10px}
.photo-pager{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:18px 0 8px}.photo-pager button,.photo-full-navigation button{border:1px solid var(--line);min-width:38px;min-height:38px;font-size:18px;border-radius:50%}.photo-caption{font-size:8px;letter-spacing:1px;color:var(--muted)}.photo-thumbnails{display:flex;gap:8px;overflow:auto;padding:6px 2px 10px}.photo-thumbnails button{flex:0 0 46px;padding:3px;border:1px solid transparent}.photo-thumbnails button[aria-pressed=true]{border-color:var(--warm)}.photo-thumbnails img{display:block;width:38px;height:38px;object-fit:cover}.photo-thumbnails button:focus-visible{outline-offset:-2px}
.atlas-footer{padding:22px 40px;font-size:8px;line-height:1.8;gap:15px}.photo-lightbox{width:min(1100px,95vw);height:90dvh;max-height:90dvh;padding:52px 24px 18px;border-radius:5px}.photo-lightbox>img{display:block;width:100%;height:calc(90dvh - 130px);object-fit:contain}.photo-full-navigation{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:14px;font-size:12px;color:var(--muted)}.photo-full-navigation span{text-align:center}.photo-lightbox::backdrop{background:#12242cec;backdrop-filter:blur(8px)}
:root[data-theme=dark] .atlas-postcard .place-card{background:#1c3038;border-color:#42555a}:root[data-theme=dark] .photo-print{background:#dcded1;border-color:#82907b}:root[data-theme=dark] .photo-print img{background:#293a32}:root[data-theme=dark] .photo-print figcaption{color:#344831}
@keyframes atlas-fade{from{opacity:0}to{opacity:1}}
.studio-entrance{width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:var(--paper);overflow:hidden}
/* A top-down writing desk and a paper-and-wax sequence, drawn for this site. */
.letter-dialog{--letter-table:#eaeeeb;--sheet:#fcfaf3;--sheet-edge:#d8d9cc;--sheet-ink:#3d514d;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:var(--letter-table);box-shadow:none;overflow:auto}.letter-dialog[open]{display:flex;flex-direction:column;animation:atlas-fade .4s ease-out}.letter-dialog::backdrop{background:transparent;backdrop-filter:none}.letter-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 48px;min-height:78px;position:relative;z-index:12;flex-shrink:0}.letter-bar-title{display:flex;align-items:center;gap:13px;font-size:9px;letter-spacing:1px}.letter-back{display:flex;align-items:center;gap:18px;font-size:10px;padding:12px 0}.letter-back>span:last-child{font-size:25px;font-weight:300}.letter-preferences{margin-left:auto;font-size:10px;gap:14px}.letter-preferences .preference-group button{font-size:10px;padding:10px 4px}
.letter-dialog .letter-layout{display:grid;grid-template-columns:240px minmax(0,640px) 110px;gap:50px;align-items:center;width:calc(100% - 96px);max-width:1260px;margin:clamp(25px,7dvh,85px) auto 0}.letter-dialog .letter-intro h2{font:400 34px/1.22 Georgia,KaiTi,serif;letter-spacing:-.5px;white-space:pre-line;margin:0 0 24px}.letter-dialog .letter-intro .eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:25px}.letter-dialog .letter-intro .dialog-lead{font-size:12px;line-height:1.85;max-width:220px}.letter-scribble{display:block;margin:40px 0 0;color:var(--muted)}
.letter-dialog .letter-paper{background:var(--sheet);color:var(--sheet-ink);min-height:570px;padding:44px 48px 20px;transform:none;border:1px solid var(--sheet-edge);box-shadow:0 14px 36px #293e4610;position:relative}.letter-dialog .letter-paper::after{width:24px;height:24px;background:linear-gradient(45deg,#e3e5d9 48%,var(--letter-table) 52%);border-color:var(--sheet-edge)}.letter-dialog .letter-recipient{margin-bottom:25px}.letter-dialog .letter-recipient p{font-size:12px;margin-top:8px}.letter-dialog .letter-recipient .monogram{font-size:32px;color:#718882}.letter-dialog .letter-recipient .eyebrow{color:#71817b;margin:0;font-size:8px}.letter-subject-row{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--sheet-edge)}.letter-dialog .letter-paper input{font:italic 26px/1.4 Georgia,KaiTi,serif;min-width:0;flex:1;width:0;padding:12px 0;border:0;color:var(--sheet-ink)}.letter-dialog .letter-paper input::placeholder,.letter-dialog .letter-paper textarea::placeholder{color:#9aa79c}.letter-dialog .letter-greeting{font:24px/1.5 Georgia,KaiTi,serif;margin:24px 0 10px}.letter-dialog .letter-paper textarea{height:180px;min-height:130px;max-height:250px;font:italic 22px/36px Georgia,KaiTi,serif;color:var(--sheet-ink);background:repeating-linear-gradient(transparent,transparent 35px,var(--sheet-edge) 35px,var(--sheet-edge) 36px);resize:vertical}.letter-signoff{font:23px/1.5 Georgia,KaiTi,serif;margin:20px 0 16px}.signature-line{display:block;width:76px;height:1px;background:#859a8e;transform:rotate(-4deg);margin-bottom:20px}.letter-dialog .letter-meta{font-size:8px;line-height:1.8;margin:24px 0 0;color:#75867b}.letter-dialog .letter-meta output{font-weight:400;font-family:monospace}
.pencil-display{display:grid;place-items:center;gap:25px;color:#8c9b8e;align-self:center}.pencil-display span{font:italic 16px/1.5 Georgia,serif;transform:rotate(-16deg);white-space:nowrap}.letter-draft-actions{display:flex;align-items:center;justify-content:space-between;gap:30px;width:calc(100% - 96px);max-width:1260px;margin:45px auto 8px}.letter-draft-actions>p{margin-left:auto;font-size:11px;color:var(--muted)}.letter-draft-actions .letter-primary{width:auto;min-width:150px;justify-content:center;font-size:11px;padding:14px 22px;border-radius:2px}.desk-eraser{width:80px;height:34px;background:linear-gradient(100deg,#e3e9e4 35%,#b9cbd0 36%,#b9cbd0 64%,#f3f4ed 65%);transform:skewY(12deg) rotate(-5deg);box-shadow:0 12px 12px #293e460e;border:1px solid #dce3db;position:relative}.desk-eraser::before{content:'';position:absolute;left:0;right:0;top:-13px;height:13px;transform:skewX(-42deg);transform-origin:bottom;background:linear-gradient(100deg,#f5f7ef 35%,#d3e0e2 36%,#d3e0e2 64%,#fffef7 65%)}.letter-dialog .letter-instruction{max-width:none;min-height:20px;margin:12px auto 16px;text-align:center;font:italic 15px/1.6 Georgia,KaiTi,serif;padding:0 20px;color:var(--muted)}.letter-footer{display:flex;justify-content:space-between;gap:24px;margin-top:auto;padding:25px 48px;font-size:8px;color:var(--muted);line-height:1.8;flex-shrink:0}
.letter-dialog .sealed-letter{position:absolute;inset:78px 0 72px;padding:0;text-align:center;animation:none;perspective:1500px}.seal-intro{position:absolute;top:35px;left:0;right:0;padding:0 24px}.seal-intro .eyebrow{font-size:8px;margin:0 0 18px}.seal-intro h2{font:400 36px/1.3 Georgia,KaiTi,serif;margin:0 0 14px}.seal-intro p:last-child{font-size:11px;line-height:1.8;color:var(--muted)}.postal-envelope{position:absolute;left:calc(50% - 180px);top:calc(50% - 118px);width:360px;height:235px;transform-style:preserve-3d;filter:drop-shadow(0 14px 10px #293e4617)}.envelope-back,.envelope-front{position:absolute;inset:0;border:1px solid #c9c3ab;background:#f6f1e1;border-radius:3px;backface-visibility:hidden;transform:translateZ(1px);box-shadow:0 2px 0 #c3bda4}.envelope-front{transform:rotateY(180deg) translateZ(1px);text-align:left;color:#68715e;padding:26px 28px}.envelope-lining{position:absolute;inset:0;background:repeating-linear-gradient(45deg,#c6c8b330,#c6c8b330 1px,#e9e5d3 1px,#e9e5d3 4px)}.envelope-left,.envelope-right,.envelope-bottom{position:absolute;inset:0;background:linear-gradient(110deg,#f2eddd,#e6e0cb)}.envelope-left{clip-path:polygon(0 0,58% 50%,0 100%)}.envelope-right{clip-path:polygon(100% 0,42% 50%,100% 100%)}.envelope-bottom{clip-path:polygon(0 100%,50% 46%,100% 100%);background:linear-gradient(15deg,#f9f5e8,#ede7d4)}.postal-flap{position:absolute;left:0;right:0;top:0;height:62%;clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(165deg,#faf6e9,#e8e2cf);transform-origin:50% 0;filter:drop-shadow(0 1px 1px #998b6730)}.postal-wax{position:absolute;width:54px;height:54px;left:50%;top:57%;transform:translate(-50%,-50%);display:grid;place-items:center;background:radial-gradient(circle at 40% 30%,#d0c18f,#b2a36f 75%);border-radius:48% 44% 49% 45%;border:1px solid #b7a576;outline:2px solid #dfd3a5;outline-offset:-4px;box-shadow:0 3px 6px #695a4030;opacity:0}.postal-wax::before{content:'';position:absolute;inset:7px;border:1px solid #e1d5a2;border-radius:50%}.postal-wax span{font:italic 20px Georgia,serif;letter-spacing:-1px;color:#8a7a49;text-shadow:1px 1px #e4d8ad;opacity:0}.envelope-micro{font:6px monospace;letter-spacing:1px}.envelope-to{display:block;font-size:7px;margin:55px 0 10px}.envelope-front strong{font-size:20px;font-weight:400;display:block}.envelope-dedication{font:italic 12px/1.5 Georgia,serif;display:block;margin-top:13px}.postage-stamp{position:absolute;top:22px;right:25px;width:38px;height:48px;border:1px dashed #979c87;text-align:center;font-size:23px;line-height:31px;outline:1px solid #b7b9a6;outline-offset:-4px}.postage-stamp small{display:block;font:5px monospace}.postal-mark{position:absolute;right:46px;top:43px;border:2px solid #7c8b7080;border-radius:50%;width:83px;height:83px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;transform:rotate(-17deg);font:6px monospace;color:#708166;opacity:0}.postal-mark time{font-size:8px}
.stamp-tool{position:absolute;left:calc(50% + 235px);top:calc(50% - 55px);padding:0;width:82px;height:146px;touch-action:none;user-select:none;cursor:grab;z-index:6;filter:drop-shadow(4px 6px 6px #293e4617)}.stamp-tool:active{cursor:grabbing}.seal-actions{position:absolute;left:20px;right:20px;bottom:50px;display:flex;justify-content:center;align-items:center;gap:22px;font-size:11px;color:var(--muted)}.seal-actions button{padding:12px 0;border-bottom:1px solid var(--line);color:var(--blue)}.letter-dialog[data-state]:not([data-state=draft]) .letter-instruction{position:absolute;bottom:92px;left:20px;right:20px;margin:0;z-index:2}.letter-dialog[data-state]:not([data-state=draft]) .letter-footer{position:absolute;bottom:0;left:0;right:0}.letter-dialog[data-state=folding] .letter-intro,.letter-dialog[data-state=folding] .pencil-display,.letter-dialog[data-state=folding] .letter-draft-actions{visibility:hidden}.letter-dialog[data-state=folding] .seal-intro,.letter-dialog[data-state=folding] .stamp-tool,.letter-dialog[data-state=folding] .seal-actions{visibility:hidden}.letter-dialog[data-state=stamping] .seal-actions,.letter-dialog[data-state=flying] .seal-actions{visibility:hidden}
.seal-result{width:min(480px,calc(100% - 40px));margin:14dvh auto 0;padding:0 12px}.seal-result .eyebrow{margin:0 0 25px;font-size:8px}.seal-result h3{font:italic 42px/1.3 Georgia,KaiTi,serif;margin:0 0 20px}.seal-result h4{font-weight:400;font-size:14px;overflow-wrap:anywhere;margin:20px 0}.seal-result .letter-primary{max-width:340px;margin:22px auto 0}.seal-result .letter-secondary{max-width:420px;margin:14px auto 0;flex-wrap:wrap;justify-content:center;gap:8px 20px}.seal-result .letter-secondary button{font-size:10px}.letter-dialog[data-state=dispatched] .seal-intro,.letter-dialog[data-state=dispatched] .stamp-tool,.letter-dialog[data-state=dispatched] .seal-actions,.letter-dialog[data-state=dispatched] .letter-instruction{display:none}
.letter-fold-layer{position:fixed;inset:0;perspective:1600px;pointer-events:none;z-index:7}.folding-sheet{position:absolute;transform-style:preserve-3d;transform-origin:50% 50%}.fold-strip{position:absolute;left:0;width:100%;transform-style:preserve-3d}.fold-strip::after{content:'';position:absolute;inset:0;background:var(--sheet);backface-visibility:hidden;transform:rotateX(180deg) translateZ(1px);border:1px solid var(--sheet-edge)}.fold-clip{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;background:var(--sheet);border:1px solid var(--sheet-edge)}.letter-dialog .fold-print{position:absolute;left:0;margin:0;border:0;box-shadow:none;transform:none;pointer-events:none}
.carrier-pigeon{position:fixed;left:0;top:0;width:220px;height:170px;pointer-events:none;z-index:10;filter:drop-shadow(0 10px 9px #293e461b)}.carrier-pigeon svg{display:block;width:100%;height:100%;overflow:visible}.pigeon-wing{transform-box:fill-box;transform-origin:85% 90%;animation:pigeon-flap .23s ease-in-out infinite alternate}.pigeon-wing-back{animation-delay:-.1s;animation-direction:alternate-reverse}@keyframes pigeon-flap{from{transform:rotate(8deg) scaleY(1)}to{transform:rotate(-27deg) scaleY(.6)}}
.postal-envelope{filter:none}.envelope-back,.envelope-front{box-shadow:0 2px 0 #c3bda4,0 14px 20px #293e4617}
:root[data-theme=dark] .letter-dialog{--letter-table:#14272e;--sheet:#223c40;--sheet-edge:#4a6160;--sheet-ink:#e4ece1}:root[data-theme=dark] .letter-dialog .letter-paper{background:var(--sheet);border-color:var(--sheet-edge)}:root[data-theme=dark] .letter-dialog .letter-paper::after{background:linear-gradient(45deg,#4a5e54 48%,var(--letter-table) 52%)}:root[data-theme=dark] .letter-dialog .letter-paper input::placeholder,:root[data-theme=dark] .letter-dialog .letter-paper textarea::placeholder{color:#a1b6a5}
@media(max-width:1100px){.letter-dialog .letter-layout{grid-template-columns:180px minmax(0,640px) 75px;gap:25px;width:calc(100% - 60px);margin-top:40px}.letter-dialog .letter-intro h2{font-size:28px}.letter-dialog .letter-paper{padding:35px 32px 20px}.letter-draft-actions{width:calc(100% - 60px)}.pencil-display svg{width:65px}.letter-bar{padding:14px 30px}.letter-footer{padding:24px 30px}}
@media(max-width:850px){.letter-dialog .letter-layout{grid-template-columns:150px minmax(0,1fr);gap:25px}.pencil-display{display:none}.letter-dialog .letter-paper input{font-size:22px}.letter-dialog .letter-paper textarea{font-size:20px}.letter-dialog .letter-intro h2{font-size:25px}.letter-dialog .letter-intro .dialog-lead{font-size:11px}}
@media(max-width:600px){.letter-bar{padding:10px 18px;gap:10px;min-height:65px}.letter-bar-title>span{display:none}.letter-preferences{font-size:9px;gap:10px}.letter-preferences .preference-group button{font-size:9px;padding:8px 3px;min-height:38px}.letter-back{gap:8px;font-size:9px}.letter-dialog .letter-layout{display:block;width:calc(100% - 40px);margin-top:22px}.letter-dialog .letter-intro h2,html[lang=zh-CN] .letter-dialog .letter-intro h2{font-size:28px;line-height:1.35;margin:0 0 12px}.letter-dialog .letter-intro .eyebrow{margin-bottom:12px}.letter-dialog .letter-intro .dialog-lead{max-width:none;margin:0 0 22px;font-size:11px}.letter-scribble{display:none}.letter-dialog .letter-paper{padding:28px 23px 18px;min-height:530px}.letter-dialog .letter-recipient{margin-bottom:18px}.letter-dialog .letter-paper input{font-size:21px}.letter-subject-row{gap:12px}.letter-dialog .letter-greeting{font-size:21px}.letter-dialog .letter-paper textarea{font-size:19px;height:180px}.letter-signoff{font-size:19px}.letter-dialog .letter-meta{font-size:7px;gap:8px}.letter-draft-actions{width:calc(100% - 40px);margin-top:26px;gap:18px}.desk-eraser{display:none}.letter-draft-actions>p{font-size:10px;margin-left:0}.letter-draft-actions .letter-primary{min-width:120px;padding:12px 16px;font-size:10px}.letter-dialog .letter-instruction{font-size:12px;margin:18px auto 12px}.letter-footer{padding:20px;font-size:7px;gap:18px;flex-wrap:wrap}.letter-dialog .sealed-letter{inset:68px 0 62px}.seal-intro{top:20px}.seal-intro h2{font-size:28px}.seal-intro .eyebrow{margin-bottom:12px}.seal-intro p:last-child{font-size:10px}.postal-envelope{width:260px;height:170px;left:calc(50% - 130px);top:calc(50% - 85px)}.envelope-front{padding:20px}.envelope-front strong{font-size:17px}.envelope-to{margin-top:33px}.envelope-micro{font-size:5px;letter-spacing:.5px}.envelope-dedication{font-size:10px}.postage-stamp{top:15px;right:18px;width:30px;height:37px;font-size:18px;line-height:24px}.postage-stamp small{font-size:4px}.postal-mark{width:65px;height:65px;right:36px;top:30px;gap:5px;font-size:5px}.postal-mark time{font-size:6px}.postal-wax{width:44px;height:44px}.stamp-tool{left:calc(50% + 60px);top:calc(50% + 105px);width:60px;height:106px}.stamp-tool svg{width:60px;height:106px}.seal-actions{bottom:25px;font-size:10px;gap:15px}.letter-dialog[data-state]:not([data-state=draft]) .letter-instruction{bottom:128px;font-size:12px}.seal-result{margin-top:12dvh}.seal-result h3{font-size:34px}.seal-result .dialog-lead{font-size:12px}.carrier-pigeon{width:180px;height:139px}}
.studio-entrance::backdrop{background:transparent;backdrop-filter:none}.studio-entrance[open]{display:grid;place-items:center;animation:none}.entrance-name{text-align:center;transform-origin:center}.entrance-word{font:500 clamp(65px,12vw,180px)/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.06em;margin:0;padding:0 20px}.entrance-hello,.entrance-introducing{display:none;margin:0;color:var(--blue);font:italic 40px/1.5 Georgia,KaiTi,serif}.studio-entrance[data-phase=name] .entrance-hello,.studio-entrance[data-phase=name] .entrance-introducing{display:block}.studio-entrance[data-phase=name] .entrance-word{font:italic clamp(56px,8vw,116px)/1.2 Georgia,KaiTi,serif;color:var(--blue);letter-spacing:-.035em}.entrance-introducing{font-size:70px;margin:12px 0 24px}#entrance-skip{position:absolute;right:32px;bottom:28px;font-size:11px;padding:12px;border-bottom:1px solid var(--line)}
.scene.is-cinematic{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;z-index:50;background:var(--paper);pointer-events:none}.scene.is-cinematic .scene-grid,.scene.is-cinematic .scene-tag,.scene.is-cinematic .scene-status,.scene.is-cinematic .object-hint{display:none}.studio-focus body{overflow:hidden}.studio-focus .stage-shell{min-height:570px}.view-transition{position:fixed;z-index:60;right:28px;bottom:24px;padding:12px 18px;border:1px solid var(--line);background:var(--paper);box-shadow:0 5px 22px #293e4610;font-size:11px}.view-transition button{font-size:11px;color:var(--blue);padding:8px 0 8px 18px}
#projects-dialog{width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;overflow:hidden;box-shadow:none}#projects-dialog::backdrop{background:transparent;backdrop-filter:none}#projects-dialog .close-button{top:24px;left:28px;right:auto;width:auto;min-height:40px;padding:10px 16px;font-size:11px;border-radius:22px}.monitor-content{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(840px,85vw);height:75dvh;overflow:auto;padding:30px 35px;background:var(--paper);box-shadow:0 0 0 12px #263e49,0 0 0 15px #a5b3ad}.studio-focus .monitor-content{transform:none;box-shadow:none}.monitor-content .eyebrow{font-size:9px;margin:0 0 14px}.monitor-content h2{font-size:33px;margin-bottom:12px}.monitor-content .dialog-lead{font-size:12px;margin-bottom:16px}.monitor-content .project-list{margin-top:16px}.monitor-content .project-list>a{padding:16px 0;gap:18px}.monitor-content .project-list h3{font-size:20px}.monitor-content .project-list p{font-size:11px;margin:7px 0 9px}.monitor-content .link-label{font-size:8px}
@media(min-width:1550px){.studio-focus .stage-shell{min-height:640px}}@media(max-width:600px){.studio-focus .stage-shell{min-height:385px}.entrance-word{font-size:70px}.entrance-hello{font-size:28px}.entrance-introducing{font-size:40px}#projects-dialog .close-button{top:16px;left:16px;font-size:10px}.monitor-content{padding:18px 20px}.monitor-content h2{font-size:28px}.view-transition{right:16px;bottom:16px;padding:8px 12px;font-size:10px}.view-transition button{font-size:10px}}
@media(max-width:600px){.atlas-preferences{padding:0 20px;justify-content:space-between;gap:0 8px}.atlas-preferences .site-clock{width:100%;padding-top:10px}.atlas-preferences .preference-group button{min-height:38px}}
@media(max-width:1000px){.atlas-layout{grid-template-columns:minmax(0,1fr) 280px;gap:20px;padding-right:30px}.atlas-copy{left:28px;top:30px;width:155px}.atlas-copy h2{font-size:34px}.atlas-copy>.eyebrow{font-size:7px;letter-spacing:.5px}.atlas-postcard .place-card{padding:20px}.photo-print img{height:280px}.atlas-visual canvas{min-height:560px}.atlas-postcard{padding-top:55px}}
@media(max-width:600px){.atlas-topbar{height:72px;padding:0 20px}.atlas-back{font-size:10px}.atlas-topbar .eyebrow{font-size:8px;letter-spacing:.5px}.atlas-layout{display:flex;flex-direction:column;padding:24px 20px 26px;gap:16px;min-height:0}.atlas-copy{position:relative;left:auto;top:auto;padding:0;width:100%}.atlas-copy h2,html[lang=zh-CN] .atlas-copy h2{font-size:34px;letter-spacing:-1px;margin:0 0 10px}.atlas-copy>.eyebrow{margin:0 0 10px;font-size:8px}.atlas-quote{display:none}.atlas-index{width:190px}.atlas-index[open] .place-buttons{max-height:340px}.atlas-visual canvas{height:420px;min-height:0;max-height:none}.atlas-tools{margin-top:0}.atlas-help{max-width:240px;font-size:9px;line-height:1.7}.atlas-postcard{padding:8px 0 0;width:min(338px,100%);margin:auto}.atlas-postcard .place-card{max-width:none;padding:22px}.photo-print img{height:320px}.atlas-footer{padding:18px 20px;font-size:7px;letter-spacing:.3px;flex-wrap:wrap}.atlas-footer>span:first-child{width:100%}.photo-lightbox{padding:54px 12px 16px}.photo-full-navigation{font-size:11px}.atlas-pin-hint{font-size:9px;max-width:calc(100% - 16px);white-space:normal}}