:root{--paper:#f7f7f4;--ink:#202020;--muted:#686865;--line:#d6d6d0;--band:#e9e9e3;--serif:Georgia,'Times New Roman','Noto Serif SC',serif;--sans:Arial,'Helvetica Neue','PingFang SC','Microsoft YaHei',sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:30px}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
button,a{-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}
.draft-strip{padding:9px 48px;display:flex;justify-content:space-between;gap:16px;background:var(--band);font-size:10px;letter-spacing:.1em;color:#55554f}
.site-header{display:flex;align-items:center;justify-content:space-between;height:100px;border-bottom:1px solid var(--line);gap:20px}
.wordmark{font-size:21px;letter-spacing:-.8px;font-weight:700}
nav{display:flex;gap:34px;margin-left:auto;margin-right:48px;font-size:13px}
nav a:hover{text-decoration:underline;text-underline-offset:6px}
.language-switch{display:flex;align-items:center;gap:8px;font-size:11px}
.language-switch button{background:none;padding:4px 2px;border:0;color:#888}
.language-switch button[aria-pressed=true]{color:#111;font-weight:bold}
.language-switch span{color:#bbb}
.intro{display:grid;grid-template-columns:1.13fr 1fr;gap:56px;padding:60px 0 54px;align-items:center}
.eyebrow{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin:0 0 20px}
.intro h1{display:grid;gap:4px;min-width:0;font-family:var(--serif);font-size:clamp(28.9px,3.57vw,49.3px);font-weight:400;letter-spacing:-1.3px;line-height:1.12;margin:0}
.intro h1>span{display:block}
.intro-copy{max-width:450px;padding-bottom:7px}
.intro-copy p{font-size:clamp(21px,2.2vw,29px);line-height:1.4;letter-spacing:-.5px;margin:0}
.project-row{display:grid;grid-template-columns:1.13fr 1fr;grid-template-rows:min-content 1fr;column-gap:56px;row-gap:0;padding:42px 0;border-bottom:1px solid var(--line);align-items:start}
.project-row:first-child{padding-top:0}
.project-row:last-child{border-bottom:0;padding-bottom:0}
.project-heading{grid-column:2;grid-row:1;padding-top:2px}
.project-media{grid-column:1;grid-row:1 / span 2;min-width:0;container-type:inline-size}
.project-story{grid-column:2;grid-row:2;min-width:0}
.project-title{font-family:var(--serif);font-size:35px;font-weight:400;line-height:1.17;letter-spacing:-.7px;margin:0 0 12px;text-wrap:balance}
.project-subtitle{display:flex;align-items:baseline;gap:12px;font-size:11px;line-height:1.7;color:var(--muted);margin:0 0 23px}
.project-number{flex-shrink:0;font-variant-numeric:tabular-nums;letter-spacing:.05em;color:#85857f}
.project-description{font-size:15px;line-height:1.8;margin:0;max-width:480px}
.project-description+.project-description{margin-top:15px}
.project-description strong,.channel-context strong,.about-copy strong{font-weight:600}
.channel-context{font-size:13px;line-height:1.8;color:var(--muted);margin:20px 0 0;max-width:480px}
.media-panel{position:relative;background:#e7e7e0;aspect-ratio:16/9;overflow:hidden}
.media-panel .image-link{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#deded8;padding:0;border:0;position:relative}
.media-panel img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.78);transition:filter .3s ease}
.media-panel .duration{position:absolute;right:7px;bottom:7px;background:rgba(0,0,0,.38);color:#fff;padding:1px 5px;border-radius:2px;font-size:9px;line-height:1.6;pointer-events:none}
.cover-play{position:absolute;left:10px;bottom:9px;display:grid;place-items:center;width:31px;height:31px;background:rgba(0,0,0,.4);color:#fff;border:1px solid #ffffff88;border-radius:50%;font-size:19px;line-height:1;padding-left:2px;transition:background .2s}
.image-link:hover .cover-play{background:rgba(0,0,0,.7)}
.metrics{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr) minmax(0,1.8fr);gap:clamp(8px,2cqw,16px);margin:22px 0 0}
.metric{min-width:0;display:flex;flex-direction:column;justify-content:flex-end}
.metric+.metric{border-left:1px solid var(--line);padding-left:clamp(8px,2cqw,16px)}
.metric strong{display:block;font-family:var(--serif);font-size:clamp(18px,5.5cqw,35px);font-weight:400;font-variant-numeric:lining-nums tabular-nums;line-height:1.2;letter-spacing:-1px;white-space:nowrap}
.metric span{display:block;font-size:10px;line-height:1.6;min-height:3.2em;color:var(--muted);margin-top:6px}
.metric.metric-award strong{white-space:nowrap}
.is-zh .metric strong{font-size:clamp(17px,4.6cqw,30px)}
.role-block{display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:baseline;margin-top:18px;padding:12px 16px;background:#eeeee8;border-radius:2px;font-size:11px;line-height:1.7}
.meta-label{color:var(--ink);font-size:10px;font-weight:600;white-space:nowrap;border-right:1px solid #cdcdc5;padding-right:14px}
.role-block p{margin:0}
.about-section{border-top:1px solid var(--line);margin-top:60px;padding:42px 0 76px;display:grid;grid-template-columns:1.13fr 1fr;gap:56px}
.about-section h2{font:400 36px/1.25 var(--serif);letter-spacing:-.7px;margin:0;max-width:510px;text-wrap:balance}
.about-copy p{font-size:14px;line-height:1.8;color:#4f4f4b;margin:0}
.about-copy p+p{margin-top:16px}
.about-facts-line{display:flex;gap:18px;white-space:nowrap}
.about-facts{display:grid;gap:7px;font-size:12px;line-height:1.7;color:#4f4f4b;margin-top:24px}
.contact-section{background:var(--band);padding:56px 0 42px}
.contact-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:clamp(12px,3vw,32px)}
.contact-prompt{font-size:clamp(10px,1.8vw,12px);margin:0 0 10px;color:var(--muted)}
.contact-row h2{font:400 clamp(26px,7.2vw,52px)/1.2 var(--serif);letter-spacing:-1px;margin:0;text-wrap:balance}
.contact-details{justify-self:end;min-width:0;display:grid;gap:1.03em;text-align:right;font-size:clamp(12px,2.2vw,17.5px)}
.contact-links{display:grid;gap:.8em}
.contact-method{display:grid;grid-template-columns:minmax(0,1fr) 1.83em;align-items:center;gap:.68em;font-size:inherit;line-height:1.5;font-variant-numeric:tabular-nums}
.contact-method>span:first-child{white-space:nowrap}
.contact-icon,.social-links a{display:grid;place-items:center;width:1.83em;height:1.83em;color:#777772}
.contact-icon svg{width:1.37em;height:1.37em}
.wechat-id{user-select:all}
a.contact-method:hover>span:first-child{text-decoration:underline;text-underline-offset:5px}
.social-links{display:flex;justify-content:flex-end;gap:.91em}
.social-links a{color:#80807b;transition:color .2s}
.social-links svg{width:1.14em;height:1.14em}
.social-links a[title="RedNote"] svg{width:1.83em;height:.82em;overflow:hidden}
.social-links a:hover{color:var(--ink)}
.site-footer{background:var(--band);font-size:10px;color:var(--muted)}
.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0 28px}
footer button{border:0;padding:0;background:none;font-size:10px}
.text-link{font-size:12px;display:inline-flex;align-items:center;border-bottom:1px solid #999;padding-bottom:3px}
dialog{border:1px solid #ddd;padding:24px;width:min(900px,calc(100% - 32px));background:var(--paper);color:var(--ink)}
dialog::backdrop{background:#000b}
.dialog-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}
.dialog-bar h2{font:400 24px/1.2 var(--serif);margin:0}
.dialog-bar button{background:none;border:0;font-size:20px;padding:2px 7px}
#video-container{aspect-ratio:16/9;background:#141414}
#video-container iframe{width:100%;height:100%;border:0}
.dialog-note{font-size:11px;color:var(--muted)}
.skip-link{position:absolute;top:-100px;background:#fff;z-index:9;padding:8px}
.skip-link:focus{top:10px}
.is-zh .intro h1{font-family:var(--sans);font-size:clamp(28.9px,3.06vw,40.8px);letter-spacing:-1px;line-height:1.2;gap:8px}
.is-zh .project-title{font-family:var(--sans);font-size:28px;line-height:1.3}
.is-zh .about-section h2,.is-zh .contact-section h2{font-family:var(--sans);font-size:30px}
@media(min-width:1450px){.intro{padding-top:70px;padding-bottom:60px}}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.draft-strip{padding-inline:28px}.intro{gap:30px;padding-top:50px}.project-row{column-gap:30px}.project-title{font-size:29px}.project-description{font-size:14px}.channel-context{font-size:12px}.about-section{gap:30px}}
@media(max-width:700px){
.wrap{width:calc(100% - 36px)}.draft-strip{padding:7px 18px;font-size:8px}.draft-strip span:last-child{display:none}.site-header{height:77px;gap:12px}.wordmark{font-size:17px}nav{gap:16px;margin-right:5px;font-size:11px}.language-switch{gap:4px;font-size:10px}
.intro{grid-template-columns:1fr;gap:25px;padding:38px 0 38px}.intro h1{font-size:clamp(26.35px,7.48vw,39.1px);letter-spacing:-.85px}.is-zh .intro h1{font-size:32.3px}.intro-copy{padding:0}.intro-copy p{font-size:23px}
.project-row{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:20px;padding:30px 0}.project-heading{grid-column:1;grid-row:1;padding:0}.project-media{grid-column:1;grid-row:2}.project-story{grid-column:1;grid-row:3}.project-title{font-size:31px}.project-subtitle{margin-bottom:0;font-size:10px}.project-description{font-size:14px;margin:0}.channel-context{font-size:12px;margin-top:15px}.metrics{margin-top:18px}.role-block{margin-top:15px;padding:10px 12px;font-size:10px;column-gap:10px}.meta-label{padding-right:10px}
.about-section{grid-template-columns:1fr;gap:24px;margin-top:40px;padding-top:28px;padding-bottom:44px}.about-section h2{font-size:32px}.contact-section{padding:36px 0 26px}.contact-row>.contact-details{align-self:start}.contact-row>.contact-details,.contact-row>div:first-child{min-width:0}.contact-details{max-width:100%}.contact-row .eyebrow{margin-bottom:16px}.is-zh .contact-row h2{font-size:clamp(20px,4.2vw,30px)}.footer-inner{align-items:flex-start;flex-wrap:wrap;gap:10px;font-size:9px}.footer-inner>span:nth-child(2){display:none}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{
@page{size:A4;margin:14mm}body{background:#fff;font-size:10pt}.wrap{width:100%}.draft-strip,.language-switch,nav,footer button,.skip-link,dialog{display:none!important}.site-header{height:45px}.intro{padding:25px 0;gap:25px}.intro h1,.is-zh .intro h1{font-size:27.2px}.intro-copy p{font-size:18px}.project-row{break-inside:avoid;grid-template-columns:1fr 1fr;grid-template-rows:min-content 1fr;column-gap:22px;row-gap:0;padding:22px 0}.project-heading{grid-column:2;grid-row:1}.project-media{grid-column:1;grid-row:1 / span 2}.project-story{grid-column:2;grid-row:2}.project-title{font-size:23px}.project-subtitle{font-size:8px;margin-bottom:14px}.project-description{font-size:10px;line-height:1.6}.channel-context{font-size:9px;line-height:1.6;margin-top:12px}.media-panel img{filter:none}.cover-play{display:none}.role-block{font-size:8px;margin-top:12px;gap:8px}.meta-label{font-size:8px}.metrics{gap:10px;margin-top:12px}.metric strong{font-size:20px}.is-zh .metric strong{font-size:17px}.metric span{font-size:8px}.about-section{break-inside:avoid;gap:25px;margin-top:30px}.about-section h2{font-size:24px}.about-copy p{font-size:11px}.contact-section{padding:25px 0}.contact-row h2{font-size:32px}.contact-details{font-size:13px}
.about-section{padding-bottom:25px}.contact-section,.site-footer{background:#fff}.contact-section{break-inside:avoid}.project-description+.project-description,.about-copy p+p{margin-top:10px}.contact-row{grid-template-columns:minmax(0,1fr) auto}.footer-inner{padding-bottom:0}
}