:root {
    --wvn-blue: #034991;
    --wvn-navy: #002953;
    --wvn-yellow: #ffef2c;
    --wvn-light-blue: #eff6ff;
    --wvn-light-blue-strong: #dfeeff;
    --wvn-white: #fff;
    --wvn-text: #034991;
    --wvn-content-width: 1640px;
    --wvn-page-padding: clamp(20px, 7.2916667vw, 140px);
    --wvn-radius: 999px;
    /* Central vertical-rhythm tokens for WV-Nord sections. */
    --wvn-space-section-y: clamp(80px, 7.3vw, 140px);
    --wvn-space-section-header: clamp(50px, 4.2vw, 80px);
    --wvn-space-lead-top: clamp(46px, 5.1vw, 98px);
    --wvn-space-lead-bottom: clamp(85px, 7.5vw, 145px);
    --wvn-space-copy-top: clamp(28px, 2.2vw, 42px);
    --site-background: #fff;
    --site-text: var(--wvn-text);
    --site-surface: #fff;
    --ro-brand-surface: var(--wvn-blue);
    --ro-brand-text: #fff;
    --site-scroll-offset: 120px;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    background: #fff;
    color: var(--wvn-text);
    font-family: "Source Sans 3", "Source Sans Pro", Arial, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.3;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
}

body.wvn-menu-open {
    overflow: hidden;
}

.wvn-site,
.wvn-site * {
    box-sizing: border-box;
}

.wvn-site .site-main {
    padding: 0;
    overflow: hidden;
}

.wvn-site a {
    color: inherit;
    text-decoration: none;
}

.wvn-site img {
    max-width: 100%;
    height: auto;
}

.wvn-shell {
    width: min(calc(100% - (2 * var(--wvn-page-padding))), var(--wvn-content-width));
    margin-inline: auto;
}

.visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.wvn-eyebrow {
    display: block;
    margin-bottom: 14px;
    color: var(--wvn-blue);
    font-size: clamp(14px, 1.302083vw, 25px);
    font-weight: 700;
    letter-spacing: .02em;
    line-height: 1.2;
    text-transform: uppercase;
}

.wvn-eyebrow--light {
    color: #fff;
}

.wvn-section-title {
    margin: 0;
    color: var(--wvn-blue);
    font-size: clamp(54px, 5.208333vw, 100px);
    font-weight: 900;
    letter-spacing: .1em;
    line-height: 1.1;
    text-transform: uppercase;
}

.wvn-section-title span {
    font-weight: 500;
}

.wvn-section-title strong {
    font-weight: 900;
}

.wvn-section-title--center {
    text-align: center;
}

.wvn-button {
    display: inline-flex;
    min-height: 62px;
    align-items: center;
    justify-content: center;
    padding: 13px 30px;
    border: 0;
    border-radius: var(--wvn-radius);
    background: var(--wvn-blue);
    color: #fff !important;
    font-size: clamp(16px, 1.302083vw, 25px);
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 1;
    text-transform: uppercase;
    transition: transform .18s ease, filter .18s ease;
}

.wvn-button:hover,
.wvn-button:focus-visible {
    transform: translateY(-2px);
    filter: brightness(.97);
}

.wvn-button--yellow {
    background: var(--wvn-yellow);
    color: var(--wvn-navy) !important;
}

.wvn-button--navy {
    background: var(--wvn-navy);
    color: #fff !important;
}

.wvn-button--yellow-outline,
.wvn-button--outline-yellow {
    border: 4px solid var(--wvn-yellow);
    background: transparent;
    color: var(--wvn-yellow) !important;
}

.wvn-button--light {
    background: #fff;
    color: var(--wvn-blue) !important;
}

/* Header */
.wvn-header {
    position: absolute;
    inset: 0 0 auto;
    z-index: 50;
    pointer-events: none;
}

.wvn-header__inner {
    display: flex;
    min-height: 196px;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    pointer-events: auto;
}

.wvn-header__brand {
    display: block;
    width: clamp(260px, 23.177083vw, 445px);
    flex: 0 0 auto;
}

.wvn-header__brand img {
    display: block;
    width: 100%;
    border-radius: 0 0 11px 11px;
    box-shadow: 0 5px 14px rgba(0, 41, 83, .08);
}

.wvn-header__actions {
    display: flex;
    align-items: stretch;
    margin: 0;
    box-shadow: 0 4px 13px rgba(0, 41, 83, .1);
}

.wvn-header-link,
.wvn-menu-toggle {
    height: 78px;
    min-height: 78px;
    border: 0;
    border-left: 1px solid rgba(0, 41, 83, .06);
    padding: 0 28px;
    font: inherit;
    font-size: clamp(18px, 1.302083vw, 25px);
    font-weight: 900;
    letter-spacing: .1em;
    text-transform: uppercase;
    cursor: pointer;
}

.wvn-header-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.wvn-header-link--water {
    width: 260px;
    background: var(--wvn-blue);
    color: #fff !important;
}

.wvn-header-link--wastewater {
    width: 260px;
    background: var(--wvn-yellow);
    color: var(--wvn-navy) !important;
}

.wvn-header-link--portal {
    width: 278px;
    gap: 10px;
    background: #fff;
    color: var(--wvn-navy) !important;
}

.wvn-header-link--portal img {
    width: 26px;
}

.wvn-menu-toggle {
    display: grid;
    width: 136px;
    min-width: 136px;
    place-items: center;
    padding: 0;
    background: #fff;
}

.wvn-menu-toggle img {
    width: 35px;
}

.wvn-menu[hidden] {
    display: none;
}

.wvn-menu {
    position: fixed;
    inset: 0;
    z-index: 100;
    display: flex;
    justify-content: flex-end;
    pointer-events: auto;
}

.wvn-menu__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0, 24, 51, .66);
}

.wvn-menu__panel {
    position: relative;
    width: min(620px, 94vw);
    height: 100%;
    overflow-y: auto;
    padding: 42px clamp(28px, 5vw, 62px) 52px;
    background: #fff;
    box-shadow: -20px 0 60px rgba(0, 0, 0, .15);
}

