/* Static, nonrepeating line compositions; photographic bands have separate artwork. */

.rental-scope .rc.rc-rental-home > :is(
    .rc-home-categories, .rm-featured, .rc-rental-guide,
    .rc-home-confidence, .rc-home-faq, .rc-partner-invite
) {
    position: relative;
    isolation: isolate;
    width: 100%;
    max-width: none;
    margin-inline: 0;
    padding-inline: max(48px, calc((100% - 1304px) / 2));
    background-color: #fff;
    border-block-color: #e6e0e9;
}

.rental-scope .rc-rental-home > :is(
    .rc-home-categories, .rm-featured, .rc-rental-guide,
    .rc-home-confidence, .rc-home-faq, .rc-partner-invite
)::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-image: var(--ha-pattern);
    background-repeat: no-repeat;
    background-size: var(--ha-size, 900px auto);
    background-position: var(--ha-position, center);
    opacity: var(--ha-opacity, .18);
}

.rental-scope .rc-rental-home > .rc-home-categories {
    --ha-pattern: url("patterns/botanical-corner.svg");
    --ha-position: right top;
    --ha-size: 960px auto;
    --ha-opacity: .2;
}

.rental-scope .rc-rental-home > .rm-featured {
    --ha-pattern: url("patterns/silk-contours.svg");
    --ha-position: left bottom;
    --ha-size: 1200px auto;
    --ha-opacity: .16;
}

.rental-scope .rc-rental-home > .rc-rental-guide {
    --ha-pattern: url("patterns/journey-map.svg");
    --ha-position: right center;
    --ha-size: 1200px auto;
    --ha-opacity: .18;
}

.rental-scope .rc-rental-home > .rc-home-confidence {
    --ha-pattern: url("patterns/confidence-silk.svg");
    --ha-position: left center;
    --ha-size: 760px auto;
    --ha-opacity: .18;
}

.rental-scope .rc-rental-home > .rc-home-faq {
    --ha-pattern: url("patterns/faq-paper.svg");
    --ha-position: left bottom;
    --ha-size: 800px auto;
    --ha-opacity: .2;
}

.rental-scope .rc-rental-home > .rc-partner-invite h2 { color: #422440; }
.rental-scope .rc-rental-home > .rc-partner-invite p { color: #65556e; }
.rental-scope .rc-rental-home > .rc-partner-invite .rc-kicker { color: #634114; }

/* Small copy retains contrast even directly over an outline stroke. */
.rental-scope .rc-rental-home > :is(
    .rc-home-categories, .rm-featured, .rc-rental-guide,
    .rc-home-confidence, .rc-home-faq, .rc-partner-invite
) :is(h2, h3) { color: #38203f; }
.rental-scope .rc-rental-home > :is(
    .rc-home-categories, .rm-featured, .rc-rental-guide,
    .rc-home-confidence, .rc-home-faq, .rc-partner-invite
) .rc-kicker { color: #634114; font-weight: 800; }
.rental-scope .rc-rental-home :is(
    .rc-home-confidence > div > p:not(.rc-kicker),
    .rc-confidence-list p,
    .rc-home-faq details p,
    .rc-customer-steps li > span:last-child,
    .rc-partner-invite p:not(.rc-kicker)
) { color: #4b3d55; font-weight: 500; }
.rental-scope .rc-rental-home .rc-category-tile small { color: #58485f; font-weight: 500; }
.rental-scope .rc-rental-home .rc-customer-steps strong { color: #302036; font-weight: 750; }
.rental-scope .rc-rental-home .rc-customer-steps .rc-step-number { color: #60406c; }
.rental-scope .rc-rental-home .rc-home-faq summary { color: #38203f; font-weight: 650; }
.rental-scope .rc-rental-home :is(.rc-home-faq summary, .rc-customer-steps li) > svg { color: #735326; }
.rental-scope .rc-rental-home :is(
    .rc-section-head > a, .rc-guide-heading > a,
    .rc-home-confidence > div > a, .rc-home-faq > div > a
) { color: #422440; font-weight: 750; }

/* The garden story also uses a neutral veil, not a green colour wash. */
.rental-scope .rc-rental-home .rc-garden-story { background: #fff; }
.rental-scope .rc-rental-home .rc-garden-story::after {
    background: linear-gradient(90deg, #fffffff2, #ffffffc9 30%, #ffffff30 65%, transparent 90%);
}
.rental-scope .rc-rental-home .rc-garden-story h2 { color: #422440; }
.rental-scope .rc-rental-home .rc-garden-story p:not(.rc-kicker) { color: #4b3d55; font-weight: 500; }

@media (max-width: 1100px) {
    .rental-scope .rc.rc-rental-home > :is(
        .rc-home-categories, .rm-featured, .rc-rental-guide,
        .rc-home-confidence, .rc-home-faq, .rc-partner-invite
    ) { padding-inline: 30px; }
}

@media (max-width: 760px) {
    .rental-scope .rc.rc-rental-home > :is(
        .rc-home-categories, .rm-featured, .rc-rental-guide,
        .rc-home-confidence, .rc-home-faq, .rc-partner-invite
    ) { padding-inline: 24px; }
    .rental-scope .rc-rental-home > .rc-home-categories {
        --ha-size: 650px auto;
        --ha-position: right -120px top;
    }
    .rental-scope .rc-rental-home > .rm-featured {
        --ha-size: 750px auto;
        --ha-position: left -160px bottom;
    }
    .rental-scope .rc-rental-home > .rc-rental-guide {
        --ha-size: 720px auto;
        --ha-position: right -230px center;
    }
    .rental-scope .rc-rental-home > .rc-home-confidence {
        --ha-size: 650px auto;
        --ha-position: left -140px center;
    }
    .rental-scope .rc-rental-home > .rc-home-faq {
        --ha-size: 640px auto;
        --ha-position: left -160px bottom;
    }
    .rental-scope .rc-rental-home > .rc-partner-invite {
        --ha-size: 680px auto;
        --ha-position: right -260px center;
    }
    .rental-scope .rc-rental-home .rc-garden-story::after {
        background: linear-gradient(180deg, #ffffff00 5%, #ffffff33 26%, #ffffffe0 58%, #fffffff5 100%);
    }
}