/* About Us — layout follows the About frame in UTCZ Design. */
.utz-about {
    overflow: hidden;
}

.about-banner {
    position: relative;
    background: linear-gradient(to bottom,var(--navy) 0,var(--navy) 53.1458rem,var(--paper) 53.1458rem,var(--paper) 100%);
}

.about-banner-content {
    position: relative;
    z-index: 1;
    padding-top: 14.2083rem;
}

.about-banner-label {
    color: var(--gold);
    font-size: 2.75rem;
    font-weight: 700;
    letter-spacing: .825rem;
    text-transform: uppercase;
    margin-bottom: 3.75rem;
    line-height: 1.3;
}

.about-banner h1 {
    font: 700 5.25rem/1.24 'Libre Baskerville',Georgia,serif;
    color: var(--paper);
    text-transform: capitalize;
    max-width: 87.4375rem;
    margin: 0 0 6.25rem;
}

.about-cover-frame {
    overflow: hidden;
    border-radius: var(--radius);
}

.about-cover-image {
    display: block;
    width: 100%;
    height: 47.625rem;
    object-fit: cover;
}

.about-orbit {
    position: absolute;
    pointer-events: none;
}

.about-orbit-small {
    top: 37.5208rem;
    left: calc(50% + 44.625rem);
}

.about-orbit-medium {
    top: 31.5208rem;
    left: calc(50% + 38.9375rem);
}

.about-orbit-large {
    top: 26.0833rem;
    left: calc(50% + 33.5rem);
}

.about-overview {
    display: grid;
    grid-template-columns: 832fr 813fr;
    gap: 5.0625rem;
    margin-top: 6.25rem;
    min-height: 52.25rem;
}

.about-story {
    padding-top: 3.75rem;
    color: #0009;
    font-size: 1.5rem;
    line-height: 1.3;
}

.about-story p {
    margin: 0 0 1.9375rem;
    line-height: 1.3;
}

.about-story p:last-child {
    margin-bottom: 0;
}

.about-story strong {
    font-weight: 700;
}

.about-story a:not(.editor-link a) {
    text-decoration: underline;
    text-underline-offset: .15em;
}

.about-mission-cards {
    display: flex;
    flex-direction: column;
    gap: 1.875rem;
}

.about-mission-card, .about-focus-card {
    border-radius: var(--radius);
    padding: 3.75rem;
    box-shadow: 0 4px 100px #0000001a;
}

.about-mission-card {
    background: linear-gradient(51.033deg,#e5352b -86.353%,#0b1640 34.119%);
    color: white;
    min-height: 20.1875rem;
}

.about-mission-card .eyebrow, .about-focus-card .eyebrow {
    font-family: 'IBM Plex Sans',Arial,sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 2.1875rem;
}

.about-mission-card .eyebrow {
    margin-bottom: 1.875rem;
}

.about-mission-card > p {
    font: 400 1.5rem/1.24 'Libre Baskerville',Georgia,serif;
}

.about-focus-card {
    background: white;
    min-height: 30.1875rem;
}

.about-focus-card ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 1.5625rem;
}

.about-focus-card li {
    display: flex;
    align-items: flex-start;
    gap: 1.5625rem;
    color: #0009;
    font-size: 1.375rem;
    line-height: 1.3;
}

.about-focus-card li > .utz-icon {
    margin-top: .3rem;
}

.about-values {
    margin-top: 9.375rem;
}

.about-values > .eyebrow {
    margin-bottom: 2.0625rem;
}

.about-values > h2 {
    margin-bottom: 3.75rem;
}

.about-values-grid {
    width: 105rem;
    max-width: 100%;
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 1.875rem;
}

.about-value-card {
    background: #ffffff80;
    min-height: 23.875rem;
    border-radius: 2.3566rem;
    padding: 2.5rem 2.37rem;
    box-shadow: 0 3px 75px #0000001a;
}

.about-value-number {
    display: block;
    color: var(--red);
    font: 700 4rem/1.24 'Libre Baskerville',Georgia,serif;
    margin-bottom: 1.25rem;
}