.wvn-menu__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 38px;
    color: var(--wvn-blue);
    font-size: 32px;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.wvn-menu__close {
    border: 0;
    background: transparent;
    color: var(--wvn-navy);
    font-size: 48px;
    line-height: 1;
    cursor: pointer;
}

.wvn-menu__list,
.wvn-menu__list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.wvn-menu__list > li {
    border-top: 1px solid #dbe5ef;
}

.wvn-menu__list > li:last-child {
    border-bottom: 1px solid #dbe5ef;
}

.wvn-menu__list > li > a {
    display: block;
    padding: 16px 0;
    color: var(--wvn-blue);
    font-size: 30px;
    font-weight: 700;
}

.wvn-menu__list ul {
    padding: 0 0 16px 18px;
}

.wvn-menu__list ul a {
    display: block;
    padding: 7px 0;
    font-size: 18px;
}

.wvn-menu__list .is-active > a {
    text-decoration: underline;
    text-decoration-color: var(--wvn-yellow);
    text-decoration-thickness: 4px;
    text-underline-offset: 5px;
}

.wvn-menu__portal {
    margin-top: 30px;
}

/* Hero — desktop artboard: 1920 × 1168 px */
.wvn-hero {
    position: relative;
    z-index: 2;
    min-height: clamp(800px, 60.833333vw, 1168px);
    overflow: hidden;
    background: url("../Images/WvNord/hero-waterworks.jpg") center top / cover no-repeat;
    color: #fff;
}

.wvn-hero::after {
    content: "";
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: -1px;
    left: 0;
    height: clamp(250px, 18.75vw, 360px);
    background: url("../Icons/WvNord/hero-wave.svg") center bottom / 100% 100% no-repeat;
    pointer-events: none;
}

.wvn-hero__shade {
    position: absolute;
    inset: 0;
    z-index: 0;
    background: linear-gradient(90deg, rgba(0, 33, 66, .23) 0%, rgba(0, 33, 66, .06) 42%, rgba(0, 33, 66, 0) 70%);
}

.wvn-hero__content {
    position: relative;
    z-index: 2;
    padding-top: clamp(255px, 16.5625vw, 318px);
}

.wvn-hero h1 {
    width: min(1052px, 68vw);
    margin: 0;
    font-size: clamp(72px, 6.25vw, 120px);
    font-weight: 900;
    letter-spacing: .1em;
    line-height: 1.0833;
    text-transform: uppercase;
    text-shadow: 0 2px 12px rgba(0, 22, 45, .16);
}

.wvn-hero p {
    width: min(998px, 64vw);
    margin: clamp(22px, 2.1vw, 40px) 0 0;
    font-size: clamp(36px, 3.385417vw, 65px);
    font-weight: 500;
    letter-spacing: .1em;
    line-height: 1.23;
    text-transform: uppercase;
}

.wvn-hero__utility {
    position: absolute;
    top: clamp(250px, 16.588542vw, 318.5px);
    right: -7px;
    z-index: 3;
    display: flex;
    width: 103px;
    flex-direction: column;
    align-items: center;
    padding: 10px 0;
    border-radius: 9px 0 0 9px;
    background: #fff;
    box-shadow: 0 0 17px rgba(0, 0, 0, .17);
}

.wvn-utility-link {
    display: grid;
    width: 72px;
    height: 72px;
    place-items: center;
}

.wvn-utility-link img {
    width: 56px;
    height: 56px;
}

.wvn-hero__utility-divider {
    width: 56px;
    height: 3px;
    margin: 4px 0;
    border-radius: 3px;
    background: #ccc;
}

/* Portal — artboard section 1168–2220 */
.wvn-portal-section {
    position: relative;
    z-index: 1;
    min-height: clamp(760px, 54.791667vw, 1052px);
    padding: 0 0 clamp(180px, 13.2vw, 254px);
    background: var(--wvn-navy);
    color: #fff;
}

.wvn-portal-section::after {
    content: "";
    position: absolute;
    z-index: 0;
    right: 0;
    bottom: -1px;
    left: 0;
    height: clamp(190px, 15.625vw, 300px);
    background: url("../Icons/WvNord/portal-wave.svg") center bottom / 100% 100% no-repeat;
    pointer-events: none;
}

.wvn-portal-section__grid {
    position: relative;
    z-index: 1;
    display: grid;
    width: min(calc(100% - 40px), 1360px);
    margin-inline: auto;
    grid-template-columns: minmax(0, 534px) minmax(0, 812px);
    gap: 107px;
    align-items: start;
}

.wvn-portal-section__intro {
    padding-top: clamp(44px, 3.177083vw, 61px);
}

.wvn-portal-section h2 {
    margin: 0 0 clamp(30px, 2.1vw, 40px);
    color: var(--wvn-yellow);
    font-size: clamp(58px, 3.90625vw, 75px);
    font-weight: 500;
    letter-spacing: .1em;
    line-height: 1.0667;
    text-transform: uppercase;
}

.wvn-portal-section h2 strong {
    font-weight: 900;
}

.wvn-portal-section p {
    width: 534px;
    max-width: 100%;
    margin: 0 0 48px;
    font-size: clamp(18px, 1.302083vw, 25px);
    line-height: 1.4;
}

.wvn-portal-login,
.wvn-footer-login {
    display: inline-flex;
    align-items: center;
    gap: 17px;
    min-height: 100px;
    padding: 11px 24px 11px 15px;
    border: 5px solid var(--wvn-yellow);
    border-radius: 30px;
    color: var(--wvn-yellow) !important;
    text-transform: uppercase;
}

.wvn-portal-login img,
.wvn-footer-login img {
    width: 52px;
    height: 52px;
    flex: 0 0 auto;
}

.wvn-portal-login span,
.wvn-footer-login span,
.wvn-portal-login small,
.wvn-footer-login small,
.wvn-portal-login strong,
.wvn-footer-login strong {
    display: block;
}

.wvn-portal-login small,
.wvn-footer-login small {
    margin-bottom: 2px;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: none;
}

