@font-face{font-family:Poppins;src:url('/assets/web/fonts/Poppins-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Poppins;src:url('/assets/web/fonts/Poppins-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:OPPOSans;src:url('/assets/web/fonts/OPPOSans-R.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:OPPOSans;src:url('/assets/web/fonts/OPPOSans-B.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--feature-ink:#111;--feature-paper:#f7f7f3;--feature-green:#2f4a34;--feature-muted:#666660;--feature-line:#cbc9c1;--feature-gutter:clamp(20px,4.5vw,72px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--feature-paper);color:var(--feature-ink);font-family:OPPOSans,'Noto Sans CJK SC',sans-serif;font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}.title-nowrap{white-space:nowrap}.skip-link{position:fixed;top:8px;left:16px;z-index:100;background:#fff;padding:10px 16px;transform:translateY(-200%)}.skip-link:focus{transform:none}
.feature-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:78px;padding:12px var(--feature-gutter);background:#111;color:#fff;border-bottom:1px solid #ffffff26}.feature-header>a{width:190px}.feature-header>a img{filter:none}.feature-header nav{display:flex;gap:28px;font:400 13px/1.4 Poppins,OPPOSans,sans-serif}.feature-header nav a{padding:12px 0}.feature-header nav a[aria-current=page]{border-bottom:1px solid currentColor}
.features-index{padding:72px var(--feature-gutter) 120px}.features-masthead{display:grid;grid-template-columns:1fr 2fr;gap:32px;border-top:1px solid;padding-top:24px}.features-masthead>p:first-child{font:400 12px/1.5 Poppins,OPPOSans,sans-serif;letter-spacing:.08em}.features-masthead h1{grid-column:2;margin:0;font-size:clamp(54px,8vw,112px);line-height:1;letter-spacing:-.045em}.features-masthead>p:last-child{grid-column:2;max-width:680px;margin:16px 0 0;font-size:20px;color:var(--feature-muted)}
.feature-filters{display:flex;gap:12px;margin:72px 0 32px;padding-bottom:16px;border-bottom:1px solid var(--feature-line);overflow:auto}.feature-filters span{flex:none;padding:7px 14px;border:1px solid #99968e;border-radius:999px;font-size:14px}.feature-filters span:first-child{background:#111;color:#fff;border-color:#111}
.feature-filters{scrollbar-width:none}.feature-filters::-webkit-scrollbar{display:none}
.feature-list{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:56px 32px}.feature-card{grid-column:span 4;border-top:1px solid var(--feature-line);padding-top:18px}.feature-card-image{display:block;aspect-ratio:4/3;overflow:hidden;background:#ddd}.feature-card-image img{height:100%;object-fit:cover;transition:transform .35s ease}.feature-card:hover .feature-card-image img{transform:scale(1.015)}.feature-card>div>p{margin:16px 0 0;font:400 12px/1.5 Poppins,OPPOSans,sans-serif;color:var(--feature-green)}.feature-card h2{font-size:24px;line-height:1.35;margin:12px 0}.feature-card-dek{color:var(--feature-muted);line-height:1.75}.feature-card>div>span{display:block;margin-top:18px;font:400 12px/1.5 Poppins,OPPOSans,sans-serif;color:var(--feature-muted)}.feature-card--lead{grid-column:1/-1;display:grid;grid-template-columns:7fr 5fr;gap:40px;padding-top:24px}.feature-card--lead .feature-card-image{aspect-ratio:3/2}.feature-card--lead h2{font-size:clamp(36px,4.3vw,64px);line-height:1.12;letter-spacing:-.025em}.feature-card--lead .feature-card-dek{font-size:18px}
.article-page{padding:64px var(--feature-gutter) 120px}.article-page>article{max-width:1440px;margin:auto}.article-heading{display:grid;grid-template-columns:1fr 2fr;gap:18px 40px;border-top:1px solid;padding-top:24px}.article-kicker{font:400 12px/1.5 Poppins,OPPOSans,sans-serif;color:var(--feature-green)}.article-heading h1{grid-column:2;margin:0;max-width:14ch;font-size:clamp(46px,6.2vw,88px);line-height:1.08;letter-spacing:-.035em;text-wrap:balance}.article-dek{grid-column:2;max-width:720px;margin:14px 0 0;font-size:20px;line-height:1.65;color:var(--feature-muted)}.article-byline{grid-column:2;display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:12px;padding-top:16px;border-top:1px solid var(--feature-line);font:400 12px/1.5 Poppins,OPPOSans,sans-serif;color:var(--feature-muted)}
.article-hero{margin:64px 0 88px}.article-hero img{aspect-ratio:16/9;object-fit:cover}.article-hero figcaption,.article-figure figcaption{margin-top:10px;font:400 12px/1.6 Poppins,OPPOSans,sans-serif;color:var(--feature-muted)}
.article-body{max-width:760px;margin:auto}.article-body>p{font-size:18px;line-height:1.9;margin:0 0 28px}.article-body h2{margin:104px 0 36px;padding-top:20px;border-top:1px solid;font-size:clamp(32px,4vw,50px);line-height:1.22;letter-spacing:-.02em}.article-body h3{margin:56px 0 24px;font-size:26px}.article-figure{width:min(1100px,calc(100vw - 2 * var(--feature-gutter)));margin:56px 50%;transform:translateX(-50%)}.article-figure img{max-height:86vh;object-fit:contain;background:#ecece7}.article-body blockquote{width:min(900px,calc(100vw - 2 * var(--feature-gutter)));margin:72px 50%;transform:translateX(-50%);padding:28px 0;border-top:2px solid;border-bottom:1px solid;font-size:clamp(28px,3.5vw,44px);font-weight:700;line-height:1.38}.article-body ul{margin:0 0 32px;padding-left:20px}.article-body a{text-decoration:underline;text-underline-offset:4px}
.article-footer{max-width:760px;margin:96px auto 0;padding-top:24px;border-top:1px solid;display:flex;justify-content:space-between;gap:24px}.article-footer div{display:flex;gap:8px}.article-footer span{padding:5px 11px;border:1px solid #99968e;border-radius:999px;font-size:12px}.article-footer>a{font-weight:700}
.feature-site-footer{display:flex;justify-content:space-between;gap:16px;padding:24px var(--feature-gutter);background:#111;color:#ddd;font:400 12px/1.5 Poppins,OPPOSans,sans-serif}
@media(max-width:760px){.feature-header{min-height:64px}.feature-header>a{width:155px}.feature-header nav{gap:18px}.features-index{padding-top:48px}.features-masthead{display:block}.features-masthead h1{margin-top:24px;font-size:52px}.features-masthead>p:last-child{font-size:17px}.feature-filters{margin-top:48px}.feature-list{display:block}.feature-card,.feature-card--lead{display:block;margin-bottom:48px}.feature-card--lead h2,.feature-card h2{font-size:30px}.feature-card--lead .feature-card-dek{font-size:16px}.article-page{padding-top:44px}.article-heading{display:block}.article-heading h1{font-size:clamp(38px,10.8vw,46px);margin-top:20px}.article-dek{font-size:17px}.article-byline{margin-top:24px}.article-hero{margin:40px 0 64px}.article-hero img{aspect-ratio:4/5;object-position:var(--mobile-focus,50% 50%)!important}.article-body>p{font-size:17px;line-height:1.85}.article-body h2{margin-top:80px;font-size:32px}.article-figure{margin-top:44px;margin-bottom:44px}.article-figure img{max-height:none;object-fit:contain}.article-body blockquote{font-size:28px}.article-footer{display:block}.article-footer>a{display:block;margin-top:24px}.feature-site-footer{flex-wrap:wrap}.feature-site-footer span:first-child{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.feature-card-image img{transition:none}}