/*
 * About Us export-aligned layout.
 *
 * Deliberately scoped to .page-about so the new page cannot change shared
 * sections, cards, typography, or the footer.
 */

.page-about { background: #fff; color: #263027; }
.page-about .about-hero {
    min-height: 455px;
    display: flex;
    align-items: flex-end;
    padding: 150px clamp(22px, 8vw, 120px) 128px;
    color: #fff;
    background-image: linear-gradient(350deg, rgba(0,0,0,.10), rgba(0,0,0,.80)), var(--about-hero-image);
    background-position: center;
    background-size: cover;
}
.page-about .about-hero h1 {
    margin: 0;
    font: 400 clamp(50px, 8vw, 96px)/.98 Georgia, 'Times New Roman', serif;
}
.page-about .about-section {
    padding: clamp(58px, 7vw, 100px) clamp(22px, 7vw, 110px);
}
.page-about .about-section__inner {
    max-width: 930px;
    margin: 0 auto;
    text-align: center;
}
.page-about .about-eyebrow {
    margin: 0;
    color: #666d4d;
    font: 700 11px/1.2 Arial, Helvetica, sans-serif;
    letter-spacing: .2em;
    text-transform: uppercase;
}
.page-about .about-section h2,
.page-about .about-values > h2 {
    margin: 14px 0 25px;
    color: #414a34;
    font: 400 clamp(32px, 4vw, 54px)/1.1 Georgia, 'Times New Roman', serif;
}
.page-about .about-richtext,
.page-about .about-richtext p {
    margin: 0;
    color: #62695e;
    font: 400 16px/1.65 Arial, Helvetica, sans-serif;
}
.page-about .about-richtext p + p { margin-top: 14px; }
.page-about .about-rule {
    width: 76px;
    height: 2px;
    margin: 34px auto 0;
    background: #666d4d;
}
.page-about .about-split {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    min-height: 460px;
}
.page-about .about-split__media {
    min-height: 420px;
    overflow: hidden;
}
.page-about .about-split__media img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 420px;
    object-fit: cover;
}
.page-about .about-split__copy {
    display: flex;
    align-items: center;
    padding: clamp(38px, 6vw, 90px);
    background: #f4f1e9;
}
.page-about .about-copy { max-width: 600px; }
.page-about .about-copy h2 {
    margin: 0 0 20px;
    color: #414a34;
    text-align: center;
    font: 400 clamp(30px, 3.8vw, 50px)/1.1 Georgia, 'Times New Roman', serif;
}
.page-about .about-image-gap { margin-top: 96px; }
.page-about .about-effortless {
    display: grid;
    grid-template-columns: minmax(0, 42%) minmax(0, 58%);
    width: 100%;
    height: 288px;
    min-height: 288px;
    overflow: hidden;
}
.page-about .about-effortless__copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    padding: 18px clamp(22px, 3vw, 42px);
    color: #fff;
    background: #666d4d;
}
.page-about .about-effortless__copy .about-eyebrow { color: #e5eadb; }
.page-about .about-effortless__copy h2 {
    margin: 0 0 10px;
    color: #fff;
    font: 400 clamp(30px, 3.3vw, 42px)/1.02 'Gloria Hallelujah', 'Segoe Print', 'Bradley Hand', cursive;
}
.page-about .about-effortless__copy .about-richtext,
.page-about .about-effortless__copy .about-richtext p {
    color: rgba(255,255,255,.9);
    font: 400 clamp(11px, 1.18vw, 13px)/1.28 Arial, Helvetica, sans-serif;
}
.page-about .about-effortless__media {
    min-height: 288px;
    background-image: linear-gradient(90deg, rgba(0,0,0,.05), rgba(0,0,0,.12)), var(--about-effortless-image);
    background-position: center;
    background-size: cover;
}
.page-about .about-values {
    margin-top: 96px;
    padding: clamp(50px, 6vw, 86px) clamp(22px, 7vw, 110px);
    text-align: center;
    background: #f8f7f3;
}
.page-about .about-values > h2 { margin: 10px 0 36px; }
.page-about .about-values__cards {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
    max-width: 1100px;
    margin: 0 auto;
    text-align: left;
}
.page-about .about-value-card {
    padding: clamp(30px, 4vw, 48px);
    border: 1px solid #deded8;
    background: #fff;
    box-shadow: 0 10px 28px rgba(45,53,41,.06);
}
.page-about .about-value-card h3 {
    margin: 0 0 15px;
    color: #414a34;
    font: 400 32px/1.1 Georgia, 'Times New Roman', serif;
}

@media (max-width: 760px) {
    .page-about .about-hero { min-height: 390px; padding: 100px 22px 70px; }
    .page-about .about-split,
    .page-about .about-effortless,
    .page-about .about-values__cards { grid-template-columns: 1fr; }
    .page-about .about-split__media { min-height: 300px; }
    .page-about .about-split__media img { min-height: 300px; }
    .page-about .about-split__copy { min-height: 320px; }
    .page-about .about-effortless { height: auto; min-height: 288px; }
    .page-about .about-effortless__copy { min-height: 288px; }
    .page-about .about-effortless__media { height: 288px; min-height: 288px; }
}

/* Full-width supplied About Us banner — preserve the complete 1813:430 image. */
.page-about .about-effortless--full-image {
    display: block;
    width: 100%;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible;
}
.page-about .about-effortless--full-image img {
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
}