.wvn-portal-login strong,
.wvn-footer-login strong {
    font-size: 30px;
    font-weight: 900;
    letter-spacing: .1em;
    line-height: 1;
}

.wvn-service-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 48px 42px;
}

.wvn-service-card {
    display: flex;
    min-height: 340px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 30px;
    padding: 35px 20px;
    border-radius: 14px;
    background: #003364;
    box-shadow: 0 7px 15px rgba(0, 18, 38, .26);
    text-align: center;
    transition: transform .18s ease, background-color .18s ease;
}

.wvn-service-card:hover,
.wvn-service-card:focus-visible {
    transform: translateY(-4px);
    background: #003b72;
}

.wvn-service-card img {
    width: 122px;
    height: 122px;
}

.wvn-service-card span {
    color: var(--wvn-yellow);
    font-size: clamp(17px, 1.302083vw, 25px);
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 1.12;
    text-transform: uppercase;
}

/* Offer — artboard section 2220–3372 */
.wvn-offer {
    position: relative;
    min-height: clamp(900px, 60vw, 1152px);
    padding: clamp(60px, 3.125vw, 60px) 0 clamp(140px, 8vw, 154px);
    overflow: hidden;
    background-color: var(--wvn-light-blue);
}

.wvn-offer .wvn-section-title {
    margin-bottom: clamp(70px, 5.8vw, 112px);
}

.wvn-offer__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 160px;
    max-width: 1260px;
    margin: 0 auto;
}

.wvn-offer-card {
    text-align: center;
}

.wvn-offer-card__icon {
    width: 250px;
    height: 190px;
    object-fit: contain;
    margin-bottom: 12px;
}

.wvn-offer-card .wvn-eyebrow {
    margin-bottom: 6px;
    font-size: 20px;
    font-weight: 700;
}

.wvn-offer-card h3 {
    margin: 0 0 32px;
    color: var(--wvn-blue);
    font-size: clamp(54px, 3.90625vw, 75px);
    font-weight: 900;
    letter-spacing: .1em;
    line-height: 1.067;
    text-transform: uppercase;
}

.wvn-offer-card p {
    max-width: 460px;
    min-height: 105px;
    margin: 0 auto 42px;
    font-size: 20px;
    line-height: 1.3;
}

/* Career — artboard section 3372–4058 */
.wvn-career {
    position: relative;
    min-height: clamp(560px, 35.729167vw, 686px);
    overflow: hidden;
    background: var(--wvn-yellow);
}

.wvn-career__image {
    position: absolute;
    inset: 0 auto 0 0;
    width: 60%;
    background: url("../Images/WvNord/career.jpg") center 48% / cover no-repeat;
}

.wvn-career__wave {
    position: absolute;
    left: 43.5%;
    top: 59%;
    width: 250px;
    height: 170px;
    background: url("../Icons/WvNord/career-wave.svg") center / contain no-repeat;
}

.wvn-career h2 {
    position: absolute;
    z-index: 2;
    top: clamp(55px, 3.75vw, 72px);
    left: 28.85%;
    width: 36%;
    margin: 0;
    color: var(--wvn-blue);
    font-size: clamp(68px, 5.208333vw, 100px);
    font-weight: 900;
    letter-spacing: .05em;
    line-height: 1.1;
    text-align: right;
    text-transform: uppercase;
}

.wvn-career h2 span {
    display: inline;
    padding: 0 .13em .03em;
    background: var(--wvn-yellow);
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

.wvn-career__copy {
    position: absolute;
    z-index: 2;
    top: clamp(70px, 5.26vw, 101px);
    left: 66.86%;
    width: min(496px, 28%);
}

.wvn-career p {
    margin: 0 0 48px;
    color: var(--wvn-navy);
    font-size: clamp(21px, 1.458333vw, 28px);
    font-weight: 900;
    letter-spacing: .1em;
    line-height: 1.2857;
    text-transform: uppercase;
}

/* News — artboard section 4058–5296 */
.wvn-news {
    position: relative;
    min-height: clamp(880px, 64.479167vw, 1238px);
    padding: clamp(130px, 11.041667vw, 212px) 0 90px;
    overflow: hidden;
    background: #fff;
}

.wvn-news .wvn-section-title {
    font-size: clamp(52px, 3.90625vw, 75px);
}

.wvn-news__heading-row {
    position: relative;
}

.wvn-news__controls {
    display: contents;
}

.wvn-news__controls button {
    position: absolute;
    z-index: 3;
    top: clamp(325px, 18.9vw, 363px);
    width: 55px;
    height: 70px;
    border: 0;
    background: transparent;
    color: #ccc;
    font-size: 72px;
    font-weight: 300;
    line-height: 1;
    cursor: pointer;
}

.wvn-news__controls button:first-child {
    left: 0;
}

.wvn-news__controls button:last-child {
    right: 0;
}

.wvn-news__track {
    display: grid;
    margin-top: 56px;
    padding: 0 0 0 65px;
    grid-auto-columns: 398px;
    grid-auto-flow: column;
    gap: 80px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-behavior: smooth;
    scrollbar-width: none;
    scroll-snap-type: inline mandatory;
}

.wvn-news__track::-webkit-scrollbar {
    display: none;
}

.wvn-news-card {
    min-width: 0;
    scroll-snap-align: start;
}

.wvn-news-card img {
    display: block;
    width: 397px;
    height: 317px;
    object-fit: cover;
    margin-bottom: 58px;
}

.wvn-news-card h3 {
    min-height: 66px;
    margin: 0 0 20px;
    color: var(--wvn-blue);
    font-size: 25px;
    font-weight: 700;
    letter-spacing: .1em;
    line-height: 1.32;
    text-transform: uppercase;
}

.wvn-news-card p {
    min-height: 78px;
    margin: 0;
    font-size: 20px;
    line-height: 1.3;
}

.wvn-news-card > a {
    display: block;
    margin-top: 24px;
    padding-top: 15px;
    border-top: 1px solid var(--wvn-blue);
    color: #808080 !important;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: .1em;
    text-align: right;
    text-transform: uppercase;
}

.wvn-news__more {
    position: absolute;
    z-index: 4;
    right: 0;
    bottom: 20px;
    left: 0;
    text-align: center;
}

/* Future — artboard section 5296–6589 */
.wvn-future {
    position: relative;
    display: grid;
    min-height: clamp(900px, 67.34375vw, 1293px);
    grid-template-columns: 48.15% 51.85%;
    padding-top: clamp(100px, 7.1875vw, 138px);
    overflow: hidden;
    background: var(--wvn-blue);
    color: #fff;
}

.wvn-future::before {
    content: "";
    position: absolute;
    z-index: 5;
    inset: 0 0 auto;
    height: clamp(150px, 11.979167vw, 230px);
    background: url("../Icons/WvNord/future-wave.svg") center top / 100% 100% no-repeat;
    pointer-events: none;
}

.wvn-future__copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 120px 70px 100px max(var(--wvn-page-padding), calc((100vw - var(--wvn-content-width)) / 2));
    background: var(--wvn-blue);
}

