/**
 * Homepage about section
 *
 * A single editorial composition: the store statement and product image lead,
 * while verified facts sit in one calm proof band below. The section remains
 * on the black homepage canvas so the FAQ can keep its own rounded surface.
 */
:where(body.home, .editor-styles-wrapper) .amahasla-home-about {
    box-sizing: border-box;
    width: min(100%, var(--theme-container-width, 1290px));
    max-width: var(--theme-normal-container-max-width, 1290px);
    margin: clamp(64px, 7vw, 104px) auto 0;
    color: #f5f5f2;
}

:where(body.home, .editor-styles-wrapper) .amahasla-home-about *,
:where(body.home, .editor-styles-wrapper) .amahasla-home-about *::before,
:where(body.home, .editor-styles-wrapper) .amahasla-home-about *::after {
    box-sizing: border-box;
}

:where(body.home, .editor-styles-wrapper) .amahasla-home-about__grid {
    display: grid !important;
    grid-template-columns: minmax(0, 0.84fr) minmax(0, 1.16fr);
    gap: clamp(40px, 6vw, 88px);
    align-items: end;
    margin: 0;
}

:where(body.home, .editor-styles-wrapper) .amahasla-home-about__grid > *,
:where(body.home, .editor-styles-wrapper) .amahasla-home-about__copy > *,
:where(body.home, .editor-styles-wrapper) .amahasla-home-about__proof > *,
:where(body.home, .editor-styles-wrapper) .amahasla-home-about__experience > *,
:where(body.home, .editor-styles-wrapper) .amahasla-home-about__checks > *,
:where(body.home, .editor-styles-wrapper) .amahasla-home-about__check > * {
    margin-block: 0;
}

:where(body.home, .editor-styles-wrapper) .amahasla-home-about__copy {
    order: 1;
    min-width: 0;
    padding-bottom: clamp(4px, 1vw, 18px);
}

:where(body.home, .editor-styles-wrapper) .amahasla-home-about__title {
    max-width: 11em;
    margin: 0;
    color: #f5f5f2;
    font-family: inherit;
    font-size: clamp(40px, 3.85vw, 54px);
    font-weight: 500;
    letter-spacing: -0.052em;
    line-height: 0.96;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
    text-wrap: balance;
}

:where(body.home, .editor-styles-wrapper) .amahasla-home-about__intro {
    max-width: 34ch;
    margin: clamp(24px, 3vw, 38px) 0 0;
    color: #b7b7b3;
    font-size: clamp(16px, 1.4vw, 19px);
    line-height: 1.55;
}

:where(body.home, .editor-styles-wrapper) .amahasla-home-about__image {
    order: 2;
    min-width: 0;
    margin: 0;
    overflow: hidden;
    aspect-ratio: 1 / 1;
    border-radius: 32px;
    background: #151515;
}

:where(body.home, .editor-styles-wrapper) .amahasla-home-about__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

:where(body.home, .editor-styles-wrapper) .amahasla-home-about__proof {
    display: grid !important;
    grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr);
    gap: clamp(32px, 5vw, 72px);
    align-items: start;
    margin: clamp(42px, 5.5vw, 78px) 0 0;
    padding: clamp(24px, 3vw, 36px) 0 0;
    border-top: 1px solid rgb(255 255 255 / 15%);
}

:where(body.home, .editor-styles-wrapper) .amahasla-home-about__experience {
    display: grid !important;
    gap: 8px;
}

:where(body.home, .editor-styles-wrapper) .amahasla-home-about__experience-number {
    color: #f5f5f2;
    font-size: clamp(44px, 4.35vw, 62px);
    font-weight: 500;
    letter-spacing: -0.065em;
    line-height: 0.9;
}

:where(body.home, .editor-styles-wrapper) .amahasla-home-about__experience-text {
    max-width: 18ch;
    color: #aeaeaa;
    font-size: 15px;
    line-height: 1.45;
}

:where(body.home, .editor-styles-wrapper) .amahasla-home-about__checks {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: clamp(24px, 4vw, 48px);
}

:where(body.home, .editor-styles-wrapper) .amahasla-home-about__check {
    min-width: 0;
    padding-left: clamp(16px, 2vw, 24px);
    border-left: 1px solid rgb(255 255 255 / 20%);
}

:where(body.home, .editor-styles-wrapper) .amahasla-home-about__check-title {
    color: #f5f5f2;
    font-size: clamp(18px, 1.55vw, 21px);
    font-weight: 500;
    letter-spacing: -0.025em;
    line-height: 1.2;
}

:where(body.home, .editor-styles-wrapper) .amahasla-home-about__check-text {
    margin-top: 8px;
    color: #9f9f9b;
    font-size: 15px;
    line-height: 1.48;
}

.editor-styles-wrapper .amahasla-home-about {
    margin-bottom: 72px;
}

/* Stackable stores generated block rules in in-content style elements. */
body.home .entry-content .stk-block > style,
body.home .entry-content .wp-block-stackable-spacer > style {
    display: none !important;
}

@media screen and (max-width: 781px) {
    :where(body.home, .editor-styles-wrapper) .amahasla-home-about {
        margin-top: 64px;
        padding-inline: 16px;
    }

    :where(body.home, .editor-styles-wrapper) .amahasla-home-about__grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 32px;
    }

    :where(body.home, .editor-styles-wrapper) .amahasla-home-about__copy {
        padding-bottom: 0;
    }

    :where(body.home, .editor-styles-wrapper) .amahasla-home-about__title {
        max-width: 12em;
        font-size: clamp(34px, 9vw, 42px);
        line-height: 0.98;
    }

    :where(body.home, .editor-styles-wrapper) .amahasla-home-about__intro {
        max-width: 36ch;
        margin-top: 22px;
        font-size: 16px;
    }

    :where(body.home, .editor-styles-wrapper) .amahasla-home-about__image {
        border-radius: 24px;
    }

    :where(body.home, .editor-styles-wrapper) .amahasla-home-about__proof {
        grid-template-columns: minmax(0, 1fr);
        gap: 28px;
        margin-top: 34px;
        padding-top: 24px;
    }

    :where(body.home, .editor-styles-wrapper) .amahasla-home-about__experience {
        grid-template-columns: auto minmax(0, 1fr);
        gap: 18px;
        align-items: end;
    }

    :where(body.home, .editor-styles-wrapper) .amahasla-home-about__experience-number {
        font-size: 46px;
    }

    :where(body.home, .editor-styles-wrapper) .amahasla-home-about__experience-text {
        max-width: 22ch;
        padding-bottom: 2px;
    }

    :where(body.home, .editor-styles-wrapper) .amahasla-home-about__checks {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
    }
}

@media screen and (max-width: 360px) {
    :where(body.home, .editor-styles-wrapper) .amahasla-home-about {
        padding-inline: 14px;
    }

    :where(body.home, .editor-styles-wrapper) .amahasla-home-about__title {
        font-size: 32px;
    }

    :where(body.home, .editor-styles-wrapper) .amahasla-home-about__image {
        border-radius: 22px;
    }

    :where(body.home, .editor-styles-wrapper) .amahasla-home-about__experience {
        gap: 14px;
    }
}