/**
 * RC Landscape Theme - Home extras (slider / card bands / quote band)
 *
 * Styles for the optional mod-gated front-page sections added in
 * front-page.php v2.1.0 (rc_landscape_slides / rc_landscape_home_bands /
 * rc_landscape_home_quote). Enqueued ONLY when a landscape sets at least one
 * of those mods (functions.php v1.28.0), so other landscapes ship zero bytes.
 *
 * All color pairs are palette-role tokens verified sRGB-linearized (WHAT-S1
 * audit): on-accent on accent-deep 9.93:1 (Whatcom; every stored palette
 * clears AA on this role pair by construction, lowest network-wide 7.16:1
 * Fraser); on-accent on accent 7.08:1; accent on white 7.84:1; accent on
 * warm-white card 7.50:1; ink on tint 14.30:1. The quote clamp() min/max
 * (21.6px/29.6px) is an off-scale display-heading exception, logged for the
 * Phase 3.1 review alongside .rc-lp-hero__title (same precedent).
 *
 * Version: 1.4.1
 * Updated: LV-S13 (August 29, 2026) - section 6 follow-up: the relocated card
 *   band pairs its cards 2x2 in the 701-1159px range, where auto-fit resolved
 *   to three tracks and left the fourth card alone on a second row. Measured,
 *   not assumed: four 240px tracks plus three 28px gaps need 1044px of well,
 *   which the well only reaches near a 1160px viewport. Generated by Claude
 * Previous: 1.4.0 LV-S13 (August 29, 2026) - section 6: the About band gains an
 *   optional video column beside the intro prose (2fr / 1fr, owner direction),
 *   and its card grid gains a standalone placement below the updates/events
 *   body. Both reuse the section 5.3 surface, inner width and card rules rather
 *   than a parallel set, so the only new geometry is the media grid and the
 *   16:9 frame. No existing rule was modified and every new selector is gated
 *   behind a mod-set element, so a landscape without the new about-band keys
 *   renders unchanged. Contrast table for the new pairs is inside section 6.
 *   Generated by Claude
 * Previous: 1.3.1 LV-S12b (August 29, 2026) - the two serif repairs below needed an ID
 *   in the selector, not a second class. The Public Sans kill-list in
 *   rc-landscape-readable.css leads with `#rc-site p` at (1,0,1), so a (0,2,0)
 *   class-scoped rule still lost and both elements kept rendering sans. Now
 *   `#rc-site .rc-lp-hero__statement` / `#rc-site .rc-lp-about__lead` at (1,1,0).
 *   Verified live. Generated by Claude
 * Previous: 1.3.0 LV-S12b (August 29, 2026) - owner typography pass, matching the
 *   Regenerative Whidbey front page exactly: display headings drop to weight 400
 *   with -0.045em tracking (their values), and the hero statement plus the About
 *   lead are re-scoped under .rc-landscape-content because `.rc-landscape-content p`
 *   is (0,2,0) and was silently beating them, rendering both in Public Sans where
 *   the original is serif. ALSO fixes a PRE-EXISTING contrast failure this layer
 *   did not cause: .rc-lp-connect__title rendered accent-on-accent-deep at
 *   1.39:1 on every landscape since WHID-S10. New section 6: the team grid goes
 *   four across. Generated by Claude
 * Previous: 1.2.0 LV-S12 (August 29, 2026) - section 5, the editorial home layer for
 *   Vashon (full-viewport hero, ruled eyebrow, large serif display scale,
 *   full-width About band). Every selector is gated behind .rc-lp-editorial or
 *   a mod-gated element, so no existing landscape changes. No existing rule was
 *   modified. Contrast table for the new pairs is inside section 5.
 *   Generated by Claude
 * Previous: 1.1.0 WHAT-S1 (July 29, 2026) - review fixes: slide-title white override (accent-h2 cascade, lesson 60/73/148), 24px dot hit boxes with inner visual, band surface tint/tint-strong (card bg collision), sr-only utility, forced-colors active dot, auto-fit band grid, fs-900 control glyphs. Generated by Claude
 * Previous: 1.0.0 WHAT-S1 - initial partial for the Whatcom structural mirror. Generated by Claude
 */

