/* One generous hero composition for native product pages and industry web offers. */
.sc-page .sc-hero.intro_hero,
#smpls-editor-content.wnm-page :is(.wnm-hero, .industry-hero) {
    min-height: min(100svh, 1040px);
    display: flex;
    align-items: center;
    padding-block: clamp(130px, 10vw, 170px) 70px;
}

.sc-page .sc-hero .sc-hero-grid,
#smpls-editor-content.wnm-page :is(.wnm-hero-row, .industry-hero-grid) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: clamp(40px, 5vw, 100px);
    align-items: center;
}

#smpls-editor-content.wnm-page .wnm-hero-row > .smpls-column {
    width: 100%;
    max-width: none;
    flex: none;
    padding: 0;
}

#smpls-editor-content.wnm-page :is(.wnm-hero-copy .wnm-lead, .industry-hero .industry-lead) {
    max-width: 640px;
}

.sc-page .sc-hero .theme-heading,
.sc-page .sc-hero .theme-heading h1,
#smpls-editor-content.wnm-page :is(.wnm-hero-heading h1, .industry-hero h1) {
    font-size: var(--site-hero-heading-size) !important;
    line-height: 1.14;
    letter-spacing: 0;
}

#smpls-editor-content.wnm-page :is(.wnm-specialty-visual, .industry-demo) {
    width: 100%;
    max-width: none;
    min-width: 0;
    padding: 0;
}

#smpls-editor-content.wnm-page {
    --sc-surface: var(--wnm-surface);
    --sc-paper: var(--offer-paper, var(--wnm-surface));
    --sc-ink: var(--wnm-ink);
    --sc-line: var(--wnm-line);
    --sc-primary: var(--wnm-primary);
}

#smpls-editor-content.wnm-page :is(.wnm-concept-label, .industry-demo-top) {
    display: none;
}

.wnm-page :is(.wnm-hero, .industry-hero) .sc-device-content {
    width: 500px;
    max-width: none;
    min-width: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    transform: none !important;
    zoom: var(--sc-device-scale, 1);
}

.wnm-page :is(.wnm-hero, .industry-hero) .sc-demo-preview .sc-device-content {
    width: 320px;
}

.wnm-page .sc-demo-preview .wnm-concept-items {
    grid-template-columns: 1fr;
    gap: 12px;
}

.wnm-page .sc-demo-preview .wnm-concept-content {
    padding: 26px 20px;
}

.wnm-page .sc-demo-preview .wnm-concept-scene {
    height: 135px;
}

.wnm-page :is(.wnm-hero, .industry-hero) .sc-devices {
    max-width: 760px;
}

.wnm-page .industry-demo-footer {
    margin-top: 20px;
    transform: none;
}

@media (max-width: 991px) {
    .sc-page .sc-hero .sc-hero-grid,
    #smpls-editor-content.wnm-page :is(.wnm-hero-row, .industry-hero-grid) {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 44px;
    }

    .sc-page .sc-hero.intro_hero,
    #smpls-editor-content.wnm-page :is(.wnm-hero, .industry-hero) {
        min-height: 0;
        padding-block: 130px 55px;
    }

    #smpls-editor-content.wnm-page :is(.wnm-specialty-visual, .industry-demo) {
        max-width: 640px;
        margin-inline: auto;
    }
}

@media (max-width: 575px) {
    .sc-page .sc-hero.intro_hero,
    #smpls-editor-content.wnm-page :is(.wnm-hero, .industry-hero) {
        padding-block: 115px 40px;
    }

    .sc-page .sc-hero .sc-hero-grid,
    #smpls-editor-content.wnm-page :is(.wnm-hero-row, .industry-hero-grid) {
        gap: 32px;
    }
}