/* About Us hero: photograph and transparent brand mark, with readable copy. */
body.page-about .about-hero {
    position: relative;
    isolation: isolate;
    min-height: 610px;
    display: flex;
    align-items: center;
    padding: clamp(3rem, 6vw, 5rem) 0 clamp(4rem, 7vw, 5.5rem);
    overflow: hidden;
    background: #08264b;
}
body.page-about .about-hero::before,
body.page-about .about-hero::after { content: none; }
body.page-about .about-hero__landscape,
body.page-about .about-hero__landscape::after {
    position: absolute;
    inset: 0;
    pointer-events: none;
}
body.page-about .about-hero__landscape { z-index: -1; }
body.page-about .about-hero__landscape img {
    width: 100%; height: 100%; display: block; object-fit: cover;
    object-position: center 56%;
}
body.page-about .about-hero__landscape::after {
    content: "";
    background: linear-gradient(90deg,rgba(2,17,39,.97) 0%,rgba(4,28,61,.94) 35%,rgba(5,40,77,.68) 64%,rgba(5,42,82,.36) 100%),
                linear-gradient(0deg,rgba(2,16,37,.42),transparent 65%);
}
body.page-about .about-hero__grid {
    width: min(100% - 48px, 1360px);
    max-width: 1360px;
    grid-template-columns: minmax(0,1.16fr) minmax(260px,.84fr);
    gap: clamp(1.5rem,4vw,4.5rem);
    align-items: center;
}
body.page-about .about-hero__copy { min-width: 0; position: relative; z-index: 1; }
body.page-about .about-breadcrumb { margin-bottom: clamp(1.7rem,3vw,2.8rem); color: #e5edf8; }
body.page-about .about-breadcrumb a { color: #fff; }
body.page-about .about-eyebrow { color: #f1d28a; font-size: .76rem; letter-spacing: .16em; }
body.page-about .about-hero h1 {
    max-width: 830px; margin: 1rem 0 1.2rem;
    color: #fff8ea !important;
    font-size: clamp(2.7rem,4.35vw,4.65rem);
    line-height: 1.07; letter-spacing: -.025em;
    overflow-wrap: normal;
    text-shadow: 0 2px 22px rgba(0,0,0,.27);
}
body.page-about .about-hero__subtitle {
    margin-bottom: 1.15rem; color: #f3d18a;
    font-family: var(--font-body, sans-serif);
    font-size: clamp(.82rem,1.22vw,1.04rem); font-weight: 800;
    line-height: 1.55; letter-spacing: .12em; text-transform: uppercase;
}
body.page-about .about-hero__summary {
    max-width: 610px; color: #f0f4fb;
    font-size: clamp(1rem,1.3vw,1.14rem); line-height: 1.72;
    text-shadow: 0 1px 12px rgba(0,0,0,.32);
}
body.page-about .about-hero__actions { gap: .8rem; margin-top: 1.9rem; }
body.page-about .about-hero__actions .btn--primary {
    display: inline-flex; min-height: 54px; align-items: center; justify-content: center;
    padding: .85rem 1.55rem; border: 1px solid #f6dfaa;
    border-radius: 9px; background: linear-gradient(110deg,#ffe4a5,#dbae54);
    color: #071d3d; font-weight: 800;
}
body.page-about .about-text-link {
    display: inline-flex; min-height: 54px; align-items: center; justify-content: center;
    padding: .85rem 1.45rem; border: 1px solid #e9ca84; border-radius: 9px;
    background: rgba(3,22,49,.55); color: #fff !important;
    font-weight: 750; text-align: center;
}
body.page-about .about-text-link:hover,
body.page-about .about-text-link:focus-visible { background: #174c83; }
body.page-about .about-text-link span { color: #f3d18a; }
body.page-about .about-hero__visual { min-height: 0; display: flex; justify-content: center; align-items: center; }
body.page-about .about-hero__visual > .about-hero__logo {
    display: block; width: min(100%,480px); height: auto; max-height: none;
    object-fit: contain; border: 0; border-radius: 0; box-shadow: none;
    filter: brightness(0) invert(1) drop-shadow(0 9px 22px rgba(1,16,36,.4));
}
@media (max-width: 900px) {
    body.page-about .about-hero { min-height: 540px; }
    body.page-about .about-hero__grid { grid-template-columns: minmax(0,1.2fr) minmax(180px,.8fr); }
    body.page-about .about-hero h1 { font-size: clamp(2.45rem,5vw,3.6rem); }
}
@media (max-width: 700px) {
    body.page-about .about-hero {
        min-height: 0; display: block; padding: 1.35rem 0 4.5rem;
        background: #061e40;
    }
    body.page-about .about-hero__landscape img { object-position: 65% center; }
    body.page-about .about-hero__landscape::after {
        background: linear-gradient(180deg,rgba(2,20,45,.87) 0%,rgba(4,28,58,.87) 56%,rgba(4,31,61,.49) 100%);
    }
    body.page-about .about-hero__grid { display: block; width: min(100% - 36px,540px); }
    body.page-about .about-hero__copy {
        padding: 0; border: 0; border-radius: 0;
        background: transparent; box-shadow: none;
    }
    body.page-about .about-breadcrumb { margin-bottom: 2.1rem; font-size: .79rem; }
    body.page-about .about-eyebrow { font-size: .68rem; letter-spacing: .13em; }
    body.page-about .about-hero h1 {
        margin: 1rem 0 1.1rem; max-width: 520px;
        font-size: clamp(2.45rem,9.7vw,3.55rem); line-height: 1.07;
    }
    body.page-about .about-hero__subtitle { font-size: .79rem; line-height: 1.65; letter-spacing: .1em; }
    body.page-about .about-hero__summary { font-size: 1rem; line-height: 1.65; }
    body.page-about .about-hero__actions { display: grid; grid-template-columns: 1fr; gap: .7rem; margin-top: 1.5rem; }
    body.page-about .about-hero__actions .btn--primary,
    body.page-about .about-text-link { width: 100%; min-height: 52px; padding: .7rem 1rem; }
    body.page-about .about-hero__visual { display: none; }
}