.wvn-future h2 {
    width: 771px;
    max-width: 100%;
    margin: 0 0 40px;
    font-size: clamp(64px, 5.208333vw, 100px);
    font-weight: 900;
    letter-spacing: .1em;
    line-height: 1.1;
    text-transform: uppercase;
}

.wvn-future p {
    width: 536px;
    max-width: 100%;
    margin: 0 0 48px;
    font-size: 20px;
    line-height: 1.3;
}

.wvn-future__image {
    min-height: 100%;
    background: url("../Images/WvNord/future-family.jpg") center 42% / cover no-repeat;
}

/* Infrastructure / Quality — 6589–8125 */
.wvn-features {
    position: relative;
    display: grid;
    min-height: clamp(1080px, 80vw, 1536px);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    background: #fff;
}

.wvn-feature-card {
    min-width: 0;
}

.wvn-feature-card > img {
    display: block;
    width: 100%;
    height: clamp(480px, 37.463542vw, 719px);
    object-fit: cover;
}

.wvn-feature-card__copy {
    min-height: clamp(600px, 42.552083vw, 817px);
    padding: 72px 140px 90px;
}

.wvn-feature-card .wvn-eyebrow {
    margin-bottom: 28px;
    font-size: 25px;
}

.wvn-feature-card h2 {
    width: 680px;
    max-width: 100%;
    margin: 0 0 44px;
    color: var(--wvn-blue);
    font-size: clamp(56px, 3.90625vw, 75px);
    font-weight: 900;
    letter-spacing: .1em;
    line-height: 1.067;
    text-transform: uppercase;
}

.wvn-feature-card p {
    width: 538px;
    max-width: 100%;
    margin: 0 0 54px;
    font-size: 20px;
    line-height: 1.3;
}

/* About — 8125–10033 */
.wvn-about {
    position: relative;
    background: var(--wvn-light-blue);
}

.wvn-about__image {
    position: relative;
    min-height: clamp(650px, 52.5vw, 1008px);
    overflow: hidden;
    background: url("../Images/WvNord/team.jpg") center 44% / cover no-repeat;
}

.wvn-about__image::before {
    content: "";
    position: absolute;
    z-index: 2;
    inset: -1px 0 auto;
    height: clamp(150px, 13.541667vw, 260px);
    background: url("../Icons/WvNord/features-wave.svg") center top / 100% 100% no-repeat;
}

.wvn-about__image::after {
    content: "";
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: -1px;
    left: 0;
    height: clamp(140px, 11.458333vw, 220px);
    background: url("../Icons/WvNord/about-image-wave.svg") center bottom / 100% 100% no-repeat;
}

.wvn-about__body {
    min-height: clamp(650px, 46.875vw, 900px);
    padding: 0 0 78px;
    background-color: var(--wvn-light-blue);
    background-image: url("../Icons/WvNord/wave-pattern.svg");
    background-position: center top;
    background-size: 320px 160px;
}

.wvn-about__grid {
    display: grid;
    grid-template-columns: 398px minmax(0, 1fr);
    gap: 156px;
    align-items: center;
}

.wvn-about__intro h2 {
    margin: 0 0 48px;
    color: var(--wvn-blue);
    font-size: clamp(58px, 3.90625vw, 75px);
    font-weight: 500;
    letter-spacing: .1em;
    line-height: 1.067;
    text-transform: uppercase;
}

.wvn-about__intro h2 strong {
    font-weight: 900;
}

.wvn-about__intro p {
    width: 398px;
    max-width: 100%;
    margin: 0;
    font-size: 25px;
    line-height: 1.4;
}

.wvn-values {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 35px;
    align-items: end;
}

.wvn-values a {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: center;
    gap: 26px;
    text-align: center;
}

.wvn-values img {
    width: 164px;
    height: 164px;
}

.wvn-values span {
    color: var(--wvn-blue);
    font-size: 30px;
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 1;
    text-transform: uppercase;
}

.wvn-about__button {
    margin-top: 70px;
    text-align: center;
}

/* Social — 10033–11039 */
.wvn-social {
    min-height: clamp(750px, 52.395833vw, 1006px);
    padding: clamp(80px, 5.677083vw, 109px) 0 70px;
    background: #fff;
    text-align: center;
}

.wvn-social h2 {
    margin: 0 0 52px;
    color: var(--wvn-blue);
    font-size: clamp(34px, 2.604167vw, 50px);
    font-weight: 900;
    letter-spacing: .1em;
    line-height: 1.6;
    text-transform: uppercase;
}

