@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-display: swap;
    font-weight: 400;
}
@font-face {
    font-family: Open Sans;
    font-style: italic;
    font-display: swap;
    font-weight: 400;
}
@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-display: swap;
    font-weight: 600;
    src:
}
@font-face {
    font-family: Open Sans;
    font-style: normal;
    font-display: swap;
    font-weight: 700;
}
@font-face {
    font-family: Lato;
    font-style: normal;
    font-display: swap;
    font-weight: 300;
}
@font-face {
    font-family: Lato;
    font-style: normal;
    font-display: swap;
    font-weight: 400;
}
@font-face {
    font-family: Lato;
    font-style: normal;
    font-display: swap;
    font-weight: 700;
}
@font-face {
    font-family: Lato;
    font-style: normal;
    font-display: swap;
    font-weight: 900;
}
@font-face {
    font-family: Lato;
    font-style: italic;
    font-display: swap;
    font-weight: 900;
}

:root {
    --lightningcss-light: initial;
    --lightningcss-dark: ;
    color-scheme: light;
    --font-open-sans: "Open Sans", Arial, sans-serif;
    --font-lato: "Lato", Arial, sans-serif;
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extra-bold: 800;
    --font-weight-black: 900;
    --text-2xs: 0.625rem;
    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-md: 1.125rem;
    --text-lg: 1.25rem;
    --text-xl: 1.375rem;
    --text-2xl: 1.5rem;
    --text-3xl: 1.625rem;
    --text-4xl: 1.875rem;
    --text-5xl: 2rem;
    --text-6xl: 2.25rem;
    --text-7xl: 2.5rem;
    --text-8xl: 3.75rem;
    --text-9xl: 4rem;
    --text-10xl: 4.375rem;
    --text-11xl: 4.625rem;
    --leading-none: 1;
    --leading-tight: 1.1666;
    --leading-snug: 1.25;
    --leading-normal: 1.3333;
    --leading-relaxed: 1.375;
    --leading-loose: 1.5833;
    --color-brand-yellow: #fb0;
    --color-brand-blue: #175ca1;
    --color-yellow: #ffd139;
    --color-yellow-deep: #f5be41;
    --color-neutral-200: #eff0f2;
    --color-neutral-300: #e1e2e4;
    --color-neutral-400: #bfbfc1;
    --color-neutral-500: #a0a1a3;
    --color-neutral-600: #777879;
    --color-neutral-700: #636365;
    --color-neutral-800: #222324;
    --color-graph-blue: #07135a;
    --color-graph-green: #9fbe55;
    --color-secondary-dark: #313336;
    --color-secondary-dark-variant: #303336;
    --color-secondary-error: #cf6a66;
    --color-secondary-success: #92bd71;
    --color-secondary-warning: #f7e67f;
    --color-secondary-links: #0058ff;
    --color-secondary-button-blue: #80aadd;
    --color-secondary-links-hover: #363e8b;
    --color-background-white: #fff;
    --color-background-variant: #f5f6f8;
    --color-border-soft: #d7dfd9;
    --color-complementary-pink: #e7c9ca;
    --color-complementary-yellow-200: #fade85;
    --color-complementary-green: #c8e5d3;
    --color-complementary-purple: #b6aee4;
    --color-complementary-blue: #a9bbe2;
    --color-ink: var(--color-neutral-800);
    --color-heading: var(--color-secondary-dark);
    --color-muted: var(--color-neutral-700);
    --color-brand: var(--color-secondary-dark);
    --color-accent: var(--color-yellow);
    --color-surface: var(--color-background-variant);
    --color-white: var(--color-background-white);
    --color-main-yellow-300: var(--color-yellow);
    --color-main-yellow-500: var(--color-yellow-deep);
    --color-chart-governance: var(--color-graph-blue);
    --color-chart-environmental: var(--color-graph-green);
    --color-border-dark-subtle: #2223242e;
    --color-border-dark-muted: #22232433;
    --color-border-inverse-muted: #fff3;
    --color-shadow-soft: #0000001f;
    --color-backdrop: #00000059;
    --color-scrim: #00000038;
    --color-hero-overlay: #1c1c1c80;
    --color-shadow-lift: #00000029;
    --gradient-strategy: linear-gradient(90deg, #3a3636b8 0%, #0d2d0d85 100%);
    --gradient-materiality: linear-gradient(#1720308c, #1720308c);
    --gradient-materiality-desktop: linear-gradient(#1720307a, #1720307a);
    --gradient-value-capitals: linear-gradient(#00192726, #00192726);
    --gradient-social-impact: linear-gradient(#0000005c, #0000005c);
    --gradient-social-impact-desktop: linear-gradient(#00000057, #00000057);
    --gradient-climate-transition: linear-gradient(#0000004d, #0000004d);
    --gradient-climate-transition-desktop: linear-gradient(#00000047, #00000047);
    --space-0: 0;
    --space-1: 0.25rem;
    --space-1-5: 0.375rem;
    --space-2: 0.5rem;
    --space-2-5: 0.625rem;
    --space-3: 0.75rem;
    --space-3-5: 0.875rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-7: 1.75rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-11: 2.75rem;
    --space-12: 3rem;
    --space-14: 3.5rem;
    --space-16: 4rem;
    --space-20: 5rem;
    --space-24: 6rem;
    --space-28: 7rem;
    --space-32: 8rem;
    --radius-sm: 0.5rem;
    --radius-md: 0.75rem;
    --radius-lg: 1rem;
    --radius-xl: 1.5rem;
    --radius-pill: 999px;
    --container: 72rem;
    --container-narrow: 51.875rem;
    --container-tabs: 67.5rem;
    --container-wide: 76.375rem;
    --page-gutter: var(--space-4);
    --control-height: 3rem;
    --section-hero-min: 13rem;
    --section-padding-block: var(--space-10);
    --motion-duration-fast: 0.16s;
    --motion-duration-medium: 0.52s;
    --motion-duration-slow: 0.72s;
    --motion-ease-standard: cubic-bezier(0.2, 0, 0, 1);
    --motion-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --motion-reveal-distance: 1.375rem;
    --motion-delay: 0s;
    --motion-lift: -0.125rem;
    --motion-shadow-lift: 0 0.875rem 1.75rem var(--color-shadow-lift);
    --parallax-y: 0px;
    font-family: var(--font-open-sans);
    font-synthesis: none;
    line-height: 1.5;
}
*,
:before,
:after {
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
    font-size: 100%;
}
body {
    color: var(--color-secondary-dark-variant);
    background: var(--color-surface);
    margin: 0;
}
main {
    z-index: 1;
    background: var(--color-surface);
    position: relative;
}
body.has-open-modal {
    overflow: hidden;
}
h1,
h2,
h3,
h4,
h5,
p,
blockquote,
figure {
    margin-block-start: 0;
}
h1,
h2,
h3,
h4,
h5 {
    color: inherit;
    font-family: var(--font-lato);
}
h1,
h2 {
    text-wrap: balance;
    line-height: 1.08;
}
a {
    color: inherit;
}
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 3px solid var(--color-main-yellow-500);
    outline-offset: 3px;
}
.reports-link,
.strategy-program__download,
.social-impact__download,
.climate-transition__download,
.contact-section__download,
.section-tabs__control,
.materiality-matrix__open,
.materiality-modal__rotate-close,
.materiality-modal__close,
.language-button:not(:disabled) {
    transition:
        background-color var(--motion-duration-fast) var(--motion-ease-standard),
        box-shadow var(--motion-duration-fast) var(--motion-ease-standard),
        color var(--motion-duration-fast) var(--motion-ease-standard),
        opacity var(--motion-duration-fast) var(--motion-ease-standard),
        transform var(--motion-duration-fast) var(--motion-ease-standard);
}
.section-tab,
.report-menu__list a,
.contact-section a,
.site-footer__phone a,
.site-footer__links a {
    transition:
        background-color var(--motion-duration-fast) var(--motion-ease-standard),
        color var(--motion-duration-fast) var(--motion-ease-standard),
        text-decoration-color var(--motion-duration-fast) var(--motion-ease-standard),
        transform var(--motion-duration-fast) var(--motion-ease-standard);
}
@media (hover: hover) {
    .reports-link:hover,
    .strategy-program__download:hover,
    .social-impact__download:hover,
    .climate-transition__download:hover,
    .contact-section__download:hover,
    .materiality-modal__rotate-close:hover,
    .materiality-modal__close:hover,
    .language-button:not(:disabled):hover {
        box-shadow: var(--motion-shadow-lift);
        transform: translateY(var(--motion-lift));
    }
    .section-tabs__control:hover {
        transform: translateY(var(--motion-lift));
    }
    .section-tab:not(.is-active):hover {
        background: #22232414;
    }
}
.reports-link:focus-visible,
.strategy-program__download:focus-visible,
.social-impact__download:focus-visible,
.climate-transition__download:focus-visible,
.contact-section__download:focus-visible,
.materiality-modal__rotate-close:focus-visible,
.materiality-modal__close:focus-visible,
.language-button:not(:disabled):focus-visible {
    box-shadow: var(--motion-shadow-lift);
    transform: translateY(var(--motion-lift));
}
.section-tabs__control:focus-visible {
    transform: translateY(var(--motion-lift));
}
.section-tab:not(.is-active):focus-visible {
    background: #22232414;
}
.skip-link {
    z-index: 100;
    color: var(--color-white);
    background: var(--color-brand);
    padding: 0.75rem 1rem;
    position: fixed;
    top: 0.75rem;
    left: 0.75rem;
    transform: translateY(-160%);
}
.skip-link:focus {
    transform: translateY(0);
}
.visually-hidden {
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
}
.site-header {
    z-index: 20;
    border-bottom: 1px solid var(--color-neutral-300);
    background: var(--color-surface);
    position: sticky;
    top: 0;
}
.site-header__inner {
    justify-content: flex-start;
    align-items: center;
    width: calc(100% - 1.875rem);
    min-height: 4.5rem;
    margin-inline: auto;
    display: flex;
    position: relative;
}
.brand {
    align-items: center;
    text-decoration: none;
    display: inline-flex;
}
.brand__logo {
    width: 11.8125rem;
    height: 2rem;
    display: block;
}
.report-menu {
    position: relative;
}
.reports-nav {
    display: none;
}
.reports-link,
.strategy-program__download,
.social-impact__download,
.climate-transition__download,
.contact-section__download {
    color: var(--color-neutral-800);
    background: var(--color-main-yellow-300);
    font-family: var(--font-lato);
    font-size: var(--text-base);
    font-weight: var(--font-weight-bold);
    line-height: var(--leading-none);
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: inline-flex;
}
.reports-link {
    min-width: 16.625rem;
    min-height: calc(var(--control-height) - 0.0625rem);
    padding: var(--space-3) var(--space-6);
    border-radius: var(--radius-pill);
    gap: var(--space-1-5);
    font-weight: var(--font-weight-semibold);
    line-height: var(--leading-snug);
    cursor: pointer;
    list-style: none;
}
.reports-link::-webkit-details-marker {
    display: none;
}
.reports-link__arrow {
    flex: none;
    transition: transform 0.16s;
}
.report-menu[open] .reports-link__arrow {
    transform: rotate(180deg);
}
.report-menu__list {
    z-index: 10;
    border-radius: var(--radius-sm);
    gap: var(--space-2);
    background: var(--color-background-white);
    flex-direction: column;
    width: 100%;
    margin: 0;
    padding: 1.25rem 1rem;
    list-style: none;
    display: flex;
    position: absolute;
    top: calc(100% + 0.5rem);
    right: 0;
}
.report-menu:not([open]) > .report-menu__list {
    display: none;
}
.report-menu__list a {
    color: var(--color-neutral-800);
    font-weight: var(--font-weight-semibold);
    text-align: start;
    text-underline-offset: 0.2em;
    text-decoration: none;
    display: block;
}
.report-menu__list a:hover,
.report-menu__list a:focus-visible {
    text-decoration: underline;
}
.hero {
    background: var(--color-secondary-dark);
    place-items: center;
    min-height: calc(100svh - 4.5rem);
    display: grid;
    position: relative;
}
.hero__video,
.hero__overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
}
.hero__video {
    object-fit: cover;
}
.hero__overlay {
    background: var(--color-hero-overlay);
}
.hero__content {
    z-index: 2;
    width: min(100% - 2.5rem, 19.125rem);
    color: var(--color-white);
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-self: start;
    align-items: center;
    height: 100%;
    display: flex;
    position: relative;
}
.hero__eyebrow {
    font-size: var(--text-xs);
    font-weight: var(--font-weight-semibold);
    letter-spacing: 0;
    line-height: var(--leading-tight);
    text-transform: uppercase;
    margin: 0 0 1.5rem;
}
.hero__title {
    max-width: none;
    font-size: var(--text-5xl);
    font-family: var(--font-lato);
    font-weight: var(--font-weight-black);
    line-height: var(--leading-none);
    margin: 0 0 2.5rem;
}
.hero__title span {
    color: var(--color-main-yellow-500);
}
.hero__description {
    max-width: 48rem;
    font-size: var(--text-base);
    line-height: var(--leading-relaxed);
    margin: 0 auto 3.875rem;
}
.hero__scroll {
    z-index: 2;
    width: 3.9375rem;
    height: 4.9375rem;
    margin-inline: auto;
    animation: 1.6s ease-in-out infinite hero-scroll-bounce;
    display: block;
    position: absolute;
    bottom: 0.75rem;
    left: 0;
    right: 0;
}
@keyframes hero-scroll-bounce {
    0%,
    to {
        transform: translateY(0);
    }
    50% {
        transform: translateY(0.5rem);
    }
}
.hero__scroll-icon {
    transform-origin: 50%;
    display: block;
    transform: scaleY(-1);
}
.hero__scroll-background {
    display: none;
}
.hero__scroll-graphic {
    filter: none;
}
.hero__scroll-line {
    stroke: var(--color-background-white);
}
h1 {
    max-width: 14ch;
    margin-block-end: 1.5rem;
    font-size: clamp(2.75rem, 8vw, 6rem);
}
h2 {
    max-width: 18ch;
    font-size: clamp(2rem, 5vw, 3.75rem);
}
.executive-message {
    padding: 2.75rem 1rem 4.125rem;
}
.executive-message__copy {
    width: 100%;
    max-width: 51.875rem;
    margin-inline: auto;
}
.executive-message__title {
    max-width: none;
    color: var(--color-secondary-dark);
    font-size: var(--text-5xl);
    font-weight: var(--font-weight-black);
    margin: 0 0 1.25rem;
    line-height: 1.4062;
}
.executive-message__title span {
    color: var(--color-main-yellow-500);
}
.executive-message__text {
    width: 100%;
    max-width: 70rem;
    color: var(--color-secondary-dark);
    font-size: var(--text-md);
    line-height: var(--leading-normal);
    margin: 0;
}
.executive-message__divider {
    opacity: 0.2;
    background: var(--color-brand);
    border: 0;
    width: 100%;
    max-width: 77rem;
    height: 1px;
    margin: 4.8125rem auto 0;
}
.section-tabs {
    align-items: center;
    gap: var(--space-2);
    grid-template-columns: 1.625rem minmax(0, 1fr) 1.625rem;
    width: 100%;
    max-width: 67.5rem;
    margin: 3.75rem auto 0;
    display: grid;
}
.section-tabs__control {
    width: 1.5rem;
    height: 1.5rem;
    color: var(--color-secondary-dark);
    cursor: pointer;
    background: 0 0;
    border: 0;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: inline-flex;
}
.section-tabs__control > svg {
    transform-origin: 50%;
    display: block;
}
.section-tabs__control[data-tabs-prev] > svg {
    transform: scaleX(-1);
}
.section-tabs__viewport {
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
    min-width: 0;
    overflow-x: auto;
}
.section-tabs__viewport::-webkit-scrollbar {
    display: none;
}
.section-tabs__list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
}
.section-tabs__item {
    scroll-snap-align: center;
    flex: none;
}
.section-tab {
    border-radius: var(--radius-sm);
    min-height: 2.5rem;
    color: var(--color-secondary-dark);
    font-size: var(--text-base);
    line-height: var(--leading-none);
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: 0 1rem;
    text-decoration: none;
    display: flex;
}
.section-tab.is-active {
    color: var(--color-background-white);
    background: var(--color-secondary-dark);
}
.section-tab__desktop {
    display: none;
}
.strategy-program {
    background: var(--color-background-white);
    scroll-margin-top: 4.5rem;
}
.strategy-program__hero,
.double-materiality__hero,
.value-capitals__hero,
.social-impact__hero,
.climate-transition__hero,
.climate-transition__image-band {
    isolation: isolate;
    min-height: var(--section-hero-min);
    color: var(--color-background-white);
    background-color: var(--color-secondary-dark);
    --banner-image: none;
    --banner-overlay: linear-gradient(transparent, transparent);
    --banner-position: center;
    --banner-size: cover;
    position: relative;
    overflow: hidden;
}
.strategy-program__hero:before,
.double-materiality__hero:before,
.value-capitals__hero:before,
.social-impact__hero:before,
.climate-transition__hero:before,
.climate-transition__image-band:before {
    z-index: 0;
    background-image: var(--banner-overlay), var(--banner-image);
    background-position: center, var(--banner-position);
    background-repeat: no-repeat;
    background-size: cover, var(--banner-size);
    content: "";
    pointer-events: none;
    transform: translate3d(0, var(--parallax-y), 0) scale(1.08);
    transform-origin: 50%;
    will-change: transform;
    position: absolute;
    inset: -12%;
}
.strategy-program__hero-inner,
.double-materiality__hero-inner,
.value-capitals__hero-inner,
.social-impact__hero-inner,
.climate-transition__hero-inner {
    z-index: 1;
    width: min(calc(100% - var(--page-gutter) - var(--page-gutter)), var(--container));
    min-height: inherit;
    margin-inline: auto;
    position: relative;
}
.strategy-program__title,
.double-materiality__title,
.value-capitals__title,
.social-impact__title,
.climate-transition__title {
    color: inherit;
    font-family: var(--font-lato);
    font-size: var(--text-7xl);
    font-weight: var(--font-weight-bold);
    margin: 0;
    line-height: 1.2;
}
.strategy-program__title span,
.double-materiality__title span,
.value-capitals__title span,
.social-impact__title span,
.climate-transition__title span {
    color: var(--color-main-yellow-300);
}
.strategy-program__hero {
    --banner-image: url(/content/dam/montepio/imagens/institucional/sustentabilidade/relatorio-2025/strategy-grass.webp);
    --banner-overlay: var(--gradient-strategy);
    --banner-position: center bottom;
    --banner-size: auto 250%;
    min-height: 18.75rem;
}
.strategy-program__hero-inner {
    padding: var(--space-8) 0 var(--space-12);
    align-content: start;
    display: grid;
}
.strategy-program__title {
    max-width: 21.5rem;
}
.strategy-program__title em {
    font-family: var(--font-lato);
    font-style: italic;
    font-weight: var(--font-weight-medium);
}
.strategy-program__title span {
    color: var(--color-main-yellow-500);
}
.strategy-program__download {
    min-width: 15.375rem;
    min-height: var(--control-height);
    margin-top: var(--space-7);
    padding: var(--space-3) var(--space-6);
    border-radius: var(--radius-pill);
}
.strategy-program__body,
.double-materiality__body,
.value-capitals__body,
.social-impact__body,
.climate-transition__body,
.contact-section__inner {
    width: min(calc(100% - var(--page-gutter) - var(--page-gutter)), var(--container));
    margin-inline: auto;
}
.strategy-program__body {
    color: var(--color-neutral-800);
    font-size: var(--text-md);
    line-height: var(--leading-normal);
    padding: 2.75rem 0 4rem;
}
.strategy-program__body p {
    max-width: 57rem;
    margin: 0 0 1.5rem;
}
.strategy-program__body ul {
    max-width: 57rem;
    margin: 1.75rem 0 0;
    padding-left: 1.75rem;
}
.double-materiality {
    scroll-margin-top: 4.5rem;
}
.double-materiality__hero {
    --banner-image: url(/content/dam/montepio/imagens/institucional/sustentabilidade/relatorio-2025/double-materiality-analysis.webp);
    --banner-overlay: var(--gradient-materiality);
    --banner-position: center top;
    --banner-size: cover;
}
.double-materiality__hero-inner {
    padding: var(--space-14) 0;
}
.double-materiality__title {
    max-width: 20rem;
}
.double-materiality__body {
    color: var(--color-neutral-800);
    font-size: var(--text-md);
    line-height: var(--leading-normal);
    padding: 2.5rem 0;
}
.double-materiality__intro {
    max-width: 55.5rem;
}
.double-materiality__intro p,
.double-materiality__note {
    margin: 0 0 1.5rem;
}
.stakeholder-listening {
    margin-top: 4.125rem;
}
.stakeholder-listening__title {
    max-width: 18rem;
    color: var(--color-secondary-dark);
    font-size: var(--text-4xl);
    font-weight: var(--font-weight-black);
    margin: 0 0 2.375rem;
    line-height: 1.22;
}
.stakeholder-listening__title em {
    font-style: italic;
    font-weight: inherit;
}
.stakeholder-listening__sprite {
    gap: 2.375rem;
    width: 100%;
    margin-inline: auto;
    display: grid;
    overflow: hidden;
}
.stakeholder-listening__sprite-part {
    background-color: var(--color-surface);
    background-blend-mode: multiply;
    background-image: url(/content/dam/montepio/imagens/institucional/sustentabilidade/relatorio-2025/auscultacao-stakeholders.webp);
    background-repeat: no-repeat;
    display: block;
}
.stakeholder-listening__sprite-part--chart {
    background-position: 0 0;
    background-size: 40rem;
    max-width: 22rem;
    height: 15.25rem;
}
.stakeholder-listening__sprite-part--legend {
    background-position: -22.5rem 0;
    background-size: 40rem;
    height: 13.75rem;
}
.double-materiality__note {
    margin: 2.75rem 0;
}
.materiality-summary {
    gap: var(--space-16);
    margin-top: 4.5rem;
    display: grid;
}
.materiality-summary__stats {
    text-align: center;
    background: var(--color-background-white);
    border-radius: var(--radius-lg);
    justify-items: center;
    gap: 3.125rem;
    padding: 3.125rem 2.375rem;
    display: grid;
}
.materiality-summary__main strong {
    font-size: var(--text-8xl);
    font-weight: var(--font-weight-black);
    line-height: 1.0666;
    display: block;
}
.materiality-summary__main span {
    max-width: 11rem;
    font-weight: var(--font-weight-regular);
    font-size: var(--text-base);
    line-height: var(--leading-relaxed);
    margin-top: 0.25rem;
    display: block;
}
.materiality-summary__secondary {
    gap: var(--space-4);
    width: 100%;
    max-width: 17rem;
    font-family: var(--font-lato);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
}
.materiality-summary__secondary p {
    margin: 0;
}
.materiality-summary__secondary strong {
    font-size: var(--text-7xl);
    font-weight: var(--font-weight-black);
    line-height: var(--leading-none);
    display: block;
}
.materiality-summary__secondary span {
    font-weight: var(--font-weight-regular);
    font-size: var(--text-base);
    line-height: var(--leading-relaxed);
    text-align: center;
    margin-top: 0.25rem;
    display: block;
}
.materiality-summary__card {
    border-radius: var(--radius-md);
    background: var(--color-main-yellow-300);
    width: min(100%, 27.1875rem);
    margin-inline: auto;
    padding: 1.25rem 1.625rem 2.25rem;
}
.materiality-summary__card h3 {
    font-size: var(--text-lg);
    font-weight: var(--font-weight-black);
    text-align: center;
    margin: 0 0 1.875rem;
    line-height: 1.4;
}
.materiality-summary__card ol {
    font-size: var(--text-base);
    margin: 0;
    padding: 0;
    line-height: 1.625;
}
.materiality-summary__card li {
    list-style-type: none;
}
.materiality-matrix {
    text-align: center;
    margin-top: 3.75rem;
}
.materiality-matrix__title {
    font-size: var(--text-lg);
    font-weight: var(--font-weight-black);
    grid-column: 1/-1;
    margin: 0 0 1.875rem;
    line-height: 1.4;
}
.materiality-matrix__content {
    display: block;
}
.materiality-matrix__chart {
    grid-column: 1;
    width: 100%;
    height: auto;
    display: block;
}
.materiality-matrix__details {
    display: none;
}
.materiality-matrix__details ol li {
    list-style-position: inside;
}
.materiality-matrix__open {
    color: var(--color-secondary-links);
    font: inherit;
    font-weight: var(--font-weight-semibold);
    cursor: pointer;
    background: 0 0;
    border: 0;
    margin-top: 3.75rem;
    padding: 0;
    text-decoration: underline;
    display: inline-flex;
}
.legend-dot {
    border-radius: var(--radius-pill);
    flex: none;
    width: 1rem;
    height: 1rem;
    display: inline-block;
}
.legend-dot--social {
    background: var(--color-main-yellow-300);
}
.legend-dot--governance {
    background: var(--color-chart-governance);
}
.legend-dot--environmental {
    background: var(--color-chart-environmental);
}
.materiality-modal {
    width: 100vw;
    max-width: none;
    height: 100vh;
    max-height: none;
    color: var(--color-neutral-800);
    background: var(--color-background-white);
    border: 0;
    margin: 0;
    padding: 0;
}
.materiality-modal::backdrop {
    background: var(--color-backdrop);
}
.materiality-modal__viewport {
    width: 100%;
    min-height: 100dvh;
    padding: 2.5rem 1.25rem;
    position: relative;
    overflow: hidden;
}
.materiality-modal__title {
    color: var(--color-chart-governance);
    font-size: var(--text-md);
    font-weight: var(--font-weight-extra-bold);
    text-align: center;
    grid-area: 1/1;
    margin: 0;
    line-height: 1.15;
}
.materiality-modal__figure {
    align-items: start;
    gap: var(--space-3);
    transform-origin: 50%;
    grid-template-rows: auto minmax(0, 1fr) auto;
    grid-template-columns: minmax(0, 1fr) 17.5rem;
    width: calc(100dvh - 3rem);
    height: calc(100vw - 2rem);
    min-height: 0;
    display: grid;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
}
.materiality-modal__chart {
    object-fit: contain;
    transform-origin: 50%;
    grid-area: 2/1/4;
    place-self: center;
    width: 60%;
    height: auto;
    display: block;
    transform: rotate(-90deg);
}
.materiality-modal__details {
    z-index: 2;
    grid-area: 2/2;
    grid-template-rows: minmax(0, 1fr) auto;
    align-self: stretch;
    gap: 0.625rem;
    min-height: 0;
    display: grid;
    position: static;
}
.materiality-modal__details ol {
    background: var(--color-neutral-300);
    width: 100%;
    height: max-content;
    min-height: 0;
    font-size: var(--text-2xs);
    text-align: start;
    border-radius: 0.875rem;
    margin: auto;
    padding: 0.875rem;
    line-height: 1.35;
    overflow: hidden;
}
.materiality-modal__details li {
    list-style-position: inside;
}
.materiality-modal__legend {
    font-size: var(--text-xs);
    align-items: center;
    gap: 0.875rem;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
}
.materiality-modal__legend li {
    white-space: nowrap;
    align-items: center;
    gap: 0.375rem;
    display: inline-flex;
}
.materiality-modal__rotate-close {
    width: 2.75rem;
    height: 2.75rem;
    color: var(--color-neutral-800);
    cursor: pointer;
    background: 0 0;
    border: 0;
    place-items: center;
    padding: 0;
    display: inline-grid;
}
.materiality-modal__close {
    z-index: 6;
    width: 2.75rem;
    height: 2.75rem;
    color: var(--color-neutral-800);
    cursor: pointer;
    background: 0 0;
    border: 0;
    place-items: center;
    padding: 0;
    display: inline-grid;
    position: absolute;
}
.materiality-modal__close--bottom {
    bottom: 0.75rem;
    right: 0.75rem;
}
.materiality-modal__rotate-message {
    z-index: 7;
    border-radius: var(--radius-lg);
    background: var(--color-background-white);
    width: min(100% - 5.75rem, 15.25rem);
    box-shadow: 0 1.25rem 3rem var(--color-shadow-soft);
    text-align: center;
    padding: 3.25rem 1.5rem 2rem;
    display: none;
    position: absolute;
    inset: 50% auto auto 50%;
    transform: translate(-50%, -50%);
}
.materiality-modal__rotate-message p {
    font-size: var(--text-md);
    font-weight: var(--font-weight-extra-bold);
    line-height: var(--leading-snug);
    margin: 0 0 2rem;
}
.materiality-modal__rotate-close {
    position: absolute;
    top: 0.375rem;
    right: 0.375rem;
}
.value-capitals {
    background: var(--color-background-variant);
    scroll-margin-top: 4.5rem;
}
.value-capitals__hero {
    --banner-image: url(/content/dam/montepio/imagens/institucional/sustentabilidade/relatorio-2025/capitals-with-value-water.webp);
    --banner-overlay: var(--gradient-value-capitals);
    --banner-position: center;
    --banner-size: cover;
    min-height: 13.125rem;
}
.value-capitals__hero-inner {
    padding: var(--space-14) 0;
}
.value-capitals__title {
    max-width: 20rem;
}
.value-capitals__body {
    gap: 2.25rem;
    padding: 2.5rem 0 7.75rem;
    display: grid;
}
.value-capitals__intro h3 {
    color: var(--color-secondary-dark);
    font-family: var(--font-lato);
    font-size: var(--text-3xl);
    font-weight: var(--font-weight-black);
    margin: 0 0 1.5rem;
    line-height: 1.2307;
}
.value-capitals__intro p {
    color: var(--color-secondary-dark);
    font-size: var(--text-base);
    line-height: var(--leading-relaxed);
    margin: 0;
}
.value-capitals__metrics,
.value-capitals__split-card {
    gap: var(--space-4);
    display: grid;
}
.value-metric,
.social-metric,
.financial-card,
.impact-card,
.climate-card {
    color: var(--color-secondary-dark);
    font-family: var(--font-lato);
    text-align: center;
}
.value-metric,
.financial-card,
.impact-card,
.climate-card,
.materiality-summary__stats,
.social-impact__sdgs {
    background: var(--color-background-white);
}
.value-metric,
.social-metric,
.financial-card,
.impact-card,
.climate-card {
    border-radius: var(--radius-md);
}
.value-metric__value,
.social-metric__value,
.financial-card__value,
.financial-bond__amount,
.impact-card__value,
.climate-card__value {
    font-size: 0;
    line-height: var(--leading-none);
}
.value-metric__value strong,
.social-metric__value strong,
.social-metric__list dd,
.financial-card__value strong,
.financial-bond__amount strong,
.impact-card__value strong,
.climate-card__value strong {
    font-weight: var(--font-weight-black);
    line-height: var(--leading-none);
}
.value-metric__note,
.social-metric__label,
.financial-card__note,
.financial-bond h5,
.financial-bond p,
.impact-card p:last-child,
.climate-scopes p {
    font-family: var(--font-open-sans);
}
.value-metric {
    border-radius: var(--radius-lg);
    flex-direction: column;
    justify-content: space-between;
    height: auto;
    padding: 1.25rem;
    display: flex;
}
.value-metric h3 {
    font-size: var(--text-xl);
    font-weight: var(--font-weight-black);
    margin: 0;
    line-height: 1.2727;
}
.value-metric__value {
    margin: 0.5rem 0 0;
}
.value-metric__value strong {
    font-size: var(--text-8xl);
    line-height: 1.0666;
}
.value-metric__value span {
    font-size: var(--text-8xl);
    font-weight: var(--font-weight-light);
    margin-left: 0.375rem;
    line-height: 1.0666;
}
.value-metric__note {
    font-family: var(--font-open-sans);
    font-size: var(--text-base);
    line-height: var(--leading-snug);
    margin: 0.5rem 0 0;
}
.value-capitals__divider {
    opacity: 0.2;
    background: var(--color-secondary-dark);
    border: 0;
    grid-column: 1/-1;
    width: 100%;
    max-width: 77rem;
    height: 1px;
    margin: 1.5rem auto 0;
}
.capital-social {
    gap: var(--space-8);
    color: var(--color-secondary-dark);
    grid-column: 1/-1;
    display: grid;
}
.capital-social__intro h3 {
    font-family: var(--font-lato);
    font-size: var(--text-3xl);
    font-weight: var(--font-weight-black);
    margin: 0 0 1.5rem;
    line-height: 1.2307;
}
.capital-social__intro p,
.capital-social__mission,
.capital-social__footnote {
    margin: 0;
}
.capital-social__intro p,
.capital-social__mission {
    font-size: var(--text-base);
    line-height: var(--leading-relaxed);
}
.capital-social__footnote {
    color: var(--color-secondary-dark);
    font-size: var(--text-sm);
    line-height: 1.4285;
}
.capital-social__people-metrics,
.capital-social__impact-metrics {
    gap: var(--space-4);
    display: grid;
}
.social-metric {
    background: var(--color-main-yellow-300);
    flex-direction: column;
    justify-content: space-between;
    min-height: 11.5rem;
    padding: 1.25rem;
    display: flex;
}
.social-metric h4 {
    max-width: 18rem;
    font-size: var(--text-md);
    font-weight: var(--font-weight-black);
    line-height: var(--leading-normal);
    margin: 0 auto;
}
.social-metric h4 span {
    font-weight: var(--font-weight-regular);
}
.social-metric__value,
.social-metric__list {
    margin: 0;
}
.social-metric__value strong,
.social-metric__list dd {
    font-size: var(--text-8xl);
}
.social-metric__unit {
    font-size: var(--text-8xl);
    font-weight: var(--font-weight-light);
    line-height: var(--leading-none);
    margin-left: 0.125rem;
}
.social-metric__label {
    font-size: var(--text-base);
    line-height: var(--leading-snug);
    margin-top: 0.5rem;
    display: block;
}
.social-metric--salary {
    min-height: 24.125rem;
    padding-block: 1.5rem;
}
.social-metric--salary h4 {
    margin-bottom: 1.5rem;
}
.social-metric__list {
    gap: 1.625rem;
    display: grid;
}
.social-metric__list div {
    flex-direction: column;
    display: flex;
}
.social-metric__list dt {
    font-family: var(--font-open-sans);
    font-size: var(--text-base);
    line-height: var(--leading-snug);
}
.social-metric__list dd {
    order: -1;
    margin: 0 0 0.5rem;
}
.social-metric--volunteering {
    min-height: 10.875rem;
}
.social-metric__pair {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: end;
    display: grid;
}
.social-metric__pair .social-metric__value + .social-metric__value {
    border-left: 1px solid var(--color-border-dark-muted);
}
.social-metric--microcredit {
    min-height: 21.875rem;
    padding-block: 1.5rem;
}
.value-capitals__divider--social {
    margin-top: 0;
}
.capital-financial {
    gap: var(--space-8);
    color: var(--color-secondary-dark);
    grid-column: 1/-1;
    display: grid;
}
.capital-financial__intro h3 {
    font-family: var(--font-lato);
    font-size: var(--text-3xl);
    font-weight: var(--font-weight-black);
    margin: 0 0 1.5rem;
    line-height: 1.2307;
}
.capital-financial__intro p,
.capital-financial__footnote {
    margin: 0;
}
.capital-financial__intro p {
    font-size: var(--text-base);
    line-height: var(--leading-relaxed);
}
.capital-financial__footnote {
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
}
.capital-financial__footnote em {
    font-style: italic;
    font-weight: var(--font-weight-bold);
}
.capital-financial__metrics {
    gap: var(--space-4);
    display: grid;
}
.financial-card {
    flex-direction: column;
    justify-content: center;
    min-height: 10.25rem;
    padding: 1.5rem 1.25rem;
    display: flex;
}
.financial-card h4 {
    font-size: var(--text-md);
    font-weight: var(--font-weight-black);
    line-height: var(--leading-normal);
    margin: 0;
}
.financial-card h4 em {
    font-style: italic;
}
.financial-card__value,
.financial-card__note,
.financial-card--rating p,
.financial-bond__amount,
.financial-bond h5,
.financial-bond p {
    margin: 0;
}
.financial-card__value {
    margin-top: 1rem;
}
.financial-card__value strong {
    font-size: var(--text-8xl);
}
.financial-card__value span {
    font-size: var(--text-6xl);
    font-weight: var(--font-weight-light);
    line-height: var(--leading-none);
    margin-left: 0.375rem;
}
.financial-card--capital-ratio .financial-card__value span,
.financial-card--cet .financial-card__value span {
    font-size: var(--text-8xl);
}
.financial-card__note {
    font-size: var(--text-sm);
    margin-top: 0.75rem;
    line-height: 1.4285;
}
.financial-card--bonds {
    justify-content: start;
    min-height: 57.5rem;
    padding: 1.5rem 1.5rem 2.75rem;
}
.financial-card--bonds h4 {
    max-width: 18rem;
    margin: 0 auto 3rem;
}
.financial-bonds {
    gap: 3.25rem;
    display: grid;
}
.financial-bond {
    justify-items: center;
    gap: 0.875rem;
    display: grid;
}
.financial-bond__amount {
    font-family: var(--font-lato);
}
.financial-bond__amount strong {
    font-size: var(--text-8xl);
}
.financial-bond__amount span {
    font-size: var(--text-2xl);
    line-height: var(--leading-none);
}
.financial-bond__amount span:last-child {
    margin-left: 0.125rem;
}
.financial-bond h5 {
    font-size: var(--text-sm);
    font-weight: var(--font-weight-regular);
    line-height: 1.35;
}
.financial-bond p {
    max-width: 16.5rem;
    font-size: var(--text-sm);
    line-height: 1.35;
}
.financial-card--rating {
    gap: var(--space-3);
}
.financial-card--rating p:first-of-type {
    font-size: var(--text-2xl);
    line-height: var(--leading-tight);
}
.financial-card--rating p:last-of-type {
    font-family: var(--font-open-sans);
    font-size: var(--text-base);
    line-height: var(--leading-snug);
}
.social-impact {
    scroll-margin-top: 4.5rem;
}
.social-impact__hero {
    --banner-image: url(/content/dam/montepio/imagens/institucional/sustentabilidade/relatorio-2025/our-social-impact.webp);
    --banner-overlay: var(--gradient-social-impact);
    --banner-position: center 34%;
    --banner-size: cover;
    min-height: 16.875rem;
}
.social-impact__hero-inner {
    padding: var(--space-14) 0;
    align-content: center;
    gap: var(--space-6);
    display: grid;
}
.social-impact__title {
    max-width: 20rem;
}
.social-impact__download {
    width: min(100%, 18.25rem);
    min-height: var(--control-height);
    padding: var(--space-3) var(--space-6);
    border-radius: var(--radius-pill);
}
.social-impact__body {
    gap: 3.4375rem;
    padding: 3.125rem 0 3.625rem;
    display: grid;
}
.social-impact__quote {
    font-family: var(--font-open-sans);
    font-size: var(--text-base);
    font-style: italic;
    font-weight: var(--font-weight-regular);
    line-height: var(--leading-relaxed);
    margin: 0;
}
.social-impact__quote p {
    margin: 0;
}
.social-impact__sdgs {
    gap: var(--space-6);
    border-radius: var(--radius-lg);
    background: var(--color-background-white);
    flex-direction: column;
    padding: 1.5rem 1rem 3rem;
    display: flex;
}
.social-impact__sdgs h3 {
    font-size: var(--text-lg);
    font-weight: var(--font-weight-bold);
    margin: 0;
    line-height: 1.4;
}
.social-impact__sdg-grid {
    gap: var(--space-3);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 18rem;
    margin-inline: auto;
    display: grid;
}
.social-impact__sdg-grid img {
    width: 100%;
    height: auto;
    display: block;
}
.social-impact__methodology {
    font-size: var(--text-md);
    line-height: var(--leading-normal);
    font-family: var(--font-open-sans);
}
.social-impact__methodology p {
    margin: 0 0 1.5rem;
}
.social-impact__methodology ol {
    padding: 0;
}
.social-impact__methodology li {
    list-style-position: inside;
}
.social-impact__methodology li::marker {
    font-weight: var(--font-weight-bold);
}
.social-impact__methodology strong {
    font-weight: var(--font-weight-bold);
}
.social-impact__metrics {
    gap: var(--space-4);
    display: grid;
}
.impact-card {
    border-radius: var(--radius-lg);
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding: 1.5rem 1rem;
    display: flex;
}
.impact-card h3 {
    text-align: center;
    font-size: var(--text-lg);
    font-weight: var(--font-weight-black);
    margin-bottom: 2.125rem;
    line-height: 1.4;
}
.impact-card h3 span {
    font-weight: var(--font-weight-regular);
}
.impact-card__value {
    margin: 0 0 2.125rem;
}
.impact-card__value strong {
    font-size: var(--text-8xl);
}
.impact-card__value span {
    font-size: var(--text-6xl);
    font-weight: var(--font-weight-light);
    line-height: var(--leading-none);
}
.impact-card__value span:first-child {
    font-size: var(--text-7xl);
    font-weight: var(--font-weight-black);
    margin-right: 0.5rem;
}
.impact-card__value span:last-child {
    margin-left: 0.375rem;
}
.impact-card p:last-child {
    max-width: 18rem;
    font-size: var(--text-base);
    line-height: var(--leading-relaxed);
    margin: 0 auto;
}
.climate-transition {
    background: var(--color-background-variant);
    scroll-margin-top: 4.5rem;
}
.climate-transition__hero {
    --banner-image: url(/content/dam/montepio/imagens/institucional/sustentabilidade/relatorio-2025/climate-change.webp);
    --banner-overlay: var(--gradient-climate-transition);
    --banner-position: center 35%;
    --banner-size: cover;
    min-height: 15rem;
}
.climate-transition__hero-inner {
    padding: var(--space-8) 0;
    align-content: center;
    gap: var(--space-6);
    display: grid;
}
.climate-transition__title {
    max-width: 42rem;
}
.climate-transition__download,
.contact-section__download {
    width: min(100%, 18.25rem);
    min-height: var(--control-height);
    padding: var(--space-3) var(--space-6);
    border-radius: var(--radius-pill);
}
.climate-transition__download {
    color: var(--color-neutral-800);
    background: var(--color-main-yellow-300);
}
.climate-transition__body {
    gap: var(--space-10);
    color: var(--color-secondary-dark);
    padding: 2.75rem 0 4.875rem;
    display: grid;
}
.climate-transition__intro {
    gap: var(--space-6);
    display: grid;
}
.climate-transition__intro h3 {
    font-size: var(--text-md);
    font-weight: var(--font-weight-black);
    line-height: var(--leading-normal);
    margin: 0;
}
.climate-transition__intro blockquote,
.climate-transition__intro p {
    margin: 0;
}
.climate-transition__intro blockquote {
    font-family: var(--font-open-sans);
    font-size: var(--text-base);
    font-style: italic;
    line-height: var(--leading-relaxed);
}
.climate-transition__metrics {
    gap: var(--space-4);
    display: grid;
}
.climate-card {
    padding: 1.5rem 1rem;
}
.climate-card h3 {
    max-width: 20rem;
    font-size: var(--text-lg);
    font-weight: var(--font-weight-black);
    margin: 0 auto 1.5rem;
    line-height: 1.4;
}
.climate-card h3 em {
    font-style: italic;
}
.climate-card__value {
    white-space: nowrap;
    margin: 0;
}
.climate-card__value strong {
    font-size: var(--text-8xl);
}
.climate-card__value span {
    font-size: var(--text-6xl);
    font-weight: var(--font-weight-light);
    line-height: var(--leading-none);
    margin-left: 0.375rem;
}
.climate-card__unit {
    font-family: var(--font-lato);
    font-size: var(--text-base);
    line-height: var(--leading-snug);
    font-weight: var(--font-weight-light);
    margin: 0.75rem 0 0;
}
.climate-card--split {
    gap: var(--space-10);
    display: grid;
}
.climate-card__metric h3 {
    margin-bottom: 1.5rem;
}
.climate-card--scopes h3 {
    margin-bottom: 1.875rem;
}
.climate-scopes {
    gap: 1.875rem;
    display: grid;
}
.climate-scopes article {
    justify-items: center;
    display: grid;
}
.climate-scopes p {
    font-size: var(--text-base);
    line-height: var(--leading-relaxed);
    margin: 0;
}
.climate-scopes .climate-card__unit {
    margin: 0.5rem 0 1rem;
}
.climate-transition__image-band {
    background-color: var(--color-secondary-dark);
    --banner-image: url(/content/dam/montepio/imagens/institucional/sustentabilidade/relatorio-2025/climate-change.webp);
    --banner-position: center 48%;
    --banner-size: cover;
    min-height: 13rem;
}
.contact-section {
    background: var(--color-main-yellow-300);
    color: var(--color-secondary-dark);
}
.contact-section__inner {
    gap: var(--space-6);
    padding: 2.5rem 0 3.125rem;
    display: grid;
}
.contact-section h2 {
    font-size: var(--text-lg);
    font-weight: var(--font-weight-black);
    margin: 0;
    line-height: 1.4;
}
.contact-section p {
    max-width: 44rem;
    font-size: var(--text-base);
    line-height: var(--leading-relaxed);
    overflow-wrap: anywhere;
    margin: 0;
}
.contact-section a {
    color: inherit;
    overflow-wrap: anywhere;
    text-underline-offset: 0.18em;
    text-decoration-color: currentColor;
}
.contact-section .contact-section__download {
    color: var(--color-background-white);
    background: var(--color-secondary-dark);
    margin-top: 1.5rem;
}
.motion-ready [data-motion="reveal"] {
    opacity: 0;
    transform: translate3d(0, var(--motion-reveal-distance), 0);
    transition:
        opacity var(--motion-duration-slow) var(--motion-ease-out) var(--motion-delay),
        transform var(--motion-duration-slow) var(--motion-ease-out) var(--motion-delay);
    will-change: opacity, transform;
}
.motion-ready [data-motion="reveal"].is-visible {
    opacity: 1;
    transform: translate(0, 0);
}
.motion-ready .double-materiality,
.motion-ready .stakeholder-listening,
.motion-ready .stakeholder-listening__sprite {
    opacity: 1;
    transform: none;
}
.site-footer-wrapper {
    z-index: 0;
    background: var(--color-main-yellow-300);
    position: sticky;
    bottom: 0;
}
.site-footer {
    color: var(--color-background-white);
    background: var(--color-secondary-dark);
    border-top-left-radius: 5rem;
}
.site-footer__inner {
    gap: var(--space-12);
    width: 100%;
    max-width: 76.875rem;
    margin-inline: auto;
    padding: 2.75rem 1rem;
    display: grid;
}
.site-footer__contact {
    gap: var(--space-4);
    border: 1px solid var(--color-border-inverse-muted);
    border-radius: 1.5rem;
    flex-direction: column;
    padding: 1.5rem 2rem;
    display: flex;
}
.site-footer__contact h2 {
    font-size: var(--text-base);
    font-weight: var(--font-weight-black);
    line-height: var(--leading-snug);
    margin: 0;
}
.site-footer__phone {
    align-items: baseline;
    gap: 0.25rem;
    display: flex;
}
.site-footer__phone span {
    color: var(--color-neutral-500);
    font-size: var(--text-xs);
    line-height: var(--leading-none);
}
.site-footer__phone a {
    color: inherit;
    font-family: var(--font-lato);
    font-size: var(--text-5xl);
    font-weight: var(--font-weight-black);
    line-height: var(--leading-none);
    text-underline-offset: 0.18em;
    text-decoration: none;
}
.site-footer p {
    font-size: var(--text-xs);
    margin: 0;
    line-height: 1.5;
}
.site-footer__contact p + p {
    color: var(--color-neutral-400);
}
.site-footer__legal {
    border-top: 1px solid var(--color-border-inverse-muted);
    gap: var(--space-6);
    text-align: center;
    padding-top: 2rem;
    display: grid;
}
.site-footer__legal strong {
    color: var(--color-background-white);
    font-family: var(--font-lato);
    font-size: var(--text-xs);
    line-height: var(--leading-normal);
    font-weight: var(--font-weight-black);
}
.site-footer__links {
    align-items: center;
    gap: var(--space-4);
    flex-direction: column;
    display: flex;
}
.site-footer__links a {
    font-size: var(--text-xs);
    text-underline-offset: 0.18em;
    line-height: 1.5;
    text-decoration: none;
}
.site-footer__legal p:last-child {
    margin-top: 1rem;
    max-width: 18rem;
    margin-inline: auto;
}
.site-footer__links a:hover,
.site-footer__links a:focus-visible,
.site-footer__phone a:hover,
.site-footer__phone a:focus-visible,
.contact-section a:not(.contact-section__download):hover,
.contact-section a:not(.contact-section__download):focus-visible {
    text-decoration: underline;
}
.site-footer__languages {
    justify-content: center;
    gap: var(--space-6);
    display: flex;
}
.language-button {
    align-items: center;
    gap: var(--space-2);
    min-height: 2rem;
    color: var(--color-background-white);
    font: inherit;
    font-size: var(--text-xs);
    font-weight: var(--font-weight-black);
    background: 0 0;
    border: 0;
    padding: 0;
    display: inline-flex;
}
.language-button:not(:disabled) {
    cursor: pointer;
}
.language-button img {
    width: 1.5rem;
    height: 1.5rem;
}
.language-button:disabled {
    color: var(--color-neutral-600);
}
.language-button:disabled img {
    opacity: 0.35;
    filter: grayscale();
}
@media (width>=40rem) {
    :root {
        --page-gutter: var(--space-6);
    }
    .site-header__inner {
        width: min(calc(100% - var(--page-gutter) - var(--page-gutter)), var(--container-wide));
        justify-content: space-between;
        gap: var(--space-6);
        min-height: 5rem;
    }
    .reports-nav {
        display: block;
    }
    .reports-link {
        min-width: 14.75rem;
    }
    .hero {
        min-height: calc(100svh - 5rem);
    }
    .hero__content {
        width: min(calc(100% - var(--page-gutter) - var(--page-gutter)), 44rem);
    }
    .hero__eyebrow {
        margin-bottom: var(--space-8);
        font-weight: var(--font-weight-semibold);
    }
    .hero__title {
        margin-bottom: var(--space-8);
        font-size: clamp(3rem, 7vw, 4rem);
    }
    .hero__description {
        margin-bottom: var(--space-16);
        font-size: var(--text-md);
        line-height: var(--leading-normal);
    }
    .executive-message {
        padding: var(--space-16) var(--page-gutter);
    }
    .executive-message__title {
        font-size: var(--text-7xl);
        line-height: 1.2;
    }
    .strategy-program__title,
    .double-materiality__title,
    .value-capitals__title,
    .social-impact__title,
    .climate-transition__title {
        font-size: clamp(3rem, 7vw, 4rem);
        line-height: 1.08;
    }
    .strategy-program__hero,
    .double-materiality__hero,
    .value-capitals__hero,
    .social-impact__hero,
    .climate-transition__hero {
        min-height: 18rem;
    }
    .strategy-program__hero {
        --banner-position: center 85%;
        --banner-size: cover;
    }
    .strategy-program__hero-inner,
    .double-materiality__hero-inner,
    .value-capitals__hero-inner,
    .social-impact__hero-inner,
    .climate-transition__hero-inner {
        padding: var(--space-20) 0;
        align-content: center;
    }
    .strategy-program__body,
    .double-materiality__body,
    .value-capitals__body,
    .social-impact__body,
    .climate-transition__body {
        padding-block: var(--space-16);
    }
    .value-capitals__metrics,
    .capital-social__people-metrics,
    .capital-social__impact-metrics,
    .capital-financial__metrics,
    .social-impact__metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .value-capitals__split-card,
    .social-metric--salary,
    .social-metric--microcredit,
    .social-metric--volunteering,
    .impact-card:last-child {
        grid-column: 1/-1;
    }
    .value-capitals__split-card,
    .climate-card--split,
    .climate-scopes {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .social-impact__sdg-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        max-width: none;
    }
    .materiality-summary__card {
        width: 100%;
    }
    .capital-financial__metrics,
    .social-impact__metrics,
    .climate-transition__metrics {
        gap: var(--space-6);
    }
    .financial-card--bonds,
    .climate-card--scopes {
        grid-column: 1/-1;
    }
}
@media (width>=48rem) {
    :root {
        --page-gutter: var(--space-8);
    }
    .social-impact__sdg-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .materiality-summary {
        align-items: center;
        gap: var(--space-8);
        grid-template-columns: minmax(0, 1fr) minmax(16rem, 25rem);
    }
    .materiality-matrix__content {
        align-items: center;
        gap: var(--space-8);
        grid-template-columns: minmax(0, 1fr) minmax(16rem, 25rem);
        display: grid;
    }
    .materiality-matrix__details {
        gap: var(--space-8);
        display: grid;
    }
    .materiality-matrix__details ol {
        padding: var(--space-6);
        border-radius: var(--radius-md);
        background: var(--color-neutral-300);
        font-size: var(--text-base);
        text-align: start;
        margin: 0;
        line-height: 1.625;
    }
    .materiality-matrix__legend {
        justify-content: center;
        gap: var(--space-6);
        font-size: var(--text-base);
        line-height: var(--leading-none);
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
    }
    .materiality-matrix__legend li {
        align-items: center;
        gap: var(--space-2-5);
        display: inline-flex;
    }
    .materiality-matrix__legend .legend-dot {
        width: 1.75rem;
        height: 1.75rem;
    }
}
@media (width>=64rem) {
    .site-header__inner {
        justify-content: flex-end;
        width: calc(100% - 4.5rem);
        min-height: 5rem;
    }
    .brand {
        position: absolute;
        left: 50%;
        transform: translate(-50%);
    }
    .reports-nav {
        display: block;
    }
    .hero {
        min-height: calc(100svh - 5rem);
    }
    .hero__content {
        width: min(100% - 2rem, 52rem);
    }
    .hero__eyebrow {
        letter-spacing: 0;
        font-weight: var(--font-weight-semibold);
        margin-bottom: 2rem;
    }
    .hero__title {
        margin-bottom: 2rem;
        font-size: clamp(3rem, 4.7vw, 4rem);
    }
    .hero__description {
        font-size: var(--text-md);
        margin-bottom: 4.8125rem;
        line-height: 1.8888;
    }
    .hero__scroll {
        margin-inline: 0;
        bottom: 2rem;
        left: auto;
        right: 4.1875rem;
    }
    .hero__scroll-icon {
        transform: none;
    }
    .hero__scroll-background {
        display: block;
    }
    .hero__scroll-graphic {
        filter: url(#hero-scroll-shadow);
    }
    .hero__scroll-line {
        stroke: var(--color-neutral-800);
    }
    .executive-message {
        padding-block: 5.75rem 6.75rem;
    }
    .executive-message__title {
        font-size: var(--text-7xl);
        line-height: 1.2;
    }
    .executive-message__divider {
        margin-top: 4.8125rem;
    }
    .section-tabs {
        margin-top: 3.125rem;
        display: block;
    }
    .section-tabs__control {
        display: none;
    }
    .section-tabs__viewport {
        overflow: visible;
    }
    .section-tabs__list {
        flex-wrap: wrap;
        align-items: center;
        gap: 1.5rem 2rem;
    }
    .section-tabs__item {
        flex: none;
    }
    .section-tab__desktop {
        display: inline;
    }
    .strategy-program {
        scroll-margin-top: 5rem;
    }
    .strategy-program__hero,
    .strategy-program__hero-inner {
        min-height: 20rem;
    }
    .strategy-program__hero {
        --banner-position: center 85%;
        --banner-size: cover;
    }
    .strategy-program__hero-inner {
        align-content: center;
        align-items: center;
        gap: var(--space-8);
        grid-template-columns: minmax(0, 1fr) auto;
        padding: 4.25rem 0;
    }
    .strategy-program__title {
        max-width: 35rem;
        font-size: var(--text-9xl);
        line-height: 1.0625;
    }
    .strategy-program__download {
        justify-self: end;
        margin-top: 0;
    }
    .strategy-program__body {
        padding: 5rem 0 3.375rem;
    }
    .double-materiality {
        scroll-margin-top: 5rem;
    }
    .double-materiality__hero,
    .double-materiality__hero-inner {
        min-height: 20rem;
    }
    .double-materiality__hero {
        --banner-overlay: var(--gradient-materiality-desktop);
        --banner-position: center 45%;
    }
    .double-materiality__hero-inner {
        padding: 5.75rem 0;
    }
    .double-materiality__title {
        max-width: 34rem;
        font-size: var(--text-9xl);
        line-height: 1.0625;
    }
    .double-materiality__body {
        padding: 5rem 0 6.75rem;
    }
    .stakeholder-listening {
        margin-top: 3.75rem;
    }
    .stakeholder-listening__title {
        font-size: var(--text-6xl);
        margin-bottom: 2.375rem;
    }
    .stakeholder-listening__sprite {
        grid-template-columns: minmax(0, 29rem) minmax(0, 22rem);
        align-items: center;
        gap: 0;
        width: min(100%, 51rem);
        overflow: visible;
    }
    .stakeholder-listening__sprite-part {
        background-size: 51rem;
    }
    .stakeholder-listening__sprite-part--chart {
        background-position: 0 0;
        height: 23rem;
    }
    .stakeholder-listening__sprite-part--legend {
        background-position: -29rem 1.75rem;
        height: 23rem;
    }
    .double-materiality__note {
        max-width: 47.75rem;
        margin-top: 3.375rem;
    }
    .materiality-summary {
        align-items: center;
        gap: var(--space-16);
        grid-template-columns: minmax(0, 1fr) 25rem;
        margin-top: 5.375rem;
    }
    .materiality-summary__stats {
        place-items: center stretch;
        gap: var(--space-10);
        grid-template-columns: 13rem 1fr;
    }
    .materiality-summary__main {
        position: relative;
    }
    .materiality-summary__main:after {
        background: var(--color-secondary-dark);
        content: "";
        opacity: 0.2;
        width: 1px;
        height: 100%;
        position: absolute;
        top: 0;
        right: -1.25rem;
    }
    .materiality-summary__main strong {
        font-size: var(--text-10xl);
    }
    .materiality-summary__main span {
        font-weight: var(--font-weight-black);
        font-size: var(--text-xl);
        max-width: none;
        line-height: 1.2727;
    }
    .materiality-summary__secondary {
        gap: 1.25rem;
        max-width: none;
    }
    .materiality-summary__secondary span {
        font-size: var(--text-lg);
        line-height: 1.4;
    }
    .materiality-summary__card {
        width: 100%;
        padding: 1.5rem 2rem;
    }
    .materiality-summary__card h3 {
        font-size: var(--text-2xl);
        line-height: var(--leading-tight);
        margin: 0 0 0.75rem;
    }
    .materiality-summary__card ol {
        column-gap: var(--space-3);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        display: grid;
    }
    .materiality-matrix {
        margin-top: 4.75rem;
    }
    .materiality-matrix__title {
        font-size: var(--text-2xl);
        grid-column: 1;
        margin-bottom: 2rem;
    }
    .materiality-matrix__content {
        align-items: center;
        gap: var(--space-8);
        grid-template-columns: minmax(0, 1fr) 25rem;
        display: grid;
    }
    .materiality-matrix__details {
        gap: var(--space-8);
        display: grid;
    }
    .materiality-matrix__details ol {
        border-radius: var(--radius-md);
        background: var(--color-neutral-300);
        text-align: start;
        font-size: var(--text-base);
        margin: 0;
        padding: 1.5rem;
        line-height: 1.625;
    }
    .materiality-matrix__legend {
        justify-content: center;
        gap: var(--space-6);
        font-size: var(--text-base);
        line-height: var(--leading-none);
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
    }
    .materiality-matrix__legend li {
        align-items: center;
        gap: 0.625rem;
        display: inline-flex;
    }
    .materiality-matrix__legend .legend-dot {
        width: 1.75rem;
        height: 1.75rem;
    }
    .value-capitals {
        scroll-margin-top: 5rem;
    }
    .value-capitals__hero,
    .value-capitals__hero-inner {
        min-height: 20rem;
    }
    .value-capitals__hero {
        --banner-position: center;
    }
    .value-capitals__hero-inner {
        padding: 5.75rem 0;
    }
    .value-capitals__title {
        max-width: 22rem;
        font-size: var(--text-9xl);
        line-height: 1.0625;
    }
    .value-capitals__body {
        align-items: start;
        gap: var(--space-20);
        grid-template-columns: 26.875rem minmax(0, 44.5rem);
        padding: 5rem 0 5.75rem;
    }
    .value-capitals__intro h3 {
        font-size: var(--text-7xl);
        line-height: var(--leading-none);
        margin-bottom: 2rem;
    }
    .value-capitals__intro p {
        max-width: 22.5rem;
        font-size: var(--text-2xl);
        line-height: var(--leading-loose);
    }
    .value-capitals__metrics {
        gap: var(--space-10);
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .value-metric {
        min-height: 14.375rem;
        padding: 1.625rem 1.25rem 1.375rem;
    }
    .value-metric h3 {
        font-size: var(--text-xl);
        line-height: var(--leading-snug);
    }
    .value-metric__value strong,
    .value-metric__value span {
        font-size: var(--text-10xl);
    }
    .value-metric__note {
        font-size: var(--text-md);
    }
    .value-capitals__split-card {
        border-radius: var(--radius-lg);
        background: var(--color-background-white);
        grid-column: 1/-1;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0;
        display: grid;
    }
    .value-metric--split {
        background: 0 0;
        border-radius: 0;
        min-height: 13.75rem;
        position: relative;
    }
    .value-metric--split + .value-metric--split:before {
        background: var(--color-secondary-dark);
        content: "";
        opacity: 0.2;
        width: 1px;
        position: absolute;
        top: 1.5rem;
        bottom: 1.5rem;
        left: 0;
    }
    .value-capitals__divider {
        margin: 0;
    }
    .capital-social {
        width: min(100%, var(--container-wide));
        justify-self: center;
        gap: 8rem clamp(var(--space-10), 5vw, var(--space-20));
        grid-template-columns: minmax(20rem, 26.875rem) minmax(0, 44.5rem);
        grid-template-areas: "intro people" "mission impact" "divider divider";
    }
    .capital-social__intro,
    .capital-social__footnote {
        grid-area: intro;
    }
    .capital-social__intro h3 {
        font-size: var(--text-7xl);
        line-height: var(--leading-none);
        margin-bottom: 2rem;
    }
    .capital-social__intro p,
    .capital-social__mission {
        max-width: 24rem;
        font-size: var(--text-2xl);
        line-height: var(--leading-loose);
    }
    .capital-social__footnote {
        max-width: 24rem;
        font-size: var(--text-md);
        line-height: var(--leading-normal);
        align-self: end;
    }
    .capital-social__people-metrics {
        grid-area: people;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 2rem 2.5rem;
    }
    .capital-social__people-metrics .social-metric--compact:nth-child(2) {
        grid-area: 2/1;
    }
    .capital-social__mission {
        grid-area: mission;
    }
    .capital-social__impact-metrics {
        gap: var(--space-10);
        grid-area: impact;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .social-metric {
        border-radius: 0.875rem;
        min-height: 13.5rem;
        padding: 1.5rem 1.25rem 1.75rem;
    }
    .social-metric h4 {
        font-size: var(--text-xl);
        line-height: 1.2727;
    }
    .social-metric__value strong,
    .social-metric__list dd,
    .social-metric__unit {
        font-size: var(--text-10xl);
    }
    .social-metric__label,
    .social-metric__list dt {
        font-size: var(--text-md);
    }
    .social-metric--salary {
        grid-area: span 2/2;
        min-height: 32.125rem;
        padding-block: 1.5rem 2.5rem;
    }
    .social-metric--salary h4 {
        margin-bottom: 2rem;
    }
    .social-metric__list {
        gap: 2.125rem;
    }
    .social-metric--volunteering {
        grid-column: 1;
    }
    .social-metric--volunteering,
    .social-metric--microcredit {
        min-height: 36.25rem;
        padding-block: 2.75rem 3.25rem;
    }
    .social-metric--volunteering .social-metric__pair {
        display: contents;
    }
    .social-metric__pair .social-metric__value + .social-metric__value {
        border-left: 0;
    }
    .social-metric--microcredit .social-metric__value + .social-metric__value {
        margin-top: 3rem;
    }
    .social-metric--microcredit {
        grid-column: auto;
    }
    .value-capitals__divider--social {
        grid-area: divider;
    }
    .capital-financial {
        width: min(100%, var(--container-wide));
        justify-self: center;
        gap: clamp(var(--space-10), 5vw, var(--space-20));
        grid-template-columns: minmax(20rem, 26.875rem) minmax(0, 44.5rem);
        grid-template-areas: "intro metrics";
        position: relative;
    }
    .capital-financial__intro {
        grid-area: intro;
    }
    .capital-financial__intro h3 {
        font-size: var(--text-7xl);
        line-height: var(--leading-none);
        margin-bottom: 2rem;
    }
    .capital-financial__intro p {
        max-width: 25rem;
        font-size: var(--text-2xl);
        line-height: var(--leading-loose);
    }
    .capital-financial__footnote {
        clip: auto;
        white-space: normal;
        width: auto;
        max-width: 24rem;
        height: auto;
        font-size: var(--text-md);
        line-height: var(--leading-normal);
        padding: 0;
        position: absolute;
        top: 40.5rem;
        left: 0;
        overflow: visible;
    }
    .capital-financial__metrics {
        gap: var(--space-10);
        grid-area: metrics;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .financial-card {
        border-radius: 0.875rem;
        min-height: 13.5rem;
        padding: 1.5rem 1.25rem;
    }
    .financial-card h4 {
        font-size: var(--text-xl);
        line-height: 1.2727;
    }
    .financial-card__value {
        margin-top: 1.75rem;
    }
    .financial-card__value strong {
        font-size: var(--text-10xl);
    }
    .financial-card__value span {
        font-size: var(--text-7xl);
    }
    .financial-card--capital-ratio .financial-card__value span,
    .financial-card--cet .financial-card__value span {
        font-size: var(--text-10xl);
    }
    .financial-card__note {
        font-size: var(--text-md);
        margin-top: 1.25rem;
    }
    .financial-card--bonds {
        grid-column: 1/-1;
        min-height: 36.25rem;
        padding: 1.375rem 2.5rem 2.5rem;
        position: relative;
    }
    .financial-card--bonds:before {
        background: var(--color-secondary-dark);
        content: "";
        opacity: 0.18;
        width: 1px;
        position: absolute;
        top: 6.125rem;
        bottom: 2.5rem;
        left: 50%;
    }
    .financial-card--bonds h4 {
        max-width: none;
        font-size: var(--text-xl);
        margin-bottom: 2.875rem;
        line-height: 1.2727;
    }
    .financial-bonds {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 4.75rem 5rem;
    }
    .financial-bond {
        gap: var(--space-3);
    }
    .financial-bond__amount strong {
        font-size: var(--text-7xl);
    }
    .financial-bond__amount span {
        font-size: var(--text-md);
    }
    .financial-bond h5 {
        font-size: var(--text-base);
        line-height: 1.35;
    }
    .financial-bond p {
        max-width: 16.5rem;
        font-size: var(--text-base);
        line-height: 1.35;
    }
    .financial-card--rating {
        gap: 0.875rem;
    }
    .financial-card--rating p:first-of-type {
        font-size: var(--text-2xl);
        line-height: var(--leading-tight);
    }
    .social-impact {
        scroll-margin-top: 5rem;
    }
    .social-impact__hero,
    .social-impact__hero-inner {
        min-height: 20rem;
    }
    .social-impact__hero {
        --banner-overlay: var(--gradient-social-impact-desktop);
        --banner-position: center 43%;
    }
    .social-impact__hero-inner {
        align-content: center;
        align-items: center;
        gap: var(--space-8);
        grid-template-columns: minmax(0, 1fr) auto;
        padding: 5.75rem 0;
    }
    .social-impact__title {
        max-width: 32rem;
        font-size: var(--text-9xl);
        line-height: 1.0625;
    }
    .social-impact__download {
        justify-self: end;
        width: auto;
        min-width: 15.375rem;
    }
    .social-impact__body {
        gap: 4.375rem;
        padding: 4.375rem 0 7rem;
    }
    .social-impact__quote {
        max-width: 48.125rem;
        color: var(--color-secondary-dark);
        font-size: var(--text-md);
        line-height: var(--leading-normal);
        margin-left: 6.25rem;
    }
    .social-impact__sdgs {
        min-width: 0;
        padding: 2rem clamp(var(--space-8), 6vw, 6.25rem) 3.75rem;
        gap: var(--space-8);
    }
    .social-impact__sdgs h3 {
        font-size: var(--text-2xl);
        line-height: var(--leading-loose);
    }
    .social-impact__sdg-grid {
        justify-content: center;
        gap: clamp(var(--space-4), 2vw, var(--space-7));
        grid-template-columns: repeat(auto-fit, minmax(7.5rem, 10.5rem));
        max-width: none;
        margin-inline: 0;
    }
    .social-impact__sdg-grid img {
        width: 100%;
        max-width: 10.5rem;
    }
    .social-impact__methodology {
        max-width: 48rem;
        color: var(--color-secondary-dark);
        font-size: var(--text-md);
        line-height: var(--leading-normal);
        margin-left: 6.25rem;
    }
    .social-impact__methodology p {
        margin-bottom: 1.875rem;
    }
    .social-impact__methodology ol {
        margin-left: 4.5rem;
    }
    .social-impact__metrics {
        gap: var(--space-6);
        grid-template-columns: repeat(2, minmax(0, 1fr));
        min-width: 0;
    }
    .impact-card {
        padding: 2rem 1rem;
    }
    .impact-card:first-child,
    .impact-card:last-child {
        border-radius: var(--radius-md);
    }
    .impact-card h3 {
        font-size: var(--text-2xl);
        line-height: var(--leading-tight);
    }
    .impact-card__value {
        margin-block: 0 1.25rem;
    }
    .impact-card__value strong {
        font-size: var(--text-11xl);
    }
    .impact-card__value span {
        font-size: var(--text-7xl);
    }
    .impact-card p:last-child {
        font-size: var(--text-md);
        line-height: var(--leading-normal);
    }
    .climate-transition {
        scroll-margin-top: 5rem;
    }
    .climate-transition__hero,
    .climate-transition__hero-inner {
        min-height: 20rem;
    }
    .climate-transition__hero {
        --banner-overlay: var(--gradient-climate-transition-desktop);
        --banner-position: center 42%;
    }
    .climate-transition__hero-inner {
        align-content: center;
        align-items: center;
        gap: var(--space-8);
        grid-template-columns: minmax(0, 1fr) auto;
        padding: 5.25rem 0;
    }
    .climate-transition__title {
        max-width: 42rem;
        font-size: var(--text-9xl);
        line-height: 1.0625;
    }
    .climate-transition__download {
        justify-self: end;
        width: auto;
        min-width: 15.375rem;
    }
    .climate-transition__body {
        gap: var(--space-16);
        padding: 5rem 0 7rem;
    }
    .climate-transition__intro {
        grid-template-columns: 1fr;
    }
    .climate-transition__intro h3 {
        font-size: var(--text-md);
    }
    .climate-transition__intro blockquote {
        font-size: var(--text-md);
        line-height: var(--leading-normal);
        margin-left: 4rem;
    }
    .climate-transition__metrics {
        gap: var(--space-6);
        grid-template-columns: 17rem minmax(0, 1fr);
    }
    .climate-card {
        border-radius: var(--radius-md);
        padding: var(--space-8);
    }
    .climate-card h3 {
        font-size: var(--text-xl);
        line-height: 1.2727;
    }
    .climate-card__value strong {
        font-size: var(--text-9xl);
    }
    .climate-card__value span {
        font-size: var(--text-7xl);
    }
    .climate-card__unit {
        font-size: var(--text-7xl);
        line-height: var(--leading-none);
    }
    .climate-card--target {
        align-content: center;
        min-height: 12rem;
        display: grid;
    }
    .climate-card--split {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: center;
        gap: 0;
        min-height: 12rem;
    }
    .climate-card__metric + .climate-card__metric {
        border-left: 1px solid var(--color-border-dark-subtle);
    }
    .climate-card__metric {
        padding-inline: 1.5rem;
    }
    .climate-card--scopes {
        grid-column: 1/-1;
    }
    .climate-card--scopes h3 {
        max-width: none;
        margin-bottom: 1.5rem;
    }
    .climate-scopes {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0;
    }
    .climate-scopes article {
        padding-inline: 2rem;
    }
    .climate-scopes article + article {
        border-left: 1px solid var(--color-border-dark-subtle);
    }
    .climate-transition__image-band {
        --banner-position: center 48%;
        min-height: 28.75rem;
    }
    .contact-section__inner {
        gap: var(--space-12);
        padding: 4.375rem 0 5rem;
    }
    .contact-section h2 {
        font-size: var(--text-7xl);
        line-height: var(--leading-none);
    }
    .contact-section p {
        font-size: var(--text-2xl);
        line-height: var(--leading-normal);
    }
    .contact-section__download {
        justify-self: start;
        width: auto;
        min-width: 15.375rem;
    }
    .site-footer {
        border-radius: 4rem 0 0;
    }
    .site-footer__inner {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 2rem 3rem;
        padding: 3.5rem 0 2rem;
    }
    .site-footer__contact {
        border: 0;
        border-radius: 0;
        grid-column: 1/-1;
        grid-template-columns: 22rem minmax(0, 1fr);
        align-items: center;
        gap: 1rem 3rem;
        padding: 0;
        display: grid;
    }
    .site-footer__contact h2 {
        grid-column: 1;
        margin-bottom: 0;
    }
    .site-footer__phone {
        grid-area: 1/2 / span 2;
        align-self: self-end;
        margin-bottom: 0;
    }
    .site-footer__phone a {
        font-size: var(--text-5xl);
    }
    .site-footer__contact p {
        grid-column: 1;
    }
    .site-footer__contact p + p {
        grid-column: 1/-1;
        margin-top: 0;
    }
    .site-footer__legal {
        text-align: start;
        gap: var(--space-3);
        grid-column: 1;
        padding-top: 1.5rem;
    }
    .site-footer__links {
        justify-content: flex-start;
        align-items: center;
        gap: var(--space-6);
        flex-direction: row;
    }
    .site-footer__legal p:last-child {
        text-align: start;
        margin-top: 0;
        max-width: none;
        margin-inline: 0;
    }
    .site-footer__languages {
        grid-column: 2;
        justify-content: flex-end;
        align-self: end;
    }
}
@media (width>=80rem) {
    .social-impact__sdgs {
        padding-inline: 6.25rem;
    }
    .social-impact__sdg-grid {
        gap: var(--space-7);
        grid-template-columns: repeat(5, 10.5rem);
        justify-content: start;
    }
    .social-impact__sdg-grid img {
        width: 10.5rem;
    }
    .social-impact__metrics {
        grid-template-columns: repeat(6, minmax(0, 1fr));
        gap: 2.5rem 2rem;
    }
    .impact-card:nth-child(-n + 3) {
        grid-column: span 2;
    }
    .impact-card:nth-child(4) {
        grid-column: 2 / span 2;
    }
    .impact-card:nth-child(5) {
        grid-column: 4 / span 2;
    }
}
@media (orientation: portrait) and (width<=48rem) {
    .materiality-modal[open]:not(.is-rotate-dismissed):after {
        z-index: 4;
        background: var(--color-scrim);
        content: "";
        position: fixed;
        inset: 0;
    }
    .materiality-modal[open]:not(.is-rotate-dismissed) .materiality-modal__rotate-message {
        display: block;
    }
}
@media (orientation: landscape) and (height<=36rem) {
    .materiality-modal__viewport {
        padding: 1rem 1.25rem;
    }
    .materiality-modal__figure {
        gap: var(--space-3);
        grid-template-rows: auto minmax(0, 1fr);
        grid-template-columns: minmax(0, 1fr) 17.5rem;
        width: calc(100vw - 2.5rem);
        height: calc(100dvh - 2rem);
        transform: translate(-50%, -50%);
    }
    .materiality-modal__chart {
        grid-area: 2/1;
        place-self: center;
        width: auto;
        max-width: calc(100dvh - 3rem);
        height: min(150%, 100vw - 22rem);
        transform: rotate(-90deg);
    }
    .materiality-modal__details {
        min-width: 0;
    }
    .materiality-modal__legend {
        flex-wrap: wrap;
        gap: 0.5rem;
    }
    .materiality-modal__close--bottom {
        top: 0.75rem;
        bottom: auto;
        right: 0.75rem;
    }
}
@media (width>=48rem) and (hover: hover) {
    .materiality-matrix__open,
    .materiality-modal,
    .materiality-modal[open],
    .materiality-modal::backdrop,
    .materiality-modal[open]:after {
        visibility: hidden;
        display: none;
    }
}
@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
    *,
    :before,
    :after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
    .motion-ready [data-motion="reveal"] {
        opacity: 1;
        transform: none;
    }
    .strategy-program__hero:before,
    .double-materiality__hero:before,
    .value-capitals__hero:before,
    .social-impact__hero:before,
    .climate-transition__hero:before,
    .climate-transition__image-band:before {
        transform: none;
    }
    .hero__video {
        display: none;
    }
    .hero__scroll {
        animation: none;
    }
}