.news-site { padding-top: 78px; }
.news-hero { padding: 105px 0 95px; background: var(--ink-deep); color: white; }
.news-hero h1 { max-width: 940px; margin-bottom: 25px; font-size: clamp(52px, 8vw, 104px); }
.news-hero > .container > p:last-child { max-width: 700px; margin: 0; color: #c7cbce; font-size: 20px; }
.news-index-section { min-height: 500px; padding: 70px 0 120px; background: var(--paper); }
.news-category-nav { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 52px; }
.news-pill { display: inline-flex; align-items: center; gap: 9px; padding: 8px 14px; background: white; border: 1px solid var(--line); color: #535b62; font-size: 14px; font-weight: 700; }
.news-pill span { display: grid; min-width: 22px; height: 22px; place-items: center; padding: 0 6px; background: #eef0f1; border-radius: 20px; font-size: 11px; }
.news-pill:hover, .news-pill.active { background: var(--ink); border-color: var(--ink); color: white; }
.news-pill:hover span, .news-pill.active span { background: #42474d; }
.news-card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.news-card { display: flex; min-width: 0; flex-direction: column; background: white; border: 1px solid var(--line); }
.news-card-image { display: grid; aspect-ratio: 16 / 9; place-items: center; overflow: hidden; background: #e8eceb; }
.news-card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.news-card:hover .news-card-image img { transform: scale(1.025); }
.news-image-placeholder { background: #173c35; color: #8dd1c0; }
.news-image-placeholder svg { width: 64px; height: 64px; }
.news-card-content { display: flex; flex: 1; flex-direction: column; padding: 30px; }
.news-card-meta { margin-bottom: 11px; color: var(--muted); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .7px; }
.news-card-categories, .news-article-categories { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 15px; }
.news-card-categories a, .news-article-categories a { padding: 4px 8px; background: #edf8f5; color: var(--web); font-size: 11px; font-weight: 700; text-transform: uppercase; }
.news-card h2 { margin-bottom: 15px; font-size: 25px; }
.news-card h2 a:hover { color: var(--orange-dark); }
.news-card-content > p { color: var(--muted); }
.news-read-more { display: inline-flex; width: fit-content; align-items: center; gap: 8px; margin-top: auto; padding-top: 15px; border-bottom: 1px solid currentColor; color: var(--orange-dark); font-weight: 700; }
.news-read-more svg { width: 16px; }
.news-empty { padding: 80px 30px; background: white; border: 1px solid var(--line); text-align: center; }
.news-empty h2 { margin-bottom: 12px; font-size: 34px; }.news-empty p { margin: 0; color: var(--muted); }
.news-article-header { padding: 75px 0 0; background: var(--paper); }
.news-article-heading { max-width: 940px; }
.news-back-link { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 55px; color: var(--muted); font-size: 13px; font-weight: 700; }
.news-back-link svg { width: 16px; }
.news-article-header h1 { margin-bottom: 28px; font-size: clamp(46px, 7vw, 86px); }
.news-byline { display: flex; flex-wrap: wrap; gap: 12px 28px; margin-bottom: 55px; color: var(--muted); font-size: 14px; }
.news-article-image { max-width: 1180px; aspect-ratio: 16 / 8; overflow: hidden; }
.news-article-image img { width: 100%; height: 100%; object-fit: cover; }
.news-article-body { max-width: 820px; padding-top: 80px; padding-bottom: 105px; color: #3f464c; font-size: 19px; line-height: 1.8; }
.news-article-body h2 { margin: 65px 0 20px; font-size: 38px; }.news-article-body h3 { margin: 45px 0 16px; font-size: 29px; }.news-article-body h4 { margin: 35px 0 12px; font-size: 22px; }
.news-article-body p, .news-article-body ul, .news-article-body ol, .news-article-body blockquote { margin-bottom: 26px; }
.news-article-body a { color: var(--orange-dark); text-decoration: underline; }.news-article-body img { width: auto; max-height: 650px; margin: 40px auto; }
.news-article-body blockquote { margin-inline: 0; padding: 10px 0 10px 30px; border-left: 4px solid var(--orange); color: var(--muted); font-size: 22px; }
.news-article-body hr { margin: 55px 0; border: 0; border-top: 1px solid var(--line); }
.news-article-cta { padding: 75px 0; background: var(--ink-deep); color: white; }
.news-article-cta .container { display: flex; align-items: center; justify-content: space-between; gap: 30px; }.news-article-cta h2 { margin: 0; font-size: 38px; }
.news-error { min-height: 600px; }.news-error .button { margin-top: 25px; }
@media (max-width: 980px) { .news-card-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 650px) { .news-hero { padding: 75px 0; }.news-hero h1 { font-size: 50px; }.news-index-section { padding: 50px 0 80px; }.news-card-grid { grid-template-columns: 1fr; }.news-card-content { padding: 25px; }.news-article-header { padding-top: 50px; }.news-back-link { margin-bottom: 38px; }.news-article-header h1 { font-size: 42px; }.news-article-body { padding-top: 55px; padding-bottom: 75px; font-size: 17px; }.news-article-cta .container { align-items: flex-start; flex-direction: column; }.news-article-cta .button { width: 100%; } }