/* Screen-reader-only utility (this theme had none; used by the persistent
 * slider h1 in front-page.php v2.1.0). */
.rc-lp-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* ================================================================
 * 1. HERO SLIDER
 * Server renders slides 2+ with [hidden] and the controls row; the
 * controls stay hidden until the script marks the root .is-enhanced,
 * so a no-JS visitor simply gets the identity hero (v2.0.0 behavior).
 * ================================================================ */
.rc-lp-slider {
    position: relative;
}

/* Slide titles are h2, so the .rc-landscape-content h2 accent rule
 * (rc-landscape-overrides.css) would paint them accent-on-dark-overlay.
 * Re-assert the hero title white at higher specificity (0,3,0), matching
 * the identity hero's own #fff (lessons 60/73/148). Also covers the
 * identity title when it demotes to h2 under the slider. */
.rc-landscape-content .rc-lp-slider .rc-lp-hero__title {
    color: #fff;
}

.rc-lp-slider__controls {
    display: none;
}

.rc-lp-slider.is-enhanced .rc-lp-slider__controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 10px 16px;
    background: var(--rc-landscape-accent-deep);
}

.rc-lp-slider__btn {
    background: transparent;
    border: 2px solid var(--rc-landscape-on-accent);
    border-radius: 999px;
    color: var(--rc-landscape-on-accent);
    font-size: var(--fs-900);
    line-height: 1;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.rc-lp-slider__btn:hover {
    background: var(--rc-landscape-on-accent);
    color: var(--rc-landscape-accent-deep);
}

.rc-lp-slider__dots {
    display: flex;
    gap: 8px;
}

/* Dot buttons: 24px hit box (WCAG 2.5.8 / tap minimum) around a 14px visual
 * dot. Boundary = full-opacity on-accent border (passes 1.4.11 against the
 * accent-deep band, 9.93:1 Whatcom); the active dot fills. */
.rc-lp-slider__dot {
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.rc-lp-slider__dot::before {
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 2px solid var(--rc-landscape-on-accent);
}

.rc-lp-slider__dot.is-active::before {
    background: var(--rc-landscape-on-accent);
}

@media (forced-colors: active) {
    .rc-lp-slider__dot.is-active::before {
        background: SelectedItem;
        border-color: SelectedItem;
        forced-color-adjust: none;
    }
}

.rc-lp-slider__btn:focus-visible,
.rc-lp-slider__dot:focus-visible {
    outline: 3px solid var(--rc-landscape-on-accent);
    outline-offset: 2px;
}

/* ================================================================
 * 2. CARD BANDS
 * Cards reuse the canonical .rc-landscape-card family (readable.css);
 * the --band modifier only centers and pads the icon-less variant.
 * Band surfaces alternate tint / tint-strong so the warm-white cards
 * always sit on a visibly distinct surface (the warm-white-on-warm-white
 * collision was a review blocker).
 * ================================================================ */
.rc-lp-band {
    background: var(--rc-landscape-tint);
    padding: 56px 0;
}

.rc-lp-band:nth-of-type(even) {
    background: var(--rc-landscape-tint-strong);
}

.rc-lp-band__inner {
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 40px;
}

.rc-lp-band__title {
    text-align: center;
    margin: 0 0 32px;
}

.rc-lp-band__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 28px;
}

.rc-landscape-card--band {
    text-align: center;
    padding-bottom: 24px;
}

.rc-landscape-card--band .rc-landscape-card__title {
    margin-top: 16px;
}

.rc-landscape-card--band .rc-landscape-card__excerpt {
    padding: 0 20px;
}

.rc-landscape-card--band .rc-lp-side-block__link {
    display: inline-block;
    margin-top: 8px;
}

/* ================================================================
 * 3. QUOTE BAND
 * ================================================================ */
.rc-lp-quote {
    background: var(--rc-landscape-accent);
    padding: 56px 24px;
}

.rc-lp-quote__text {
    max-width: 880px;
    margin: 0 auto;
    font-family: var(--ff-display);
    font-size: clamp(1.35rem, 2.6vw, 1.85rem);
    font-style: italic;
    line-height: 1.5;
    text-align: center;
    color: var(--rc-landscape-on-accent);
    quotes: "\201C" "\201D";
}

.rc-lp-quote__text::before {
    content: open-quote;
}

.rc-lp-quote__text::after {
    content: close-quote;
}

/* ================================================================
 * 4. RESPONSIVE
 * ================================================================ */
@media (max-width: 700px) {
    .rc-lp-band__grid {
        grid-template-columns: 1fr;
        max-width: 460px;
        margin: 0 auto;
    }

    .rc-lp-band__inner {
        padding: 0 24px;
    }
}

/* ================================================================
 * 5. EDITORIAL HOME LAYER (LV-S12, front-page.php v2.2.0)
 * ================================================================
 * The layout language the owner asked for after seeing the Regenerative
 * Whidbey front page: a full-viewport primary image header, a large serif
 * display scale with a ruled eyebrow, and a full-width About band.
 *
 * NOT a copy of css/rc-landscape-rw-mirror.css. That file is a deliberately
 * quarantined FOREIGN design, off the RC token layer, carrying named WCAG
 * defects (11px type on four selectors; .about-grid article span at 4.08:1).
 * Reproducing it on a public production site would import those defects.
 * Everything below is built on the RC token layer instead: --ff-display for
 * the serif, the stored per-landscape role palette for every surface, and a
 * 13px floor (one above the protocol's 12px) for the smallest type.
 *
 * Every selector is gated behind .rc-lp-editorial or a mod-gated element, so a
 * landscape that sets none of the new mods ships zero visual change.
 *
 * CONTRAST, sRGB-linearized against the Vashon stored palette (the only site
 * these are enabled on). Recompute before enabling on any other landscape:
 *   accent-deep #02411E on tint     #EAF8ED  10.77:1  AAA
 *   accent      #1F5733 on tint     #EAF8ED   7.75:1  AAA
 *   ink         #1f2421 on tint     #EAF8ED  14.37:1  AAA
 *   accent-deep #02411E on white    #FFFFFF  11.81:1  AAA
 *   pop-deep    #813B21 on tint     #EAF8ED   7.42:1  AAA
 *   pop-deep    #813B21 on white    #FFFFFF   8.14:1  AAA  (card labels)
 *   ink         #1f2421 on white    #FFFFFF  15.76:1  AAA  (card body)
 * DELIBERATELY NOT USED: --rc-landscape-muted (#5E7D66) on tint is 4.16:1,
 * large-text-only. That is the exact shape of the source design's 4.08:1
 * defect, so card labels use pop-deep and card body uses ink instead.
 *
 * The hero sits over a photograph, so its text contrast is a property of the
 * overlay, not a fixed pair. The full-bleed variant strengthens the existing
 * gradient and adds a bottom scrim rather than claiming a ratio it cannot
 * guarantee against arbitrary imagery.
 */

/* ---- 5.1 Full-viewport hero ---- */
.rc-lp-hero--full {
    min-height: 100vh;
    min-height: 100svh;
}

/* Stronger overlay + bottom scrim: the taller hero puts text over more of the
 * photograph, where the 0.45 end of the shared gradient can run thin. */
.rc-lp-hero--full .rc-lp-hero__overlay {
    background:
        linear-gradient(to top, rgba(var(--rc-deep-forest-rgb), 0.82) 0%, rgba(var(--rc-deep-forest-rgb), 0) 55%),
        linear-gradient(135deg, rgba(var(--rc-deep-forest-rgb), 0.78) 0%, rgba(var(--rc-deep-forest-rgb), 0.58) 100%);
}

.rc-lp-hero--full .rc-lp-hero__inner {
    padding-top: 96px;
    padding-bottom: 96px;
}

/* ---- 5.2 Editorial type scale ---- */

/* Ruled eyebrow. 13px, one step above the 12px protocol floor. */
.rc-lp-editorial .rc-lp-hero__eyebrow {
    font-family: var(--ff-body);
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    opacity: 1;
    color: rgba(255, 255, 255, 0.92);
    margin: 0 0 22px;
}

.rc-lp-editorial .rc-lp-hero__eyebrow::after {
    content: "";
    display: block;
    width: 54px;
    margin-top: 16px;
    border-bottom: 2px solid var(--rc-landscape-tint-strong);
}

/* Display title. Weight 400 and -0.045em tracking, matching the Regenerative
 * Whidbey front page exactly (owner direction, LV-S12b). Pair this with the
 * 'iowan' heading font so the face matches too; at 400 a high-contrast face
 * like Cormorant would read too light at this size. */
.rc-lp-editorial .rc-lp-hero__title {
    font-size: clamp(3rem, 7.4vw, 5.75rem);
    font-weight: 400;
    line-height: 0.98;
    letter-spacing: -0.045em;
    margin: 0 0 20px;
}

.rc-lp-editorial .rc-lp-hero__title em {
    font-style: normal;
    display: block;
}

/* Statement line, between the title and the tagline.
 * SPECIFICITY: the Public Sans kill-list in rc-landscape-readable.css leads with
 * `#rc-site p`, an ID selector at (1,0,1). No class-only selector can beat that,
 * so both `.rc-lp-hero__statement` (0,1,0) and a `.rc-landscape-content`-scoped
 * (0,2,0) version LOST, and this rendered in Public Sans where the Whidbey
 * original is serif. `#rc-site` + one class is (1,1,0), which wins on
 * specificity rather than source order or !important (lesson 60/73/148).
 * The eyebrow and tagline stay in that kill-list deliberately: Whidbey's
 * matching elements are sans too. */
#rc-site .rc-lp-hero__statement {
    font-family: var(--ff-display);
    font-size: clamp(1.5rem, 3.2vw, 2.6rem);
    font-weight: 400;
    line-height: 1.08;
    letter-spacing: -0.045em;
    color: rgba(255, 255, 255, 0.95);
    margin: 0 0 22px;
}

