/**
 * Home page — conventional scroll sections.
 *
 * @package RS_Calisthenics
 */

body.rc-home {
    overflow-x: hidden;
}

.rc-home {
    display: block;
}

.rc-home-section {
    scroll-margin-top: var(--header-height);
}

body.admin-bar .rc-home-section {
    scroll-margin-top: calc(var(--header-height) + 32px);
}

@media (max-width: 782px) {
    body.admin-bar .rc-home-section {
        scroll-margin-top: calc(var(--header-height) + 46px);
    }
}

.rc-home-section--hero {
    background: var(--color-night);
}

.rc-home-section--about {
    background: var(--color-concrete);
}

.rc-home-section--methodology {
    background: var(--color-chalk);
}

.rc-home-section--gallery {
    background: var(--color-concrete);
    padding-block: var(--section-gap);
}

.rc-home-section--plans {
    background: var(--color-chalk);
}

.rc-home-section--plans .rs-service-section {
    padding-block: 0;
}

.rc-home-section--testimonials {
    background: var(--color-concrete);
}

.rc-home-section--contact {
    background: var(--color-chalk);
}

.rc-home-section--cta {
    background: var(--color-asphalt);
}

body.rc-home .rc-nav a.is-active,
body.rc-home .rc-mobile-nav a.is-active {
    color: var(--color-flare);
}

.rc-onpage-about__grid {
    gap: clamp(1.5rem, 4vw, 2.5rem);
}

@media (min-width: 900px) {
    .rc-onpage-about__grid {
        grid-template-columns: 1fr 1.1fr;
        grid-template-areas:
            "photo content"
            "studio content";
    }

    .rc-about-coach__media {
        grid-area: photo;
    }

    .rc-about-coach__content {
        grid-area: content;
    }

    .rc-onpage-about__studio {
        grid-area: studio;
    }
}

.rc-onpage-about__studio-photo {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-elevated);
}

.rc-onpage-about__studio-caption {
    margin-top: 0.75rem;
    font-size: var(--font-small);
    color: var(--color-steel);
}

.rc-onpage-about__cta {
    margin-top: clamp(2rem, 5vw, 3rem);
    text-align: center;
}

.rc-onpage-contact__map {
    margin-top: 1.5rem;
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-card);
    min-height: 16rem;
}

.rc-onpage-contact__map iframe {
    display: block;
    width: 100%;
    min-height: 16rem;
    border: 0;
}

@media (max-width: 899px) {
    .rc-home-section--hero .rc-hero-thesis__grid {
        min-height: calc(100dvh - var(--header-height));
    }
}