.wvn-social__gallery {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.wvn-social__gallery img {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

.wvn-social__links,
.wvn-footer__social {
    display: flex;
    align-items: center;
}

.wvn-social__links {
    justify-content: center;
    gap: 100px;
    margin-top: 82px;
}

.wvn-social__links img {
    width: 64px;
    height: 64px;
}

/* Contact CTA — 11039–11679 */
.wvn-contact-cta {
    min-height: clamp(500px, 33.333333vw, 640px);
    padding: 0;
    background: var(--wvn-yellow);
}

.wvn-contact-cta__grid {
    display: grid;
    min-height: inherit;
    grid-template-columns: 50% 50%;
    align-items: center;
}

.wvn-contact-cta__grid > img {
    width: 760px;
    max-width: 95%;
    justify-self: start;
}

.wvn-contact-cta h2 {
    margin: 0 0 48px;
    color: var(--wvn-blue);
    font-size: clamp(56px, 3.90625vw, 75px);
    font-weight: 500;
    letter-spacing: .1em;
    line-height: 1.067;
    text-transform: uppercase;
}

.wvn-contact-cta h2 strong {
    font-weight: 900;
}

/* Footer — 11679–12359 */
.wvn-footer {
    position: relative;
    min-height: clamp(560px, 35.416667vw, 680px);
    overflow: hidden;
    padding: clamp(85px, 6.354167vw, 122px) 0 50px;
    background: var(--wvn-navy);
    color: #fff;
}

.wvn-footer__grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 398px));
    gap: 16px;
}

.wvn-footer__brand {
    display: block;
    width: 260px;
}

.wvn-footer__brand img {
    display: block;
    width: 100%;
    border-radius: 7px;
}

.wvn-footer-login {
    min-height: 82px;
    margin-top: 56px;
    padding: 8px 18px 8px 12px;
    border-width: 4px;
    border-radius: 20px;
}

.wvn-footer-login img {
    width: 44px;
    height: 44px;
}

.wvn-footer-login small {
    font-size: 11px;
}

.wvn-footer-login strong {
    font-size: 18px;
}

.wvn-footer__account-note {
    margin: 36px 0 15px !important;
    color: var(--wvn-yellow);
    font-size: 14px !important;
}

.wvn-footer__create {
    min-height: 44px;
    padding: 9px 18px;
    border-width: 3px;
    font-size: 16px;
}

.wvn-footer__social {
    justify-content: flex-start;
    gap: 22px;
    margin-top: 42px;
}

.wvn-footer__social a,
.wvn-footer__social img {
    width: 28px;
    height: 28px;
}

.wvn-footer h2 {
    margin: 0 0 20px;
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    line-height: 1.3;
    text-transform: none;
}

.wvn-footer p,
.wvn-footer li,
.wvn-footer a {
    font-size: 20px;
    line-height: 1.3;
}

.wvn-footer p {
    margin: 0 0 24px;
}

.wvn-footer__navigation ul {
    margin: 0 0 48px;
    padding: 0;
    list-style: none;
}

.wvn-footer__navigation li + li {
    margin-top: 22px;
}

.wvn-footer__navigation li a {
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.wvn-footer__navigation a:hover,
.wvn-footer__navigation a:focus-visible,
.wvn-footer__contact a:hover,
.wvn-footer__contact a:focus-visible {
    color: var(--wvn-yellow) !important;
}

.wvn-footer__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.wvn-footer__meta a,
.wvn-footer__meta span,
.wvn-footer__cookie {
    font-size: 20px;
}

.wvn-footer__contact strong {
    font-weight: 700;
}

.wvn-footer__mail {
    text-decoration: underline !important;
    text-underline-offset: 3px;
}

.wvn-emergency-link {
    display: block;
    width: 318px;
    max-width: 100%;
    margin-bottom: 28px;
    padding: 12px 36px;
    border: 4px solid #fff;
    border-radius: 46px;
    line-height: 1.05;
}

.wvn-emergency-link span,
.wvn-emergency-link strong {
    display: block;
}

.wvn-emergency-link span {
    font-weight: 900;
}

.wvn-emergency-link strong {
    margin-top: 7px;
    font-size: 20px;
    font-weight: 500;
}

.wvn-footer__cookie {
    display: inline-block;
    margin-top: 35px;
}

.wvn-footer__mark {
    position: absolute;
    right: -25px;
    width: 260px;
    height: 260px;
    clip-path: polygon(0 0, 50% 48%, 100% 0, 50% 100%);
}

.wvn-footer__mark--yellow {
    top: 150px;
    background: var(--wvn-yellow);
}

.wvn-footer__mark--blue {
    right: 45px;
    bottom: -110px;
    background: var(--wvn-blue);
}

/* Standard TYPO3 pages */
.wvn-default-page {
    min-height: 65vh;
    padding-top: 220px;
    padding-bottom: 90px;
}

.wvn-startpage__additional {
    padding-block: 70px;
}

/* Grid Builder integration: generated grid assets remain untouched. */
.wvn-site .ro-container-width--container-xwide {
    max-width: min(1680px, 100%);
}

.wvn-site .ro-grid-frame--bg-default .ro-grid-frame__inner {
    border-color: transparent;
    border-radius: 0;
}

.wvn-site .ro-grid-frame--bg-brand .ro-grid-frame__inner {
    background: var(--wvn-blue);
}

/* Mid-size desktop/tablet: proportions are inferred, as no mobile XD was supplied. */
@media (max-width: 1500px) {
    .wvn-header-link--water,
    .wvn-header-link--wastewater {
        width: 190px;
    }

    .wvn-header-link--portal {
        width: 220px;
    }

    .wvn-menu-toggle {
        width: 86px;
        min-width: 86px;
    }

    .wvn-portal-section__grid {
        width: min(calc(100% - 80px), 1240px);
        grid-template-columns: minmax(0, 480px) minmax(0, 1fr);
        gap: 70px;
    }

    .wvn-service-card {
        min-height: 280px;
    }

    .wvn-service-card img {
        width: 95px;
        height: 95px;
    }

    .wvn-offer__grid {
        gap: 100px;
    }

    .wvn-news__track {
        grid-auto-columns: 340px;
        gap: 54px;
    }

    .wvn-news-card img {
        width: 340px;
        height: 271px;
    }

    .wvn-feature-card__copy {
        padding-inline: 80px;
    }

    .wvn-about__grid {
        grid-template-columns: 340px minmax(0, 1fr);
        gap: 80px;
    }

    .wvn-values img {
        width: 120px;
        height: 120px;
    }

    .wvn-values span {
        font-size: 20px;
    }

    .wvn-footer__grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 35px;
    }

    .wvn-footer p,
    .wvn-footer li,
    .wvn-footer a {
        font-size: 16px;
    }
}

