@media (max-width: 960px) {
  :root {
    --GRID_MARGIN: 0px;
    --GRID_GUTTER: 5px;
    --P20: 20px;
  }
}
@media (max-width: 960px) {
  #debug-grid {
    grid-template-columns: repeat(2, 1fr);
    column-gap: var(--GRID_GUTTER);
  }
  header {
    align-items: flex-start;
    padding: var(--P20);
  }
  header h1 {
    font-size: var(--FS20);
    line-height: var(--LH20);
  }
  header nav {
    margin-left: 0;
  }
  #cookie-banner {
    width: 100%;
    right: 0;
    bottom: 0;
  }
}
@media (max-width: 960px) {
  .template-template-home #section-gallery {
    grid-template-columns: repeat(2, 1fr);
    column-gap: var(--GRID_GUTTER);
    row-gap: var(--GRID_GUTTER);
  }
  .template-template-home #section-gallery > *#section-gallery-sentinel {
    grid-column-end: span 2;
  }
  .template-template-home #section-gallery > *.col-1 {
    grid-column-end: span 1;
  }
  .template-template-home #section-gallery > *.col-2 {
    grid-column-end: span 2;
  }
  .template-template-home #section-gallery > *.col-2 picture img,
  .template-template-home #section-gallery > *.col-2 video {
    height: auto;
  }
  .template-template-home #section-gallery > *.col-2.flip picture img,
  .template-template-home #section-gallery > *.col-2.flip video {
    height: calc((100vw - var(--GRID_GUTTER) * 1) / 2 * 1080 / 720);
  }
  .template-template-home #section-gallery > *.flip {
    grid-column-end: span 2;
  }
  .template-template-home #section-gallery > *.flip .flipbox-recto picture::after {
    display: none;
    animation: none;
  }
  .template-template-home #section-gallery > *.flip .flipbox {
    transition: unset;
    transform-style: unset;
    cursor: initial;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: var(--GRID_GUTTER);
  }
  .template-template-home #section-gallery > *.flip .flipbox .flipbox-recto,
  .template-template-home #section-gallery > *.flip .flipbox .flipbox-verso {
    grid-column-end: span 1;
    width: unset;
    backface-visibility: unset;
    -webkit-backface-visibility: unset;
  }
  .template-template-home #section-gallery > *.flip .flipbox .flipbox-verso {
    position: relative;
    top: unset;
    left: unset;
    transform: none;
  }
  .template-template-home #section-gallery > *.flip .flipbox .flipbox-verso h1 {
    font-size: var(--FS24);
    line-height: var(--LH24);
  }
  .template-template-home #section-gallery > *.flip .flipbox .flipbox-verso h2 {
    font-size: var(--FS20);
    line-height: var(--LH20);
  }
  .template-template-home #section-gallery > *.flip .flipbox .flipbox-verso p {
    font-size: var(--FS20);
    line-height: var(--LH20);
  }
  .template-template-home #section-gallery > *.flip:hover .flipbox {
    transform: none;
  }
  .template-template-home #section-gallery > * picture img {
    height: calc((100vw - var(--GRID_GUTTER) * 1) / 2 * 1080 / 720);
  }
  .template-template-home #section-gallery > * picture .credits {
    display: block;
  }
  .template-template-home #section-gallery > * video {
    height: calc((100vw - var(--GRID_GUTTER) * 1) / 4 * 1080 / 720);
  }
}
@media (max-width: 960px) {
  .template-template-infos #section-content {
    padding: var(--P40) var(--P20);
    width: 100%;
  }
}
@media (max-width: 960px) {
  .template-template-contact #main {
    display: block;
    padding: var(--P20);
  }
  .template-template-contact #main #section-left {
    width: 100%;
    margin-top: var(--P40);
    margin-bottom: var(--P40);
  }
  .template-template-contact #main #section-right {
    width: 100%;
  }
  .template-template-contact #main #section-right .input {
    width: 100%;
  }
  .template-template-contact #main #section-right .input.textarea {
    width: 100%;
  }
}