.finprime-news { color: #0c264c; background: #fff; }
.finprime-news .banner { display: flex; flex-direction: column; justify-content: center; min-height: 620px; position: relative; isolation: isolate; overflow: hidden; padding: 160px 0 80px; color: #fff; background: #0c264c; }
.finprime-news .banner-image { position: absolute; z-index: -3; left: 0; top: -10.89%; width: 100%; height: 137.33%; object-fit: cover; }
.finprime-news .banner::after { content: ''; position: absolute; z-index: -2; inset: 0; background: linear-gradient(180deg,rgba(3,20,44,.3),transparent 70%),linear-gradient(180deg,rgba(12,38,76,.25) 76%,#0c264c); }
.finprime-news .banner-outline { position: absolute; z-index: -1; left: calc(50% - 915px); top: 254px; width: 314px; height: auto; mix-blend-mode: lighten; pointer-events: none; }
.finprime-news .banner-glass { position: absolute; z-index: -1; left: calc(50% + 107px); top: 79px; width: 318px; height: auto; mix-blend-mode: overlay; pointer-events: none; }
.finprime-news h1 { margin: 0; overflow-wrap: anywhere; }
.finprime-news h1 span { display: block; }
.finprime-news .banner p { max-width: 750px; font-size: 16px; line-height: 24px; opacity: .7; margin: 16px 0 0; }
.finprime-news .row1 { position: relative; isolation: isolate; padding: 80px 0; background: linear-gradient(135deg,#fff 20%,#e8edf2); }
.finprime-news .section-pattern { position: absolute; z-index: -1; pointer-events: none; left: calc(50% - 845px); top: 160px; width: 635px; height: auto; }
.finprime-news .eyebrow {text-transform: uppercase; display: flex; align-items: center; gap: 4px; font-size: 18px; line-height: 1.2; font-weight: 500; margin: 0 0 16px; padding: 4px 0; }
.finprime-news h2 { font-size: 56px; margin: 0 0 60px; }
.finprime-news .news-grid,.finprime-news-detail .news-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 60px 48px; }.finprime-news .finprime-news-card,.finprime-news-detail .finprime-news-card { min-width: 0; background: rgba(255,255,255,.6); border-radius: 2px; }.finprime-news .finprime-news-card .card-link,.finprime-news-detail .finprime-news-card .card-link { display: grid; grid-template-columns: 49% 51%; min-height: 353px; height: 100%; color: #0c264c; }.finprime-news .finprime-news-card .card-image,.finprime-news-detail .finprime-news-card .card-image { display: block; width: 100%; height: 100%; min-height: 353px; object-fit: cover; border-radius: 2px 0 0 2px; }.finprime-news .finprime-news-card .image-fallback,.finprime-news-detail .finprime-news-card .image-fallback { display: grid; place-items: center; background: linear-gradient(140deg,#0c264c,#315886); color: #fff; font-weight: 600; }.finprime-news .finprime-news-card .card-copy,.finprime-news-detail .finprime-news-card .card-copy { position: relative; padding: 32px 32px 28px; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; }.finprime-news .finprime-news-card .category,.finprime-news-detail .finprime-news-card .category { display: flex; align-items: center; gap: 8px; max-width: 100%; font-size: 14px; line-height: 1.4; color: #b4825d; padding: 6px 8px; background: rgba(180,130,93,.1); margin-bottom: 32px; overflow-wrap: anywhere; }.finprime-news .finprime-news-card .category::before,.finprime-news-detail .finprime-news-card .category::before { content: ''; flex: 0 0 6px; height: 6px; border-radius: 50%; background: #b4825d; }.finprime-news .finprime-news-card h3,.finprime-news-detail .finprime-news-card h3 {    font-size: 24px;
    margin: 0 0 16px;
    overflow-wrap: anywhere;
    font-family: Saira, Arial, sans-serif;
    letter-spacing: 0;
    line-height: 1.3; }

.finprime-news .finprime-news-card p,.finprime-news-detail .finprime-news-card p { font-size: 14px; line-height: 20px; opacity: .7; margin: 0 0 45px; overflow-wrap: anywhere;display: -webkit-box; 
    -webkit-box-orient: vertical; 
    -webkit-line-clamp: 2; 
    overflow: hidden; 
    text-overflow: ellipsis;

}.finprime-news .finprime-news-card time,.finprime-news-detail .finprime-news-card time { margin-top: auto; font-size: 14px; line-height: 20px; opacity: .7; }.finprime-news .finprime-news-card .card-arrow,.finprime-news-detail .finprime-news-card .card-arrow { position: absolute; right: 0; bottom: 0; width: 74px; height: 74px; background: #b4825d; display: grid; place-items: center; border-radius: 2px 0 2px 0; }.finprime-news .finprime-news-card .card-link:focus-visible,.finprime-news-detail .finprime-news-card .card-link:focus-visible { outline: 3px solid #9c6a45; outline-offset: 4px; }
.finprime-news .pagination { margin-top: 60px; }
.finprime-news .pagination ul { margin: 0; padding: 0; list-style: none; display: flex; justify-content: center; align-items: center; gap: 4px; }
.finprime-news .pagination li { margin: 0; padding: 0; }
.finprime-news .pagination .page-arrow .page-link { display: block; width: 46px; height: 46px; }
.finprime-news .pagination .page-arrow img { display: block; width: 46px; height: 46px; }
.finprime-news .pagination .page-arrow.prev { margin-right: 43px; }
.finprime-news .pagination .page-arrow.next { margin-left: 43px; }
.finprime-news .pagination .page-num a,.finprime-news .pagination .page-num span { display: grid; place-items: center; width: 40px; height: 40px; font-size: 18px; line-height: 1; color: #0c264c; border-radius: 5px; }
.finprime-news .pagination .page-num .current { background: #0c264c; color: #fff; }
.finprime-news .pagination .page-link.is-disabled { cursor: not-allowed; pointer-events: none; opacity: .35; }
.finprime-news .pagination a:focus-visible { outline: 2px solid #9c6a45; outline-offset: 2px; }
.finprime-news .empty-state { padding: 60px 0; }
.finprime-news.protected-page { padding: 160px 20px; }
@media (hover: hover) and (pointer: fine) {.finprime-news .finprime-news-card .card-link:hover h3,.finprime-news-detail .finprime-news-card .card-link:hover h3 { color: #9c6a45; } .finprime-news .pagination .page-num a:hover { background: #e6edf6; } .finprime-news .pagination .page-arrow a:hover { opacity: .6; } }
@media (max-width: 1280px) { .finprime-news .news-grid,.finprime-news-detail .news-grid { gap: 32px; }.finprime-news .finprime-news-card .card-copy,.finprime-news-detail .finprime-news-card .card-copy { padding: 24px 20px 24px; }.finprime-news .finprime-news-card h3,.finprime-news-detail .finprime-news-card h3 { font-size: 20px; } }
@media (max-width: 960px) { .finprime-news .news-grid,.finprime-news-detail .news-grid { grid-template-columns: 1fr; } }
@media (max-width: 768px) {
 .finprime-news .banner { padding: 120px 0 56px; }
 .finprime-news .banner-image { top: 0; left: -138.81%; width: 296.99%; height: 100%; object-fit: cover; }
 .finprime-news .banner-outline,.finprime-news .banner-glass,.finprime-news .section-pattern { display: none; }
 .finprime-news h1 { font-size: 40px; }
 .finprime-news .banner p { font-size: 16px; line-height: 24px; margin-top: 8px; }
 .finprime-news .row1 { padding: 32px 0; }
 .finprime-news .eyebrow { font-size: 14px; line-height: 1.1; margin-bottom: 8px; }
 .finprime-news .eyebrow img { width: 14px; height: 14px; }
 .finprime-news h2 { font-size: 40px; margin-bottom: 48px; }
 .finprime-news .news-grid,.finprime-news-detail .news-grid { gap: 24px; }.finprime-news .finprime-news-card .card-link,.finprime-news-detail .finprime-news-card .card-link { grid-template-columns: 47.88% 52.12%; min-height: 201px; }.finprime-news .finprime-news-card .card-image,.finprime-news-detail .finprime-news-card .card-image { min-height: 201px; }.finprime-news .finprime-news-card .card-copy,.finprime-news-detail .finprime-news-card .card-copy { padding: 18px 14px 18px 18px; }.finprime-news .finprime-news-card .category,.finprime-news-detail .finprime-news-card .category { font-size: 8px; line-height: 12px; gap: 4px; padding: 4px 5px; margin-bottom: 15px; }.finprime-news .finprime-news-card .category::before,.finprime-news-detail .finprime-news-card .category::before { flex-basis: 4px; height: 4px; }.finprime-news .finprime-news-card h3,.finprime-news-detail .finprime-news-card h3 { font-size: 14px; margin-bottom: 13px; }.finprime-news .finprime-news-card p,.finprime-news-detail .finprime-news-card p { font-size: 10px; line-height: 12px; margin-bottom: 30px; }.finprime-news .finprime-news-card time,.finprime-news-detail .finprime-news-card time { font-size: 8px; line-height: 12px; }.finprime-news .finprime-news-card .card-arrow,.finprime-news-detail .finprime-news-card .card-arrow { width: 48px; height: 48px; }.finprime-news .finprime-news-card .card-arrow img,.finprime-news-detail .finprime-news-card .card-arrow img { width: 16px; height: 16px; }
 .finprime-news .pagination { margin-top: 40px; }
 .finprime-news .pagination ul { gap: 2px; }
 .finprime-news .pagination .page-arrow .page-link,.finprime-news .pagination .page-arrow img { width: 38px; height: 38px; }
 .finprime-news .pagination .page-arrow.prev { margin-right: 12px; }
 .finprime-news .pagination .page-arrow.next { margin-left: 12px; }

}
.banner {
  --hero-fade-rgb: 12, 38, 76;
  --hero-fade-strength: 0.67;  /* fade darkness, 0 to 1 */
}
.banner::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg,
    rgba(var(--hero-fade-rgb), 0)                                     calc(50% - 1080px),
    rgba(var(--hero-fade-rgb), calc(var(--hero-fade-strength) * .18)) calc(50% - 950px),
    rgba(var(--hero-fade-rgb), calc(var(--hero-fade-strength) * .50)) calc(50% - 792px),
    rgba(var(--hero-fade-rgb), calc(var(--hero-fade-strength) * .85)) calc(50% - 612px),
    rgba(var(--hero-fade-rgb), var(--hero-fade-strength))             calc(50% - 360px),
    rgba(var(--hero-fade-rgb), calc(var(--hero-fade-strength) * .85)) calc(50% - 108px),
    rgba(var(--hero-fade-rgb), calc(var(--hero-fade-strength) * .50)) calc(50% + 72px),
    rgba(var(--hero-fade-rgb), calc(var(--hero-fade-strength) * .18)) calc(50% + 230px),
    rgba(var(--hero-fade-rgb), 0)                                     calc(50% + 360px));
}
.banner .banner-image { filter: brightness(1.10) saturate(1.12) contrast(1.05); }
.banner::after { opacity: 0.45; }   /* existing navy tint, lightened */
.banner .banner-outline { z-index: 2; }
.banner h1, .banner h1 span {
    line-height: 1.107;
}
@media (max-width: 1240px) {
  .banner::before {
    background: linear-gradient(90deg,
      rgba(var(--hero-fade-rgb), var(--hero-fade-strength)) 0%,
      rgba(var(--hero-fade-rgb), calc(var(--hero-fade-strength) * .6)) 55%,
      rgba(var(--hero-fade-rgb), 0) 100%);
  }
}