@charset "UTF-8";
/*
Dès le 19.04.2021, veuillez ajouter toutes les nouveautés SCSS dans ce fichier.
Concernant le CSS en production, les fichiers et les partials se modifient directement dans le fichier old_main.css du dossier public
*/
header .brand div {
  display: block;
  position: relative;
  width: 100%;
  padding: 0px;
  margin: 0px;
  height: 100%;
}

header .brand div a {
  font-family: "Helvetica Neue Bold";
  color: #303030;
  font-size: 24px;
  font-weight: normal;
}

header .brand div span {
  display: block;
  opacity: 1;
  transition: 0.3s;
}

header .brand div .graf {
  display: block;
  position: absolute;
  top: 35px;
  left: 39px;
  letter-spacing: 0.02em;
}

header .brand div .graf span {
  display: inline;
}

header .brand div .rouault {
  display: block;
  position: absolute;
  top: 35px;
  left: 116px;
  letter-spacing: 0.02em;
}

header .brand div .rouault span {
  display: inline;
}

header .brand div .plus {
  display: block;
  position: absolute;
  top: 31px;
  font-family: "Helvetica Neue Light";
  left: 94px;
}

header .brand div .architect {
  display: block;
  position: absolute;
  top: 57px;
  left: 116px;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.19em;
  font-family: "Helvetica Neue Medium";
}

header.close div .graf {
  left: 26px;
}

header.close div .graf .last-letters {
  opacity: 0;
}

header.close div .plus {
  left: 40px;
}

header.close div .rouault {
  left: 54px;
}

header.close div .rouault .last-letters {
  opacity: 0;
}

header.close div .architect {
  opacity: 0;
  left: 54px;
}

header .navigation li h1 {
  margin: 0;
}

#workspace-slider .slide img, #projects-slider .slide img, #main-slider .slide img {
  object-fit: cover !important;
  min-height: 100%;
  min-width: 100%;
}

body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  min-height: 100vh;
}

footer {
  -ms-flex-positive: 1;
      flex-grow: 1;
}

.introduction {
  height: 100vh;
}

@media (max-width: 1024px) {
  .introduction {
    height: calc(100vh - 94px);
  }
}

.masonry-wrapper {
  display: -ms-grid;
  display: grid;
  grid-gap: 20px 150px;
  -ms-grid-columns: (minmax(380px, 1fr))[2];
      grid-template-columns: repeat(2, minmax(380px, 1fr));
  grid-auto-rows: 0;
}

.masonry-item {
  overflow: hidden;
  position: relative;
}

@media (max-width: 1024px) {
  .masonry-wrapper {
    grid-gap: 20px 100px;
    -ms-grid-columns: (minmax(300px, 1fr))[2];
        grid-template-columns: repeat(2, minmax(300px, 1fr));
  }
}

@media (max-width: 880px) {
  .masonry-wrapper {
    grid-gap: 20px 40px;
  }
}

@media (max-width: 739px) {
  .masonry-wrapper {
    -ms-grid-columns: (minmax(200px, 1fr))[2];
        grid-template-columns: repeat(2, minmax(200px, 1fr));
  }
}

@media (max-width: 640px) {
  .masonry-wrapper {
    -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr);
  }
}