/* --- Intro --- */
section.common.intro .grid
{
    grid-template-columns:repeat(auto-fit,minmax(24em,1fr));
}

section.common.intro .wp-block-acf-image-title-text>.item
{
    grid-template:'t i'/minmax(16em,3fr) 1fr;
    overflow:clip;
    color:var(--light-black);
    border-radius:var(--block-radius);
    background:none #FFFFFF;
    box-shadow:var(--block-shadow);
}

section.common.intro .wp-block-acf-image-title-text>.item>.text
{
    padding-right:32%;
    padding:var(--block-padding-low);
}

section.common.intro .wp-block-acf-image-title-text>.item>.img
{
    background:none left bottom/contain no-repeat transparent;
}

@media(max-width:480px)
{
    section.common.intro .wp-block-acf-image-title-text>.item
    {
        grid-template:'t' 1fr 'i' 10em/1fr;
    }

    section.common.intro .wp-block-acf-image-title-text>.item>.img
    {
        background-position:right bottom;
    }
}

/* --- Advantages --- */
section.common.advantages
{
    background-image:linear-gradient(0deg,var(--blue) 0 42%,#00000000 42% 100%);
}

section.common.advantages .grid
{
    grid:'i1 i2' 1fr 'i1 i3' 1fr/3fr 5fr;
}

section.common.advantages .wp-block-acf-image-title-text>.item
{
    grid:'t' 1fr 'i' 5.5em/1fr;
    overflow:clip;
    border-radius:var(--block-radius);
    box-shadow:var(--block-shadow);
    background:none #FFFFFF;
}
section.common.advantages .wp-block-acf-image-title-text>.item:nth-child(1){grid-area:i1; grid-template-rows:1fr 7.5em;}
section.common.advantages .wp-block-acf-image-title-text>.item:nth-child(2){grid-area:i2;}
section.common.advantages .wp-block-acf-image-title-text>.item:nth-child(3){grid-area:i3;}

section.common.advantages .wp-block-acf-image-title-text>.item>.text
{
    padding:var(--block-padding);
    padding-bottom:1em;
}

section.common.advantages .wp-block-acf-image-title-text>.item>.text *
{
    max-width:30em;
    font-size:1.25em;
    line-height:1.3;
    font-weight:500;
    color:var(--light-black);
}

section.common.advantages .wp-block-acf-image-title-text>.item>.img
{
    background:none right bottom/contain no-repeat transparent;
}

@media(max-width:1024px)
{
    section.common.advantages .grid
    {
        grid:'i1' 'i2' 'i3'/1fr;
    }
}