:root { --v450-ink: #0d2739; --v450-copy: #405967; --v450-line: rgba(29, 69, 94, 0.16); --v450-blue: #0f5ea8; --v450-green: #0a8661; --v450-wash: #f4f8fa; } body.v450-site.newsroom-v450 { color: var(--v450-ink); background: #fff; } body.v450-site.newsroom-v450 a { text-underline-offset: .18em; } .v450-anchor-alias { display: block; height: 0; scroll-margin-top: 9rem; } .v450-newsroom-main { overflow: clip; } .v450-news-eyebrow { margin: 0 0 .85rem; color: var(--v450-green); font-size: .72rem; font-weight: 760; letter-spacing: .18em; text-transform: uppercase; } .v450-news-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(19rem, .82fr); gap: clamp(2rem, 8vw, 8rem); align-items: end; padding: clamp(7rem, 12vw, 11rem) max(4vw, calc((100vw - 1320px) / 2)) clamp(3.2rem, 6vw, 5.4rem); background: radial-gradient(circle at 88% 10%, rgba(10, 134, 97, .09), transparent 36%), linear-gradient(135deg, #f8fbfd, #eef5f7); border-bottom: 1px solid var(--v450-line); } .v450-news-hero h1 { margin: 0; max-width: 8ch; color: var(--v450-ink); font-size: clamp(3.4rem, 7.2vw, 7.2rem); line-height: .92; letter-spacing: -.065em; } .v450-news-hero__copy { padding-top: 1.4rem; border-top: 1px solid rgba(15, 94, 168, .25); } .v450-news-hero__copy p { margin: 0 0 1rem; color: var(--v450-ink); font-size: clamp(1.05rem, 1.7vw, 1.35rem); line-height: 1.65; } .v450-news-hero__copy span { display: block; color: var(--v450-copy); font-size: .9rem; line-height: 1.75; } .v450-news-breadcrumb { display: flex; gap: .7rem; align-items: center; margin-bottom: 2rem; color: var(--v450-copy); font-size: .82rem; } .v450-news-breadcrumb > * + *::before { content: '/'; margin-right: .7rem; color: rgba(64, 89, 103, .5); } .v450-news-featured, .v450-news-current, .v450-archive-list { width: min(1320px, 92vw); margin-inline: auto; padding: clamp(4rem, 7vw, 7rem) 0; } .v450-news-section-head { display: grid; grid-template-columns: minmax(0, .82fr) minmax(17rem, 1fr); gap: 2rem; align-items: end; margin-bottom: 2.2rem; } .v450-news-section-head h2 { margin: 0; color: var(--v450-ink); font-size: clamp(2.1rem, 4.2vw, 4rem); letter-spacing: -.045em; } .v450-news-section-head > p { margin: 0; color: var(--v450-copy); line-height: 1.8; } .v450-news-featured__layout { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(22rem, .65fr); gap: 1.2rem; } .v450-news-lead { display: grid; grid-template-rows: minmax(22rem, 1fr) auto; min-height: 43rem; overflow: hidden; border: 1px solid var(--v450-line); background: #fff; box-shadow: 0 25px 70px rgba(23, 59, 80, .1); } .v450-news-lead__media { overflow: hidden; background: var(--v450-wash); } .v450-news-lead__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; } .v450-news-lead:hover .v450-news-lead__media img { transform: scale(1.025); } .v450-news-lead__copy { padding: clamp(1.5rem, 3.2vw, 2.8rem); } .v450-news-lead h2 { margin: .8rem 0 1rem; max-width: 18ch; font-size: clamp(2rem, 3.4vw, 3.6rem); line-height: 1.08; letter-spacing: -.045em; } .v450-news-lead h2 a, .v450-news-feature-card h3 a, .v450-news-card h3 a, .v450-archive-card h2 a { color: inherit; text-decoration: none; } .v450-news-lead__copy > p { margin: 0 0 1.6rem; max-width: 62ch; color: var(--v450-copy); line-height: 1.75; } .v450-news-featured__rail { display: grid; grid-template-rows: repeat(3, minmax(0, 1fr)); gap: 1.2rem; } .v450-news-feature-card { display: grid; grid-template-columns: 9rem minmax(0, 1fr); gap: 1.2rem; padding: 1rem; border: 1px solid var(--v450-line); background: #fff; } .v450-news-feature-card__media { min-height: 10.5rem; overflow: hidden; background: var(--v450-wash); } .v450-news-feature-card__media img { width: 100%; height: 100%; object-fit: cover; } .v450-news-feature-card h3 { position: static !important; inset: auto !important; width: auto !important; margin: .7rem 0 1.2rem; color: var(--v450-ink) !important; font-size: clamp(1.05rem, 1.5vw, 1.35rem) !important; line-height: 1.35; text-shadow: none !important; } .v450-news-meta { display: flex; flex-wrap: wrap; gap: .45rem .8rem; margin: 0; color: var(--v450-copy); font-size: .69rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; } .v450-news-meta span:first-child { color: var(--v450-blue); } .v450-news-text-link { display: inline-flex; gap: .55rem; align-items: center; color: var(--v450-blue); font-weight: 730; text-decoration: none; } .v450-news-current { border-top: 1px solid var(--v450-line); } .v450-news-filter { display: flex; flex-wrap: wrap; gap: .45rem; margin: 0 0 2rem; padding-bottom: .85rem; border-bottom: 1px solid var(--v450-line); } .v450-news-filter button { appearance: none; padding: .7rem .95rem; border: 0; border-bottom: 2px solid transparent; color: var(--v450-copy); background: transparent; font: inherit; font-size: .86rem; font-weight: 700; cursor: pointer; } .v450-news-filter button:is(:hover, :focus-visible), .v450-news-filter button.is-active { color: var(--v450-blue); border-bottom-color: var(--v450-blue); outline: none; } .v450-news-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.2rem; } .v450-news-card { display: flex; flex-direction: column; min-height: 100%; overflow: hidden; border: 1px solid var(--v450-line); background: #fff; transition: transform .25s ease, box-shadow .25s ease; } .v450-news-card:hover { transform: translateY(-3px); box-shadow: 0 18px 44px rgba(18, 54, 76, .1); } .v450-news-card__media { aspect-ratio: 16 / 10; overflow: hidden; background: var(--v450-wash); } .v450-news-card__media img { width: 100%; height: 100%; object-fit: cover; } .v450-news-card__body { display: flex; flex: 1; flex-direction: column; padding: 1.3rem; } .v450-news-card h3 { position: static !important; inset: auto !important; width: auto !important; margin: 1rem 0 .8rem; color: var(--v450-ink) !important; font-size: clamp(1.1rem, 1.5vw, 1.35rem) !important; line-height: 1.38; text-shadow: none !important; } .v450-news-card__body > p { margin: 0 0 1.35rem; color: var(--v450-copy); font-size: .9rem; line-height: 1.7; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .v450-news-card__actions { display: flex; gap: 1rem; align-items: center; margin-top: auto; } .v450-news-card__actions a { color: var(--v450-blue); font-size: .86rem; font-weight: 720; text-decoration: none; } .v450-filter-empty { padding: 2rem; border: 1px dashed var(--v450-line); color: var(--v450-copy); text-align: center; } .v450-news-archive-promo { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3rem; align-items: end; padding: clamp(4rem, 7vw, 7rem) max(4vw, calc((100vw - 1320px) / 2)); color: #fff; background: linear-gradient(135deg, #0d2739, #0b3e52 66%, #08664f); } .v450-news-archive-promo h2 { margin: 0 0 1rem; max-width: 13ch; font-size: clamp(2.4rem, 5vw, 5rem); letter-spacing: -.05em; } .v450-news-archive-promo p:not(.v450-news-eyebrow) { max-width: 64ch; color: rgba(255, 255, 255, .72); line-height: 1.75; } .v450-news-archive-promo > a { display: inline-flex; gap: .8rem; align-items: center; padding: 1rem 1.25rem; border: 1px solid rgba(255, 255, 255, .45); color: #fff; font-weight: 750; text-decoration: none; } .news-archive-v450 .v450-news-hero h1 { max-width: none; } .v450-archive-grid { display: grid; gap: .85rem; } .v450-archive-card { display: grid; grid-template-columns: 13rem minmax(0, 1fr); gap: 1.35rem; padding: 1rem; border: 1px solid var(--v450-line); background: #fff; } .v450-archive-card__media { aspect-ratio: 4 / 3; overflow: hidden; background: var(--v450-wash); } .v450-archive-card__media img { width: 100%; height: 100%; object-fit: cover; } .v450-archive-card__copy { display: flex; flex-direction: column; align-items: flex-start; } .v450-archive-card h2 { margin: .65rem 0 .55rem; color: var(--v450-ink); font-size: clamp(1.15rem, 2vw, 1.55rem); line-height: 1.35; } .v450-archive-card__copy > p { margin: 0 0 .9rem; color: var(--v450-copy); font-size: .87rem; line-height: 1.65; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .v450-archive-flag { display: block; margin: 0 0 .9rem; color: #985c19; font-size: .76rem; } .news-document-v450 .site-footer { margin-top: 0; } .v450-document-hero { padding: clamp(7rem, 11vw, 10rem) max(4vw, calc((100vw - 1180px) / 2)) 2.8rem; background: linear-gradient(135deg, #f8fbfd, #edf5f6); border-bottom: 1px solid var(--v450-line); } .v450-document-hero h1 { margin: 0 0 1rem; max-width: 22ch; color: var(--v450-ink); font-size: clamp(2.2rem, 4.8vw, 4.8rem); line-height: 1.06; letter-spacing: -.05em; } .v450-document-hero > p:last-child { color: var(--v450-copy); } .v450-document-shell { padding: 1.2rem max(2vw, calc((100vw - 1440px) / 2)) 4rem; background: #eef3f5; } .v450-document-toolbar { display: flex; gap: 2rem; justify-content: space-between; align-items: center; margin-bottom: 1rem; padding: 1rem 1.2rem; border: 1px solid var(--v450-line); background: #fff; } .v450-document-toolbar strong, .v450-document-toolbar span { display: block; } .v450-document-toolbar span { margin-top: .25rem; color: var(--v450-copy); font-size: .78rem; } .v450-document-actions { display: flex; flex-wrap: wrap; gap: .55rem; justify-content: flex-end; } .v450-document-actions a { padding: .7rem .9rem; border: 1px solid var(--v450-line); color: var(--v450-blue); font-size: .8rem; font-weight: 720; text-decoration: none; } .v450-document-frame { display: block; width: 100%; min-height: 76vh; border: 1px solid var(--v450-line); background: #fff; } .v450-document-error, .v450-document-noscript { padding: 3rem; background: #fff; text-align: center; } body.news-article-v450 .v410-article-breadcrumb { flex-wrap: wrap; } body.news-article-v450 .v410-article-breadcrumb > * + *::before { content: '/'; margin: 0 .55rem 0 .25rem; color: rgba(64, 89, 103, .45); } body.news-article-v450 .v450-article-document { border-color: rgba(15, 94, 168, .18); background: linear-gradient(90deg, rgba(15, 94, 168, .045), rgba(10, 134, 97, .04)); } body.news-article-v450 .news-hero-meta { flex-wrap: wrap; } body.news-article-v450 .news-hero-meta [data-news-category-label] { color: var(--v450-blue); } @media (max-width: 960px) { .v450-news-hero, .v450-news-section-head, .v450-news-featured__layout, .v450-news-archive-promo { grid-template-columns: 1fr; } .v450-news-hero { gap: 2.2rem; padding-top: 8rem; } .v450-news-hero h1 { max-width: none; } .v450-news-featured__rail { grid-template-rows: none; } .v450-news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .v450-news-archive-promo { align-items: start; } .v450-news-archive-promo > a { justify-self: start; } .v450-document-toolbar { align-items: flex-start; flex-direction: column; } .v450-document-actions { justify-content: flex-start; } } @media (max-width: 640px) { .v450-news-hero { padding-inline: 1.2rem; } .v450-news-featured, .v450-news-current, .v450-archive-list { width: min(100% - 2rem, 1320px); padding: 3.4rem 0; } .v450-news-lead { grid-template-rows: 15rem auto; min-height: 0; } .v450-news-feature-card { grid-template-columns: 7.2rem minmax(0, 1fr); } .v450-news-feature-card__media { min-height: 8.5rem; } .v450-news-grid { grid-template-columns: 1fr; } .v450-news-filter { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; } .v450-news-filter button { flex: 0 0 auto; } .v450-news-archive-promo { gap: 1.5rem; padding-inline: 1.2rem; } .v450-archive-card { grid-template-columns: 6.8rem minmax(0, 1fr); gap: .9rem; } .v450-archive-card__copy > p { display: none; } .v450-archive-card .v450-news-meta span:nth-child(2) { display: none; } .v450-document-shell { padding-inline: .65rem; } .v450-document-actions { width: 100%; } .v450-document-actions a { flex: 1 1 auto; text-align: center; } .v450-document-frame { min-height: 70vh; } } @media (prefers-reduced-motion: reduce) { .v450-news-lead__media img, .v450-news-card { transition: none; } }