:root{--ink:#1d2140;--orange:#ff6a3d;--cream:#f4efe6;--paper:#fffdf9;--muted:#62667e;--line:#dcd8cf;--sans:'DM Sans',sans-serif;--display:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 var(--sans)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.article-nav{height:82px;display:flex;justify-content:space-between;align-items:center;padding:0 max(5vw,24px);background:var(--ink);color:white}.article-brand{font:800 21px var(--display)}.article-brand span{color:var(--orange)}.article-nav>a:last-child{font-weight:700;font-size:14px}.article-hero{background:var(--ink);color:white;padding:70px max(7vw,25px) 0}.article-hero-inner{max-width:1050px;margin:auto}.article-kicker{text-transform:uppercase;letter-spacing:.16em;color:var(--orange);font-weight:800;font-size:12px}.article-hero h1{font:800 clamp(48px,7vw,90px)/1 var(--display);letter-spacing:-.055em;max-width:900px;margin:18px 0 28px}.article-meta{color:#afb1c2;padding-bottom:42px}.article-hero img{width:100%;height:min(62vw,620px);object-fit:cover}.article-body{max-width:790px;margin:0 auto;padding:80px 25px 110px}.article-body .lead{font-size:25px;line-height:1.5;color:var(--ink);font-weight:600}.article-body p{font-size:18px;color:#4e5269;margin:0 0 28px}.article-body h2{font:800 34px/1.2 var(--display);letter-spacing:-.03em;margin:55px 0 20px}.article-verse{margin:45px 0;padding:28px 32px;border-left:5px solid var(--orange);background:var(--cream);font:italic 25px/1.5 Georgia,serif}.article-cta{background:var(--cream);padding:36px;margin-top:58px}.article-cta h2{margin-top:0}.article-button{display:inline-block;background:var(--orange);color:white;padding:14px 22px;border-radius:99px;font-weight:800}.article-footer{background:#13162c;color:#b7b9ca;padding:38px max(6vw,25px);display:flex;justify-content:space-between;gap:20px}.article-footer strong{color:white}@media(max-width:600px){.article-nav{height:70px}.article-hero{padding-top:48px}.article-hero img{height:360px}.article-body{padding-top:58px}.article-body .lead{font-size:22px}.article-footer{flex-direction:column}}
