#masthead { position: relative; }
#masthead [hidden] { display: none !important; }
#masthead.showing-news { height: auto; min-height: 100vh; padding: 9rem 0 6rem; }
.hero-news-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 1.8rem; color: #fff; }
.hero-news-eyebrow { color: #bce7f8; font-size: .85rem; letter-spacing: .08em; }
.hero-news-heading h2 { margin: .5rem 0 0; font-size: clamp(1.5rem, 3vw, 2.3rem); }
.hero-news-heading > a { color: #ffe09a; white-space: nowrap; }
.hero-news-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.25rem; }
.hero-news-card { display: flex; flex-direction: column; overflow: hidden; color: #173552; background: #fff; border-radius: 16px; box-shadow: 0 16px 32px #001b3440; animation: news-card-arrive .75s both; animation-delay: calc(var(--card-order) * .3s); transition: box-shadow .2s; }
.hero-news-card:hover { color: #173552; text-decoration: none; box-shadow: 0 22px 42px #001b3480; }
.hero-news-card:focus-visible, .hero-controls button:focus-visible { outline: 3px solid #ffd16b; outline-offset: 4px; }
.hero-news-card img { width: 100%; height: 160px; object-fit: cover; background: #e9eff5; }
.hero-news-body { display: flex; flex-direction: column; flex: 1; padding: 1.15rem; }
.hero-news-body small { color: #60748b; margin-bottom: .65rem; }
.hero-news-body h3 { font-size: 1.05rem; font-weight: 700; line-height: 1.6; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
#masthead .hero-news-body p { color: #586879; font-size: .9rem; line-height: 1.7; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.hero-news-more { margin-top: auto; padding-top: .7rem; color: #126993; font-weight: 700; }
.hero-controls { position: absolute; bottom: 1.5rem; left: 0; right: 0; display: flex; justify-content: center; gap: .6rem; }
.hero-controls button { border: 1px solid #ffffff80; border-radius: 24px; padding: .45rem 1rem; background: #092b50d9; color: #fff; cursor: pointer; }
@keyframes news-card-arrive { from { opacity: 0; transform: translateY(45px) rotate(3deg) scale(.95); } to { opacity: 1; transform: translateY(0) rotate(0) scale(1); } }
@media (max-width: 991px) { .hero-news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } #masthead.showing-news { padding-top: 8rem; } }
@media (max-width: 575px) { .hero-news-grid { grid-template-columns: 1fr; } .hero-news-heading { align-items: start; flex-direction: column; } .hero-news-card img { height: 190px; } }
@media (prefers-reduced-motion: reduce) { .hero-news-card { animation: none; transition: none; } }