/* Isolated editorial typography experiment. The published article keeps article.css. */
:root{--wide:min(1160px,calc(100% - 112px));--text:min(760px,calc(100% - 112px))}
.head{padding:72px 0 48px}
.category{margin-bottom:20px;padding:0;border:0;background:none;font-size:13px;font-weight:700;letter-spacing:.11em}
.headline{max-width:1020px;font:700 64px/1 BebasArticle,Impact,sans-serif;text-wrap:balance}
.summary{max-width:720px;margin:28px 0 28px;font-size:24px;font-weight:500;line-height:1.5}
.byline{gap:12px 20px;font-size:15px;line-height:1.4}
.tags{margin-top:24px;gap:9px}
.tag{padding:9px 16px;font-size:15px;font-weight:700}
.hero{margin-bottom:56px}
.hero img{height:auto;max-height:none;aspect-ratio:16/9;object-fit:cover;object-position:center 38%}
.hero figcaption,.gallery figcaption{margin-top:11px;font-size:15px;line-height:1.45}
.story{font-size:20px;line-height:1.6}
.story p{margin-bottom:24px}
.story h2{margin:72px 0 28px;font:700 44px/1.05 BebasArticle,Impact,sans-serif;letter-spacing:0;text-transform:uppercase;text-wrap:balance}
.diary{margin:64px -60px;padding:24px 60px;border:0;background:var(--light-pink);font:500 30px/1.3 BebasArticle,Impact,sans-serif;font-style:normal}
.diary small{font:700 13px/1.3 'Nunito Sans',Arial,sans-serif;letter-spacing:.1em}
.gallery{margin-top:64px;margin-bottom:64px}
.gallery figcaption{font-family:'Nunito Sans',Arial,sans-serif}
.author{margin-top:72px}
.author h2,.more h2{font:700 34px/1.1 BebasArticle,Impact,sans-serif;text-transform:uppercase}
.author p{font-size:17px;line-height:1.5}
.more{margin-top:72px}
.more a{font-size:23px}
.more a span{font-size:16px}
.article-route-promo{max-width:760px;margin-top:80px}
.article-route-promo h2{font-size:44px;line-height:1.05}
.article-route-promo p{font-size:19px}
@media(max-width:1024px){:root{--wide:min(100% - 72px,1160px);--text:min(100% - 72px,700px)}.headline{font-size:52px}.summary{font-size:22px}.story{font-size:19px}.story h2{font-size:38px;margin-top:64px}.diary{font-size:28px}.gallery,.more-grid{width:100%;margin-left:0}}
@media(max-width:640px){:root{--wide:calc(100% - 40px);--text:calc(100% - 40px)}.head{padding:48px 0 32px}.headline{font-size:38px;line-height:1.04}.summary{font-size:19px;line-height:1.5;margin:26px 0}.byline{font-size:14px}.tag{font-size:14px}.hero{margin-bottom:48px}.hero img{aspect-ratio:4/5;object-position:center 36%}.story{font-size:18px;line-height:1.6}.story h2{font-size:32px;line-height:1.08;margin:56px 0 28px}.diary{margin:48px -20px;padding:24px 20px;font-size:26px}.gallery{width:calc(100% + 40px);margin:56px -20px}.gallery figcaption{padding-inline:20px}.author h2,.more h2{font-size:30px}.more a{font-size:22px}.article-route-promo{margin-top:72px}.article-route-promo h2{font-size:38px}.article-route-promo p{font-size:18px}}
@media(max-width:640px){.diary{margin-inline:0}.gallery{width:100%;margin-inline:0}.gallery figcaption{padding-inline:0}}