.information-page {
    --info-navy: #1f77a8;
    --info-deep: #176493;
    --info-orange: #f05a28;
    --info-mist: #f1f7fb;
    --info-ink: #143d5a;
    --info-muted: #607b8f;
    --info-line: rgba(31, 119, 168, .17);
    overflow: hidden;
    background: #fff;
}

.information-shell { width: min(1376px, calc(100% - 48px)); margin: 0 auto; }

.information-kicker {
    display: flex;
    align-items: center;
    gap: 11px;
    margin: 0 0 22px;
    color: #fff;
    font-size: 13px;
    font-weight: 850;
    letter-spacing: .14em;
    line-height: 1.3;
    text-transform: uppercase;
}

.information-kicker::before { width: 32px; height: 2px; content: ''; background: var(--info-orange); }
.information-kicker--dark { color: var(--info-navy); }

.information-hero { position: relative; overflow: hidden; padding: clamp(84px, 10vw, 144px) 0; color: #fff; background: var(--info-deep); }
.information-hero::before { position: absolute; top: -34vw; right: -17vw; width: 67vw; height: 67vw; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; content: ''; }
.information-hero__grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr .3fr; align-items: end; gap: 55px; }
.information-hero h1 { max-width: 900px; margin: 0; color: #fff; font-family: Montserrat, sans-serif; font-size: clamp(47px, 6vw, 85px); font-weight: 750; letter-spacing: -.06em; line-height: .97; }
.information-hero p:not(.information-kicker) { max-width: 700px; margin: 29px 0 0; color: rgba(255,255,255,.77); font-size: 18px; font-weight: 500; line-height: 1.68; }
.information-hero__mark { justify-self: end; color: var(--info-orange); font-size: clamp(70px, 9vw, 142px); font-weight: 850; letter-spacing: -.11em; line-height: .75; opacity: .94; }

.information-content { padding: clamp(80px, 10vw, 145px) 0; }
.information-introduction { display: grid; grid-template-columns: .9fr .58fr; align-items: end; gap: 100px; }
.information-introduction h2, .information-next h2 { max-width: 780px; margin: 0; color: var(--info-navy); font-family: Montserrat, sans-serif; font-size: clamp(38px, 4.5vw, 66px); font-weight: 750; letter-spacing: -.055em; line-height: 1.02; }
.information-introduction > p { margin: 0; color: var(--info-muted); font-size: 17px; font-weight: 500; line-height: 1.72; }

.information-card-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin-top: 60px; }
.information-card { display: flex; min-height: 315px; overflow: hidden; border: 1px solid var(--info-line); border-radius: 14px; background: #fff; box-shadow: 0 10px 29px rgba(3,29,51,.04); }
.information-card--featured { grid-column: span 2; min-height: 350px; }
.information-card__image { width: 40%; min-height: 100%; background: var(--info-mist); }
.information-card__image img { width: 100%; height: 100%; object-fit: cover; }
.information-card__body { position: relative; flex: 1; padding: clamp(26px, 4vw, 48px); }
.information-card__body > span { color: var(--info-orange); font-size: 15px; font-weight: 850; letter-spacing: .08em; }
.information-card__eyebrow { margin: 37px 0 10px; color: var(--info-orange); font-size: 11px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.information-card h3 { max-width: 700px; margin: 0; color: var(--info-navy); font-family: Montserrat, sans-serif; font-size: clamp(24px, 2.3vw, 35px); font-weight: 750; letter-spacing: -.04em; line-height: 1.12; }
.information-card__body > p:not(.information-card__eyebrow):not(.information-card__details) { max-width: 680px; margin: 15px 0 0; color: var(--info-muted); font-size: 15px; font-weight: 500; line-height: 1.63; }
.information-card__details { max-width: 700px; margin: 15px 0 0; padding-top: 15px; color: var(--info-navy); border-top: 1px solid var(--info-line); font-size: 13px; font-weight: 700; line-height: 1.5; }
.information-empty { color: var(--info-muted); font-size: 16px; }

.information-next { padding: 72px 0; color: #fff; background: var(--info-navy); }
.information-next__inner { display: flex; align-items: center; justify-content: space-between; gap: 50px; }
.information-next h2 { color: #fff; font-size: clamp(32px, 3.6vw, 54px); }
.information-next a { display: inline-flex; align-items: center; gap: 16px; min-height: 52px; padding: 14px 21px; color: var(--info-ink); border-radius: 8px; background: var(--info-orange); font-size: 14px; font-weight: 800; text-decoration: none; white-space: nowrap; }
.information-next a:hover { color: var(--info-ink); background: #ffbd4e; transform: translateY(-2px); }

@media (max-width: 850px) {
    .information-hero__grid, .information-introduction { grid-template-columns: 1fr; gap: 30px; }
    .information-hero__mark { justify-self: start; }
}

@media (max-width: 620px) {
    .information-shell { width: min(100% - 32px, 1376px); }
    .information-hero { padding: 66px 0; }
    .information-hero h1 { font-size: clamp(43px, 13vw, 62px); }
    .information-hero p:not(.information-kicker), .information-introduction > p { font-size: 16px; }
    .information-card-grid { grid-template-columns: 1fr; margin-top: 42px; }
    .information-card, .information-card--featured { grid-column: auto; min-height: auto; flex-direction: column; }
    .information-card__image { width: 100%; height: 190px; min-height: auto; }
    .information-card__body { padding: 26px 22px; }
    .information-card__eyebrow { margin-top: 27px; }
    .information-content { padding: 68px 0; }
    .information-next__inner { align-items: flex-start; flex-direction: column; gap: 28px; }
}

/* White-first visual system */
.information-page {
    --info-navy: #143d5a;
    --info-deep: #fff;
    --info-mist: #fff;
    --info-ink: #143d5a;
    --info-muted: #607b8f;
    --info-line: rgba(20, 61, 90, .16);
}

.information-hero { color: var(--info-ink); background: #fff; border-bottom: 1px solid var(--info-line); }
.information-hero::before { border-color: rgba(20, 61, 90, .11); }
.information-hero h1 { color: var(--info-ink); }
.information-hero p:not(.information-kicker) { color: var(--info-muted); }
.information-hero .information-kicker { color: var(--info-ink); }
.information-hero__mark { color: rgba(47, 143, 196, .35); }
.information-next { color: var(--info-ink); background: #fff; border-top: 1px solid var(--info-line); }
.information-next h2 { color: var(--info-ink); }