@font-face{font-family:CaseOPPO;src:url("opposans-cn.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
body{background:#222;color:#fff;font-family:CaseOPPO,"PingFang SC","Microsoft YaHei",sans-serif;font-weight:400}nav{background:#222;border-color:#555;color:#fff;padding:24px max(20px,calc((100vw - 1100px)/2));font-size:14px}header{max-width:1100px;padding:70px 0 60px}header h1{font-family:inherit;font-size:44px;font-weight:400;line-height:1.3}header .story-title{font-size:28px;font-weight:400;line-height:1.5;color:#fff;max-width:900px}header .story-context{font-size:16px;line-height:1.65;color:#bdbdbd;max-width:760px}.eyebrow{color:#bdbdbd;letter-spacing:0}
.social{width:calc(100% - 40px);max-width:1100px;margin:0 auto;grid-template-columns:61.363636% 38.636364%;border:0;border-radius:28px;background:#1d1d1f;align-items:stretch}.gallery{position:relative}.slides{aspect-ratio:3/4}.controls{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);width:max-content;max-width:94%;gap:16px;padding:8px 14px;border:0;border-radius:40px;background:#111d;color:white;z-index:2}.controls button{color:white;padding:7px;font-size:12px}.controls button:disabled{opacity:.4}aside{border:0}.author{height:88px;padding:20px 36px;border-color:#ffffff1a;gap:12px}.author img{width:42px;height:42px;background:white;border-radius:50%;padding:4px}.author b{font-size:16px;font-weight:400}.author small{color:#aaa;font-size:11px}.author>a{background:#f00;font-size:14px;padding:8px 18px}.notes{top:88px;bottom:0;padding:28px 38px 40px 36px;scrollbar-width:thin;scrollbar-color:#3f3f3f transparent}.notes h2{font-size:22px;font-weight:400;line-height:1.5;margin:0 0 27px}.notes h3{font-size:18px;font-weight:400;line-height:1.5;margin:30px 0 6px}.notes p{font-size:16px;font-weight:400;line-height:1.65;color:#b8b8b9;margin:0 0 10px}.notes b,.notes strong{font-weight:400;color:white}
article{width:calc(100% - 40px);max-width:1100px;margin:110px auto 0}.chapter{margin:0 0 80px;scroll-margin-top:100px}.chapter h2{font-size:24px;line-height:1.5;font-weight:400;margin:0 0 17px}.chapter .chapter-kicker{font-size:14px;color:#aaa;margin:0 0 10px;letter-spacing:0}.chapter p,.detail-copy p{font-size:16px;line-height:1.65;color:#b8b8b9;max-width:none;margin:0 0 14px}.chapter>p:not(.chapter-kicker){max-width:none}.chapter figure{margin:28px 0 0}.detail-copy{max-width:none;margin-top:30px}.detail-copy h3{font-weight:400;font-size:20px;line-height:1.5;margin:30px 0 14px}.image-button,.static-viewport{border:0;border-radius:14px}.browser-bar{background:#303030;color:#bbb;border-color:#444}.demo-viewport{border-color:#444}.demo-controls{color:#bbb}.demo-controls button,.mobile-enlarge{background:#292929;color:#ddd;border-color:#555}.demo-controls button:hover{background:#444}.phone-pair figcaption,figcaption{color:#bbb}.page-navigation{border-color:#444}.page-navigation small{color:#aaa}.cta{background:#1d1d1f;color:white;margin-top:100px}.cta h2{font-weight:400}.cta a{background:#f00}.cta p{color:#bbb}footer{max-width:1100px;color:#aaa}.project-cover,.cover{color:#29232d}.project-cover-title h2,.cover-heading h2{font-family:CaseOPPO,sans-serif}.booking-sequence{border-color:#444}.sequence-controls{background:#1d1d1f}.sequence-controls button{background:#333;color:#ddd}.sequence-controls button[aria-pressed=true]{background:#eee;color:#222}
@media(min-width:1600px){.social,article,header,footer{max-width:1320px}.notes{padding:30px 51px 50px 49px}.author{padding-left:47px;padding-right:41px;height:104px}.notes{top:104px}.notes h3{margin-top:35px}.notes p,.chapter p{font-size:18px}.notes h3{font-size:20px}.chapter h2{font-size:28px}}
@media(max-width:1100px) and (min-width:701px){.author{padding:18px}.author>a{padding:8px 12px}.notes{padding:24px}.notes p{font-size:15px}.notes h2{font-size:20px}}
@media(max-width:700px){nav{padding:16px 20px}header{width:calc(100% - 40px);padding:36px 0 32px}header h1{font-size:30px}header .story-title{font-size:22px}header .story-context{font-size:14px;line-height:1.65}.social{display:block;border-radius:12px}.slides{aspect-ratio:3/4}.controls{bottom:12px;padding:5px 12px}.author{height:96px;padding:24px 16px}.author b{font-size:15px}.author>a{font-size:14px}.notes{position:static;max-height:none;overflow:visible;padding:24px 16px 28px}.notes h2{font-size:20px;line-height:1.5;margin-bottom:22px}.notes h3{font-size:16px;line-height:1.5;margin:24px 0 6px}.notes p{font-size:14px;line-height:1.65;margin-bottom:10px}article{margin:60px auto 0}.chapter{margin-bottom:48px}.chapter h2{font-size:20px;line-height:1.5;margin-bottom:14px}.chapter p,.detail-copy p{font-size:14px;line-height:1.65}.chapter .chapter-kicker{font-size:12px}.detail-copy h3{font-size:18px}.chapter figure{margin-top:24px}.cta{margin-top:60px}.cta h2{font-size:24px}footer{margin:0 20px}.phone-pair{gap:18px}}

.chapter>h3{font-size:20px;font-weight:400;line-height:1.5;margin:32px 0 14px}@media(max-width:700px){.chapter>h3{font-size:18px;margin-top:26px}}