/* Standard brand introductions use the shared page gutter once, at the outer
 * section. Match the second section or an explicit intro class, so copied
 * pages retain the layout when Elementor regenerates their element IDs.
 * Photographs scale with their columns; native stacking, gaps and centring stay intact. */
html body.page-child.parent-pageid-30 #main.site-main .entry-content > .elementor[data-elementor-type="wp-page"] > .elementor-element:is(.cie-brand-intro, .cie-native-brand-intro, :nth-child(2)) {
    --padding-left: var(--cie-section-padding-inline) !important;
    --padding-right: var(--cie-section-padding-inline) !important;
    padding-inline: var(--cie-section-padding-inline) !important;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box;
}

/* Remove the old navigation-width cap from boxed wrappers, including the
 * additional native grid inside the 2N and Atomic Akubela outer sections. */
html body.page-child.parent-pageid-30 #main.site-main .entry-content > .elementor[data-elementor-type="wp-page"] > .elementor-element:is(.cie-brand-intro, .cie-native-brand-intro, :nth-child(2)) :is(.e-grid, .e-con-inner) {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box;
}

/* Elementor's default 10px container inset must not become a second gutter.
 * These are the intro's layout, photograph and heading/copy containers; keep
 * their block padding and internal paragraph/widget spacing unchanged. */
html body.page-child.parent-pageid-30 #main.site-main .entry-content > .elementor[data-elementor-type="wp-page"] > .elementor-element:is(.cie-brand-intro, .cie-native-brand-intro, :nth-child(2)) :is(.e-con, .e-con-inner) {
    --padding-left: 0px !important;
    --padding-right: 0px !important;
    padding-inline: 0 !important;
}

/* Native Image widgets otherwise stop at the selected asset's intrinsic width.
 * Fill the available column proportionally, including Atomic image widgets. */
html body.page-child.parent-pageid-30 #main.site-main .entry-content > .elementor[data-elementor-type="wp-page"] > .elementor-element:is(.cie-brand-intro, .cie-native-brand-intro, :nth-child(2)) .elementor-widget-image img,
html body.page-child.parent-pageid-30 #main.site-main .entry-content > .elementor[data-elementor-type="wp-page"] > .elementor-element:is(.cie-brand-intro, .cie-native-brand-intro, :nth-child(2)) img.e-image-base {
    width: 100% !important;
    height: auto !important;
}