.page-template-page-cooking-pork-memories-php,
.page-template-page-cooking-pork-memories {
    background: #fffdf5;
}

.page-template-page-cooking-pork-memories-php #print-nav,
.page-template-page-cooking-pork-memories-php #prefooter,
.page-template-page-cooking-pork-memories #print-nav,
.page-template-page-cooking-pork-memories #prefooter {
    display: none !important;
}

.cpm-terms,
.cpm-terms * {
    box-sizing: border-box;
}

.cpm-terms {
    position: relative;
    overflow: hidden;
    color: #111;
    background-color: #eee9d9;
    background-image: url('../img/cooking-pork-memories/paper-texture.webp');
    background-position: center top;
    background-repeat: repeat-y;
    background-size: max(1440px, 100vw) auto;
}

.cpm-hero {
    position: relative;
    width: 100%;
    aspect-ratio: 3 / 2;
    min-height: 620px;
    background-image: url('../img/cooking-pork-memories/hero.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.cpm-hero__inner {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: inherit;
    margin: 0 auto;
}

.cpm-hero__title {
    position: absolute;
    top: calc(74px + 3.2%);
    left: 3.8%;
    z-index: 1;
    margin: 0;
    color: #fffdf5;
    text-transform: uppercase;
    text-shadow: 0 1px 8px rgba(0, 0, 0, .12);
}

.cpm-hero__title span {
    display: block;
}

.cpm-hero__title-top {
    font-family: 'League Gothic', 'Arial Narrow', sans-serif;
    font-size: clamp(54px, 5.56vw, 80px);
    font-weight: 400;
    line-height: .92;
    letter-spacing: .01em;
}

.cpm-hero__title-bottom {
    font-family: 'Poppins', Arial, sans-serif;
    font-size: clamp(58px, 6.25vw, 90px);
    font-weight: 700;
    line-height: 1;
    letter-spacing: -.035em;
}

.cpm-hero__tagline {
    position: absolute;
    right: 5.8%;
    bottom: 2.7%;
    width: min(29.3vw, 422px);
    height: auto;
}

.cpm-paper {
    position: relative;
    min-height: 1633px;
    background: transparent;
}

.cpm-paper__showcase,
.cpm-paper__content {
    position: relative;
    width: calc(100% - 48px);
    max-width: 1168px;
    margin: 0 auto;
}

.cpm-paper__showcase {
    height: 649px;
}

.cpm-paper__headline {
    position: absolute;
    top: 135px;
    left: 0;
    width: min(44.7vw, 522px);
    height: auto;
}

.cpm-paper__plates {
    position: absolute;
    inset: 0;
}

.cpm-plate {
    position: absolute;
    height: auto;
}

.cpm-plate--green {
    top: 116px;
    left: 683px;
    width: 184px;
}

.cpm-plate--aqua {
    top: 85px;
    left: 886px;
    width: 217px;
}

.cpm-plate--blue {
    top: 306px;
    left: 698px;
    width: 264px;
}

.cpm-plate--pattern {
    top: 325px;
    left: 978px;
    width: 182px;
}

.cpm-paper__content {
    padding-bottom: 126px;
}

.cpm-terms-copy {
    min-height: 844px;
    font-family: 'Roboto Mono', monospace;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.18;
    column-count: 2;
    column-gap: 124px;
}

.cpm-terms-copy p {
    margin: 0 0 20px;
    break-inside: avoid;
}

.cpm-terms-copy > :last-child {
    margin-bottom: 0;
}

@media (max-width: 1199px) {
    .cpm-paper__showcase,
    .cpm-paper__content {
        max-width: 920px;
    }

    .cpm-paper__headline {
        left: 0;
        width: 44%;
    }

    .cpm-plate--green {
        left: 54%;
    }

    .cpm-plate--aqua {
        left: 73%;
    }

    .cpm-plate--blue {
        left: 57%;
    }

    .cpm-plate--pattern {
        left: 81%;
    }

    .cpm-terms-copy {
        column-gap: 72px;
    }
}

@media (max-width: 767px) {
    .cpm-hero {
        aspect-ratio: 4 / 5;
        min-height: 0;
        background-position: 48% center;
    }

    .cpm-hero__title {
        top: calc(83px + 5vw);
        left: 6vw;
    }

    .cpm-hero__title-top {
        font-size: clamp(42px, 13vw, 68px);
    }

    .cpm-hero__title-bottom {
        font-size: clamp(42px, 13vw, 68px);
    }

    .cpm-hero__tagline {
        right: 5vw;
        bottom: 4vw;
        width: min(58vw, 360px);
    }

    .cpm-paper {
        min-height: 0;
    }

    .cpm-paper__showcase {
        width: 100%;
        height: auto;
        padding: 64px 24px 48px;
    }

    .cpm-paper__headline {
        position: relative;
        top: auto;
        left: auto;
        display: block;
        width: min(86vw, 522px);
        margin: 0 auto 42px;
    }

    .cpm-paper__plates {
        position: relative;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: center;
        width: min(82vw, 430px);
        margin: 0 auto;
    }

    .cpm-plate {
        position: relative;
        top: auto;
        left: auto;
        justify-self: center;
        width: 100%;
    }

    .cpm-plate--green,
    .cpm-plate--pattern {
        width: 78%;
    }

    .cpm-paper__content {
        width: calc(100% - 48px);
        padding-bottom: 72px;
    }

    .cpm-terms-copy {
        min-height: 0;
        font-size: 13px;
        line-height: 1.35;
        column-count: 1;
    }

    .cpm-terms-copy p {
        margin-bottom: 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .cpm-terms *,
    .cpm-terms *::before,
    .cpm-terms *::after {
        scroll-behavior: auto !important;
    }
}