:root{--ink:#15212c;--muted:#64717c;--line:#dce2e7;--paper:#fff;--soft:#f3f6f8;--dark:#0a141e;--accent:#e3a36d;--gold:#b96b37;--max:1280px;--serif:"Songti SC","Noto Serif SC",STSong,SimSun,Georgia,serif}
body{background:#fafbfd;font-size:1rem}p{line-height:1.85}.wrap{padding-left:36px;padding-right:36px}.site-header{height:96px;background:#fafbfd;border:0}.header-inner{gap:30px}.brand-cn{font-family:var(--serif);font-weight:600;letter-spacing:.1em;font-size:29px}.brand-en{font-size:12px;letter-spacing:.16em;color:#6b7780}.brand-mark{width:33px;height:38px}.nav{gap:25px}.nav a{font-size:14px;padding:12px 0}.nav a:hover,.nav a[aria-current=page]{border-color:var(--gold)}.language{border-radius:20px;padding:8px 14px;border-color:#b9c2cb;background:transparent}.menu-toggle{border-radius:18px;font-size:14px}.eyebrow{font-size:12px;letter-spacing:.17em;color:var(--gold);font-weight:600}.button{border-radius:28px;padding:14px 25px;font-size:15px;background:var(--ink);border-color:var(--ink);min-height:50px}.button.primary{background:var(--accent);border-color:var(--accent);color:#251d16}.button.outline{color:white;border-color:#94a0a9;background:transparent}.button.light{border-color:#bbc7d0;background:transparent}.button:hover{transform:translateY(-1px);filter:none}.text-link{border-color:#98a2ac;line-height:1.65}.section{padding:94px 0}.section.soft{background:var(--soft)}.section h2{font-size:36px;font-weight:500;line-height:1.4;letter-spacing:-.03em}.section-head{margin-bottom:40px;gap:45px}.section-intro{font-size:16px;line-height:1.9;max-width:660px}
.art-hero{margin:0 22px;background:var(--dark);border-radius:24px;min-height:690px;position:relative;isolation:isolate;overflow:hidden;color:white}.art-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:75% center;z-index:-2}.art-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,13,23,.5),rgba(5,13,23,.06) 70%)}.art-hero-inner{padding-top:95px;padding-bottom:110px}.art-hero .eyebrow{color:#e6b388;margin-bottom:35px}.art-hero h1{font-family:var(--serif);font-size:clamp(3.7rem,6.9vw,6.9rem);font-weight:400;line-height:1.2;letter-spacing:.01em;margin:0 0 34px;max-width:820px}.art-hero h1 em{color:#e7ae81;font-style:normal}.art-hero p{font-size:17px;color:#c7d2dd;max-width:540px;margin-bottom:30px}.art-caption{position:absolute;right:30px;bottom:23px;font-size:12px;color:#cad2dc;letter-spacing:.13em}.art-hero .button-row{margin-top:35px}.hero-index{font-size:13px;color:#a8b6c4;letter-spacing:.06em;margin-top:45px}.hero-index span+span:before{content:" / ";padding:0 14px;color:#626f7c}
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:80px 0 72px}.intro-grid h2{font-family:var(--serif);font-size:43px;font-weight:400;line-height:1.5;letter-spacing:-.03em;margin:0}.intro-grid p{font-size:17px;color:var(--muted);margin-bottom:19px;max-width:590px}.intro-meta{display:flex;gap:23px;font-size:13px;color:var(--gold);letter-spacing:.07em}.scene-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.scene-grid a{padding:30px 22px 35px;border-right:1px solid var(--line);transition:background .2s}.scene-grid a:first-child{padding-left:0}.scene-grid a:last-child{border:0}.scene-grid a:hover{background:#eef2f6}.scene-grid .scene-num{margin-bottom:30px;color:#8b96a2;font-size:13px}.scene-grid h3{font-size:21px;font-weight:500;line-height:1.5;margin-bottom:13px}.scene-grid p{font-size:15px;color:var(--muted);margin-bottom:0}.scene-card{border-radius:12px;padding:30px;box-shadow:none}.card-label{font-size:14px;font-weight:400}.scene-card h3{font-weight:500}.scene-card p{font-size:16px}
.case-card{border:1px solid #d7e0e7;border-radius:15px;background:#fff;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;min-width:0}.case-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(16,31,45,.08)}.case-cover{display:block;position:relative;aspect-ratio:16/10;background:#152a3b;overflow:hidden}.case-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.case-card:hover .case-cover img{transform:scale(1.025)}.case-cover.contain img{object-fit:contain;background:#fff}.case-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(5,12,21,.43));pointer-events:none}.video-pill{position:absolute;left:16px;bottom:16px;color:#fff;background:rgba(10,20,30,.74);border:1px solid rgba(255,255,255,.35);padding:6px 11px;border-radius:20px;font-size:12px;backdrop-filter:blur(8px);z-index:1;display:flex;align-items:center;gap:7px}.play-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:1px solid currentColor;font-size:12px;font-family:Arial,sans-serif}.case-code{height:100%;display:flex;flex-direction:column;justify-content:center;padding:35px;color:white;background:linear-gradient(135deg,#183244,#102331)}.case-code strong{font-family:Georgia,serif;font-size:30px;font-weight:400;line-height:1.4;overflow-wrap:anywhere}.case-code small{color:#d5b293;font-size:12px;letter-spacing:.12em;margin-bottom:18px}.case-body{padding:25px 25px 20px;flex:1;display:flex;flex-direction:column}.case-meta{font-size:12px;color:#7d8893;display:flex;justify-content:space-between;gap:10px;margin-bottom:15px;letter-spacing:.04em}.case-card h3{font-size:22px;line-height:1.45;font-weight:500;margin-bottom:13px;letter-spacing:-.025em}.case-card p{font-size:16px;color:var(--muted);line-height:1.8;margin-bottom:22px}.case-foot{border-top:1px solid var(--line);margin-top:auto;padding-top:14px;font-size:13px;color:#656f78;display:flex;justify-content:space-between;gap:18px}.case-foot a{color:var(--ink);white-space:nowrap}.tag{border-radius:15px;font-size:13px;font-weight:400;border-color:#d6e0e6;background:#f1f5f8;padding:5px 10px}.tag.research{color:#8a5d3f;background:#fbf4ee;border-color:#edd9c6}.project-image{object-fit:contain;background:white}.project-card{border-radius:14px;overflow:hidden}.project-top{font-size:13px}.project-card h3{font-weight:500}.project-bottom{font-size:13px}.focus-grid{border:0;gap:18px}.focus-item{border:1px solid var(--line);border-radius:12px;padding:27px!important;background:white}.focus-item:last-child{border:1px solid var(--line)}.focus-item h3{font-size:20px;font-weight:500}.focus-item p{font-size:15px}.join-band{background:#10202d;padding:72px 0}.join-band h2{font-family:var(--serif);font-weight:400;font-size:37px;line-height:1.4}.join-band p{max-width:650px;font-size:16px}.join-band .button{flex-shrink:0}.site-footer{border:0;background:#f3f6f8;padding:55px 0 28px}.footer-top{margin-bottom:50px}.footer-description{font-size:15px;max-width:460px;line-height:1.8}.footer-bottom{font-size:12px}.footer-links{font-size:14px;gap:27px}
.page-header{background:#fafbfd;border-bottom:0;padding:64px 0 38px}.page-header h1{font-family:var(--serif);font-weight:400;font-size:57px;line-height:1.3;max-width:1000px}.page-header p{font-size:17px;max-width:760px}.page-content{padding-top:28px;padding-bottom:90px}.filters{margin-bottom:28px;gap:8px}.filter{border-radius:24px;padding:10px 20px;background:transparent;border-color:#cbd5de;font-size:14px}.filter[aria-pressed=true]{background:#183144;border-color:#183144}.collection-toolbar{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap;margin-bottom:23px}.search{max-width:none;flex:1;min-width:280px;margin:0;border-radius:8px;padding:0 17px;border-color:#c5d0d9;background:white}.search span{font-size:14px;color:#667786}.search input{font-size:16px;padding:15px 0}.video-toggle{display:flex;align-items:center;gap:10px;font-size:14px;white-space:nowrap;cursor:pointer}.video-toggle input{width:18px;height:18px;accent-color:var(--gold)}.result-count{font-size:14px;margin-bottom:24px}.empty-state{border-radius:12px}.notice{border:0;border-left:2px solid var(--gold);background:#f5efe9;color:#755334;border-radius:0 7px 7px 0;font-size:14px;padding:17px 24px;margin-top:34px}.detail-title{font-family:var(--serif);font-size:46px;font-weight:400;line-height:1.4;letter-spacing:-.03em}.article p,.article li{font-size:17px;line-height:1.95}.article h2{font-size:27px;font-weight:500}.article h3{font-weight:500}.detail-grid{gap:70px;grid-template-columns:minmax(0,1fr) 290px}.meta-panel{background:#f2f5f8;border-radius:13px;border:0;position:sticky;top:30px}.meta-row dt{font-size:13px}.meta-row dd{font-size:14px}.meta-panel h3{font-weight:500}.meta-panel .button{font-size:14px;padding:12px 17px;min-height:46px}.back-link{font-size:14px;border-bottom:1px solid #bdc8d0;margin-bottom:35px;padding-bottom:4px}.research-figure{margin:30px 0}.research-figure img{width:100%;height:auto;border:1px solid var(--line);border-radius:10px}.research-figure figcaption{font-size:13px;color:var(--muted);line-height:1.8;margin-top:12px}.research-figure a{text-decoration:underline}.source-authors{font-size:14px;color:var(--muted);line-height:1.8}.source-list p{font-size:16px}.video-block{margin:35px 0}.video-stage{aspect-ratio:16/9;position:relative;background:#0a141e;border-radius:12px;overflow:hidden}.video-stage iframe,.video-stage video{width:100%;height:100%;border:0;display:block}.video-loader{position:absolute;inset:0;padding:0;border:0;color:white;background:#102534;width:100%;height:100%;text-align:center}.video-loader img{position:absolute;inset:0;object-fit:cover;width:100%;height:100%;opacity:.68}.video-loader span{position:relative;z-index:1}.video-loader .play-icon{width:62px;height:62px;font-size:24px;background:rgba(8,18,27,.4);display:flex;margin:0 auto 15px}.video-loader .video-label{font-size:16px;display:block}.video-loader:focus-visible{outline-offset:-6px}.video-caption{font-size:14px!important;color:var(--muted);line-height:1.8!important;margin:13px 0 10px!important}.video-actions{display:flex;flex-wrap:wrap;gap:18px;font-size:14px}.video-actions a{border-bottom:1px solid #abb7c1;padding-bottom:4px}.video-caption .tag{margin-right:6px}.resource-item{grid-template-columns:110px 1fr auto;gap:25px;padding:30px 0}.resource-item h3{font-size:20px;font-weight:500}.resource-item p{font-size:15px}.resource-meta{font-size:13px}.guide-details summary{font-weight:500;font-size:21px}.form-panel{background:#f2f5f8;border:0;border-radius:14px;padding:33px}.field input,.field select,.field textarea{border-color:#c0ccd6;border-radius:7px;padding:14px}.form-grid{gap:70px}.form-note{font-size:14px}.scene-detail{grid-template-columns:230px 1fr;gap:60px;padding:42px 0}.scene-detail h2{font-family:var(--serif);font-size:31px;font-weight:400}.scene-detail .example{font-size:15px}.about-statement{padding:60px 0;border-bottom:1px solid var(--line);margin-bottom:45px}.about-statement p{font-family:var(--serif);font-size:31px;line-height:1.75;max-width:900px}.section.dark{background:#152633;color:white}.section.dark h2{font-family:var(--serif);font-size:43px}.section.dark .section-intro{color:#b9c7d2}.section.dark .eyebrow{color:#dfb48f}.section.dark .text-link{border-color:#7d94a5}.last-updated{font-size:13px;color:#788590;margin-top:22px}
@media(max-width:1100px){.header-inner{gap:22px}.nav{gap:17px}.wrap{padding-left:28px;padding-right:28px}.art-hero{min-height:640px}.art-hero-inner{padding-top:85px}.art-hero h1{font-size:5.1rem}.intro-grid{gap:50px}.scene-grid h3{font-size:19px}.scene-grid a{padding-left:18px;padding-right:18px}.detail-grid{gap:40px;grid-template-columns:minmax(0,1fr) 260px}.case-body{padding:23px 21px 20px}}
@media(max-width:800px){.site-header{height:80px}.header-inner{gap:15px}.nav{top:80px;background:#fafbfd;padding:17px 28px;box-shadow:0 10px 18px rgba(10,26,42,.05)}.menu-toggle{display:block}.art-hero{margin:0 13px;min-height:690px;border-radius:18px}.art-hero-image{object-position:65% center;opacity:.8}.art-hero:after{background:linear-gradient(90deg,rgba(5,13,23,.77),rgba(5,13,23,.16))}.art-hero-inner{padding-top:74px;padding-bottom:100px}.art-hero h1{font-size:4.7rem;max-width:650px}.art-hero p{max-width:440px;font-size:16px}.art-hero .eyebrow{font-size:12px;letter-spacing:.11em;max-width:500px}.art-caption{font-size:12px;right:22px;bottom:20px}.section{padding:65px 0}.intro-grid{padding:55px 0;gap:30px;grid-template-columns:1fr}.intro-grid h2{font-size:36px}.intro-grid p{font-size:16px}.scene-grid{grid-template-columns:repeat(2,1fr)}.scene-grid a:first-child{padding-left:22px}.scene-grid a:nth-child(2){border-right:0}.scene-grid a:nth-child(-n+2){border-bottom:1px solid var(--line)}.scene-grid a{padding:26px 22px}.section h2{font-size:30px}.page-header{padding-top:42px}.page-header h1{font-size:43px}.page-header p{font-size:16px}.detail-grid{grid-template-columns:1fr;gap:35px}.meta-panel{position:static;max-width:700px}.detail-title{font-size:37px}.form-grid{grid-template-columns:1fr;gap:35px}.scene-detail{grid-template-columns:1fr;gap:15px}.join-band{padding:55px 0}.join-band h2{font-size:31px}.footer-top{margin-bottom:33px}.section.dark h2{font-size:36px}}
@media(max-width:520px){.wrap{padding-left:22px;padding-right:22px}.brand-cn{font-size:25px}.brand-en{font-size:12px}.brand-mark{width:29px;height:34px}.language{font-size:13px;padding:7px 11px}.menu-toggle{padding:7px 12px}.art-hero{min-height:675px;margin:0 9px;border-radius:14px}.art-hero-inner{padding-top:62px;padding-bottom:90px}.art-hero h1{font-size:3.6rem;line-height:1.3;letter-spacing:0}.art-hero .eyebrow{font-size:12px;line-height:1.8;letter-spacing:.11em;margin-bottom:30px}.art-hero p{font-size:16px;line-height:1.9}.art-hero .button-row{gap:10px;margin-top:27px}.art-hero .button{padding:12px 18px;font-size:14px;min-height:48px}.hero-index{font-size:12px;margin-top:30px}.hero-index span+span:before{padding:0 8px}.intro-grid h2{font-size:30px}.intro-meta{gap:15px;font-size:12px}.scene-grid a{padding:25px 18px!important}.scene-grid h3{font-size:18px}.scene-grid p{font-size:14px}.scene-grid .scene-num{margin-bottom:22px}.case-card h3{font-size:22px}.case-body{padding:24px}.case-meta{font-size:12px}.section-head{margin-bottom:30px}.section h2{font-size:29px}.page-header h1{font-size:36px}.collection-toolbar{gap:18px}.search{min-width:0;width:100%;flex:auto}.video-toggle{width:100%}.filter{padding:9px 15px;font-size:13px}.detail-title{font-size:32px}.article p,.article li{font-size:16px}.about-statement p{font-size:25px}.resource-item{grid-template-columns:1fr;gap:8px}.resource-actions{grid-column:1}.resource-item h3{font-size:18px}.form-panel{padding:24px}.focus-grid{grid-template-columns:1fr}.focus-item{border:1px solid var(--line)!important}.art-caption{font-size:12px}.section.dark h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.case-card,.case-cover img,.button,.scene-grid a{transition:none}}

/* Let long bilingual titles and contact links wrap safely. */
h1,h2,h3,.case-code,.footer-links{overflow-wrap:anywhere}.case-cover.contain:after{background:none}.case-code small{margin-top:15px;margin-bottom:0}.case-foot a{font-size:14px}.intro-section{padding-top:0;padding-bottom:75px}.footer-links a{max-width:100%}.video-loader .video-label{padding:0 20px}
@media(max-width:1100px) and (min-width:801px){.art-hero h1{font-size:4.5rem}.nav{gap:14px}}
@media(max-width:800px){.intro-section{padding-top:0;padding-bottom:55px}.art-hero h1{font-size:clamp(2.6rem,7.7vw,4.7rem)}}
@media(max-width:520px){.art-hero h1{font-size:clamp(2.55rem,10.5vw,3.6rem)}.case-meta{font-size:13px}.case-foot{gap:10px}.footer-bottom{overflow-wrap:anywhere}}