:root{--ink:#254b49;--warm:#f4f0e7;--header-h:78px}
html{scroll-padding-top:var(--header-h)}
body{background:var(--warm);color:var(--ink)}
.site-header{position:sticky;top:0;z-index:70;height:var(--header-h);max-width:1320px;padding:0 48px;background:#f4f0e7ed;border-color:#254b4924;backdrop-filter:blur(16px)}
.site-header .brand{color:#204844}
.site-header .brand strong{font-size:20px;letter-spacing:.12em}
.site-header .slogan{color:#8c7a65;letter-spacing:.08em}
.site-header nav{gap:32px}
.site-header nav a{font-size:13px;letter-spacing:.1em;color:#45635d;white-space:nowrap}
.site-header nav a:hover,.site-header nav a:focus-visible{color:#af6845}
.site-header nav .current{border-color:#b47954}
.cinema-scroll{height:500vh;min-height:3300px;position:relative;background:#172a35;color:#fff}
.cinema-stage{position:sticky;top:var(--header-h);height:calc(100svh - var(--header-h));min-height:520px;overflow:hidden;isolation:isolate}
.cinema-scene{position:absolute;inset:0;overflow:hidden;opacity:0;pointer-events:none;z-index:1;background:#203542}
.cinema-scene.is-active{opacity:1}
.cinema-scene[aria-hidden="true"] .cinema-scene__content,.cinema-scene[aria-hidden="true"] .cinema-place{visibility:hidden}
.cinema-scene__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 57%;transform:scale(calc(1.025 + var(--scene-move,0)*.045));will-change:transform}
.cinema-scene--wide .cinema-scene__veil{position:absolute;inset:0;background:linear-gradient(90deg,#071b29e8 0%,#0b2334a6 40%,#14293727 85%),linear-gradient(0deg,#091d2ab5 0%,transparent 40%);pointer-events:none}
.cinema-scene[data-scene="0"] .cinema-scene__photo{object-position:center 55%}
.cinema-scene[data-scene="1"] .cinema-scene__photo{object-position:center 60%}
.cinema-scene--yaqing .cinema-scene__photo{object-position:center 60%}
.cinema-scene--yaqing .cinema-scene__veil{background:linear-gradient(90deg,#0a2936de 0%,#133d48ad 46%,#193b422d 100%),linear-gradient(0deg,#1129329c 0%,transparent 36%)}
.cinema-scene__content{position:absolute;top:26%;left:clamp(28px,6.2vw,90px);width:min(48%,560px);z-index:2}
.cinema-eyebrow{margin:0 0 28px;font-size:12px;letter-spacing:.34em;color:var(--scene-color);text-transform:uppercase}
.cinema-scene__content h1,.cinema-scene__content h2{font-family:"Songti SC","Noto Serif SC",SimSun,serif;color:#fff;font-size:clamp(58px,6.6vw,102px);font-weight:500;line-height:1.15;letter-spacing:.07em;margin:0 0 26px;text-shadow:0 5px 28px #061b25a6}
.cinema-scene__content h1 em{font-style:normal;color:var(--scene-color)}
.cinema-copy{max-width:430px;margin:0 0 29px;color:#f5f3ee;font-size:clamp(14px,1.25vw,18px);line-height:1.9;letter-spacing:.07em;text-shadow:0 2px 8px #071c27bd}
.cinema-actions{display:flex;flex-wrap:wrap;gap:13px;align-items:center}
.cinema-link{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:45px;padding:12px 18px;background:#f2e8d8;color:#1e4140;border:1px solid #f2e8d8;font-size:13px;letter-spacing:.1em;transition:background .2s,transform .2s}
.cinema-link:hover{background:#fff9ee;transform:translateY(-2px)}
.cinema-link--line{background:#1535406b;color:#fff;border-color:#ffffffa3}
.cinema-link--line:hover{background:#ffffff23;color:#fff}
.cinema-text-link{display:inline-block;padding:0 0 10px;border-bottom:1px solid var(--scene-color);color:var(--scene-color);font-size:14px;letter-spacing:.1em}
.cinema-text-link:hover{color:#fff}
.cinema-place{position:absolute;right:clamp(28px,6vw,84px);bottom:28px;z-index:3;margin:0;color:#fff8ec;font-size:11px;letter-spacing:.22em;text-align:right;text-shadow:0 2px 9px #0015}
.cinema-bottom{position:absolute;left:clamp(28px,6vw,84px);bottom:27px;z-index:7;display:flex;align-items:center;gap:13px;color:#f7f0e5;font-size:11px;letter-spacing:.18em;pointer-events:none}
.cinema-current{min-width:18px}.cinema-progress-track{display:block;width:108px;height:1px;background:#fff7e86b}.cinema-progress-track i{display:block;height:1px;background:#ead9b1;width:calc(var(--cinema-progress,0)*100%)}
.cinema-scroll-note{margin-left:15px;color:#e6ddd0a8}
.module-map,.module-work,.module-guides{scroll-margin-top:var(--header-h)}
.module-map{background:#e9eee9;border-top:0;padding-top:72px}
.module-heading{text-align:center;max-width:620px;margin:0 auto 35px}
.module-heading .eyebrow{margin-bottom:13px;color:#aa7755}
.module-heading h2{font-size:clamp(29px,3vw,42px);color:#264944;margin:0 0 11px}
.module-heading>p:last-child{margin:0;color:#70837b;font-size:13px;line-height:1.8}
.module-map .globe-search label{color:#617c70}
.module-map .globe-stage:before{background:radial-gradient(ellipse,#b6d5c7b3,transparent 72%)}
.module-work{background:#f8f4ec;padding-top:71px;border-top:0}
.module-guides{background:#e9ece7;padding-top:70px;border-top:0}
.module-work .section-heading .eyebrow,.module-guides .section-heading .eyebrow{color:#a66d4b}
.module-work .section-heading h2,.module-guides .section-heading h2{color:#254b49}
.module-work .section-heading>p,.module-guides .section-heading>p{color:#74847b}
.module-work .card{background:#fffdfa;border-color:#e5ddd0}
.module-work .card[href]:hover{box-shadow:0 15px 35px #153e3730}
.module-work .card-bottom{color:#a66948}
.module-guides .guide-card{background:#fdfaf3;border-color:#dfddd1}
.module-guides .guide-card:hover{box-shadow:0 13px 30px #1f494025}
footer{background:#f4f0e7}
@media(max-width:900px){.site-header{padding:0 26px}.site-header nav{gap:21px}.cinema-scene__content{width:min(53%,450px)}.cinema-scene__content h1,.cinema-scene__content h2{font-size:clamp(54px,7vw,80px)}}
@media(max-width:700px){:root{--header-h:100px}.site-header{height:var(--header-h);padding:10px 20px 8px;display:flex;flex-wrap:wrap;align-content:space-between;gap:0}.site-header .brand{width:100%;height:32px}.site-header .brand svg{width:30px;height:30px}.site-header .brand strong{font-size:17px}.site-header .slogan{display:none}.site-header nav{width:100%;margin:0;display:flex;justify-content:space-between;gap:10px}.site-header nav a{font-size:11px;padding:11px 1px}.cinema-scroll{height:450vh;min-height:2750px}.cinema-stage{min-height:490px}.cinema-scene__content{top:19%;left:25px;right:25px;width:auto}.cinema-eyebrow{font-size:10px;letter-spacing:.2em;margin-bottom:18px}.cinema-scene__content h1,.cinema-scene__content h2{font-size:clamp(45px,9vw,70px);line-height:1.15;letter-spacing:.04em;margin-bottom:18px}.cinema-copy{font-size:13px;line-height:1.75;max-width:300px;margin-bottom:21px}.cinema-link{font-size:11px;min-height:41px;padding:9px 11px;gap:9px}.cinema-text-link{font-size:12px}.cinema-scene--wide .cinema-scene__veil{background:linear-gradient(180deg,#0b2536d9 0%,#1028387c 55%,#0b2639af 100%)}.cinema-place{right:22px;bottom:20px;font-size:9px}.cinema-bottom{left:22px;bottom:20px;font-size:9px;gap:8px}.cinema-progress-track{width:68px}.cinema-scroll-note{display:none}.module-map{padding:48px 15px 25px}.module-heading{margin-bottom:23px}.module-heading h2{font-size:28px}.module-heading>p:last-child{font-size:12px}.module-work,.module-guides{padding-top:45px}}
@media(max-width:400px){.cinema-scene__content{top:17%;left:20px;right:20px}.cinema-scene__content h1,.cinema-scene__content h2{font-size:43px}.cinema-copy{max-width:290px}.cinema-actions{gap:8px}.cinema-link{font-size:10px}.cinema-place{max-width:150px}}
@media(prefers-reduced-motion:reduce){.cinema-scroll{height:auto;min-height:0}.cinema-stage{position:relative;top:auto;height:auto;min-height:0}.cinema-scene{position:relative;min-height:calc(100svh - var(--header-h));opacity:1!important;pointer-events:auto}.cinema-bottom{display:none}.cinema-scene__photo{transform:none}}

/* The marked deep blue-gray sky sets the tone across the portal. */
:root{--ink:#eaf2f3;--warm:#19394b}
body{background:#102c3c;color:var(--ink)}
a:focus-visible{outline-color:#a8c9d1}
.site-header{background:#19394bf2;border-color:#bed2d321}
.site-header .brand,.site-header nav a{color:#eaf2f3}
.site-header .slogan{color:#acc2ca;border-color:#8fb0bb65}
.site-header nav a:hover,.site-header nav a:focus-visible{color:#a9d2dc}
.site-header nav .current{border-color:#9cc5d1}
.cinema-scroll{height:320vh;min-height:2200px;background:#102c3c}
.cinema-link{background:#dce9ec;color:#17394a;border-color:#dce9ec}
.cinema-link:hover{background:#f2f8f8}
.cinema-link--line{background:#1535406b;color:#fff;border-color:#dae9eda3}
.cinema-link--line:hover{background:#ffffff23;color:#fff}
.cinema-copy,.cinema-place,.cinema-bottom{color:#eef5f5}
.cinema-progress-track{background:#e5f0f066}
.cinema-progress-track i{background:#c2dde3}
.cinema-scroll-note{color:#dce9eac2}
main:has(.module-map),main:has(.module-work),main:has(.module-guides){min-height:calc(100svh - var(--header-h) - 105px)}
.module-map{background:#19394b;color:#eaf2f3;border-top:0;padding-top:76px}
.module-heading .eyebrow,.module-work .section-heading .eyebrow,.module-guides .section-heading .eyebrow{color:#a9cfdb}
.module-heading h2,.module-work .section-heading h2,.module-guides .section-heading h2{color:#f0f6f6}
.module-heading>p:last-child,.module-work .section-heading>p,.module-guides .section-heading>p{color:#b9cbd1}
.module-map .globe-search label{color:#c0d2d8}
.module-map .globe-stage:before{background:radial-gradient(ellipse,#5d91a181,transparent 72%)}
.module-map .globe-search-field,.module-map .globe-search-results{background:#e8f1f2;border-color:#b9ced4}
.module-map .globe-search-field input,.module-map .globe-search-result{color:#19394b}
.module-map .globe-search-result:hover,.module-map .globe-search-result:focus-visible{background:#d0e3e8}
.module-map .globe-source{color:#a6bdc6}
.module-map .globe-bubble,.module-map .globe-bubble:after{background:#e8f1f2;border-color:#a8c2cc;color:#19394b}
.module-map .globe-bubble img{background:#d2e4e9}
.module-map .globe-bubble p,.module-map .globe-bubble small{color:#57717b}
.module-work{background:#1c4051;border-top:0;padding-top:76px}
.module-guides{background:#173749;border-top:0;padding-top:76px}
.module-work .section-heading .count{color:#a9c4cb}
.module-work .card,.module-guides .guide-card{background:#24485a;border-color:#62808e;color:#eaf2f3}
.module-work .card[href]:hover,.module-guides .guide-card:hover{box-shadow:0 16px 36px #071d2a6b}
.module-work .card-image.green{background:radial-gradient(ellipse at 50% 45%,#355d6d,#294d60)}
.module-work .card-image.blue{background:radial-gradient(ellipse at 50% 45%,#315b70,#26495e)}
.module-work .card-image.sand{background:radial-gradient(ellipse at 50% 45%,#3a5968,#2b4b5a)}
.module-work .badge{background:#123747e8;color:#e2f0f3}
.module-work .badge i{background:#9ac6bb}
.module-work .index{color:#b4cdd4}
.module-work .location,.module-work .card-body>p,.module-guides .guide-card small{color:#b8cdd4}
.module-work .card-bottom{border-color:#c4d9e744;color:#e2f0f3}
.module-guides .guide-category,.module-guides .guide-category strong{color:#c9dce1}
.module-guides .guide-card p{color:#c7d8de}
footer{background:#102c3c;border-color:#c4d9dd24;color:#bbd0d5}
footer .brand{color:#eaf2f3}
@media(max-width:700px){.cinema-scroll{height:300vh;min-height:1800px}.module-map,.module-work,.module-guides{padding-top:48px}}
.guide-card--changbaishan img{height:420px;object-fit:cover;object-position:top}@media(max-width:700px){.guide-card--changbaishan img{height:280px}}