/* Custom About Us page. */
:root {
    --pb-about-ink: #f7efe3;
    --pb-about-muted: rgba(247, 239, 227, 0.76);
    --pb-about-soft: rgba(228, 202, 184, 0.88);
    --pb-about-line: rgba(247, 239, 227, 0.18);
    --pb-about-bg-overlay: 0.68;
    --pb-about-content-panel: 0.18;
    --pb-about-right-panel: 0.78;
    --pb-about-text-width: 44%;
}

.pb-about-page-shell {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: calc(100vh - 0px);
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    color: var(--pb-about-ink);
    background: #090807;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.pb-about-page-shell--admin-preview {
    width: 100%;
    max-width: 100%;
    margin: 0;
    min-height: 640px;
    border-radius: 18px;
}

.pb-about-bg,
.pb-about-overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.pb-about-bg {
    z-index: -3;
    background-image: var(--pb-about-bg-image), radial-gradient(circle at 36% 42%, rgba(130, 99, 77, 0.36), transparent 30%), linear-gradient(110deg, #12100e 0%, #211b17 46%, #080706 100%);
    background-size: cover;
    background-position: center;
    filter: saturate(0.78) contrast(1.02);
    transform: scale(1.01);
}

.pb-about-page-shell--no-bg .pb-about-bg {
    background-image: radial-gradient(circle at 46% 42%, rgba(154, 112, 82, 0.34), transparent 26%), linear-gradient(110deg, #13100d 0%, #1f1915 48%, #070605 100%);
}


.pb-about-page-shell--background-only .pb-about-bg {
    filter: none;
    transform: none;
}

.pb-about-page-shell--background-only .pb-about-overlay {
    background:
        radial-gradient(circle at 22% 28%, rgba(244, 218, 191, 0.08), transparent 30%),
        linear-gradient(90deg, rgba(0, 0, 0, var(--pb-about-bg-overlay)) 0%, rgba(0, 0, 0, 0.22) 100%);
}

.pb-about-overlay {
    z-index: -2;
    background:
        radial-gradient(circle at 24% 30%, rgba(244, 218, 191, 0.08), transparent 28%),
        linear-gradient(90deg, rgba(0, 0, 0, var(--pb-about-bg-overlay)) 0%, rgba(0, 0, 0, 0.48) 48%, rgba(0, 0, 0, var(--pb-about-bg-overlay)) 100%);
}

.pb-about-accent-image,
.pb-about-accent-placeholder {
    position: absolute;
    z-index: 0;
    left: 39%;
    top: 20%;
    width: min(22vw, 280px);
    height: min(22vw, 280px);
    object-fit: contain;
    opacity: 0.26;
    filter: blur(0.2px) sepia(0.25) saturate(0.8);
    pointer-events: none;
}

.pb-about-accent-placeholder {
    border-radius: 999px;
    background: radial-gradient(circle, rgba(223, 195, 168, 0.16), transparent 68%);
}

.pb-about-layout {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(340px, var(--pb-about-text-width)) minmax(280px, 1fr);
    min-height: 100dvh;
}

.pb-about-page-shell--background-only .pb-about-layout {
    grid-template-columns: minmax(0, 1fr);
}

.pb-about-page-shell--background-only .pb-about-copy-panel {
    min-height: 100dvh;
    width: 100%;
}

.pb-about-page-shell--background-only .pb-about-copy-card {
    max-width: 680px;
}

.pb-about-copy-panel {
    display: flex;
    align-items: center;
    padding: clamp(54px, 7vw, 110px) clamp(34px, 7vw, 118px);
    background: linear-gradient(90deg, rgba(0, 0, 0, var(--pb-about-content-panel)), rgba(0, 0, 0, 0));
}

.pb-about-copy-card {
    width: min(100%, 620px);
}

.pb-about-hero-copy h1 {
    margin: 0;
    color: #fff7ec;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2.65rem, 5.2vw, 5.8rem);
    line-height: 0.9;
    text-transform: uppercase;
    letter-spacing: 0.16em;
    font-weight: 400;
    text-shadow: 0 16px 42px rgba(0, 0, 0, 0.38);
}

.pb-about-script-line {
    margin: clamp(18px, 2.2vw, 28px) 0 0;
    color: var(--pb-about-soft);
    font-family: "Brush Script MT", "Segoe Script", "Snell Roundhand", cursive;
    font-size: clamp(1.55rem, 2.5vw, 2.35rem);
    line-height: 1.18;
    letter-spacing: 0.025em;
    transform: rotate(-1.1deg);
}

.pb-about-intro {
    max-width: 360px;
    margin: clamp(22px, 3vw, 36px) 0 0;
    color: var(--pb-about-muted);
    font-size: clamp(0.98rem, 1.05vw, 1.13rem);
    line-height: 1.85;
    letter-spacing: 0.02em;
}

.pb-about-divider {
    width: min(100%, 430px);
    height: 1px;
    margin: clamp(34px, 4vw, 58px) 0 clamp(26px, 3.4vw, 42px);
    background: linear-gradient(90deg, var(--pb-about-line), rgba(247, 239, 227, 0));
}

.pb-about-values {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(18px, 2vw, 30px);
    width: min(100%, 540px);
}

.pb-about-value-card {
    min-width: 0;
    color: var(--pb-about-muted);
    text-align: center;
}

.pb-about-value-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin: 0 auto 18px;
    color: #f9eadc;
    border: 1px solid rgba(247, 239, 227, 0.54);
    border-radius: 999px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 1.9rem;
    line-height: 1;
}

.pb-about-value-card h2 {
    margin: 0 0 12px;
    color: #fff5e8;
    font-size: 0.72rem;
    line-height: 1.35;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    font-weight: 600;
}

.pb-about-value-card p {
    margin: 0;
    font-size: 0.87rem;
    line-height: 1.62;
}

.pb-about-visual-panel {
    position: relative;
    overflow: hidden;
    min-height: 100%;
    background: rgba(0, 0, 0, var(--pb-about-right-panel));
    box-shadow: -44px 0 90px rgba(0, 0, 0, 0.42);
}

.pb-about-visual-shadow {
    position: absolute;
    inset: 0;
    z-index: 2;
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.1) 36%, rgba(0, 0, 0, 0.42)),
        linear-gradient(0deg, rgba(0, 0, 0, 0.34), transparent 42%);
    pointer-events: none;
}

