.article-template__hero{background:var(--cf-blush);color:var(--cf-ink)}
.article-template__hero-in{display:grid;gap:2.4rem 5.6rem;align-items:start;padding-top:.4rem;padding-bottom:3.6rem}
@media screen and (min-width:46.875em){.article-template__hero-in{grid-template-columns:minmax(0,6fr) minmax(0,5fr)}}
.article-template__head{min-width:0;display:grid;gap:1.4rem;align-content:center}
.article-template__title{text-transform:none;font-size:clamp(2.8rem,3.2vw,4.2rem);line-height:1.08}
.article-template__lede{margin:0;font-size:1.9rem}
.article-template__meta{margin:0;font-size:1.4rem;font-weight:600}
.article-template__hero-image{margin:0;line-height:0;border-radius:2.8rem;overflow:hidden;width:100%;max-width:var(--cap,60rem);margin-inline:auto;aspect-ratio:4/3;box-shadow:0 1.6rem 3.2rem rgba(23,19,26,.16)}
.article-template__hero-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 25%}
@media screen and (min-width:46.875em){.article-template__hero-image{max-width:none}}
.cf-art{display:grid;gap:2.4rem 5.6rem;align-items:start}
@media screen and (min-width:68.75em){.cf-art{grid-template-columns:28rem minmax(0,1fr)}}
.cf-toc{border-radius:2.4rem;background:#fff;color:var(--cf-ink);padding:1.6rem 2rem;box-shadow:inset 0 0 0 .1rem var(--cf-line)}
@media screen and (min-width:68.75em){.cf-toc{position:sticky;top:9.6rem;max-height:calc(100vh - 12rem);overflow:auto}}
.cf-toc summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.4rem;cursor:pointer;list-style:none;font-family:var(--cf-head);font-weight:500;font-size:1.6rem;letter-spacing:.08em;text-transform:uppercase}
.cf-toc summary::-webkit-details-marker{display:none}
.cf-toc[open] summary .icon{transform:rotate(180deg)}
.cf-toc ol{margin:.8rem 0 .4rem;padding-left:2rem;display:grid;gap:.2rem;font-size:1.5rem;line-height:1.35}
.cf-toc a{display:inline-block;padding:.6rem 0;text-decoration:none}
.cf-toc a:hover{text-decoration:underline;text-underline-offset:.3rem}
.article-template__content{min-width:0;font-size:1.8rem;line-height:1.65;color:var(--cf-ink)}
.article-template__content>h2{text-transform:none;font-size:clamp(2.6rem,2.8vw,3.4rem);line-height:1.12;margin:4.8rem 0 1.6rem;scroll-margin-top:10rem}
.article-template__content>h2:first-child{margin-top:0}
.article-template__content>h3{font-size:2.2rem;margin:3.2rem 0 1.2rem}
.article-template__content>p{margin:0 0 1.6rem}
.article-template__content>ul,.article-template__content>ol{margin:0 0 1.8rem;padding-left:2.4rem;display:grid;gap:.6rem}
.article-template__content a{text-decoration:underline;text-underline-offset:.3rem}
.article-template__content .cf-table-wrap,.article-template__content .cf-note,.article-template__content figure{margin:2.8rem 0}
.article-template__content::after{content:"";display:table;clear:both}
.cf-fig{margin:2.8rem 0}
.cf-fig__img{line-height:0;border-radius:2.4rem;overflow:hidden;margin-inline:auto}
.cf-fig__img img{display:block;width:100%;height:auto}
.cf-fig figcaption,.cf-statfig figcaption{margin-top:1rem;font-size:1.5rem;line-height:1.45}
.cf-fig figcaption b{display:block;font-family:var(--cf-head);font-weight:500;font-size:1.7rem}
.cf-quote{margin:2.8rem 0;padding:2rem 2.4rem;border-radius:2.4rem;background:#fff;box-shadow:inset .6rem 0 0 var(--cf-magenta),inset 0 0 0 .1rem var(--cf-line)}
.cf-quote blockquote{margin:0;font-family:var(--cf-head);font-weight:500;font-size:2rem;line-height:1.4}
.cf-quote blockquote p{margin:0}
.cf-quote figcaption{margin-top:1rem;font-size:1.4rem;line-height:1.45}
.cf-quote--buyer{box-shadow:inset .6rem 0 0 var(--cf-gold),inset 0 0 0 .1rem var(--cf-line)}
.cf-quote--buyer blockquote{font-family:var(--font-body-family);font-weight:400;font-size:1.8rem}
.cf-statfig{margin:2.8rem 0}
.cf-stats{margin:0;padding:0;list-style:none}
.cf-stats li{display:grid;gap:.4rem;align-content:start;padding:2rem;border-radius:2.4rem;background:var(--cf-graphite);color:#fff;text-align:center}
.cf-stats b{font-family:var(--cf-head);font-weight:600;font-size:3.4rem;line-height:1;color:var(--cf-gold)}
.cf-stats span{font-size:1.5rem;line-height:1.35}
.cf-bars{margin:0;padding:2rem 2.4rem;list-style:none;display:grid;gap:1rem;border-radius:2.4rem;background:#fff;box-shadow:inset 0 0 0 .1rem var(--cf-line)}
.cf-bars li{display:grid;grid-template-columns:minmax(9rem,16rem) minmax(0,1fr) minmax(5rem,auto);gap:1.2rem;align-items:center;font-size:1.5rem;line-height:1.3}
.cf-bars i{display:block;height:1.4rem;border-radius:1rem;background:rgba(23,19,26,.1);overflow:hidden}
.cf-bars b{display:block;height:100%;border-radius:1rem;background:var(--cf-magenta)}
.cf-bars li>span:last-child{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}
.cf-shelf{margin:2.8rem 0}
.cf-steps{margin:0 0 1.8rem;padding:0;list-style:none;counter-reset:st;display:grid;gap:1rem}
.cf-steps li{counter-increment:st;position:relative;padding:1.6rem 2rem 1.6rem 6.4rem;border-radius:2rem;background:#fff;box-shadow:inset 0 0 0 .1rem var(--cf-line)}
.cf-steps li::before{content:counter(st);position:absolute;left:1.6rem;top:1.4rem;width:3.4rem;height:3.4rem;border-radius:50%;background:var(--cf-graphite);color:var(--cf-gold);box-shadow:0 0 0 .3rem var(--cf-magenta);display:flex;align-items:center;justify-content:center;font-family:var(--cf-head);font-weight:600;font-size:1.7rem;line-height:1}
.cf-steps p{margin:0}
.cf-artbuy{margin:2.8rem 0;display:grid;gap:1rem;justify-items:start;padding:2rem 2.4rem;border-radius:2.4rem;background:var(--cf-blush)}
.cf-artbuy figcaption{font-size:1.5rem}
.cf-artfoot{display:grid;gap:3.2rem}
.cf-artfoot .cf-note{margin-top:0}
.main-blog__hero{background:var(--cf-blush);color:var(--cf-ink);padding:.4rem 0 3.6rem}
.main-blog__hero .page-width{display:grid;gap:1.4rem}
.main-blog__hero p{margin:0;font-size:1.9rem;max-width:80rem}