.article-page{color:#101827;background:#f4f6f8;min-height:100vh}.article-header{color:#fff;background:#071528;justify-content:space-between;align-items:center;height:72px;padding:0 max(24px,50% - 550px);display:flex}.article-header>a{letter-spacing:.08em;font-weight:950}.article-header nav{gap:24px;display:flex}.article-hero{color:#fff;background-position:50%;background-size:cover;align-items:end;min-height:430px;padding:70px max(24px,50% - 550px);display:flex}.article-hero div{max-width:820px}.article-hero small{color:#ffd66b;letter-spacing:.13em;font-weight:900}.article-hero h1{margin:15px 0;font-size:clamp(38px,6vw,66px);line-height:1.05}.article-hero p{color:#e5edf7;max-width:680px;font-size:18px;line-height:1.65}.article-content{width:min(820px,100% - 40px);margin:0 auto;padding:64px 0 80px}.article-intro{color:#334155;font-size:21px;font-weight:700;line-height:1.7}.article-content section{border-bottom:1px solid #dbe1e8;padding:28px 0}.article-content h2{margin:0 0 12px;font-size:27px}.article-content p{color:#475569;line-height:1.8}.article-content aside{color:#fff;background:#071528;border-radius:22px;margin-top:45px;padding:35px}.article-content aside p{color:#dbe4f2}.article-content aside div{gap:12px;margin-top:22px;display:flex}.article-content aside a{color:#fff;background:#e91d2b;border-radius:11px;padding:13px 18px;font-weight:900}.article-content aside a:last-child{background:#1676f3}.article-footer{color:#fff;text-align:center;background:#071528;padding:30px 20px}@media (max-width:640px){.article-header nav{display:none}.article-hero{min-height:380px;padding-bottom:45px}.article-content{padding-top:42px}.article-content aside div{display:grid}}