:root {
    /* maximizeleadershipgroup - LAYOUT (canonical structural variable contract). */

    --REF--layout-content-width: 1320px;
    --REF--layout-content-width-narrow: 1024px;
    --REF--layout-nav-height: clamp(3.65rem, 5vw, 5rem);
    --REF--layout-topbar-height: var(--REF--layout-nav-height);
    --REF--layout-sidebar-width: 260px;
    --REF--layout-hero-home-height: clamp(36rem, 44vw, 52rem);
    --REF--layout-hero-inner-min: 18rem;
    --REF--layout-hero-inner-max: 40rem;
    --REF--layout-section-gap: clamp(4rem, 8vw, 6rem);
    --REF--layout-card-cols: 3;
    --REF--layout-soft-radius: 8px;
    --layout-content-width: min(var(--REF--layout-content-width), calc(100vw - (var(--layout-content-inset) * 2)));
    --layout-content-width-narrow: min(
        var(--REF--layout-content-width-narrow),
        calc(100vw - (var(--layout-content-inset) * 2))
    );
    --layout-content-inset: clamp(1.25rem, calc(5vw - 0.75rem), 4rem);
    --layout-nav-height: var(--REF--layout-nav-height);
    --layout-nav-padding: 0 var(--layout-content-inset);
    --layout-topbar-height: var(--REF--layout-topbar-height);
    --layout-sidebar-width: var(--REF--layout-sidebar-width);
    --layout-hero-home-height: var(--REF--layout-hero-home-height);
    --layout-hero-home-padding: 0 var(--layout-content-inset);
    --layout-hero-home-align-block: center;
    --layout-hero-home-align-inline: flex-start;
    --layout-hero-home-text-align: start;
    --layout-hero-inner-height: clamp(var(--REF--layout-hero-inner-min), 25vw, var(--REF--layout-hero-inner-max));
    --layout-hero-inner-padding: 6.5rem var(--layout-content-inset) 4rem;
    --layout-hero-inner-align-block: center;
    --layout-hero-inner-align-inline: flex-start;
    --layout-hero-inner-text-align: start;
    --layout-section-gap: var(--REF--layout-section-gap);
    --layout-footer-padding: clamp(1.8rem, 3.5vw, 4.25rem) var(--layout-content-inset);
    --layout-footer-gap: clamp(1.25rem, 3vw, 2.5rem);
    --layout-card-cols: var(--REF--layout-card-cols);
    --layout-card-grid-template: repeat(var(--layout-card-cols), minmax(0, 1fr));
    --layout-control-min-height: var(--REF--layout-control-min-height);
    --layout-card-cols-wide: var(--REF--layout-card-cols);
    --layout-essence-cols: var(--REF--layout-essence-cols);
    --layout-pillars-cols: var(--REF--layout-pillars-cols);
    --layout-services-cols: var(--REF--layout-services-cols);
    --layout-metrics-cols: var(--REF--layout-metrics-cols);
    --layout-audience-cols: var(--REF--layout-audience-cols);
    --layout-founder-template: minmax(13.75rem, 0.35fr) minmax(0, 1fr);
    --layout-box-padding: var(--REF--layout-box-padding-block) var(--REF--layout-box-padding-inline);
    --layout-control-padding: var(--REF--layout-control-padding-block) var(--REF--layout-control-padding-inline);
    --layout-soft-radius: var(--REF--layout-soft-radius);
    --REF--layout-essence-cols: 1;
    --REF--layout-pillars-cols: 3;
    --REF--layout-services-cols: 3;
    --REF--layout-metrics-cols: 5;
    --REF--layout-audience-cols: 3;
    --REF--layout-box-padding-block: 2.5rem;
    --REF--layout-box-padding-inline: 2.5rem;
    --REF--layout-control-padding-block: 0.875rem;
    --REF--layout-control-padding-inline: 2.25rem;
    --REF--layout-control-min-height: 3.25rem;
    --layout-hero-home-media-fit: cover;
    --layout-hero-home-media-position: center;
    --layout-hero-inner-media-fit: cover;
    --layout-hero-inner-media-position: center;
}

@media (min-width: 641px) and (max-width: 960px) {
    :root {
        --layout-card-cols: min(2, var(--REF--layout-card-cols));
        --layout-card-cols-wide: min(3, var(--REF--layout-card-cols));
        --layout-essence-cols: 1;
        --layout-pillars-cols: 2;
        --layout-services-cols: 2;
        --layout-metrics-cols: 3;
        --layout-audience-cols: 2;
        --layout-founder-template: 1fr;
    }
}

@media (max-width: 640px) {
    :root {
        --layout-card-cols: 1;
        --layout-card-cols-wide: 1;
        --layout-content-inset: clamp(1.25rem, calc(5vw - 0.75rem), 4rem);
        --layout-hero-home-padding: 0 1.25rem;
        --layout-hero-inner-padding: 5.75rem 1.25rem 3.5rem;
        --layout-essence-cols: 1;
        --layout-pillars-cols: 1;
        --layout-services-cols: 1;
        --layout-metrics-cols: 1;
        --layout-audience-cols: 1;
        --layout-founder-template: 1fr;
        --layout-box-padding: 1.75rem 1.25rem;
        --layout-control-padding: 0.875rem 1.5rem;
    }
}
