.skip-link{position:absolute;left:12px;top:-80px;z-index:100;background:#fff;padding:12px 16px}
.skip-link:focus{top:12px}
.blog-intro,.article-head{background:linear-gradient(135deg,#eef3f6,#f7f5ef 65%,#e7eef2);border-bottom:1px solid var(--line)}
.blog-intro{padding:88px 0 78px}
.blog-intro h1{margin:16px 0 22px}
.blog-intro p:last-child{max-width:720px;font-size:18px;line-height:1.7;color:#435364}
.blog-section{padding:64px 0 80px}
.blog-section:nth-child(odd){background:#f5f6f7}
.blog-section h2{font-size:clamp(28px,3vw,40px);letter-spacing:-1.5px;margin-bottom:28px}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.blog-card{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column}
.blog-card-featured{grid-column:span 2;flex-direction:row;background:#15293b;border-color:#15293b;color:#fff;min-height:360px}
.blog-card-featured:only-child{grid-column:1/-1}
.blog-card-featured .card-image{width:48%;flex:none}
.blog-card-featured .card-image img{height:100%;min-height:360px;aspect-ratio:auto;object-fit:cover}
.blog-card-featured .card-copy{padding:34px;justify-content:center}
.blog-card-featured .featured-label{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#a7cee3;margin-bottom:24px}
.blog-card-featured .featured-label span{margin-left:7px;font-size:15px}
.blog-card-featured .card-meta,.blog-card-featured .card-copy>p:not(.card-meta){color:#c4d3df}
.blog-card-featured h3{font-size:clamp(24px,2.6vw,37px);line-height:1.18;letter-spacing:-1.3px}
.blog-card-featured .card-read{color:#fff}
.blog-card-featured h3 a:hover,.blog-card-featured .card-read:hover{color:#a7cee3}
.card-image{display:block;overflow:hidden}
.card-image img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.card-copy{padding:25px;display:flex;flex-direction:column;flex:1}
.card-meta,.article-byline{font-size:12px;color:#536577;font-weight:600}
.card-meta span,.article-byline span{margin:0 6px}
.blog-card h3{font-size:20px;line-height:1.35;letter-spacing:-.5px;margin:5px 0 12px}
.blog-card h3 a:hover,.card-read:hover,.article-body a:hover{color:#375a78;text-decoration:underline}
.card-copy>p:not(.card-meta){color:#53616f;line-height:1.65;font-size:14px}
.card-read{font-size:13px;font-weight:700;margin-top:auto;padding-top:14px}
.blog-card a:focus-visible,.article-body a:focus-visible,.breadcrumbs a:focus-visible{outline:3px solid #375a78;outline-offset:4px}
.article-head{padding:40px 0 68px}
.article-head .container{max-width:900px}
.breadcrumbs{display:flex;gap:11px;align-items:center;flex-wrap:wrap;font-size:12px;color:#526272;margin-bottom:48px}
.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}
.article-head h1{font-size:clamp(38px,5vw,66px);letter-spacing:-3px;line-height:1.13;margin:18px 0 24px}
.article-deck{font-size:19px;line-height:1.65;max-width:760px;color:#435364}
.article-byline{margin:26px 0 0}
.article-wrap{max-width:1060px}
.article-hero{margin:-30px 0 58px;position:relative}
.article-hero img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:8px solid #fff}
.article-hero figcaption{font-size:11px;color:#697583;margin:8px 8px 0}
.article-body{max-width:740px;margin:0 auto 100px;font-size:17px;line-height:1.8;color:#303f4d}
.article-body h2{color:#17212d;font-size:clamp(26px,3vw,34px);letter-spacing:-1px;line-height:1.25;margin:52px 0 16px}
.article-body h3{color:#17212d;font-size:22px;margin:38px 0 12px}
.article-body p{margin:0 0 22px}
.article-body ul{padding-left:25px;margin:0 0 26px}
.article-body li{margin-bottom:10px}
.article-body a{color:#294f70;text-decoration:underline;text-underline-offset:3px}
.back-blog{border-top:1px solid var(--line);padding-top:30px;margin-top:55px!important;font-size:14px;font-weight:700}
@media(max-width:850px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.card-grid{grid-template-columns:1fr}.blog-card-featured{grid-column:auto;flex-direction:column}.blog-card-featured .card-image{width:100%}.blog-card-featured .card-image img{min-height:0;aspect-ratio:16/9}.blog-card-featured .card-copy{padding:27px}.blog-intro{padding:65px 0 48px}.blog-intro h1{letter-spacing:-3px}.blog-section{padding:50px 0}.article-head{padding:25px 0 55px}.article-head h1{letter-spacing:-2px}.breadcrumbs{margin-bottom:35px}.article-body{font-size:16px;margin-bottom:65px}.article-hero{margin-bottom:40px}.site-nav{gap:14px}.site-nav a:not(.nav-contact){display:none}.site-nav a[href="/blog/"]{display:inline}.site-nav .nav-contact{white-space:nowrap}}
