.eh-organization-section > .eh-organization-hero {
    --eh-office-art: url("media/organization-hero-office-20261107-v1.webp");
    background: #051221;
}

.eh-organization-section > .eh-organization-hero::before {
    inset: 0;
    background:
        linear-gradient(90deg, rgba(4, 17, 31, .04), rgba(8, 48, 60, .12) 45%, rgba(5, 26, 44, .48)),
        var(--eh-office-art) center 56% / cover no-repeat;
    opacity: 1;
    transform: none;
    filter: none;
    pointer-events: none;
}

.eh-organization-hero .eh-organization-hero__copy {
    border: 1px solid rgba(185, 220, 241, .39);
    border-radius: 1.2rem;
    background: linear-gradient(145deg, rgba(6, 24, 43, .86), rgba(4, 19, 34, .67));
    box-shadow: inset 0 1px rgba(233, 248, 255, .12), 0 18px 44px rgba(0, 0, 0, .25);
    -webkit-backdrop-filter: blur(7px) saturate(115%);
    backdrop-filter: blur(7px) saturate(115%);
}

.eh-organization-hero .eh-organization-hero__copy h1 {
    color: #f7fbff;
    font-size: clamp(1.65rem, 1.15rem + 1.55vw, 2.55rem);
    line-height: 1.48;
}

.eh-organization-hero .eh-organization-hero__copy > p {
    color: #e3edf7;
    line-height: 1.9;
}

.eh-organization-hero .eh-organization-hero__copy > :first-child {
    max-inline-size: 100%;
    box-sizing: border-box;
    color: #ecfffa;
    background: rgba(5, 71, 75, .73);
    border: 1px solid rgba(164, 231, 222, .43);
}

.eh-organization-hero .eh-organization-hero__copy > :first-child > :first-child {
    flex: none;
    background: #a5eee2;
}

.eh-organization-hero .eh-organization-hero__summary {
    border: 1px solid rgba(217, 240, 252, .51);
    border-radius: 1.2rem;
    background: linear-gradient(150deg, rgba(240, 249, 255, .79), rgba(215, 234, 245, .65));
    box-shadow: inset 0 1px rgba(255, 255, 255, .31), 0 16px 40px rgba(0, 0, 0, .23);
    -webkit-backdrop-filter: blur(9px) saturate(115%);
    backdrop-filter: blur(9px) saturate(115%);
}

.eh-organization-hero .eh-organization-hero__summary :is(.text-text-muted, .text-text-body, .text-text-display) {
    color: #102337;
}

.eh-organization-hero .eh-organization-hero__summary .text-secondary { color: #064841; }

.eh-organization-hero .eh-organization-hero__copy a[href="#selected-projects"] { color: #e4f1ff; }
.eh-organization-hero .eh-organization-hero__copy a[href="#selected-projects"]:hover { color: #fff; }

@media (min-width: 1024px) {
    .eh-organization-hero .eh-organization-hero__inner {
        padding-block: clamp(2.25rem, 3.5vw, 3.25rem);
    }

    .eh-organization-hero .eh-organization-hero__summary {
        align-self: end;
        gap: .7rem;
        padding: clamp(1rem, 1.7vw, 1.6rem);
    }
}

@media (max-width: 1023px) {
    .eh-organization-section > .eh-organization-hero::before {
        background-position: center, 28% center;
    }

    .eh-organization-hero .eh-organization-hero__inner {
        padding-block: clamp(1.4rem, 4.2vw, 2.6rem);
    }
}

@media (max-width: 767px) {
    .eh-organization-section > .eh-organization-hero {
        --eh-office-art: url("media/organization-hero-office-mobile-20261107-v1.webp");
    }
}

@media (max-width: 600px) {
    .eh-organization-section > .eh-organization-hero::before {
        background-position: center, 24% center;
    }

    .eh-organization-hero .eh-organization-hero__copy h1 {
        font-size: clamp(1.45rem, 5.4vw, 1.85rem) !important;
        line-height: 1.55 !important;
    }

    .eh-organization-hero .eh-organization-hero__copy > :last-child > a {
        min-block-size: 44px;
        flex: 1 1 9.5rem;
        justify-content: center;
        text-align: center;
    }
}