@import url('farmiclegrow-v2-slider-motion.css?v=20261010.2');
@import url('farmiclegrow-v2-slider-style-guard.css?v=20261010.1');
@import url('farmiclegrow-hero-story-cards-layout-fix.css?v=20261010.2');

/* FarmicleGrow V2 hero refinement
 * Final presentation layer for the public header + homepage hero.
 * Loaded after the base V2 shell and polish styles.
 */

/*
 * Base V2 links inherit text colour from their surrounding section. Button
 * links need stronger semantic colours so a dark header/hero does not force
 * the wrong text colour onto lime, green or outline CTAs.
 */
.fg-v2 a.fg-btn--primary,
.fg-v2 a.fg-btn--primary:visited {
    color: #fff;
}

.fg-v2 a.fg-btn--primary:hover {
    color: #fff;
}

.fg-v2 a.fg-btn--lime,
.fg-v2 a.fg-btn--lime:visited,
.fg-v2 a.fg-btn--lime:hover {
    color: #0b2f20;
}

.fg-v2 a.fg-btn--outline,
.fg-v2 a.fg-btn--outline:visited {
    color: #103d29;
}

.fg-v2 a.fg-btn--outline:hover {
    color: #fff;
}

/* Slightly calmer public header proportions. */
.fg-site-header__inner {
    min-height: 78px;
}

.fg-site-brand img {
    height: 48px;
}

.fg-site-header__actions .fg-btn {
    min-height: 42px;
    padding-inline: 17px;
}

.fg-site-icon-button {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
}

/* Hero composition: keep the message prominent without overwhelming the image. */
.fg-hero-slider {
    min-height: clamp(590px, calc(92svh - 78px), 780px);
    background: #09291c;
}

.fg-hero-slide__media img,
.fg-hero-slide__media video {
    object-position: var(--fg-media-x, 50%) center;
}

.fg-hero-slide__inner {
    padding-top: clamp(68px, 8vh, 98px);
    padding-bottom: clamp(102px, 12vh, 132px);
}

.fg-hero-slide__content {
    width: min(100%, 780px);
}

.fg-hero-slide__eyebrow {
    margin-bottom: 17px;
    font-size: 10.5px;
}

.fg-hero-slide__title {
    max-width: 13ch;
    font-size: clamp(50px, 5.25vw, 82px);
    font-weight: 620;
    letter-spacing: -.05em;
    line-height: .94;
}

.fg-hero-slide__title-accent {
    display: block;
    margin-top: .04em;
    color: #d7f77d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: .94em;
    font-style: italic;
    font-weight: 400;
    letter-spacing: -.035em;
}

.fg-hero-slide__inner--center .fg-hero-slide__title {
    max-width: 14ch;
}

.fg-hero-slide__description {
    max-width: 620px;
    margin-top: 22px;
    font-size: clamp(15px, 1.08vw, 18px);
    line-height: 1.55;
}

.fg-hero-slide__actions {
    margin-top: 28px;
}

.fg-hero-slide__actions .fg-btn {
    min-height: 48px;
    padding-inline: 22px;
    font-size: 13.5px;
}

.fg-hero-slide__signature {
    bottom: 24px;
}

.fg-hero-slider__controls {
    bottom: 62px;
}

.fg-hero-slider__scroll {
    bottom: 24px;
}

@media (max-width: 1366px) {
    .fg-hero-slider {
        min-height: clamp(560px, calc(91svh - 78px), 720px);
    }

    .fg-hero-slide__title {
        font-size: clamp(48px, 5vw, 72px);
    }

    .fg-hero-slide__inner {
        padding-top: 58px;
        padding-bottom: 108px;
    }
}

@media (max-width: 991.98px) {
    .fg-site-header__inner {
        min-height: 70px;
    }

    .fg-site-brand img {
        height: 44px;
    }

    .fg-hero-slider {
        min-height: min(740px, calc(100svh - 70px));
    }

    .fg-hero-slide__inner {
        padding-top: 105px;
        padding-bottom: 120px;
    }

    .fg-hero-slide__title {
        max-width: 12ch;
        font-size: clamp(46px, 8.4vw, 68px);
    }
}

@media (max-width: 767.98px) {
    .fg-hero-slide__media img,
    .fg-hero-slide__media video {
        object-position: 50% center;
    }

    .fg-hero-slider {
        min-height: min(720px, calc(100svh - 66px));
    }

    .fg-hero-slide__inner,
    .fg-hero-slide__inner--center,
    .fg-hero-slide__inner--right {
        padding-top: 150px;
        padding-bottom: 116px;
    }

    .fg-hero-slide__title,
    .fg-hero-slide__inner--center .fg-hero-slide__title,
    .fg-hero-slide__inner--right .fg-hero-slide__title {
        max-width: 11.5ch;
        font-size: clamp(40px, 11.8vw, 58px);
    }

    .fg-hero-slide__description {
        margin-top: 18px;
        font-size: 15px;
    }

    .fg-hero-slide__actions {
        margin-top: 23px;
    }
}

@media (max-width: 479.98px) {
    .fg-hero-slide__title {
        font-size: clamp(38px, 11.5vw, 52px);
    }

    .fg-hero-slide__title-accent {
        font-size: .92em;
    }
}