.rc-lp-editorial .rc-lp-hero__tagline {
    font-size: clamp(1.0625rem, 1.5vw, 1.3125rem);
    line-height: 1.55;
    opacity: 0.95;
    max-width: 46rem;
}

/* ---- 5.3 Full-width About band ---- */
.rc-lp-about {
    background: var(--rc-landscape-tint);
    padding: clamp(64px, 8vw, 112px) 0;
}

.rc-lp-about__inner {
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 40px;
}

.rc-lp-about__intro {
    max-width: 60rem;
}

.rc-lp-about__eyebrow {
    font-family: var(--ff-body);
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: var(--rc-landscape-accent);
    margin: 0 0 22px;
}

.rc-lp-about__eyebrow::after {
    content: "";
    display: block;
    width: 54px;
    margin-top: 16px;
    border-bottom: 2px solid var(--rc-landscape-accent);
}

/* Specificity note: .rc-landscape-content h2 in rc-landscape-overrides.css
 * paints h2 accent. This is (0,2,0) via the descendant, so scope it under the
 * content wrapper to win rather than relying on source order (lesson 60/73/148). */
.rc-landscape-content .rc-lp-about__heading {
    font-family: var(--ff-display);
    font-size: clamp(2.25rem, 5.6vw, 4.25rem);
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.045em;
    color: var(--rc-landscape-accent-deep);
    margin: 0 0 24px;
}

