.blog-main{padding:150px 0 90px;background:radial-gradient(ellipse at 65% 0,#123527,var(--night) 55%);color:var(--ink);min-height:78vh}.blog-wrap{width:min(1000px,calc(100% - 48px));margin:auto}.blog-label,.article-list article>p:first-child{font-size:.72rem;letter-spacing:.13em;color:var(--mint);font-weight:750}.blog-wrap h1{font-size:clamp(2.8rem,7vw,5rem);letter-spacing:-.06em;margin:18px 0}.blog-lead{font-size:1.15rem;color:#bfcec7;max-width:60ch}.article-list{display:grid;gap:16px;margin-top:48px}.article-list article{border:1px solid var(--line);border-radius:18px;padding:28px;background:var(--surface)}.article-list article h2{font-size:clamp(1.4rem,3vw,2rem);margin:12px 0}.article-list article h2 a:hover{text-decoration:underline;text-decoration-color:var(--mint)}.article-list article p:not(:first-child){color:#bccbc4;margin:10px 0 18px}.article-list article>a{color:var(--mint);font-weight:700}.blog-contact{margin-top:40px}.article-main{padding:140px 0 80px;background:var(--night);color:var(--ink)}.article-wrap{width:min(760px,calc(100% - 48px));margin:auto}.article-wrap .crumb{color:var(--mint);font-size:.9rem}.article-wrap h1{font-size:clamp(2.5rem,6vw,4rem);line-height:1.08;letter-spacing:-.05em;margin:28px 0 18px}.article-wrap .dek{font-size:1.2rem;color:#bfcec7;line-height:1.6;margin-bottom:32px}.article-wrap h2{font-size:1.8rem;margin:38px 0 12px}.article-wrap h3{font-size:1.3rem;margin:26px 0 8px}.article-wrap p,.article-wrap li{font-size:1.04rem;line-height:1.8;color:#d0dbd5}.article-wrap p+p{margin-top:16px}.article-wrap ul,.article-wrap ol{padding-left:24px;margin:14px 0}.article-wrap a:not(.primary){color:var(--mint);text-decoration:underline}.article-wrap .note{border-left:3px solid var(--mint);padding:16px 20px;background:#10251c;margin:24px 0}.article-wrap .article-cta{margin-top:44px;padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.article-cta h2{margin-top:0}.article-cta .primary{margin-top:12px}.article-main footer{margin-top:60px}@media(max-width:720px){.blog-main{padding-top:120px}.article-main{padding-top:115px}.article-list article{padding:22px}.article-wrap{width:calc(100% - 40px)}}
