:root{--paper:#f5f7f2;--ink:#17221c;--muted:#59665d;--line:#d9e2da;--green:#173e32;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body,figure{margin:0}a{color:inherit;text-underline-offset:4px}img{display:block;width:100%;height:auto}.wrap{width:min(1280px,calc(100% - 80px));margin:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;padding:12px;background:white;z-index:5}.header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 40px;border-bottom:1px solid var(--line)}.header a{text-decoration:none}.home{font:800 26px Arial,sans-serif;letter-spacing:-.06em}.home span{font:600 13px "Microsoft YaHei",sans-serif;letter-spacing:0;margin-left:8px}.header nav{display:flex;gap:26px;font-size:13px}.hero{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:56px;padding-block:62px}.eyebrow{font:700 11px/1.5 Arial,"Microsoft YaHei",sans-serif;letter-spacing:.13em;color:#508060;margin:0 0 20px}.hero h1{font-size:clamp(46px,5.1vw,72px);line-height:1.18;letter-spacing:-.055em;margin:0 0 24px}.hero h1 span{display:block;font:11px/1.7 Arial,sans-serif;letter-spacing:.15em;margin-top:18px;color:var(--muted)}.intro{font-size:17px;line-height:1.85;color:var(--muted);margin:0 0 24px}.button{display:inline-block;background:var(--green);color:white;border-radius:32px;padding:14px 23px;font-size:13px;text-decoration:none}.hero-art{align-self:center}.image-trigger{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in;overflow:hidden}.hero-art .image-trigger{border-radius:6px}.image-trigger img{transition:opacity .18s}.image-trigger:hover img{opacity:.94}figcaption{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:var(--muted);line-height:1.7;padding:13px 0}.section-nav{border-block:1px solid var(--line)}.section-nav>.wrap{display:flex;gap:36px;padding-block:20px;font-size:12px}.section-nav a{text-decoration:none}.section{padding-block:64px}.section-head{margin-bottom:32px}.section-head h2{font-size:38px;line-height:1.3;letter-spacing:-.04em;margin:0 0 14px}.section-head>p:last-child{color:var(--muted);font-size:14px;line-height:1.8;margin:0}.character-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px}.character-pair .image-trigger{background:#fff}.character-pair img{width:100%;max-height:760px;object-fit:contain}.character-pair figure:last-child .image-trigger{background:#141717}.scene-section{background:#eaf0e7;padding-block:64px}.process-card{margin-top:44px}.process-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:20px}.work-number{font:11px/1.5 Arial,sans-serif;letter-spacing:.12em;color:#608269;margin:0 0 10px}h3{font-size:24px;line-height:1.3;font-weight:600;margin:0}.stage-controls{display:flex;gap:7px;flex-wrap:wrap}.stage-controls button{font:500 12px "Microsoft YaHei",sans-serif;border:1px solid #a9b9a6;background:transparent;color:var(--green);border-radius:24px;padding:10px 16px;cursor:pointer}.stage-controls button[aria-pressed="true"]{background:var(--green);color:#fff;border-color:var(--green)}.process-card .image-trigger{border-radius:4px;background:#d7dbd2}.process-card figure img{width:100%;height:auto}.process-card[data-process="island"] figure{width:min(100%,960px);margin:auto}.tower{width:min(100%,850px);margin:0 auto 38px}.tower .image-trigger{border-radius:4px;background:#3d423e}.portrait-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}.portrait-gallery .image-trigger{border-radius:4px}.portrait-gallery img{height:auto;object-fit:contain}.end-section{background:var(--green);color:#fff;padding-block:54px}.end-section .eyebrow{color:#a5c2ab}.end-section h2{font-size:34px;letter-spacing:-.03em;margin:0 0 26px}.end-links{display:flex;gap:30px;flex-wrap:wrap;font-size:13px}.end-links a{text-decoration:none;padding-bottom:8px;border-bottom:1px solid #789987}footer{font-size:11px;color:var(--muted);padding-block:25px}.viewer{padding:0;border:0;width:96vw;max-width:1800px;height:94vh;max-height:none;background:#121815;color:#fff;overflow:hidden;border-radius:7px}.viewer::backdrop{background:#101711dd}.viewer-toolbar{min-height:70px;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 24px;border-bottom:1px solid #3f5045}.viewer-toolbar p{font-size:13px;margin:0}.viewer-toolbar>div{display:flex;gap:10px;flex-shrink:0}.viewer-toolbar button{font:12px "Microsoft YaHei",sans-serif;color:#fff;border:1px solid #789080;background:none;padding:9px 14px;border-radius:20px;cursor:pointer}.viewer-canvas{height:calc(100% - 70px);display:flex;align-items:center;justify-content:center;overflow:auto;padding:20px}.viewer-canvas img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}.viewer.is-zoomed .viewer-canvas{display:block}.viewer.is-zoomed .viewer-canvas img{width:auto;max-width:none;max-height:none;height:auto;display:block;margin:auto}body:has(.viewer[open]){overflow:hidden}button:focus-visible,a:focus-visible{outline:3px solid #79a789;outline-offset:4px}.stage-image.is-loading{opacity:.55}
@media(max-width:1000px){.wrap{width:calc(100% - 40px)}.header{padding:22px 20px}.hero{gap:30px;padding-block:40px}.hero h1{font-size:49px}.hero h1 span{font-size:9px}.intro{font-size:15px}.portrait-gallery{gap:16px}}
@media(max-width:640px){.header{flex-wrap:wrap;gap:18px;padding:20px}.header nav{gap:20px;font-size:12px}.home{font-size:23px}.home span{font-size:12px}.hero{grid-template-columns:1fr;gap:26px;padding-block:32px}.hero h1{font-size:46px;line-height:1.15;margin-bottom:18px}.hero h1 br{display:none}.hero h1 span{font-size:10px;margin-top:14px}.hero .eyebrow{margin-bottom:14px}.intro{font-size:15px;margin-bottom:18px}.hero-art figcaption{font-size:10px}.section-nav>.wrap{gap:20px;font-size:10px;padding-block:17px}.section,.scene-section{padding-block:42px}.section-head h2{font-size:30px}.section-head>p:last-child{font-size:13px}.character-pair{grid-template-columns:1fr;gap:20px}.character-pair img{max-height:none}.process-card{margin-top:32px}.process-head{align-items:start;flex-direction:column;gap:14px}.process-head h3{font-size:23px}.stage-controls button{font-size:11px;padding:9px 14px}.process-card figcaption{font-size:10px}.portrait-gallery{grid-template-columns:1fr;gap:24px}.portrait-gallery figure{width:100%}.tower{margin-bottom:26px}.end-section{padding-block:40px}.end-section h2{font-size:28px}.end-links{gap:20px;font-size:12px}.viewer-toolbar{padding:14px;min-height:80px}.viewer-toolbar p{font-size:11px}.viewer-toolbar>div{gap:7px}.viewer-toolbar button{font-size:10px;padding:8px 10px}.viewer-canvas{height:calc(100% - 80px);padding:10px}.viewer{width:98vw;height:92vh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.image-trigger img{transition:none}}

/* Keep artwork presentation free of individual titles and captions. */
.process-head{justify-content:flex-end}.viewer-toolbar{justify-content:flex-end}.character-pair figure,.portrait-gallery figure{line-height:0}