:root{--pine:#112d2a;--plum:#5a2f44;--navy:#0b1b2f;--mauve:#a47e90;--jac:#79647c;--paper:#faf9fa}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--navy);font:18px/1.75 "DM Sans",sans-serif}.article-nav{padding:1.2rem max(1.5rem,calc((100vw - 1120px)/2));display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #0b1b2f30;background:#fff}.article-nav a{text-decoration:none;font-weight:800}.article-nav .name{font-size:1.05rem}.article-nav .back{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.article-hero{background:var(--pine);color:#fff;padding:7rem max(1.5rem,calc((100vw - 980px)/2));border-radius:0 0 7rem 0}.article-hero .category{color:#d7c0cb;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:800}.article-hero h1{font-size:clamp(3rem,7vw,6.5rem);line-height:.92;letter-spacing:-.065em;margin:1.2rem 0 2rem}.article-hero .dek{font:1.45rem/1.45 "Playfair Display",serif;max-width:780px;color:#e7eeeb}.article-hero .meta{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;margin-top:2.5rem}.article{max-width:780px;margin:5rem auto;padding:0 1.5rem}.article .lead{font:1.65rem/1.5 "Playfair Display",serif;color:#304e49}.article h2{font-size:2.3rem;line-height:1.15;letter-spacing:-.035em;margin:3.5rem 0 1rem}.article h3{font-size:1.25rem;margin:2rem 0 .4rem}.article blockquote{font:1.8rem/1.4 "Playfair Display",serif;border-left:6px solid var(--mauve);margin:3rem 0;padding:1rem 0 1rem 1.7rem}.framework{margin:3rem 0;background:#eee7eb;border-radius:2.5rem .7rem 2.5rem .7rem;padding:2rem}.framework h2{margin-top:0}.framework ol{padding-left:1.3rem}.framework li{margin:1rem 0}.takeaway{background:var(--plum);color:#fff;padding:3rem;border-radius:.7rem 3rem .7rem 3rem;margin:4rem 0}.takeaway h2{margin-top:0}.article-footer{background:var(--navy);color:#fff;padding:4rem 1.5rem;text-align:center}.article-footer a{color:#fff;font-weight:800}@media(max-width:650px){.article-hero{padding-top:5rem;border-radius:0 0 3rem 0}.article{margin-top:3rem}.takeaway{padding:2rem}}