.about-value-card h3 {
    font-size: 2rem;
    line-height: 1.25;
    margin-bottom: 2.1875rem;
}

.about-value-card p {
    font-size: 1.375rem;
    line-height: 1.3;
    color: #0009;
}

.about-wide-photo {
    position: relative;
    height: 47.625rem;
    width: calc(100% + .25rem);
    margin-left: -.4375rem;
    margin-top: 9.375rem;
    overflow: hidden;
}

.about-wide-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-wide-photo.original-artwork img {
    position: absolute;
    height: 154.93%;
    width: 99.9%;
    max-width: none;
    top: -17.23%;
    left: .06%;
    object-fit: fill;
}

.utz-about .partners-section h2 {
    margin-bottom: 4rem;
}

.utz-about .partner-set {
    padding-block: 0;
}

@media(max-width:1100px) and (min-width:821px) {
    .about-overview {
        gap: 3rem;
    }
    .about-mission-card, .about-focus-card {
        padding: 3rem;
    }
    .about-values-grid {
        gap: 1.5rem;
    }
    .about-value-card {
        padding-inline: 2rem;
    }
    .about-value-card h3 {
        font-size: 1.8rem;
    }
}

@media(max-width:820px) {
    .about-banner {
        background: linear-gradient(to bottom,var(--navy) 0,var(--navy) 28rem,var(--paper) 28rem,var(--paper) 100%);
    }
    .about-banner-content {
        padding-top: 9rem;
    }
    .about-banner-label {
        font-size: .95rem;
        letter-spacing: .3rem;
        margin-bottom: 1.5rem;
    }
    .about-banner h1 {
        font-size: 2.2rem;
        line-height: 1.25;
        margin-bottom: 2.5rem;
    }
    .about-cover-frame {
        border-radius: 1.5rem;
    }
    .about-cover-image {
        height: 18rem;
    }
    .about-orbit-small {
        top: 20rem;
        left: 75%;
    }
    .about-orbit-medium {
        top: 17rem;
        left: 65%;
    }
    .about-orbit-large {
        top: 14rem;
        left: 50%;
    }
    .about-orbit .utz-icon {
        zoom: .45;
    }
    .about-overview {
        grid-template-columns: 1fr;
        gap: 2rem;
        margin-top: 3rem;
        min-height: 0;
    }
    .about-story {
        padding-top: 0;
        font-size: 1rem;
    }
    .about-story p {
        line-height: 1.6;
        margin-bottom: 1.5rem;
    }
    .about-mission-cards {
        gap: 1.5rem;
    }
    .about-mission-card, .about-focus-card {
        padding: 1.5rem;
        min-height: 0;
    }
    .about-mission-card .eyebrow, .about-focus-card .eyebrow {
        font-size: .75rem;
        margin-bottom: 1.5rem;
    }
    .about-mission-card > p {
        font-size: 1.05rem;
        line-height: 1.55;
    }
    .about-focus-card li {
        font-size: 1rem;
        line-height: 1.55;
        gap: .9rem;
    }
    .about-values {
        margin-top: 4rem;
    }
    .about-values > .eyebrow {
        margin-bottom: 1.5rem;
    }
    .about-values > h2 {
        margin-bottom: 2rem;
    }
    .about-values-grid {
        width: 100%;
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }
    .about-value-card {
        min-height: 0;
        padding: 1.5rem;
        border-radius: 1.5rem;
    }
    .about-value-number {
        font-size: 3rem;
        margin-bottom: 1rem;
    }
    .about-value-card h3 {
        font-size: 1.3rem;
        margin-bottom: 1rem;
    }
    .about-value-card p {
        font-size: 1rem;
        line-height: 1.55;
    }
    .about-wide-photo {
        margin-top: 4rem;
        height: 20rem;
        width: 100%;
        margin-left: 0;
    }
    .about-wide-photo.original-artwork img {
        inset: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .utz-about .partners-section h2 {
        margin-bottom: 2rem;
    }
}

@media(min-width:560px) and (max-width:820px) {
    .about-values-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}