@media (max-width: 1050px) {
    :root {
        --wvn-page-padding: 32px;
    }

    .wvn-header__brand {
        width: 250px;
    }

    .wvn-header-link {
        display: none;
    }

    .wvn-header__actions {
        margin-left: auto;
    }

    .wvn-menu-toggle {
        width: 78px;
        min-width: 78px;
    }

    .wvn-hero {
        min-height: 780px;
        background-position: 56% top;
    }

    .wvn-hero::after {
        height: 260px;
    }

    .wvn-hero__content {
        padding-top: 230px;
    }

    .wvn-hero h1 {
        width: 78%;
        font-size: clamp(58px, 9vw, 92px);
    }

    .wvn-hero p {
        width: 75%;
        font-size: clamp(30px, 5vw, 48px);
    }

    .wvn-hero__utility {
        width: 76px;
    }

    .wvn-utility-link {
        width: 60px;
        height: 60px;
    }

    .wvn-utility-link img {
        width: 46px;
        height: 46px;
    }

    .wvn-portal-section {
        padding: 70px 0 190px;
    }

    .wvn-portal-section__grid {
        width: min(calc(100% - 64px), 850px);
        grid-template-columns: 1fr;
        gap: 70px;
    }

    .wvn-portal-section__intro {
        padding-top: 0;
    }

    .wvn-portal-section p {
        width: 650px;
    }

    .wvn-service-card {
        min-height: 260px;
    }

    .wvn-offer {
        min-height: 0;
        padding: 110px 0 130px;
    }

    .wvn-offer__grid {
        gap: 60px;
    }

    .wvn-career {
        min-height: 950px;
    }

    .wvn-career__image {
        top: 0;
        width: 100%;
        height: 55%;
        bottom: auto;
    }

    .wvn-career__wave {
        display: none;
    }

    .wvn-career h2 {
        top: 420px;
        left: 7%;
        width: 70%;
        font-size: clamp(62px, 9vw, 92px);
        text-align: left;
    }

    .wvn-career__copy {
        top: 590px;
        right: 7%;
        left: 7%;
        width: auto;
    }

    .wvn-career p {
        max-width: 650px;
    }

    .wvn-news {
        min-height: 0;
        padding: 110px 0 130px;
    }

    .wvn-news__controls {
        display: none;
    }

    .wvn-news__track {
        margin-top: 45px;
        padding-left: 0;
        grid-auto-columns: minmax(300px, 55%);
        gap: 36px;
    }

    .wvn-news-card img {
        width: 100%;
        height: auto;
        aspect-ratio: 397 / 317;
        margin-bottom: 30px;
    }

    .wvn-news__more {
        position: static;
        margin-top: 60px;
    }

    .wvn-future {
        min-height: 0;
        grid-template-columns: 1fr;
        padding-top: 90px;
    }

    .wvn-future__copy {
        min-height: 720px;
        padding: 90px var(--wvn-page-padding);
    }

    .wvn-future__image {
        min-height: 650px;
    }

    .wvn-features {
        grid-template-columns: 1fr;
    }

    .wvn-feature-card > img {
        height: 620px;
    }

    .wvn-feature-card__copy {
        min-height: 0;
        padding: 80px var(--wvn-page-padding) 110px;
    }

    .wvn-about__image {
        min-height: 650px;
    }

    .wvn-about__body {
        min-height: 0;
        padding: 50px 0 100px;
    }

    .wvn-about__grid {
        grid-template-columns: 1fr;
        gap: 80px;
    }

    .wvn-about__intro p {
        width: 620px;
    }

    .wvn-social {
        min-height: 0;
        padding: 100px 0;
    }

    .wvn-social__links {
        margin-top: 55px;
    }

    .wvn-contact-cta {
        min-height: 0;
        padding: 80px 0;
    }

    .wvn-contact-cta__grid {
        min-height: 0;
        grid-template-columns: 1fr;
        gap: 40px;
        text-align: center;
    }

    .wvn-contact-cta__grid > img {
        width: 560px;
        justify-self: center;
    }

    .wvn-footer {
        min-height: 0;
        padding: 90px 0 120px;
    }

    .wvn-footer__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 70px;
    }
}