/* Same `#rc-site p` (1,0,1) trap as the hero statement above: needs an ID in the
 * selector, or the serif lead silently falls back to Public Sans. */
#rc-site .rc-lp-about__lead {
    font-family: var(--ff-display);
    font-size: clamp(1.25rem, 2vw, 1.75rem);
    font-weight: 400;
    line-height: 1.42;
    color: var(--rc-ink);
    margin: 0 0 20px;
    max-width: 44rem;
}

.rc-lp-about__link {
    display: inline-block;
    font-weight: 600;
    color: var(--rc-landscape-accent-deep);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.rc-lp-about__link:hover,
.rc-lp-about__link:focus-visible {
    color: var(--rc-landscape-accent-pop-deep);
}

.rc-lp-about__grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 28px;
    margin-top: clamp(40px, 5vw, 64px);
}

.rc-lp-about__card {
    background: #fff;
    border-radius: 4px;
    padding: 28px;
    border-top: 3px solid var(--rc-landscape-accent);
}

/* pop-deep, not muted: muted on these surfaces is 4.16:1, large-text only. */
.rc-lp-about__card-label {
    font-family: var(--ff-body);
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--rc-landscape-accent-pop-deep);
    margin: 0 0 12px;
}

.rc-lp-about__card-title {
    font-family: var(--ff-display);
    font-size: clamp(1.25rem, 1.7vw, 1.5rem);
    font-weight: 600;
    line-height: 1.18;
    color: var(--rc-landscape-accent-deep);
    margin: 0 0 12px;
}

