.editorial-hero{position:relative;isolation:isolate;overflow:hidden;text-align:center;color:#fff;padding:76px 0 106px;background:radial-gradient(ellipse at 85% 10%,#00c79630,transparent 48%),radial-gradient(ellipse at 10% 90%,#0066ff65,transparent 55%),#0b2545}.editorial-hero:before,.editorial-hero:after{content:"";position:absolute;z-index:-1;width:470px;height:470px;border:1px solid #ffffff12;border-radius:50%;top:-180px;right:-100px;box-shadow:0 0 0 60px #ffffff03,0 0 0 120px #ffffff03}.editorial-hero:after{top:auto;bottom:-300px;right:auto;left:-120px}.editorial-hero .eyebrow{color:#7ee5ce}.editorial-hero h1{max-width:820px;margin:18px auto 20px;font-size:clamp(34px,4vw,52px);font-weight:650;line-height:1.18;letter-spacing:-1.5px}.editorial-hero p{color:#c8d9eb;max-width:700px;margin:0 auto;font-size:17px;line-height:1.8}.topic-bar{position:relative;z-index:1;margin-top:-37px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px #142b460c;padding:16px 20px;display:flex;gap:9px;align-items:center;overflow-x:auto;scrollbar-width:thin}.topic-link{flex-shrink:0;color:var(--ink);padding:10px 18px;font-size:14px;font-weight:600;border-radius:7px;white-space:nowrap}.topic-link:hover{background:#eff6ff;text-decoration:none}.topic-link.is-active{color:#fff;background:var(--primary)}.editorial-posts{padding:48px 0 64px}.editorial-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:34px}.editorial-heading h2{font-size:28px;line-height:1.3;margin:0 0 6px;letter-spacing:-.6px}.editorial-heading p{color:var(--muted);font-size:14px;margin:0}.editorial-heading .search-form{max-width:340px;width:100%}.editorial-grid{gap:38px 28px}.editorial-grid .post-card{border:0;border-radius:0;overflow:visible;background:transparent;display:flex;flex-direction:column}.editorial-grid .post-card:hover{box-shadow:none;transform:translateY(-4px)}.editorial-grid .card-image{aspect-ratio:auto;height:210px;border-radius:18px;flex-shrink:0}.editorial-grid .card-body{position:relative;background:white;border:1px solid #d2dae3;border-radius:16px;width:calc(100% - 22px);margin:-38px auto 0;padding:23px 23px 22px;flex:1;display:flex;flex-direction:column}.editorial-grid .post-category{line-height:1.5;text-transform:none;letter-spacing:0;margin-bottom:14px}.editorial-grid .post-category a{display:inline-block;padding:5px 13px;border-radius:20px;background:var(--primary);color:white;font-size:11px;font-weight:650}.editorial-grid .post-card h2{font-size:18px;line-height:1.4;margin:0 0 12px;letter-spacing:-.3px}.editorial-grid .post-card p{line-height:1.6;margin:0 0 16px;font-size:14px;flex:1}.editorial-grid .post-meta{margin:0 0 12px;font-size:11px;order:1;padding-top:13px;border-top:1px solid var(--line)}.editorial-grid .read-more{order:2;font-size:13px}.blog-home .pagination{text-align:center}.blog-home .cta{border-radius:18px;background:linear-gradient(115deg,#0b2545,#123d65);padding:45px}.post-category a:hover{text-decoration:underline}@media(max-width:900px){.editorial-hero{padding:58px 0 90px}.editorial-heading{align-items:flex-start}.editorial-grid{gap:30px 20px}.editorial-grid .card-body{padding:20px}.topic-bar{padding:13px}.editorial-heading .search-form{max-width:290px}}@media(max-width:580px){.editorial-hero{padding:46px 0 80px}.editorial-hero p{font-size:15px}.topic-bar{margin-top:-30px;padding:10px}.topic-link{padding:8px 14px;font-size:13px}.editorial-heading{display:block;margin-bottom:26px}.editorial-heading .search-form{max-width:none;margin-top:20px}.editorial-posts{padding:34px 0 45px}.editorial-grid .card-image{height:220px}.blog-home .cta{padding:26px}}

/* Keep the complete banner visible at every screen size. */
.editorial-hero.editorial-hero--banner{padding:0;background:#061e28;text-align:left}
.editorial-hero--banner:before,.editorial-hero--banner:after{content:none}
.editorial-hero-image{display:block;width:100%;height:auto;margin:0}
.editorial-hero--banner + .wrap > .topic-bar{margin-top:24px}
.mobile-hero-content{display:none}
@media(max-width:600px){
    .editorial-hero--banner .editorial-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center;opacity:.65}
    .editorial-hero--banner .mobile-hero-content{position:relative;display:block;padding:40px 24px;min-height:320px;background:linear-gradient(90deg,#061e28 5%,#061e28ed 40%,#061e2850 100%)}
    .mobile-hero-content .eyebrow{display:inline-block;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700}
    .mobile-hero-content h2{max-width:320px;margin:14px 0 18px;color:#fff;font-size:clamp(28px,7.5vw,40px);font-weight:700;line-height:1.16;letter-spacing:-.8px;text-wrap:balance}
    .editorial-hero .mobile-hero-content p{max-width:290px;margin:0;color:#e0edf1;font-size:15px;line-height:1.7}
}

.topic-link:focus-visible{outline:3px solid var(--primary);outline-offset:3px}
@media(max-width:600px){
    .topic-bar{flex-wrap:wrap;align-items:stretch;gap:8px;padding:12px;overflow:visible;border-radius:16px;background:var(--surface);box-shadow:none}
    .editorial-hero--banner + .wrap > .topic-bar{margin-top:18px}
    .topic-bar .topic-link{display:flex;align-items:center;justify-content:center;flex:1 1 auto;min-width:64px;max-width:100%;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:13px;line-height:1.45;text-align:center;white-space:normal;overflow-wrap:anywhere}
    .topic-bar .topic-link:hover{background:#eff6ff}
    .topic-bar .topic-link.is-active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 3px 8px #142b4618}
}