
.sc-scope .news-page .m-wrap { width: min(92vw, 1180px); margin-inline: auto; }
.sc-scope .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

.sc-scope .news-hero {
  position: relative; overflow: hidden;
  background:
    radial-gradient(130% 90% at 50% -10%, rgba(18, 186, 176, .13), transparent 60%),
    #081419;
  padding: clamp(120px, 15vh, 176px) 0 clamp(88px, 11vw, 132px);
  text-align: center; color: #fff;
}
.sc-scope .news-hero .nh-wave { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.sc-scope .news-hero .nh-wave,
.sc-scope .news-hero .nh-wave::before,
.sc-scope .news-hero .nh-wave::after { background-repeat: repeat-x; }
.sc-scope .news-hero .nh-wave {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='140' viewBox='0 0 600 140'%3E%3Cpath d='M0,70 C100,40 200,40 300,70 C400,100 500,100 600,70' fill='none' stroke='%237BDBD3' stroke-opacity='0.08' stroke-width='2'/%3E%3C/svg%3E");
  background-size: 600px 140px; background-position-y: 56%;
  animation: nh-wave-a 40s linear infinite;
}
.sc-scope .news-hero .nh-wave::before,
.sc-scope .news-hero .nh-wave::after { content: ""; position: absolute; inset: 0; }
.sc-scope .news-hero .nh-wave::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='480' height='120' viewBox='0 0 480 120'%3E%3Cpath d='M0,60 C80,30 160,30 240,60 C320,90 400,90 480,60' fill='none' stroke='%237BDBD3' stroke-opacity='0.14' stroke-width='2'/%3E%3C/svg%3E");
  background-size: 480px 120px; background-position-y: 66%;
  animation: nh-wave-b 26s linear infinite;
}
.sc-scope .news-hero .nh-wave::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='120' viewBox='0 0 360 120'%3E%3Cpath d='M0,60 C60,35 120,35 180,60 C240,85 300,85 360,60' fill='none' stroke='%2312BAB0' stroke-opacity='0.2' stroke-width='2'/%3E%3C/svg%3E");
  background-size: 360px 120px; background-position-y: 74%;
  animation: nh-wave-c 19s linear infinite;
}
@keyframes nh-wave-a { to { background-position-x: -600px; } }
@keyframes nh-wave-b { to { background-position-x: -480px; } }
@keyframes nh-wave-c { to { background-position-x:  360px; } }
@media (prefers-reduced-motion: reduce) {
  .sc-scope .news-hero .nh-wave,
  .sc-scope .news-hero .nh-wave::before,
  .sc-scope .news-hero .nh-wave::after { animation: none; }
}
.sc-scope .news-hero .nh-canvas { position: absolute; inset: 0; z-index: 0; display: block; width: 100%; height: 100%; pointer-events: none; }
.sc-scope .news-hero.nh-live .nh-wave { display: none; }
.sc-scope .news-hero .nh-inner { position: relative; z-index: 1; }
.sc-scope .news-hero h1 {
  font-size: clamp(34px, 4.6vw, 56px); font-weight: 600; letter-spacing: -.01em;
  line-height: 1.05; margin: 0; color: #fff !important;
}
.sc-scope .news-hero p {
  margin: clamp(16px, 1.8vw, 22px) auto 0; max-width: 60ch;
  font-size: clamp(15px, 1.25vw, 18px); line-height: 1.7; color: rgba(240, 245, 250, .82);
}
@keyframes nh-rise { from { opacity: 0; transform: translateY(26px); } to { opacity: 1; transform: translateY(0); } }
.sc-scope .news-hero h1,
.sc-scope .news-hero p { animation: nh-rise .85s cubic-bezier(.22, .61, .36, 1) both; }
.sc-scope .news-hero h1 { animation-delay: .12s; }
.sc-scope .news-hero p  { animation-delay: .28s; }
@media (prefers-reduced-motion: reduce) {
  .sc-scope .news-hero h1,
  .sc-scope .news-hero p { animation: none; }
}

