.page-hero {
        position: relative;
        overflow: hidden;
        color: var(--paper);
        isolation: isolate;
        background:
            radial-gradient(ellipse 70% 80% at 92% 12%, rgba(226, 78, 43, 0.22), transparent 52%),
            radial-gradient(ellipse 55% 60% at 6% 88%, rgba(255, 201, 60, 0.12), transparent 48%),
            linear-gradient(165deg, var(--choc) 0%, var(--choc-2) 72%, #24150e 100%);
        /*padding: 48px 0 52px;*/
        padding: 30px 0 30px;
    }

    .page-hero-bar {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 4px;
        background: var(--grad-logo);
        z-index: 2;
    }

    .page-hero .bg-deco svg {
        color: var(--sun);
    }

    .page-hero .bg-deco .d-paw {
        opacity: 0.14;
    }

    .page-hero .bg-deco .d-bone {
        opacity: 0.11;
    }

    .page-hero-inner {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: 1.15fr 0.72fr;
        gap: 48px;
        align-items: center;
    }

    .page-hero-copy .eyebrow {
        margin-bottom: 8px;
        color: var(--flame);
    }

    .crumbs {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        font-size: 13px;
        color: var(--ink-soft);
        margin-bottom: 10px;
    }

    .crumbs a {
        color: var(--choc);
        font-weight: 600;
    }

    .crumbs a:hover {
        color: var(--flame);
    }

    .page-hero .crumbs {
        color: rgba(255, 248, 236, 0.62);
    }

    .page-hero .crumbs a {
        color: var(--cream);
    }

    .page-hero .crumbs a:hover {
        color: var(--sun);
    }

    .page-hero h1 {
        font-size: clamp(28px, 3.4vw, 42px);
        margin-top: 14px;
        line-height: 1.08;
        color: var(--paper);
    }

    .page-hero .lead {
        margin-top: 16px;
        max-width: 560px;
        color: rgba(255, 248, 236, 0.78);
        font-size: 16px;
    }

    .page-hero-copy .btn {
        margin-top: 22px;
    }

    .page-hero-media.about-img,
    .page-hero .about-img {
        padding-bottom: 0;
    }

    .page-hero-media .about-img-inner,
    .page-hero .about-img-inner {
        /*aspect-ratio: 5 / 4;*/
        aspect-ratio: 3 / 2;
        border: 2px solid rgba(255, 201, 60, 0.38);
        box-shadow: 0 22px 48px -16px rgba(29, 17, 11, 0.7);
    }

    @media (max-width: 900px) {
        .page-hero {
            padding: 36px 0 40px;
        }

        .page-hero-inner {
            grid-template-columns: 1fr;
            gap: 28px;
        }
    }








    .check-list {
        display: grid;
        gap: 12px;
        margin: 22px 0;
    }

    @media(max-width:700px) {
        .check-list {
            grid-template-columns: 1fr !important;
        }
    }

    .check-list .why-point {
        background: var(--paper);
        border: 1px solid var(--line);
        border-radius: 14px;
        padding: 14px 16px;
    }

    .check-list .why-point div h4 {
        color: var(--ink);
    }

    .check-list .why-point div p {
        color: var(--ink-soft);
    }

    .prose {
        max-width: 760px;
    }

    .prose h2,
    .prose h3 {
        margin: 28px 0 12px;
    }

    .prose p,
    .prose li {
        color: var(--ink-soft);
        font-size: 15.5px;
        margin-bottom: 14px;
    }

    .prose ul {
        padding-left: 18px;
        margin: 0 0 18px;
    }

    .prose li {
        margin-bottom: 8px;
    }