/*---------------------------------
Hero
---------------------------------*/
.section-hero .img-container:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg,rgb(from var(--global-color-bg) r g b / 1) 0%, rgb(from var(--global-color-bg) r g b / 0.05) 40%);
    pointer-events: none;
}

/*---------------------------------
Expertise
---------------------------------*/
.section-expertise .grid{
    --max-font: var(--margin-max);	--min-font: var(--margin-min);
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(var(--getSize) * 1.5);
    row-gap: var(--getSize);
    width: 100%;
}

.section-expertise .grid .hoverZoom{
    border: 1px solid var(--global-color-line);
}

@media (max-width: 767px) {
    .section-expertise .grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .section-expertise .grid-item1 {
        order: 2;
    }

    .section-expertise .grid-item2 {
        order: 1;
    }
}

/*---------------------------------
Wabtec
---------------------------------*/
.section-wabtec colonne-standard{
    margin-top: calc(var(--getSize) * 3);
}

.section-wabtec .container-text{
    width: 40%;
}

.section-wabtec .container-ul{
    width: 100%;
}

.section-wabtec colonne-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(35deg,rgb(from var(--global-color-bg) r g b / .8) 30%, rgb(from var(--global-color-bg) r g b / 0.05) 80%);
  z-index: -1;
  pointer-events: none;
}

@media (max-width: 1200px) {
    .section-wabtec .container-text{
        width: 60%;
    }
}

@media (max-width: 767px) {
    .section-wabtec colonne-standard{
        margin-top: calc(var(--getSize) * 5);
    }

    .section-wabtec .container-text{
        width: 100%;
    }

    .section-wabtec colonne-hero::after {
        background: linear-gradient(15deg,rgb(from var(--global-color-bg) r g b / .85) 40%, rgb(from var(--global-color-bg) r g b / 0.05) 100%);
    }
}

/*---------------------------------
Realisation
---------------------------------*/
.section-realisation .grid-title{
    --max-font: var(--margin-max);	--min-font: var(--margin-min);
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(var(--getSize) * 1.5);
    row-gap: 0;
    width: 100%;
}

.section-realisation .grid{
    --max-font: var(--margin-max);	--min-font: var(--margin-min);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: calc(var(--getSize) * .1);
    width: 100%;
}

.section-realisation .grid-hero{
    border: 1px solid var(--global-color-line);
    transition: border-color var(--transition-time) var(--ease);
    height: 100%;
    border-radius: var(--border-radius);
}

.section-realisation .grid-hero:hover{
    border-color: var(--global-color-accent);
}

.section-realisation .grid-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg,rgb(from var(--global-color-bg) r g b / .85) 20%, rgb(from var(--global-color-bg) r g b / 0.05) 65%);
  z-index: -1;
  pointer-events: none;
}

.section-realisation .grid-hero img{
    transform: scale(1);
    transition: transform calc(var(--transition-time) * 2) var(--ease);
}

.section-realisation .grid a:hover img{
    transform: scale(1.03);
}

.section-realisation .grid-hero-container{
    --max-font: var(--p-max-font);	--min-font: var(--p-min-font);
    padding: calc(var(--getSize) * 1.5);
}

.section-realisation .grid-hero-container h3{
    margin-top: calc(var(--getSize) * 10);
}

.section-realisation .grid a{
    margin: 0;
}

.section-realisation .dp-link{
    grid-column: 3;
}

@media (max-width: 1200px) {
    .section-realisation .grid-title{
        grid-template-columns: repeat(1, 1fr);
    }

    .section-realisation .grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .section-realisation .dp-link{
        grid-column: 2;
    }
}

@media (max-width: 767px) {
    .section-realisation .grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .section-realisation .dp-link{
        grid-column: 1;
    }
}

/*---------------------------------
A propos
---------------------------------*/
.section-studio .grid{
    --max-font: var(--margin-max);	--min-font: var(--margin-min);
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--getSize);
    width: 100%;
}

.section-studio .grid-signature{
    --max-font: var(--margin-max);	--min-font: var(--margin-min);
    display: flex;
    gap: calc(var(--getSize) * .5);
    align-items: center;
    width: 100%;
}

.section-studio .grid-signature img{
    --max-font: var(--p-max-font);	--min-font: var(--p-min-font);
    width:  calc(var(--getSize) * 10);
    height: auto;
}

@media (max-width: 1200px) {
    .section-studio .grid {
        grid-template-columns: repeat(1, 1fr);
        gap: calc(var(--getSize) * .5);
    }
}