@media (max-width: 760px) {
    :root {
        --wvn-page-padding: 20px;
    }

    body {
        font-size: 16px;
    }

    .wvn-button {
        min-height: 48px;
        padding: 10px 22px;
    }

    .wvn-header__inner {
        min-height: 110px;
    }

    .wvn-header__brand {
        width: 190px;
    }

    .wvn-menu-toggle {
        width: 62px;
        min-width: 62px;
        height: 62px;
        min-height: 62px;
    }

    .wvn-hero {
        min-height: 680px;
        background-position: 58% top;
    }

    .wvn-hero__content {
        padding-top: 180px;
    }

    .wvn-hero h1 {
        width: 100%;
        font-size: clamp(48px, 14vw, 72px);
        line-height: 1.02;
    }

    .wvn-hero p {
        width: 100%;
        margin-top: 28px;
        font-size: clamp(23px, 7vw, 34px);
        line-height: 1.15;
    }

    .wvn-hero__utility {
        display: none;
    }

    .wvn-portal-section h2,
    .wvn-section-title,
    .wvn-future h2,
    .wvn-feature-card h2,
    .wvn-about__intro h2,
    .wvn-contact-cta h2 {
        font-size: clamp(42px, 12vw, 62px);
    }

    .wvn-portal-section p,
    .wvn-about__intro p,
    .wvn-future p,
    .wvn-feature-card p,
    .wvn-offer-card p {
        font-size: 17px;
    }

    .wvn-portal-login {
        min-height: 74px;
        border-width: 3px;
    }

    .wvn-portal-login img {
        width: 40px;
        height: 40px;
    }

    .wvn-portal-login strong {
        font-size: 17px;
    }

    .wvn-service-grid,
    .wvn-offer__grid,
    .wvn-social__gallery,
    .wvn-footer__grid {
        grid-template-columns: 1fr;
    }

    .wvn-service-card {
        min-height: 210px;
    }

    .wvn-service-card img {
        width: 80px;
        height: 80px;
    }

    .wvn-offer__grid {
        gap: 90px;
    }

    .wvn-offer-card__icon {
        width: 190px;
        height: 145px;
    }

    .wvn-offer-card h3 {
        font-size: 52px;
    }

    .wvn-career {
        min-height: 850px;
    }

    .wvn-career__image {
        height: 48%;
    }

    .wvn-career h2 {
        top: 340px;
        font-size: clamp(48px, 13vw, 68px);
    }

    .wvn-career__copy {
        top: 510px;
    }

    .wvn-career p {
        font-size: 18px;
    }

    .wvn-news__track {
        grid-auto-columns: 82%;
    }

    .wvn-news-card h3 {
        font-size: 21px;
    }

    .wvn-news-card p {
        font-size: 16px;
    }

    .wvn-news-card > a {
        font-size: 18px;
    }

    .wvn-future__copy,
    .wvn-feature-card__copy {
        min-height: 0;
        padding: 70px 20px 85px;
    }

    .wvn-future__image,
    .wvn-feature-card > img,
    .wvn-about__image {
        min-height: 420px;
        height: 420px;
    }

    .wvn-about__grid {
        gap: 60px;
    }

    .wvn-values {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 50px 20px;
    }

    .wvn-values img {
        width: 95px;
        height: 95px;
    }

    .wvn-values span {
        font-size: 15px;
    }

    .wvn-social h2 {
        font-size: 28px;
        line-height: 1.25;
    }

    .wvn-social__gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .wvn-social__links {
        gap: 48px;
    }

    .wvn-social__links img {
        width: 48px;
        height: 48px;
    }

    .wvn-contact-cta__grid > img {
        width: 360px;
    }

    .wvn-footer__grid {
        gap: 55px;
    }

    .wvn-footer p,
    .wvn-footer li,
    .wvn-footer a {
        font-size: 16px;
    }

    .wvn-footer__mark {
        width: 180px;
        height: 180px;
    }

    .wvn-default-page {
        padding-top: 155px;
    }
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    .wvn-button,
    .wvn-service-card,
    .wvn-news__track {
        transition: none;
        scroll-behavior: auto;
    }
}

/* -------------------------------------------------------------------------
 * WV-Nord 1.2.2 — original XD vector assets
 * The icons below are exported from the supplied Adobe XD source instead of
 * being redrawn. Preserve their native aspect ratios.
 * ---------------------------------------------------------------------- */

/* Header: exact color logic from the artboard */
.wvn-header-link--portal {
    background: var(--wvn-navy);
    color: var(--wvn-yellow) !important;
}

.wvn-header-link--portal img {
    width: auto;
    height: 30px;
    object-fit: contain;
}

/* Floating quick-access rail: exact XD vector artwork */
.wvn-utility-link {
    position: relative;
}

.wvn-utility-link img {
    width: auto;
    height: auto;
    max-width: 61px;
    max-height: 61px;
    object-fit: contain;
}

.wvn-utility-link--bell {
    width: 56px;
    height: 56px;
    margin: 3px 0;
    border-radius: 10px;
    background: #b10000;
}

.wvn-utility-link--bell img {
    width: auto;
    height: 38px;
    max-width: 34px;
    max-height: none;
}

.wvn-utility-link--bell::after {
    content: "1";
    position: absolute;
    top: -5px;
    left: -5px;
    display: grid;
    width: 24px;
    height: 24px;
    place-items: center;
    border-radius: 50%;
    background: #fff;
    color: #b10000;
    font-size: 15px;
    font-weight: 900;
    line-height: 1;
}

.wvn-utility-link--alert img,
.wvn-utility-link--contact img,
.wvn-utility-link--accessibility img {
    width: 61px;
    height: 61px;
    max-width: none;
    max-height: none;
}

.wvn-utility-link--chat {
    width: 56px;
    height: 56px;
    margin: 3px 0;
    border-radius: 10px;
    background: #bdcde3;
}

.wvn-utility-link--chat img {
    width: 42px;
    height: auto;
    max-width: none;
    max-height: none;
}

/* Login icon is 57.18 × 63.69 in the XD source. */
.wvn-portal-login img,
.wvn-footer-login img {
    width: auto;
    height: 64px;
    object-fit: contain;
}

.wvn-footer-login img {
    height: 50px;
}

/* Customer service icons retain their different original proportions. */
.wvn-service-card img {
    width: auto;
    height: 139px;
    max-width: 158px;
    object-fit: contain;
}

/* Water / wastewater marks are both original 350 × 278.67 vectors.
 * XD 09.10.2026: the 2008 × 496.826 px wave artwork is placed once,
 * starting around 120 px below the section top. It must NOT tile vertically.
 * The remaining lower part of the section stays solid #EFF6FF.
 */
.wvn-offer {
    background-color: var(--wvn-light-blue);
    background-image: url("../Icons/WvNord/offer-waves-xd.svg");
    background-position: center 120px;
    background-repeat: no-repeat;
    background-size: max(2008px, 100vw) auto;
}

.wvn-offer-card__icon {
    width: 350px;
    height: auto;
    max-width: 100%;
    object-fit: contain;
    margin-bottom: 8px;
}

