/* 每日大赛 | Editorial race-media layout. No external dependencies. */
:root{--red:#C73532;--red-deep:#A82725;--gold:#B18A49;--ink:#19232C;--paper:#FAF8F3;--shade:#EEEAE2;--text:#22272B;--muted:#626970;--line:#D6D0C8;--wrap:1200px;--radius:3px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:38px}
body{margin:0;background:var(--paper);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
a:hover{color:var(--red-deep)}
a:focus-visible,button:focus-visible{outline:3px solid var(--red);outline-offset:5px}
::selection{background:var(--red);color:#fff}
.wrap{width:min(var(--wrap),calc(100% - 64px));margin-inline:auto}
.skip-link{position:absolute;top:-100px;left:14px;z-index:100;background:var(--ink);color:#fff;padding:12px 18px}
.skip-link:focus{top:12px}
.site-header{background:var(--paper)}
.masthead{display:flex;justify-content:space-between;align-items:center;gap:30px;min-height:116px}
.brand{display:inline-flex;align-items:center;gap:14px;max-width:100%}
.brand img{width:58px;height:58px;object-fit:contain;flex:none}
.brand span{display:flex;flex-direction:column;line-height:1.25}
.brand strong{font-size:31px;letter-spacing:.035em;font-weight:900;color:var(--ink)}
.brand small{margin-top:7px;font-size:10px;font-weight:750;letter-spacing:.18em;color:var(--muted)}
.brand small b{color:var(--gold);padding-inline:3px}
.masthead-side{text-align:right;display:flex;flex-direction:column;gap:3px;text-transform:uppercase}
.edition{font-size:12px;letter-spacing:.27em;font-weight:800;color:var(--red)}
.edition-note{font-size:11px;color:var(--muted);letter-spacing:.12em}
.nav-band{border-block:1px solid var(--ink);background:var(--ink)}
.site-nav{min-height:51px;display:flex;align-items:stretch;gap:0}
.site-nav a{display:flex;align-items:center;min-width:165px;padding:9px 19px;color:#ECE8E1;font-size:13px;font-weight:750;letter-spacing:.045em;border-left:1px solid #39434A;transition:background .18s}
.site-nav a:hover,.site-nav a[aria-current="page"]{background:var(--red);color:#fff}
.site-nav a:last-of-type{border-right:1px solid #39434A}
.nav-index{margin-left:auto;align-self:center;color:#9EA3A6;letter-spacing:.19em;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}
.homepage{padding-top:26px}
.issue-rule{display:flex;justify-content:space-between;padding:0 0 9px;border-bottom:1px solid var(--line);font-size:11px;font-weight:800;letter-spacing:.15em;color:var(--muted)}
.issue-rule span:first-child{color:var(--red-deep)}
.front-grid{display:grid;grid-template-columns:.88fr 1.12fr;min-height:520px;border-bottom:1px solid var(--line)}
.front-copy{padding:57px 36px 35px 0;display:flex;flex-direction:column;align-items:flex-start}
.red-label{display:inline-block;padding:5px 9px;background:var(--red);color:#fff;font-size:11px;font-weight:800;letter-spacing:.14em}
h1,h2,h3,p,figure{margin-top:0}
h1,h2,h3{font-weight:850;color:var(--ink);line-height:1.3;letter-spacing:-.03em}
.front-copy h1{font-size:clamp(42px,4.3vw,66px);letter-spacing:-.055em;margin:28px 0 18px;line-height:1.18;white-space:normal}
.front-copy .h1-suffix{display:block;font-size:.55em;letter-spacing:-.035em;margin-top:14px;color:var(--red-deep)}
.front-copy .lead{max-width:430px;font-size:16px;line-height:2.0;margin:8px 0 22px;color:#42494D}
.intro-links{display:grid;gap:12px;width:min(100%,420px);margin-top:5px}
.intro-links a{font-weight:800;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ink);padding:9px 2px;font-size:15px}
.intro-links a:hover{border-color:var(--red-deep)}
.intro-links a span{color:var(--red)}
.intro-caption{margin-top:auto;padding-top:34px;display:flex;align-items:center;gap:15px;color:var(--muted);font-size:11px;letter-spacing:.12em}
.intro-caption b{font-size:17px;letter-spacing:.04em;color:var(--gold)}
.hero-frame{position:relative;display:block;overflow:hidden;background:var(--shade);min-height:520px}
.hero-frame:after{content:"";position:absolute;inset:20% 0 0;background:linear-gradient(transparent,rgba(7,11,16,.83));pointer-events:none}
.hero-frame img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .6s ease}
.hero-frame:hover img{transform:scale(1.025)}
.hero-overlay{position:absolute;bottom:33px;left:33px;right:32px;color:#fff;z-index:1;display:flex;flex-direction:column;gap:10px}
.hero-overlay small{font-size:11px;letter-spacing:.18em;font-weight:800;color:#E8C497}
.hero-overlay strong{font-size:clamp(24px,3vw,39px);letter-spacing:-.035em;line-height:1.25}
.hero-overlay em{font-size:13px;font-style:normal;font-weight:700;margin-top:5px}
.section{margin-top:66px}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:23px;padding-bottom:17px;border-bottom:2px solid var(--ink)}
.section-heading>div{min-width:0}
.section-no{display:block;color:var(--red-deep);font-size:11px;font-weight:850;letter-spacing:.19em;line-height:1.5;margin-bottom:9px;font-variant-numeric:tabular-nums}
.section-heading h2{font-size:clamp(24px,2.6vw,34px);margin:0;letter-spacing:-.045em}
.section-heading>p{max-width:330px;text-align:right;margin:0;color:var(--muted);font-size:13px;line-height:1.8}
.section-heading>a{font-size:13px;font-weight:800;white-space:nowrap;padding-bottom:5px}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.feature-item{min-width:0;position:relative;border-bottom:1px solid var(--line);padding-bottom:24px}
.feature-number{position:absolute;top:14px;left:14px;z-index:2;background:var(--gold);color:#fff;font-size:16px;font-weight:850;padding:3px 10px;line-height:1.6;font-variant-numeric:tabular-nums}
.feature-image{display:block;position:relative;overflow:hidden;background:var(--shade);aspect-ratio:1.06}
.feature-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.feature-image:hover img{transform:scale(1.035)}
.eyebrow{font-size:11px;font-weight:800;color:var(--red-deep);letter-spacing:.1em;line-height:1.5}
.feature-item>.eyebrow{display:block;margin-top:17px}
.feature-item h3{font-size:21px;margin:8px 0 10px;line-height:1.44}
.feature-item p{color:var(--muted);font-size:13px;line-height:1.9;margin:0}
.media-section{background:var(--ink);margin-inline:calc((min(var(--wrap),100vw - 64px) - 100vw)/2);padding:52px max(32px,calc((100vw - var(--wrap))/2)) 58px;color:#F9F6F0}
.media-section .section-heading{border-bottom-color:#879099}
.media-section .section-heading h2{color:#fff}
.media-section .section-no{color:#E4C091}
.media-section .section-heading>a{color:#F0E9E0}
.media-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.media-tile{display:block;min-width:0;color:#fff}
.media-tile:hover{color:#E2C28F}
.media-img{aspect-ratio:1.3;position:relative;overflow:hidden;background:#354049}
.media-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.media-tile:hover img{transform:scale(1.04)}
.media-index{position:absolute;top:10px;left:11px;padding:2px 8px;background:var(--red);color:#fff;font-size:13px;font-weight:850}
.media-tile>span{display:block;margin:15px 0 5px;font-size:11px;letter-spacing:.1em;color:#C9B8A4}
.media-tile h3{color:inherit;font-size:19px;margin:0}
.editorial-columns{display:grid;grid-template-columns:1.2fr .8fr;min-height:350px;border:1px solid var(--line)}
.editorial-visual{position:relative;background:var(--shade);min-height:350px}
.editorial-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.editorial-visual span{position:absolute;bottom:0;left:0;background:var(--red);color:#fff;padding:7px 14px;font-size:11px;font-weight:800;letter-spacing:.14em}
.editorial-text{padding:38px 36px;background:var(--shade);display:flex;flex-direction:column;align-items:flex-start}
.editorial-text h3{font-size:clamp(24px,2.5vw,33px);margin:17px 0 15px;line-height:1.4}
.editorial-text p{font-size:14px;line-height:2;color:#4B5157}
.button-outline{border:1px solid var(--ink);padding:10px 16px;font-weight:800;font-size:12px;margin-top:auto;transition:background .2s,color .2s}
.button-outline:hover{background:var(--ink);color:#fff}
.trends-summary{margin-bottom:66px}
.trend-list{border-top:1px solid var(--line)}
.trend-line{display:grid;grid-template-columns:76px 1fr 50px;gap:20px;align-items:center;padding:23px 4px;border-bottom:1px solid var(--line)}
.trend-rank{color:var(--gold);font-size:38px;font-weight:900;font-variant-numeric:tabular-nums;letter-spacing:-.07em;align-self:start;line-height:1.2}
.trend-line h3{font-size:19px;margin:7px 0}
.trend-line p{font-size:13px;color:var(--muted);margin:0}
.circle-link{width:41px;height:41px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:17px}
.circle-link:hover{background:var(--red);color:#fff;border-color:var(--red)}
.text-link{font-size:13px;font-weight:850;color:var(--red-deep)}
.bottom-note{display:grid;grid-template-columns:1fr 1.7fr;gap:60px;margin:20px 0 80px;border-top:3px solid var(--red);padding:29px 0;background:var(--paper)}
.bottom-note h2{font-size:26px;margin:0}
.bottom-note p{color:var(--muted);font-size:13px;line-height:1.95;margin:0 0 9px;overflow-wrap:anywhere}
.bottom-note p strong{color:var(--ink)}
.site-footer{background:#17222B;color:#C5C9CA;padding:40px 0 16px}
.footer-main{display:flex;justify-content:space-between;gap:40px;align-items:start;padding-bottom:36px}
.footer-brand{font-size:22px;font-weight:900;color:#fff}
.footer-brand span{font-size:11px;letter-spacing:.14em;font-weight:700;color:#C0A982}
.footer-main p{font-size:12px;color:#ACB3B9;margin:11px 0 0}
.footer-main nav{display:flex;gap:24px;flex-wrap:wrap;padding-top:5px}
.footer-main nav a{color:#DEE0DF;font-size:12px;font-weight:700}
.footer-main nav a:hover{color:#FFB5A5}
.footer-bottom{border-top:1px solid #3D454C;display:flex;justify-content:space-between;gap:20px;padding-top:14px;font-size:11px;letter-spacing:.07em;color:#9EA6A9}
/* Inner page title and breadcrumb */
.inner-page,.article-page{padding-top:25px;padding-bottom:76px}
.breadcrumbs{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-bottom:28px}
.breadcrumbs a{font-weight:800;color:var(--ink)}
.breadcrumbs a:hover{color:var(--red)}
.breadcrumbs span:last-child{max-width:800px;overflow-wrap:anywhere}
.page-opening{border-top:4px solid var(--red);padding:34px 0 36px;display:grid;grid-template-columns:1.15fr .85fr;gap:65px;align-items:end}
.page-opening h1{font-size:clamp(32px,4.2vw,57px);line-height:1.25;margin:10px 0 0;letter-spacing:-.055em}
.page-opening h1 span{font-size:.65em;color:var(--red-deep)}
.page-opening>p{font-size:15px;line-height:2;color:#555A60;margin-bottom:2px}
.watch-context{display:flex;align-items:start;gap:17px;background:var(--shade);border-left:3px solid var(--gold);padding:16px 21px;margin:0 0 32px}
.watch-context p{font-size:13px;color:#484E52;line-height:1.85;margin:0}
.context-symbol{color:var(--gold);font-size:23px;line-height:1.4}
.watch-list{border-top:1px solid var(--line)}
.watch-entry{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;padding:29px 0;border-bottom:1px solid var(--line);scroll-margin-top:22px}
.watch-entry:nth-child(even){grid-template-columns:.95fr 1.05fr}
.watch-entry:nth-child(even) .watch-image{order:2}
.watch-image{position:relative;background:var(--shade);min-height:290px;aspect-ratio:1.48;overflow:hidden}
.watch-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.watch-counter{position:absolute;bottom:12px;left:13px;background:var(--ink);color:#fff;font-weight:850;letter-spacing:.14em;padding:6px 12px;font-size:11px}
.watch-body{padding:16px 12px 12px 0;display:flex;flex-direction:column;align-items:flex-start}
.watch-body h2{font-size:clamp(24px,2.9vw,35px);margin:15px 0;line-height:1.38}
.watch-body p{font-size:14px;line-height:1.95;color:#5A6064;margin:0 0 13px}
.watch-body .watch-summary{font-size:15px;color:var(--text);font-weight:650}
.watch-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:18px;border-top:1px solid var(--line);width:100%}
.watch-footer>span{font-size:11px;color:var(--muted);letter-spacing:.08em}
.related-band{display:flex;justify-content:space-between;gap:25px;align-items:end;background:var(--shade);border-top:3px solid var(--gold);margin-top:47px;padding:30px 34px}
.related-band h2{font-size:26px;margin:6px 0 10px}
.related-band p{font-size:13px;color:var(--muted);margin:0}
.related-band>a{flex:none;font-size:13px;font-weight:800;border-bottom:1px solid var(--ink);padding-bottom:7px}
/* Conversation feed */
.trends-opening{border-top-color:var(--gold)}
.trends-articles{border-top:1px solid var(--line)}
.trend-article{display:grid;grid-template-columns:.87fr 1.13fr;gap:36px;padding:34px 0;border-bottom:1px solid var(--line)}
.topic-photo{position:relative;align-self:stretch;background:var(--shade);min-height:290px}
.topic-photo a{position:absolute;inset:0;overflow:hidden}
.topic-photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.topic-photo a:hover img{transform:scale(1.03)}
.photo-index{position:absolute;pointer-events:none;top:12px;left:13px;color:#fff;background:var(--red);font-size:11px;letter-spacing:.12em;padding:5px 11px;font-weight:850}
.topic-copy{display:flex;align-items:flex-start;flex-direction:column;padding:18px 0}
.topic-copy h2{font-size:clamp(24px,3vw,36px);margin:17px 0;line-height:1.4}
.topic-copy>p{font-size:14px;line-height:1.95;color:#51575B;margin:0 0 13px}
.topic-copy .topic-preview{color:var(--muted);font-size:13px}
.topic-copy .text-link{margin-top:auto;padding-top:14px}
/* Long-form editorial */
.story-layout{border-top:4px solid var(--red)}
.story-header{padding:34px 0 30px;max-width:900px}
.story-header h1{font-size:clamp(34px,4.25vw,57px);line-height:1.3;letter-spacing:-.045em;margin:16px 0 18px}
.story-deck{max-width:760px;font-size:18px;line-height:1.85;color:var(--muted);margin:0}
.story-image{margin:0;aspect-ratio:2.1;position:relative;overflow:hidden;background:var(--shade)}
.story-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.story-flow{display:grid;grid-template-columns:185px minmax(0,750px);gap:50px;padding-top:42px}
.story-mark{border-top:2px solid var(--gold);padding-top:15px;align-self:start;display:flex;flex-direction:column;color:var(--gold);font-size:12px;letter-spacing:.13em;font-weight:850}
.story-mark span{font-size:28px;letter-spacing:-.035em;color:var(--ink)}
.story-content{min-width:0}
.story-content p{font-size:16px;line-height:2.15;color:#3E454A;margin:0 0 21px}
.story-content .story-intro{font-size:19px;color:var(--ink);line-height:2;font-weight:600;margin-bottom:35px}
.story-section{border-top:1px solid var(--line);padding:29px 0 10px}
.story-section h2{font-size:26px;margin:0 0 20px}
.back-topic{border-top:1px solid var(--line);margin:27px 0 0;padding-top:22px}
.back-topic a{font-size:14px;font-weight:850;color:var(--red-deep)}
.article-related{margin-top:76px}
.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.related-item{display:flex;flex-direction:column;gap:10px;padding:23px;min-height:170px;background:var(--shade);border-left:3px solid var(--gold)}
.related-item strong{font-size:20px;line-height:1.45}
.related-arrow{color:var(--red);font-size:20px;margin-top:auto}
.error-page{padding:100px 0 130px;max-width:1100px}
.error-page h1{font-size:clamp(34px,5vw,60px)}
.error-page>p:not(.section-no){max-width:580px;color:var(--muted)}
.error-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:25px}
.error-actions a{padding:10px 17px;border:1px solid var(--ink);font-size:13px;font-weight:800}
.error-actions a:first-child{background:var(--ink);color:#fff}
/* Tablet and narrower laptop */
@media(max-width:1050px){
 .wrap{width:calc(100% - 48px)}
 .media-section{margin-inline:-24px;padding-inline:24px}
 .front-grid{grid-template-columns:.94fr 1.06fr;min-height:490px}
 .front-copy{padding:40px 26px 25px 0}
 .front-copy h1{font-size:47px}
 .hero-frame{min-height:490px}
 .feature-item h3{font-size:19px}
 .editorial-text{padding:29px 25px}
 .story-flow{grid-template-columns:140px minmax(0,1fr);gap:30px}
}
@media(max-width:760px){
 .wrap{width:calc(100% - 32px)}
 .masthead{min-height:90px}
 .brand img{width:45px;height:45px}
 .brand strong{font-size:25px}
 .brand small{font-size:9px;letter-spacing:.10em}
 .masthead-side{display:none}
 .nav-band{overflow-x:auto}
 .site-nav{width:max-content;min-width:100%;min-height:46px}
 .site-nav a{min-width:auto;padding:11px 17px;white-space:nowrap;font-size:12px}
 .nav-index{display:none}
 .homepage{padding-top:17px}
 .issue-rule{font-size:10px}
 .front-grid{grid-template-columns:1fr;min-height:0}
 .front-copy{padding:34px 0 27px}
 .front-copy h1{font-size:45px;margin:20px 0 13px}
 .front-copy .h1-suffix{margin-top:8px}
 .front-copy .lead{font-size:14px;line-height:1.95;margin-bottom:17px}
 .intro-links{grid-template-columns:1fr 1fr;gap:16px;width:100%}
 .intro-links a{font-size:13px;min-width:0}
 .intro-caption{padding-top:25px}
 .hero-frame{min-height:390px}
 .hero-overlay{left:20px;bottom:20px;right:20px}
 .section{margin-top:46px}
 .section-heading{align-items:start;flex-direction:column;gap:12px}
 .section-heading>p{text-align:left;max-width:none}
 .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .feature-item:nth-child(3){grid-column:1 / -1;display:grid;grid-template-columns:46% 1fr;column-gap:15px;align-content:start}
 .feature-item:nth-child(3) .feature-image{grid-row:1 / 5;aspect-ratio:1.05}
 .feature-item:nth-child(3) .feature-number{left:12px;top:12px}
 .feature-item:nth-child(3)>.eyebrow{margin-top:4px}
 .feature-item:nth-child(3) h3{margin:3px 0}
 .feature-item:nth-child(3) p{font-size:12px}
 .media-section{margin-inline:-16px;padding:39px 16px 43px}
 .media-row{gap:12px}
 .media-tile h3{font-size:15px}
 .media-tile>span{font-size:10px}
 .editorial-columns{grid-template-columns:1fr}
 .editorial-visual{min-height:330px}
 .editorial-text{padding:28px}
 .button-outline{margin-top:8px}
 .bottom-note{grid-template-columns:1fr;gap:16px;margin:20px 0 55px}
 .page-opening{grid-template-columns:1fr;gap:10px;padding:26px 0}
 .page-opening h1{font-size:37px}
 .page-opening>p{font-size:14px}
 .watch-entry,.watch-entry:nth-child(even){grid-template-columns:1fr;gap:10px}
 .watch-entry:nth-child(even) .watch-image{order:0}
 .watch-image{min-height:0;aspect-ratio:1.65}
 .watch-body{padding:12px 0 9px}
 .watch-body h2{font-size:27px}
 .watch-footer{margin-top:10px}
 .trend-article{grid-template-columns:1fr;gap:13px}
 .topic-photo{aspect-ratio:1.6;min-height:0}
 .topic-copy{padding:9px 0 15px}
 .topic-copy h2{font-size:28px;margin:12px 0}
 .story-header h1{font-size:39px}
 .story-deck{font-size:16px}
 .story-image{aspect-ratio:1.6}
 .story-flow{grid-template-columns:1fr;gap:15px;padding-top:25px}
 .story-mark{flex-direction:row;align-items:center;gap:12px;border-top:1px solid var(--gold)}
 .story-mark span{font-size:18px}
 .story-content .story-intro{font-size:17px}
 .story-content p{font-size:15px}
 .story-section h2{font-size:23px}
 .related-band{align-items:start;flex-direction:column;padding:24px}
 .footer-main{flex-direction:column;gap:25px}
 .footer-main nav{gap:16px}
}
@media(max-width:480px){
 body{font-size:14px}
 .brand img{width:39px;height:39px}
 .brand{gap:9px}
 .brand strong{font-size:23px}
 .brand small{font-size:8px}
 .masthead{min-height:76px}
 .site-nav a{padding-inline:12px;font-size:11px}
 .issue-rule span:last-child{display:none}
 .front-copy h1{font-size:39px}
 .red-label{font-size:10px}
 .hero-frame{min-height:320px}
 .hero-overlay strong{font-size:27px}
 .intro-links{gap:9px}
 .intro-links a{font-size:12px}
 .section-heading h2{font-size:26px}
 .feature-grid{grid-template-columns:1fr}
 .feature-item:nth-child(3){grid-column:auto;display:block}
 .feature-item:nth-child(3) .feature-image{aspect-ratio:1.06}
 .feature-item:nth-child(3)>.eyebrow{margin-top:17px}
 .feature-item:nth-child(3) h3{margin:8px 0 10px}
 .feature-item:nth-child(3) p{font-size:13px}
 .feature-item h3{font-size:20px}
 .media-row{grid-template-columns:1fr 1fr}
 .media-tile:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:46% 1fr;column-gap:12px;align-content:start}
 .media-tile:nth-child(3) .media-img{grid-row:1/3;aspect-ratio:1.3}
 .media-tile:nth-child(3)>span{margin-top:4px}
 .media-tile:nth-child(3) h3{align-self:start}
 .media-index{font-size:10px}
 .media-tile h3{font-size:14px}
 .editorial-visual{min-height:235px}
 .editorial-text h3{font-size:26px}
 .trend-line{grid-template-columns:45px 1fr 30px;gap:9px;padding-block:20px}
 .trend-rank{font-size:25px}
 .trend-line h3{font-size:16px}
 .trend-line p{font-size:12px}
 .circle-link{width:29px;height:29px}
 .page-opening h1{font-size:31px}
 .watch-context{padding:13px}
 .watch-entry{padding:21px 0}
 .watch-body h2{font-size:25px}
 .related-grid{grid-template-columns:1fr}
 .story-header h1{font-size:31px}
 .story-image{aspect-ratio:1.35}
 .story-content .story-intro{font-size:16px}
 .story-content p{font-size:14px}
 .footer-bottom{font-size:10px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}