/* The same poster system, quieter where people need to read. */
.editorial-page{max-width:var(--rail);margin:0 auto;padding:60px var(--gutter) 80px}.editorial-intro{max-width:900px;margin-bottom:40px}.editorial-intro>.text-link{margin-bottom:25px}.editorial-intro h1{font-size:clamp(60px,7vw,100px);line-height:.95;margin:20px 0 28px}.editorial-lede{font-size:21px;max-width:750px;line-height:1.5}.sample-disclosure{font-size:13px;margin-top:24px;max-width:730px}.sample-jump-links{display:flex;flex-wrap:wrap;gap:3px 26px;border-block:1px solid var(--ink);padding:16px 0;margin-bottom:38px}.sample-jump-links a{display:inline-flex;gap:10px;align-items:center;min-height:44px;font-size:13px}.sample-jump-links span{font-weight:700;color:var(--blue)}.all-demos{row-gap:48px}.graphic-cover{aspect-ratio:1;overflow:hidden;position:relative;background:var(--blue);color:var(--butter);padding:20px}.graphic-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.06em;font-weight:700;position:relative;z-index:1}.graphic-cover strong{font:700 clamp(42px,4.3vw,66px)/.9 var(--display);display:block;margin-top:27px;position:relative;z-index:1;max-width:90%}.graphic-shape{position:absolute;font-size:240px;line-height:1;right:-20px;bottom:-26px;color:var(--orange)}.graphic-still-got-a-spark{background:var(--butter);color:var(--ink)}.graphic-still-got-a-spark .graphic-shape{color:var(--blue);right:-15px;bottom:-38px;font-size:250px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;counter-reset:guide}.guide-card{counter-increment:guide;background:var(--butter);padding:30px;display:flex;flex-direction:column;align-items:flex-start}.guide-card::before{content:'0' counter(guide);font:700 66px/1 var(--display);margin-bottom:35px}.guide-card:nth-child(2){background:var(--blue);color:var(--paper)}.guide-card:nth-child(3){background:var(--orange)}.guide-card h2{font-family:var(--display);font-size:36px;line-height:1.05;margin:0 0 18px}.guide-card h2 a{display:inline-block}.guide-card p:not(.eyebrow){font-size:15px;line-height:1.6}.guide-card .eyebrow{font-size:10px;margin-bottom:16px}.guide-card .small-label{font-size:11px;margin-top:auto;padding-top:28px}.article-layout{display:grid;grid-template-columns:230px minmax(0,740px);gap:65px;align-items:start}.article-contents{position:sticky;top:30px;border-top:2px solid var(--blue);padding-top:18px;display:grid;gap:0;font-size:13px;line-height:1.4}.article-contents .small-label{margin-bottom:16px}.article-contents a{display:flex;align-items:center;min-height:44px;padding-block:8px}.article-prose{font-size:18px;line-height:1.75;min-width:0}.article-prose h2{font-size:38px;line-height:1.1;margin:44px 0 22px;scroll-margin-top:32px}.article-prose h2:first-child{margin-top:0}.article-prose p{margin:0 0 24px}.article-prose ul,.article-prose ol{padding-left:25px;margin:0 0 28px}.article-prose li{padding-left:5px;margin:8px 0}.article-prose blockquote{margin:28px 0;padding:24px 24px 1px;background:var(--butter);border-left:4px solid var(--orange)}.article-related,.editorial-next{border-top:1px solid var(--ink);padding-top:32px;margin-top:48px}.article-related h2,.editorial-next h2{font-size:42px;margin:0 0 24px}.editorial-next p{max-width:750px;font-size:16px}.editorial-next .button{margin-top:25px}.guide-neighbours{display:flex;justify-content:space-between;gap:32px;border-top:1px solid var(--ink);padding-top:28px;margin-top:64px}.guide-neighbours a{max-width:420px}
@media(max-width:1000px){.guide-grid{gap:18px}.guide-card{padding:25px}.guide-card h2{font-size:32px}.article-layout{gap:40px;grid-template-columns:200px minmax(0,1fr)}}
@media(max-width:800px){.article-layout{grid-template-columns:1fr;gap:35px}.article-contents{position:static;grid-template-columns:1fr 1fr;gap:0 24px}.article-contents .small-label{grid-column:1/-1}.guide-grid{grid-template-columns:1fr}.guide-card{max-width:none}.guide-card::before{margin-bottom:24px}.guide-card h2{font-size:40px}.guide-card .small-label{padding-top:22px}}
@media(max-width:700px){.editorial-page{padding:40px 20px 56px}.editorial-intro h1{font-size:58px}.editorial-lede{font-size:18px}.editorial-intro{margin-bottom:30px}.sample-disclosure{font-size:12px}.sample-jump-links{display:grid;gap:0;margin-bottom:30px;padding-block:10px}.sample-jump-links a{font-size:13px}.all-demos{gap:38px}.graphic-cover{padding:22px}.graphic-cover strong{font-size:62px}.graphic-label{font-size:11px}.graphic-shape{font-size:290px;bottom:-40px}.graphic-still-got-a-spark .graphic-shape{font-size:290px}.article-contents{grid-template-columns:1fr}.article-prose{font-size:16px;line-height:1.7}.article-prose h2{font-size:34px;margin-top:35px}.article-prose blockquote{padding:18px 18px 1px}.guide-neighbours{flex-direction:column;gap:20px;margin-top:40px}.guide-card h2{font-size:36px}.editorial-next h2{font-size:42px}.editorial-next p{font-size:15px}}
@media(max-width:360px){.editorial-intro h1{font-size:52px}.graphic-cover strong{font-size:52px}.graphic-shape{font-size:250px}}