.info-hero { position: relative; min-height: 560px; overflow: hidden; background: var(--green-deep); color: #fff; }
.info-hero-image, .info-hero-shade { position: absolute; inset: 0; }
.info-hero-image img { width: 100%; height: 100%; object-fit: cover; object-position: center 42%; }
.info-hero-shade { background: linear-gradient(90deg, rgba(7,35,24,.97) 0%, rgba(7,35,24,.9) 43%, rgba(7,35,24,.28) 76%, rgba(7,35,24,.12) 100%), linear-gradient(0deg, rgba(7,35,24,.5), transparent 60%); }
.info-hero-inner { position: relative; z-index: 1; min-height: 560px; display: grid; grid-template-columns: minmax(0, 1fr) 370px; grid-template-rows: auto 1fr auto; gap: 24px 72px; padding-block: 30px 48px; }
.info-breadcrumb { grid-column: 1 / -1; display: flex; align-items: center; gap: 12px; color: #d6e4db; font-size: 12px; }
.info-breadcrumb a { display: inline-flex; align-items: center; min-height: 44px; }
.info-breadcrumb a:hover { color: var(--yellow); }
.info-breadcrumb .icon { width: 14px; height: 14px; }
.info-hero-copy { align-self: center; max-width: 760px; }
.info-eyebrow, .info-section-eyebrow { display: block; margin-bottom: 15px; color: var(--yellow); font-size: 11px; line-height: 1.5; font-weight: 700; letter-spacing: 1.7px; text-transform: uppercase; }
.info-hero h1 { margin: 0 0 22px; font-size: clamp(42px, 5.4vw, 72px); line-height: 1.02; letter-spacing: -2px; }
.info-hero-copy > p { max-width: 690px; margin: 0; color: #e1ece5; font-size: clamp(16px, 1.5vw, 20px); line-height: 1.75; }
.info-hero-index { grid-column: 2; grid-row: 2 / 4; align-self: end; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); background: var(--yellow); color: var(--green-deep); }
.info-hero-index div { min-height: 150px; padding: 28px 24px; border-right: 1px solid #123f2d40; }
.info-hero-index div:last-child { border: 0; }
.info-hero-index strong { display: block; margin-bottom: 15px; font-size: 42px; line-height: 1; }
.info-hero-index span { font-size: 11px; line-height: 1.6; font-weight: 700; }
.info-page-nav { position: sticky; top: var(--site-header-offset, 0px); z-index: 15; background: #fff; border-bottom: 1px solid var(--line); box-shadow: 0 3px 12px #103e2d0a; }
.info-page-nav > div { display: flex; gap: 34px; overflow-x: auto; scrollbar-width: thin; }
.info-page-nav a { display: flex; align-items: center; min-height: 64px; flex-shrink: 0; border-bottom: 3px solid transparent; color: var(--green); font-size: 12px; font-weight: 600; }
.info-page-nav a:hover, .info-page-nav a[aria-current="location"] { border-bottom-color: var(--green); color: var(--green-deep); }
.info-featured, .info-latest, .info-videos, .info-follow { scroll-margin-top: 88px; }
.info-featured:focus, .info-latest:focus, .info-videos:focus, .info-follow:focus { outline: none; }
.info-featured { padding-block: 88px 96px; background: #fff; }
.info-section-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 470px); gap: 48px; align-items: end; margin-bottom: 42px; }
.info-section-heading > * { min-width: 0; }
.info-section-eyebrow { color: var(--green); }
.info-section-heading h2, .info-follow h2 { margin: 0; font-size: clamp(30px, 3.2vw, 44px); line-height: 1.18; letter-spacing: -1px; }
.info-section-heading > a { justify-self: end; display: inline-flex; align-items: center; gap: 12px; min-height: 44px; color: var(--green); font-size: 12px; font-weight: 700; }
.info-section-heading > a:hover { color: var(--green-deep); text-decoration: underline; text-underline-offset: 5px; }
.info-section-heading > p { margin: 0; color: #51665a; font-size: 14px; line-height: 1.85; }
.info-featured-story { position: relative; display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(360px, .8fr); min-height: 560px; background: var(--green-deep); color: #fff; }
.info-featured-media { min-height: 560px; overflow: hidden; }
.info-featured-media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.info-featured-copy { position: relative; display: flex; flex-direction: column; justify-content: center; padding: 52px 46px; }
.info-featured-copy::before { position: absolute; content: ""; left: 0; top: 52px; width: 4px; height: 72px; background: var(--yellow); }
.info-story-label { align-self: flex-start; margin-bottom: 24px; padding: 8px 11px; background: var(--yellow); color: var(--green-deep); font-size: 9px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; }
.info-featured-copy time { color: #caddd0; font-size: 11px; font-weight: 600; }
.info-featured-copy h3 { margin: 16px 0 20px; font-size: clamp(23px, 2.15vw, 32px); line-height: 1.35; letter-spacing: -.5px; }
.info-featured-copy h3 a::after { position: absolute; content: ""; inset: 0; }
.info-featured-copy p { margin: 0 0 30px; color: #ccddd2; font-size: 13px; line-height: 1.85; }
.info-read { display: inline-flex; align-items: center; gap: 12px; color: var(--yellow); font-size: 12px; font-weight: 700; }
.info-latest { padding-block: 92px 104px; background: var(--surface); }
.info-news-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.info-news-card { position: relative; min-width: 0; background: #fff; border-bottom: 3px solid transparent; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.info-news-card:hover { transform: translateY(-4px); border-bottom-color: var(--green); box-shadow: 0 16px 36px #103e2d12; }
.info-news-media { aspect-ratio: 16 / 10; overflow: hidden; background: #dfeae1; }
.info-news-media img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.info-news-card:hover img { transform: scale(1.035); }
.info-news-copy { padding: 24px 24px 22px; }
.info-news-copy time { color: var(--green); font-size: 10px; font-weight: 700; }
.info-news-copy h3 { margin: 12px 0 20px; min-height: 78px; font-size: 17px; line-height: 1.5; }
.info-news-copy h3 a::after { position: absolute; content: ""; inset: 0; }
.info-news-copy > span { display: flex; align-items: center; justify-content: space-between; padding-top: 16px; border-top: 1px solid var(--line); color: var(--green); font-size: 11px; font-weight: 700; }
.info-news-copy > span .icon { width: 16px; height: 16px; }
.info-news-card.is-page-lead { grid-column: span 2; display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(270px, .8fr); }
.info-news-card.is-page-lead .info-news-media { aspect-ratio: auto; min-height: 370px; }
.info-news-card.is-page-lead .info-news-copy { display: flex; flex-direction: column; justify-content: flex-end; padding: 34px; }
.info-news-card.is-page-lead .info-news-copy h3 { min-height: 0; font-size: 23px; }
.info-pagination { display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 38px; }
.info-pagination[hidden] { display: none; }
.info-pagination-pages { display: flex; align-items: center; gap: 8px; }
.info-pagination button { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; padding: 0; border: 1px solid #bdcec2; border-radius: 50%; background: transparent; color: var(--green-deep); font: inherit; font-size: 11px; font-weight: 800; cursor: pointer; transition: background .2s ease, border-color .2s ease, color .2s ease; }
.info-pagination button:hover:not(:disabled), .info-pagination button[aria-current="page"] { border-color: var(--green-deep); background: var(--green-deep); color: #fff; }
.info-pagination button:disabled { opacity: .35; cursor: default; }
.info-pagination-arrow .icon { width: 15px; height: 15px; }
.info-pagination-arrow[data-page-previous] .icon { transform: rotate(180deg); }
.info-pagination-dark button { border-color: #91aa9c80; color: #fff; }
.info-pagination-dark button:hover:not(:disabled), .info-pagination-dark button[aria-current="page"] { border-color: var(--yellow); background: var(--yellow); color: var(--green-deep); }
.info-all-button { width: fit-content; margin: 28px auto 0; background: var(--green-deep); color: #fff; }
.info-all-button:hover { background: var(--green); color: #fff; }
.info-videos { padding-block: 92px 104px; background: var(--green-deep); color: #fff; }
.info-section-heading-dark .info-section-eyebrow { color: var(--yellow); }
.info-section-heading-dark > p { color: #caddd0; }
.info-video-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.info-video-card { position: relative; isolation: isolate; min-height: 420px; overflow: hidden; background: #09281c; }
.info-video-card > img, .info-video-overlay { position: absolute; inset: 0; width: 100%; height: 100%; }
.info-video-card > img { z-index: -2; object-fit: cover; transition: transform .4s ease; }
.info-video-card:hover > img { transform: scale(1.04); }
.info-video-overlay { z-index: -1; background: linear-gradient(0deg, rgba(6,29,20,.94), rgba(6,29,20,.08) 75%); }
.info-video-copy, .info-video-copy > a { height: 100%; }
.info-video-copy > a { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; padding: 34px; }
.info-video-copy h3 { max-width: 620px; margin: 20px 0 10px; font-size: 21px; line-height: 1.45; }
.info-play { display: inline-flex; align-items: center; justify-content: center; width: 58px; height: 58px; border-radius: 50%; background: var(--yellow); color: var(--green-deep); }
.info-play .icon { width: 24px; height: 24px; margin-left: 3px; }
.info-watch { color: var(--yellow); font-size: 11px; font-weight: 700; }
.info-video-all { display: flex; align-items: center; justify-content: flex-end; gap: 12px; min-height: 44px; margin-top: 24px; color: var(--yellow); font-size: 12px; font-weight: 700; }
.info-video-all:hover { color: #fff; }
.info-follow { padding-block: 72px; background: var(--yellow); color: var(--green-deep); }
.info-follow-inner { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 64px; }
.info-follow .info-section-eyebrow { color: var(--green-deep); }
.info-follow p { max-width: 760px; margin: 18px 0 0; color: #335b49; font-size: 14px; line-height: 1.8; }
.info-follow-button { background: var(--green-deep); color: #fff; }
.info-follow-button:hover { background: var(--green); color: #fff; }
@media (max-width: 1050px) {
    .info-hero-inner { grid-template-columns: minmax(0, 1fr) 320px; gap: 24px 40px; }
    .info-featured-story { grid-template-columns: minmax(0, 1.2fr) minmax(330px, .8fr); }
    .info-news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    .info-hero, .info-hero-inner { min-height: 650px; }
    .info-hero-shade { background: linear-gradient(0deg, rgba(7,35,24,.98) 0%, rgba(7,35,24,.84) 66%, rgba(7,35,24,.35) 100%); }
    .info-hero-inner { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto 1fr auto; padding-block: 18px 28px; }
    .info-breadcrumb { grid-column: 1; }
    .info-hero-copy { align-self: end; }
    .info-hero h1 { letter-spacing: -1.3px; }
    .info-hero-index { grid-column: 1; grid-row: 3; }
    .info-hero-index div { min-height: auto; padding: 18px; }
    .info-hero-index strong { margin-bottom: 7px; font-size: 30px; }
    .info-hero-index span { font-size: 9px; }
    .info-page-nav > div { gap: 24px; }
    .info-page-nav a { min-height: 56px; }
    .info-featured, .info-latest, .info-videos { padding-block: 60px; }
    .info-section-heading, .info-follow-inner { grid-template-columns: minmax(0, 1fr); gap: 26px; }
    .info-section-heading { margin-bottom: 32px; }
    .info-section-heading > a { justify-self: start; }
    .info-featured-story { grid-template-columns: minmax(0, 1fr); min-height: 0; }
    .info-featured-media { min-height: 320px; }
    .info-featured-copy { padding: 36px 28px; }
    .info-featured-copy::before { top: 36px; height: 60px; }
    .info-news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .info-video-grid { grid-template-columns: minmax(0, 1fr); }
    .info-news-card.is-page-lead { grid-column: 1 / -1; grid-template-columns: minmax(0, 1fr); }
    .info-news-card.is-page-lead .info-news-media { min-height: 0; aspect-ratio: 16 / 10; }
    .info-news-card.is-page-lead .info-news-copy { padding: 24px; }
    .info-news-card.is-page-lead .info-news-copy h3 { min-height: 0; font-size: 19px; }
    .info-news-card:not(.is-page-lead) .info-news-media { aspect-ratio: 1 / 1; }
    .info-news-card:not(.is-page-lead) .info-news-copy { padding: 14px 12px 13px; }
    .info-news-card:not(.is-page-lead) .info-news-copy time { font-size: 8px; }
    .info-news-card:not(.is-page-lead) .info-news-copy h3 { display: -webkit-box; min-height: 0; margin: 8px 0 12px; overflow: hidden; font-size: 13px; line-height: 1.4; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
    .info-news-card:not(.is-page-lead) .info-news-copy > span { padding-top: 10px; font-size: 9px; }
    .info-news-card:not(.is-page-lead) .info-news-copy > span .icon { width: 13px; height: 13px; }
    .info-pagination { margin-top: 28px; }
    .info-pagination button { width: 38px; height: 38px; }
    .info-video-card { min-height: 360px; }
    .info-video-copy > a { padding: 28px; }
    .info-follow { padding-block: 54px; }
    .info-follow-button { width: 100%; }
}
@media (max-width: 420px) {
    .info-hero-copy > p { font-size: 14px; }
    .info-featured-media { min-height: 250px; }
    .info-featured-copy { padding: 32px 24px; }
    .info-video-card { min-height: 320px; }
}
@media (prefers-reduced-motion: reduce) { .info-news-card:hover { transform: none; } .info-news-card:hover img, .info-video-card:hover > img { transform: none; } }