.rc-lp-about__card-text {
    font-size: 1rem;
    line-height: 1.6;
    color: var(--rc-ink);
    margin: 0;
}

/* ---- 5.4 Editorial section headings elsewhere on the home page ---- */
.rc-lp-editorial .rc-lp-section__title,
.rc-lp-editorial .rc-lp-connect__title,
.rc-lp-editorial .rc-lp-side-block__title {
    font-weight: 400;
    line-height: 1.06;
    letter-spacing: -0.045em;
}

.rc-lp-editorial .rc-lp-section__title,
.rc-lp-editorial .rc-lp-connect__title {
    font-size: clamp(1.875rem, 3.4vw, 2.75rem);
}

/* CONTRAST FIX, pre-existing and NOT introduced by the editorial layer.
 * `.rc-landscape-content h2` (rc-landscape-overrides.css) is (0,2,0) and paints
 * every content h2 the landscape accent. `.rc-lp-connect__title` in
 * rc-landscape-layout.css sets `color:#fff` at only (0,1,0), so it LOSES, and
 * the Stay Connected heading rendered accent-on-accent-deep: #1F5733 on #02411E
 * = 1.39:1, a hard WCAG 1.4.3 failure on every landscape carrying the band,
 * since WHID-S10. Restored to the intended white at 11.81:1.
 * Deliberately NOT gated on .rc-lp-editorial: the defect is not Vashon-specific
 * and every landscape should get the fix. */
.rc-landscape-content .rc-lp-connect__title {
    color: #fff;
}

/* ---- 5.5 Responsive ---- */
@media (max-width: 700px) {
    .rc-lp-about__inner {
        padding: 0 24px;
    }

    .rc-lp-about__grid {
        grid-template-columns: 1fr;
        max-width: 460px;
    }

    .rc-lp-hero--full .rc-lp-hero__inner {
        padding-top: 72px;
        padding-bottom: 72px;
    }
}

/* Long titles must not force a horizontal scroll on narrow screens. */
@media (max-width: 420px) {
    .rc-lp-editorial .rc-lp-hero__title {
        font-size: clamp(2.5rem, 12vw, 3rem);
    }
}

/* ================================================================
 * 6. ABOUT: MEDIA COLUMN + RELOCATED CARD BAND (LV-S13)
 * ================================================================
 * Two additions keyed on new members of rc_landscape_about_band, both inert
 * for a landscape that omits them:
 *   - the intro can carry a video beside the prose, two thirds text to one
 *     third video (owner direction), stacking below 900px;
 *   - the four cards can leave the intro and form their own band between the
 *     updates/events body and Stay Connected.
 *
 * The band reuses .rc-lp-about's surface, inner width and card rules from 5.3
 * rather than a parallel set, so the only genuinely new geometry here is the
 * media grid and the 16:9 frame.
 *
 * CONTRAST. No new colour pair is introduced; both values below are already in
 * the section 5 table, sRGB-linearized against the Vashon stored palette:
 *   ink         #1f2421 on tint #EAF8ED  14.37:1  AAA  (video caption)
 *   accent-deep #02411E on tint #EAF8ED  10.77:1  AAA  (band heading)
 * The well behind the iframe is accent-deep so the frame never flashes
 * tint-on-tint before YouTube paints its poster; it carries no text.
 */