.sc-scope .news-featured-sec { background: #fff; }
.sc-scope .news-featured {
  position: relative; z-index: 2; margin-top: clamp(-72px, -6vw, -44px);
  display: grid; grid-template-columns: 1fr; gap: 0;
  background: #fff; border: 1px solid var(--m-line); border-radius: clamp(18px, 2vw, 26px);
  overflow: hidden; text-decoration: none;
  box-shadow: 0 40px 80px -44px rgba(3, 43, 59, .4);
  transition: transform .35s ease, box-shadow .35s ease;
}
.sc-scope .news-featured:hover { transform: translateY(-4px); box-shadow: 0 48px 92px -44px rgba(3, 43, 59, .46); }
@media (min-width: 820px) { .sc-scope .news-featured { grid-template-columns: 1.05fr 1fr; } }
.sc-scope .nf-media { position: relative; background: var(--m-grad); min-height: 220px; }
.sc-scope .nf-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.sc-scope .nf-body { padding: clamp(26px, 3vw, 46px); display: flex; flex-direction: column; justify-content: center; }
.sc-scope .nf-meta { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
.sc-scope .nf-meta time { font-size: 13px; color: #8A9AA3; font-variant-numeric: tabular-nums; }
.sc-scope .nf-body h2 {
  font-size: clamp(22px, 2.4vw, 32px); font-weight: 600; line-height: 1.2;
  color: var(--m-navy); margin: 0; text-wrap: balance;
}
.sc-scope .nf-body p {
  margin: 14px 0 0; font-size: clamp(14px, 1.1vw, 16px); line-height: 1.65; color: #3D5A6B;
  max-width: 52ch;
}
.sc-scope .nf-body .news-btn { margin-top: clamp(20px, 2.2vw, 28px); align-self: flex-start; }

.sc-scope .news-badge {
  display: inline-flex; align-items: center; font-size: 11px; font-weight: 600;
  letter-spacing: .12em; text-transform: uppercase; color: var(--dark-teal);
  padding: 5px 11px; border: 1px solid rgba(0, 107, 107, .3); border-radius: 100px;
}

.sc-scope .news-list { background: #fff; padding: clamp(40px, 5vw, 72px) 0 clamp(56px, 7vw, 96px); }
.sc-scope .news-toolbar { display: flex; justify-content: flex-start; margin-bottom: clamp(20px, 2.4vw, 30px); }
.sc-scope .news-filter { position: relative; display: inline-block; }
.sc-scope .news-filter select {
  appearance: none; -webkit-appearance: none;
  font: inherit; font-size: 14px; color: var(--m-navy);
  background: #fff; border: 1px solid var(--m-line); border-radius: 100px;
  padding: 11px 42px 11px 20px; cursor: pointer; min-width: 200px;
  transition: border-color .25s ease;
}
.sc-scope .news-filter select:hover { border-color: #CFE0E6; }
.sc-scope .news-filter select:focus-visible { outline: 2px solid var(--teal); outline-offset: 2px; }
.sc-scope .news-filter::after {
  content: ""; position: absolute; right: 18px; top: 50%; width: 9px; height: 9px;
  transform: translateY(-65%) rotate(45deg); border-right: 2px solid #6B818C;
  border-bottom: 2px solid #6B818C; pointer-events: none;
}

.sc-scope .news-grid { margin-top: 0; }
.sc-scope #newsGrid .bcard[hidden] { display: none; }
.sc-scope .news-grid.pre-js .bcard:nth-child(n+13) { display: none; }

.sc-scope .news-empty { text-align: center; color: #6B818C; padding: 40px 0; margin: 0; }

.sc-scope .news-more { display: flex; justify-content: center; margin-top: clamp(32px, 4vw, 52px); }
.sc-scope .news-more[hidden] { display: none; }

.sc-scope .news-btn { background: var(--teal); color: #fff; border-color: var(--teal); }
.sc-scope .news-btn:hover { background: var(--dark-teal); border-color: var(--dark-teal); transform: translateY(-2px); }