.pb-about-foreground-image,
.pb-about-foreground-placeholder {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
}

.pb-about-foreground-image {
    z-index: 1;
    object-fit: cover;
    object-position: center;
    opacity: 0.92;
    filter: saturate(0.82) contrast(1.05);
}

.pb-about-foreground-placeholder {
    z-index: 1;
    display: block;
    background:
        radial-gradient(circle at 68% 42%, rgba(191, 132, 100, 0.28), transparent 21%),
        linear-gradient(90deg, rgba(0, 0, 0, var(--pb-about-right-panel)), rgba(0, 0, 0, 0.76));
}

.pb-about-admin-preview-frame .pb-about-page-shell {
    min-height: 640px;
}

@media (max-width: 1100px) {
    .pb-about-layout {
        grid-template-columns: 1fr;
    }

    .pb-about-copy-panel {
        min-height: 78vh;
        padding: clamp(50px, 9vw, 86px) clamp(24px, 7vw, 70px);
    }

    .pb-about-visual-panel {
        min-height: 420px;
    }
}

@media (max-width: 760px) {
    .pb-about-page-shell {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .pb-about-copy-panel {
        padding: 48px 22px;
    }

    .pb-about-values {
        grid-template-columns: 1fr;
        text-align: left;
    }

    .pb-about-value-card {
        display: grid;
        grid-template-columns: 56px 1fr;
        column-gap: 16px;
        text-align: left;
    }

    .pb-about-value-icon {
        grid-row: span 2;
        margin: 0;
    }
}


/* Remove inherited legal/theme frames if the About Us shortcode is ever rendered inside a WordPress wrapper. */
html body.pb-buyers-about-us-page .pb-public-policy-shell:has(.pb-about-page-shell),
html body.pb-buyers-about-us-page .pb-public-policy-content:has(.pb-about-page-shell),
html body.pb-buyers-about-us-page .entry-content:has(.pb-about-page-shell),
html body.pb-buyers-about-us-page .site-main:has(.pb-about-page-shell) {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    max-width: none !important;
    overflow: visible !important;
    padding: 0 !important;
    width: 100% !important;
}