.blog-header{display:flex;align-items:center;justify-content:space-between;max-width:120rem;margin:auto;padding:2rem}.blog-header img{width:min(32rem,60vw);height:auto}.blog-header nav{display:flex;gap:2rem}.blog-main{max-width:90rem;margin:auto;padding:6rem 2rem}.blog-main h1{font-size:clamp(3.6rem,7vw,6.4rem)}.blog-main p{font-size:1.8rem;line-height:1.75}.blog-list{display:grid;gap:2rem;margin-top:5rem}.blog-list article{background:var(--bgc-card);padding:2.5rem;border-radius:var(--border-r)}