/* The about section uses the pale-blue wave artwork from XD on white. */
.wvn-about__body {
    background-color: #fff;
    background-image: url("../Icons/WvNord/about-waves-xd.svg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: max(2783px, 145vw) auto;
}

.wvn-values img {
    width: auto;
    height: 185px;
    max-width: 214px;
    object-fit: contain;
}

/* Original social media glyph proportions */
.wvn-social__links img {
    width: auto;
    height: 91px;
    max-width: 97px;
    object-fit: contain;
}

.wvn-footer__social a {
    display: inline-grid;
    width: 32px;
    height: 32px;
    place-items: center;
}

.wvn-footer__social img {
    width: auto;
    height: 30px;
    max-width: 32px;
    object-fit: contain;
}

/* Contact illustration exported directly from Gruppe 680 in the XD source. */
.wvn-contact-cta__grid > img {
    width: 910px;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

/* Exact footer double-chevron artwork from the XD artboard. */
.wvn-footer__mark {
    display: none !important;
}

.wvn-footer__deco {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: -1px;
    width: min(19.83vw, 381px);
    height: auto;
    pointer-events: none;
}

@media (max-width: 1500px) {
    .wvn-service-card img {
        height: 110px;
        max-width: 125px;
    }

    .wvn-values img {
        height: 145px;
        max-width: 170px;
    }

    .wvn-social__links img {
        height: 68px;
        max-width: 74px;
    }
}

@media (max-width: 767px) {
    .wvn-header-link--portal img {
        height: 24px;
    }

    .wvn-service-card img {
        height: 105px;
        max-width: 120px;
    }

    .wvn-offer-card__icon {
        width: min(280px, 80vw);
    }

    .wvn-values img {
        height: 118px;
        max-width: 138px;
    }

    .wvn-social__links img {
        height: 52px;
        max-width: 56px;
    }

    .wvn-contact-cta__grid > img {
        width: min(680px, 100%);
    }

    .wvn-footer__deco {
        width: 160px;
        opacity: .9;
    }
}

/* -------------------------------------------------------------------------
 * WV-Nord 1.2.6 — design lock / quick-access rail
 * The supplied XD artboard defines the white utility rail at 103 × 447 px.
 * The visible icon frames are consistently about 56 × 56 px. Earlier
 * versions rendered three exported master SVGs at 61 px and let the rail
 * height grow from flex content, which made those buttons visibly larger.
 * ---------------------------------------------------------------------- */
@media (min-width: 768px) {
    .wvn-hero__utility {
        right: calc(-1 * clamp(11px, .78125vw, 15px));
        display: block;
        width: clamp(76px, 5.364583vw, 103px);
        height: clamp(330px, 23.28125vw, 447px);
        padding: 0;
        border-radius: clamp(15px, 1.041667vw, 20px) 0 0 clamp(15px, 1.041667vw, 20px);
    }

    .wvn-utility-link {
        position: absolute;
        left: clamp(11px, .78125vw, 15px);
        display: grid;
        width: clamp(41px, 2.916667vw, 56px);
        height: clamp(41px, 2.916667vw, 56px);
        margin: 0;
        place-items: center;
    }

    .wvn-utility-link--bell {
        top: clamp(11px, .78125vw, 15px);
        border-radius: clamp(7px, .520833vw, 10px);
    }

    .wvn-utility-link--bell img {
        width: auto;
        height: clamp(28px, 1.979167vw, 38px);
        max-width: clamp(25px, 1.614583vw, 31px);
        max-height: none;
    }

    .wvn-utility-link--bell::after {
        top: clamp(-5px, -.260417vw, -4px);
        left: clamp(-5px, -.260417vw, -4px);
        width: clamp(18px, 1.25vw, 24px);
        height: clamp(18px, 1.25vw, 24px);
        font-size: clamp(12px, .78125vw, 15px);
    }

    .wvn-utility-link--alert {
        top: clamp(64px, 4.53125vw, 87px);
    }

    .wvn-utility-link--alert img {
        width: 100%;
        height: 100%;
        max-width: none;
        max-height: none;
    }

    .wvn-hero__utility-divider {
        position: absolute;
        left: clamp(11px, .78125vw, 15px);
        width: clamp(41px, 2.916667vw, 56px);
        height: clamp(2px, .15625vw, 3px);
        margin: 0;
        border-radius: 3px;
    }

    .wvn-hero__utility-divider:first-of-type {
        top: clamp(117px, 8.28125vw, 159px);
    }

    .wvn-utility-link--chat {
        top: clamp(129px, 9.114583vw, 175px);
        border-radius: clamp(7px, .520833vw, 10px);
    }

    .wvn-utility-link--chat img {
        width: clamp(30px, 2.15625vw, 41.4px);
        height: auto;
        max-width: none;
        max-height: none;
    }

    .wvn-utility-link--contact {
        top: clamp(184px, 12.96875vw, 249px);
    }

    .wvn-utility-link--contact img {
        width: 100%;
        height: auto;
        max-width: none;
        max-height: none;
    }

    .wvn-hero__utility-divider:last-of-type {
        top: clamp(237px, 16.71875vw, 321px);
    }

    .wvn-utility-link--accessibility {
        top: clamp(279px, 19.6875vw, 378px);
    }

    .wvn-utility-link--accessibility img {
        width: 98.214286%;
        height: auto;
        max-width: none;
        max-height: none;
    }
}


/* -------------------------------------------------------------------------
 * WV-Nord 1.2.7 — final design-lock corrections from XD/PDF comparison
 * 1) Future/news transition now uses the original exported XD path.
 * 2) The future split is exactly 50/50, continuing the split of the image
 *    pair immediately below without the visible vertical offset.
 * 3) The large curved separator below the team photograph is white in the
 *    XD. Earlier versions incorrectly used the pale-blue section colour.
 * ---------------------------------------------------------------------- */
@media (min-width: 768px) {
    .wvn-future {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wvn-future::before {
        height: clamp(195px, 13.929063vw, 267.438px);
        background-image: url("../Icons/WvNord/future-wave.svg");
        background-position: center top;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
}

/* WV-Nord Content Blocks 1.3.0: FAL media inside established image/text geometries */
.wvn-career__image > .wvn-image-text__media,
.wvn-future__image > .wvn-image-text__media {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* WV-Nord Content Blocks 1.3.1: optional FAL media in hero/about without changing design geometry */
.wvn-hero__background,
.wvn-about__media {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wvn-hero__background {
    z-index: 0;
    object-position: center top;
}

.wvn-about__media {
    z-index: 0;
    object-position: center 44%;
}