.rc-lp-about__top--media {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    gap: clamp(28px, 4vw, 56px);
    align-items: center;
}

/* The intro carries a 60rem measure for the full-width case. Inside the 2fr
 * track that cap is either inert or actively short, so release it. (0,2,0)
 * beats the (0,1,0) base rule in 5.3. */
.rc-lp-about__top--media .rc-lp-about__intro {
    max-width: none;
}

/* The display heading is sized for the full well. At its 4.25rem ceiling the
 * second line overruns a two-thirds track and breaks to a third line, so the
 * ceiling comes down when the media column is present. The base rule is
 * `.rc-landscape-content .rc-lp-about__heading` at (0,2,0); this is (0,3,0). */
.rc-landscape-content .rc-lp-about__top--media .rc-lp-about__heading {
    font-size: clamp(2rem, 4.2vw, 3.25rem);
}

.rc-lp-about__media {
    min-width: 0;
}

.rc-lp-about__video {
    position: relative;
    aspect-ratio: 16 / 9;
    border-radius: 4px;
    overflow: hidden;
    background: var(--rc-landscape-accent-deep);
}

/* inset + explicit 100% rather than aspect-ratio alone: the ratio box holds the
 * space, the absolute frame fills it on engines that ignore aspect-ratio on a
 * replaced child. */
.rc-lp-about__video iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

.rc-lp-about__video-caption {
    font-family: var(--ff-body);
    font-size: 0.9375rem;
    line-height: 1.5;
    color: var(--rc-ink);
    margin: 12px 0 0;
}

/* Relocated card band. Same surface and inner width as the About band above;
 * only the vertical rhythm differs, because there is no intro over the grid. */
.rc-lp-about--cards {
    padding: clamp(48px, 6vw, 80px) 0;
}

/* .rc-landscape-content h2 (rc-landscape-overrides.css) is (0,2,0) and paints
 * every content h2 the landscape accent, which on this tint surface is the
 * wrong role. Matched at (0,2,0) and resolved by source order, exactly as
 * .rc-lp-about__heading is one section up (lesson 60/73/148). */
.rc-landscape-content .rc-lp-about__cards-heading {
    color: var(--rc-landscape-accent-deep);
    margin: 0 0 8px;
}

.rc-lp-about__grid--standalone {
    margin-top: clamp(24px, 3vw, 36px);
}

/* The base grid is auto-fit minmax(240px, 1fr). Four cards need 1044px of well
 * to sit in one row, which the well only reaches around a 1160px viewport;
 * between there and the 700px single-column breakpoint auto-fit resolves to
 * THREE tracks and leaves the fourth card alone on a second row. Under the
 * inline placement that orphan was buried under the intro prose; standing on
 * its own beneath a heading it reads as a mistake, so the mid range pairs them
 * evenly instead. Bounded at BOTH ends: an unbounded max-width rule would also
 * match below 700px and beat the single-column rule in 5.5 on source order. */
@media (min-width: 701px) and (max-width: 1159px) {
    .rc-lp-about__grid--standalone {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 899px) {
    .rc-lp-about__top--media {
        grid-template-columns: 1fr;
    }

    /* Stacked, the video no longer has to fit a third of the well. Cap it at a
     * comfortable width instead of letting it span the full measure. */
    .rc-lp-about__media {
        max-width: 560px;
    }

    /* The heading has the full measure back once the columns stack. */
    .rc-landscape-content .rc-lp-about__top--media .rc-lp-about__heading {
        font-size: clamp(2.25rem, 5.6vw, 4.25rem);
    }
}

/* The team-grid rule that briefly lived here moved to
 * css/rc-landscape-directories.css. This partial is enqueued ONLY on
 * is_front_page(), and the team grid renders on the Our Team page, so a rule
 * here never loaded where it was needed. */