@charset "UTF-8";
@font-face {
  font-family: "ChercanGris";
  src: url("../fonts/PampaType-ChercanStd/PampaType-ChercanStd-Gris.woff") format("woff");
}
@font-face {
  font-family: "ChercanGrisIt";
  src: url("../fonts/PampaType-ChercanStd/PampaType-ChercanStd-GrisItalica.woff") format("woff");
}
@font-face {
  font-family: "ChercanNegra";
  src: url("../fonts/PampaType-ChercanStd/PampaType-ChercanStd-Negra.woff") format("woff");
}
@font-face {
  font-family: "ChercanNegraIt";
  src: url("../fonts/PampaType-ChercanStd/PampaType-ChercanStd-NegraItalica.woff") format("woff");
}
.font1 {
  font-family: ChercanGris;
}
.font1-it {
  font-family: ChercanGrisIt;
  font-style: normal;
}
.font1-bold {
  font-family: ChercanNegra;
  font-weight: 400;
}
.font1-bold-it {
  font-family: ChercanNegraIt;
  font-weight: 400;
  font-style: normal;
}
.font1-title {
  font-family: ChercanNegra;
  font-weight: 400;
  letter-spacing: 0.054em;
}
html {
  font-size: 16px;
  line-height: normal;
}
body {
  margin: 0;
  padding: 0;
}
body,
#page {
  background-color: #181545;
}
body .page-padding-top {
  display: none;
}
body.page-padding-top-enable .page-padding-top {
  display: block;
  height: calc( (100vh - min(100vh, 1080px)) / 2);
}
#page_container {
  width: 100vw;
  height: 100vh;
  overflow-y: scroll;
  overflow-x: hidden;
  position: absolute;
}
#page {
  font-family: ChercanGris;
  width: 100vw;
  max-width: 1920px;
  height: 100vh;
  color: #22979e;
  position: relative;
  margin: auto;
}
#page i {
  font-family: ChercanGrisIt;
  font-style: normal;
}
#page b {
  font-family: ChercanNegra;
  font-weight: 400;
  text-align: left;
  letter-spacing: 0px;
  color: #22979E;
}
#page b i {
  font-family: ChercanNegraIt;
  font-weight: 400;
  font-style: normal;
}
#page a {
  text-decoration: none;
  color: #22979E;
}
#page h1,
#page h2,
#page h3,
#page h4 {
  font-size: 1em;
  font-weight: normal;
  white-space: nowrap;
  display: inline-block;
}
#page p {
  margin: 0;
  padding: 0;
}
#page .bn-close > span {
  display: none;
}
#page .bn-close::before,
#page .bn-close::after {
  background: #22979E;
  position: absolute;
  display: block;
  content: '';
  font-size: 1.5em;
}
#page .bn-close::before {
  width: 100%;
  height: 0.06em;
  top: 50%;
  left: 0;
  transform: rotate(45deg);
}
#page .bn-close::after {
  content: '';
  width: 0.06em;
  height: 100%;
  left: 50%;
  top: 0;
  transform: translate(0em, 0.03em) rotate(45deg);
}
#page .bn-close:hover::after {
  background: #FFFE36;
}
#page .bn-close:hover::before {
  background: #FFFE36;
}
#page_modals,
#page_head,
#page_body {
  position: absolute;
  float: left;
  width: 100%;
  top: 0;
}
#page_modals .modal[data-route] {
  display: none;
}
#page_modals .modal.active {
  display: block;
}
#page_background .background {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: 2493px;
  background-clip: border-box;
  background-position: -469px -86px;
  background-repeat: no-repeat;
}
#page_background .background {
  display: none;
}
#page_background .background.active {
  display: block;
}
#page_background .background-accueil,
#page_background .background-colophon,
#page_background .background-recherche,
#page_background .background-intervenants,
#page_background .background-ressources {
  background-image: url("../images/fond.svg");
}
body.page-padding-top-enable #page_background {
  display: block;
  height: calc( 100vh - ((100vh - min(100vh, 1080px)) / 2));
}
#main {
  position: absolute;
  z-index: 0;
  width: 100%;
  top: 0;
  padding-bottom: 20em;
  min-height: calc(100vh - 20em);
}
#sections_background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/fond.svg");
  background-position: center 0px;
  background-repeat: repeat-y;
  background-size: 2400px 1200px;
  z-index: -1;
}
body.page-padding-top-enable #sections_background {
  background-position-y: calc( (100vh - min(100vh, 1080px)) / 2);
}
#sections .section {
  display: none;
  text-align: left;
  letter-spacing: 0px;
  color: #22979E;
  font-size: 1.7rem;
  line-height: 1.2em;
}
#sections .section.active {
  display: block;
}
#sections .section-title,
#sections .section-item-title {
  display: none;
}
#sections .section-content,
#sections .section-items {
  float: left;
  position: relative;
  top: 11em;
  left: 19.5em;
  width: 23em;
  padding: 1em;
  margin: 0;
}
@media screen and (max-width: 900px) {
  #sections .section-content,
  #sections .section-items {
    left: auto;
    margin: auto;
  }
}
#site_title {
  font-family: ChercanNegra;
  font-weight: 400;
  letter-spacing: 0.054em;
  width: 637px;
  height: 54px;
  position: relative;
  text-align: left;
  text-decoration: none;
  color: #22979E;
  opacity: 1;
  cursor: pointer;
  z-index: 10;
}
#site_title > * {
  margin: 0;
  position: relative;
  height: 54px;
  cursor: pointer;
}
#site_title .title-1 {
  display: none;
}
#site_title .title-1.active {
  display: inline-block;
}
#site_title .title-1.active + .title {
  display: none;
}
#site_title .title-2 > *:last-child {
  display: none;
}
#site_title:hover .title-2 > *:first-child {
  display: none;
}
#site_title:hover .title-2 > *:last-child {
  display: inline-block;
}
#navcontent_container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#navcontent {
  width: 370px;
  /* 364*/
  height: 172px;
  /* border: 2px solid #22979E; */
  background-image: url("../images/testMenu.svg");
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 1;
  position: relative;
  z-index: 1;
  float: left;
  text-align: left;
  letter-spacing: 0px;
  color: #22979E;
  font-size: 1.7rem;
}
#navcontent ul {
  list-style-type: none;
  padding-inline-start: 27px;
  margin: 16px 0px 0px 0px;
}
#navcontent li > a {
  color: #22979E;
  cursor: pointer;
  text-decoration: none;
  font-size: 1.5em;
  line-height: 1.1em;
}
#navcontent li > a:hover {
  color: #FFFE36;
}
#navcontent li > a:active,
#navcontent li.active > a {
  color: #FFFE36;
  cursor: default;
}
#site_title {
  font-size: 2.8vw;
  top: 2rem;
  left: 7.5%;
}
@media screen and (min-width: 1920px) {
  #site_title {
    font-size: calc(1920px * 0.028);
  }
}
#navcontent {
  font-size: 1.5vw;
  left: 7.5%;
  top: calc( 2rem + 4.4vw );
  width: 22vw;
}
@media screen and (min-width: 1920px) {
  #navcontent {
    font-size: calc( 1920px * 0.015 );
    top: calc( 2rem  + ( 1920px * 0.044 ));
    width: calc( 1920px * 0.22 );
  }
}
#menu {
  display: none;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: auto;
  font-family: ChercanGris;
  font-size: 3rem;
}
@media screen and (max-width: 600px) {
  #menu {
    font-size: 8vw;
  }
}
#menu a {
  text-decoration: none;
}
#menu .bn-burger {
  display: block;
  z-index: 35;
  font-size: 2rem;
  position: fixed;
  top: 0;
  left: 0;
  width: 1.5em;
  height: 2em;
  padding: 1.5em 0.5em 0;
  margin: 0;
}
@media screen and (max-width: 600px) {
  #menu .bn-burger {
    font-size: 5vw;
  }
}
#menu .bn-burger span {
  background: #22979E;
  display: block;
  position: relative;
}
#menu .bn-burger span,
#menu .bn-burger span:before,
#menu .bn-burger span:after {
  width: 100%;
  height: 0.15em;
}
#menu .bn-burger span:before,
#menu .bn-burger span:after {
  background: #22979E;
  content: " ";
  margin-top: -0.5em;
  position: absolute;
}
#menu .bn-burger span:after {
  margin-top: 0.5em;
}
#menu .bn-close {
  display: none;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  height: 1.25em;
  width: 1.25em;
  margin: 0.3em 0.8em;
}
#menu .bn-close::before,
#menu .bn-close::after {
  background: #181545;
  position: absolute;
  display: block;
  content: '';
}
#menu .bn-close::before {
  width: 100%;
  height: 0.06em;
  top: 50%;
  left: 0;
  transform: rotate(45deg);
}
#menu .bn-close::after {
  width: 0.06em;
  height: 100%;
  left: 50%;
  top: 0;
  transform: translate(0em, 0.03em) rotate(45deg);
}
#menu_title {
  font-family: ChercanNegra;
  font-weight: 400;
  letter-spacing: 0.054em;
  color: #22979e;
  background-color: #181545;
  text-transform: uppercase;
}
#menu_title > .title {
  display: none;
  padding: 0.525em 1em 0.5em 2em;
  float: left;
}
#menu_title > .title.active {
  display: block;
}
#menu_content {
  display: none;
  color: #181545;
  background-color: #22979e;
  position: absolute;
  z-index: -1;
  top: 0;
  width: 100vw;
  min-height: 80vh;
}
#menu_content ul {
  list-style-type: none;
  padding: 0 0 0 2em;
  margin: 4em 0 0 0;
}
#menu_content li {
  padding: 0.25em 0;
}
#menu_content a {
  text-decoration: none;
  color: #181545;
}
#menu:target .bn-burger,
#menu.active .bn-burger {
  display: none;
}
#menu:target .bn-close,
#menu.active .bn-close {
  display: block;
}
#menu:target #menu_content,
#menu.active #menu_content {
  display: block;
}
#menu:target #menu_title,
#menu.active #menu_title {
  color: #181545;
}
@media screen and (max-width: 900px) {
  #site_title,
  #navcontent {
    display: none;
  }
  #menu {
    display: block;
  }
}
#sections > .section .section-content p,
#sections > .section .section-item-content p {
  margin: 2em 0;
}
#sections > .section .section-content hr,
#sections > .section .section-item-content hr {
  border: 0;
  display: block;
  height: 2px;
  background-color: #22979E;
}
#sections > .section .section-content {
  background-color: #181545;
}
#sections > .section .section-content:empty {
  display: none;
}
#sections > .section-recherche a.link:hover {
  color: #FFFE36;
}
#sections > .section-colophon .section-content {
  top: 0;
  padding-top: 2em;
}
#sections > .section-annotations {
  display: none;
  z-index: 11;
  position: fixed;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  width: 40vw;
  height: 100vh;
  top: 0;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media screen and (min-width: 1920px) {
  #sections > .section-annotations {
    width: calc(1920px * 0.4);
  }
}
#sections > .section-annotations::-webkit-scrollbar {
  display: none;
}
#sections > .section-annotations::-webkit-scrollbar {
  -webkit-appearance: none;
  height: 0;
  width: 0;
}
#sections > .section-annotations .section-items {
  position: relative;
  left: 0;
  top: 8em;
  width: 100%;
  padding: 0;
  font-size: 2vw;
}
@media screen and (min-width: 1920px) {
  #sections > .section-annotations .section-items {
    font-size: calc(1920px * 0.02);
  }
}
#sections > .section-annotations .section-item {
  z-index: 1;
  margin: 0 auto;
  overflow: visible;
  position: relative;
  float: none;
  height: 24rem;
  width: 16rem;
  padding: 0 6rem 16rem 0;
}
#sections > .section-annotations .section-item {
  display: none;
}
#sections > .section-annotations .section-item.active {
  display: block;
}
#sections > .section-annotations .section-item:nth-child(3n+1) > .card {
  transform: rotate(-5deg);
}
#sections > .section-annotations .section-item:nth-child(3n+2) > .card {
  transform: rotate(5deg);
}
#sections > .section-annotations .section-item:nth-child(3n+3) > .card {
  transform: rotate(-10deg);
}
#sections > .section-annotations .section-item .card-caption {
  position: absolute;
  display: block;
  width: 12em;
  top: 12em;
  left: 0.25em;
}
#sections > .section-annotations .section-item .card-caption > p {
  display: block;
  margin: 0.4em 0;
  font-size: 0.6em;
  line-height: 1.2em;
}
#sections > .section-annotations .section-item .card-caption > p small {
  display: block;
  font-size: 0.8em;
  line-height: 1.2em;
}
#sections > .section-annotations .card,
#sections > .section-intervenants .card,
#sections > .section-ressources .card {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  background-image: url("../images/cardBg.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 12em;
  width: 8em;
  box-sizing: border-box;
  opacity: 1;
}
#sections > .section-intervenants .section-items,
#sections > .section-ressources .section-items {
  left: 12%;
  width: 80%;
}
#sections > .section-intervenants .section-item,
#sections > .section-ressources .section-item {
  margin: 2em 2.5em;
  display: block;
  overflow: visible;
  position: relative;
  float: left;
  height: 12em;
  width: 8em;
}
#sections > .section-intervenants .section-item:nth-child(12n+1) .card,
#sections > .section-ressources .section-item:nth-child(12n+1) .card {
  transform: translate(-20%, -10%) rotate(5deg);
}
#sections > .section-intervenants .section-item:nth-child(12n+2) .card,
#sections > .section-ressources .section-item:nth-child(12n+2) .card {
  transform: translate(-10%, 10%) rotate(-30deg);
}
#sections > .section-intervenants .section-item:nth-child(12n+3) .card,
#sections > .section-ressources .section-item:nth-child(12n+3) .card {
  transform: translate(10%, -30%) rotate(20deg);
}
#sections > .section-intervenants .section-item:nth-child(12n+4) .card,
#sections > .section-ressources .section-item:nth-child(12n+4) .card {
  transform: translate(0%, 0%) rotate(-20deg);
}
#sections > .section-intervenants .section-item:nth-child(12n+5) .card,
#sections > .section-ressources .section-item:nth-child(12n+5) .card {
  transform: translate(20%, -5%) rotate(15deg);
}
#sections > .section-intervenants .section-item:nth-child(12n+6) .card,
#sections > .section-ressources .section-item:nth-child(12n+6) .card {
  transform: translate(10%, -25%) rotate(0deg);
}
#sections > .section-intervenants .section-item:nth-child(12n+7) .card,
#sections > .section-ressources .section-item:nth-child(12n+7) .card {
  transform: translate(0%, -20%) rotate(-25deg);
}
#sections > .section-intervenants .section-item:nth-child(12n+8) .card,
#sections > .section-ressources .section-item:nth-child(12n+8) .card {
  transform: translate(-10%, 5%) rotate(30deg);
}
#sections > .section-intervenants .section-item:nth-child(12n+9) .card,
#sections > .section-ressources .section-item:nth-child(12n+9) .card {
  transform: translate(10%, -25%) rotate(-25deg);
}
#sections > .section-intervenants .section-item:nth-child(12n+10) .card,
#sections > .section-ressources .section-item:nth-child(12n+10) .card {
  transform: translate(10%, 0%) rotate(-10deg);
}
#sections > .section-intervenants .section-item:nth-child(12n+11) .card,
#sections > .section-ressources .section-item:nth-child(12n+11) .card {
  transform: translate(20%, 10%) rotate(15deg);
}
#sections > .section-intervenants .section-item:nth-child(12n+12) .card,
#sections > .section-ressources .section-item:nth-child(12n+12) .card {
  transform: translate(-10%, -20%) rotate(-5deg);
}
@media screen and (max-width: 900px) {
  #sections > .section-intervenants .section-content,
  #sections > .section-ressources .section-content,
  #sections > .section-intervenants .section-items,
  #sections > .section-ressources .section-items {
    left: auto;
    margin: auto;
  }
}
@media screen and (max-width: 900px) {
  #sections > .section-intervenants .section-item,
  #sections > .section-ressources .section-item {
    margin: 2em auto;
    float: none;
  }
}
#sections > .section-intervenants .quote-container,
#sections > .section-interviews .quote-container {
  position: fixed;
  z-index: 1;
  top: 15vh;
  left: 54vw;
  font-size: 1.5vw;
  line-height: 1.3em;
  font-weight: 600;
  font-family: ChercanNegra;
  font-weight: 400;
}
@media screen and (max-width: 900px) {
  #sections > .section-intervenants .quote-container,
  #sections > .section-interviews .quote-container {
    left: 35vw;
    font-size: 2.5vw;
  }
}
@media screen and (min-width: 1920px) {
  #sections > .section-intervenants .quote-container,
  #sections > .section-interviews .quote-container {
    font-size: calc(1920px * 0.015);
  }
}
#sections > .section-intervenants .quote,
#sections > .section-interviews .quote {
  width: 15em;
  transform: translate(0, -2em) rotate(-15deg);
  padding: 1em;
  background-color: #181545;
  color: #FFFE36;
  border: 2px solid #FFFE36;
}
#sections > .section-intervenants .card {
  padding: 1em;
}
#sections > .section-intervenants .card-title {
  white-space: initial;
}
#sections > .section-intervenants .card-title .label {
  display: none;
}
#sections > .section-intervenants .section-item.active .card,
#sections > .section-intervenants .card:hover,
#sections > .section-intervenants .card:target {
  color: #FFFE36;
  background-image: url("../images/cardBgHover.svg");
  background-size: 90%;
}
#sections > .section-intervenants .quote {
  display: none;
}
#sections > .section-intervenants .section-item.active .quote {
  display: block;
}
#sections > .section-intervenants .section-item.active .quote:empty {
  display: none;
}
#sections > .section-ressources .section-item.pop-up {
  position: absolute;
  z-index: 12;
  top: -11em;
  width: 50%;
  margin: 0;
  right: 5em;
}
#sections > .section-ressources .section-item.pop-up {
  position: fixed;
  top: 0;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
#sections > .section-ressources .section-item.pop-up::-webkit-scrollbar {
  display: none;
}
#sections > .section-ressources .section-item.pop-up::-webkit-scrollbar {
  -webkit-appearance: none;
  height: 0;
  width: 0;
}
#sections > .section-ressources .section-item {
  display: none;
}
#sections > .section-ressources .section-item.active {
  display: block;
}
#sections > .section-ressources .section-item.promote-0 {
  display: none;
}
#sections > .section-ressources .ressource-close-pop-up {
  position: absolute;
  right: 4em;
}
#sections > .section-ressources .ressource-close-pop-up .bn-close {
  position: fixed;
  z-index: 1;
  top: 0;
  margin: 0.75em;
  height: 2em;
  width: 2em;
}
#sections > .section-ressources .ressource-image-preview-container {
  display: block;
  margin: 6em 0 1em;
  width: 70%;
  height: 60vh;
  max-height: 40vw;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom left;
}
#sections > .section-ressources .ressource-image-preview {
  display: none;
  width: auto;
  height: 100%;
  object-fit: contain;
}
#sections > .section-ressources .ressource-image-caption {
  width: 12em;
  margin: 1em 0;
}
#sections > .section-ressources .ressource-image-caption > p {
  display: block;
  margin: 0.4em 0;
  font-size: 0.6em;
  line-height: 1.2em;
}
#sections > .section-ressources .ressource-image-caption > p small {
  display: block;
  font-size: 0.8em;
  line-height: 1.2em;
}
#sections > .section-ressources .ressource-link-interview {
  margin: 1em 0;
  font-size: 1em;
  font-weight: 600;
  font-family: ChercanNegra;
  font-weight: 400;
}
#sections > .section-ressources .ressource-link-interview a {
  text-decoration: underline;
}
#sections > .section-ressources .ressource-link-interview a:hover {
  color: #FFFE36;
}
#sections > .section-ressources .ressource-link-interview[data-interview-id="{{ item.interview._id }}"] {
  display: none;
}
#sections > .section-ressources .ressource-background {
  z-index: -1;
  position: absolute;
  left: calc(100% - 100vw);
}
#sections > .section-ressources .ressource-background .background {
  position: fixed;
  top: 0;
  background-color: #2e2b5c;
  width: 100vw;
  height: 100vh;
}
#sections > .section-ressources .card,
#sections > .section-annotations .card {
  padding: 0em;
  font-size: 1.68rem;
}
#sections > .section-ressources .card-image,
#sections > .section-annotations .card-image {
  position: absolute;
  height: 100%;
  width: 92.8%;
  left: 3.6%;
}
#sections > .section-interviews {
  background-color: #181545;
}
#sections > .section-interviews .section-items {
  position: relative;
  left: 0;
  top: 0;
  padding: 0;
  width: 100%;
}
#sections > .section-interviews .section-item {
  display: none;
}
#sections > .section-interviews .section-item.active {
  display: block;
}
#sections > .section-interviews .section-item-cols > .col-left {
  position: absolute;
  z-index: 10;
  padding: 0;
  left: 0vw;
  width: 40vw;
}
@media screen and (min-width: 1920px) {
  #sections > .section-interviews .section-item-cols > .col-left {
    left: 0;
    width: calc(1920px * 0.4);
  }
}
#sections > .section-interviews .section-item-cols > .col-right {
  position: absolute;
  z-index: 1;
  padding: 0;
  left: 40vw;
  width: 60vw;
}
@media screen and (max-width: 900px) {
  #sections > .section-interviews .section-item-cols > .col-right {
    left: 5rem;
    width: calc(100vw - 5rem);
  }
}
@media screen and (max-width: 600px) {
  #sections > .section-interviews .section-item-cols > .col-right {
    left: 12.5vw;
    width: calc(100vw - 12.5vw);
  }
}
@media screen and (min-width: 1920px) {
  #sections > .section-interviews .section-item-cols > .col-right {
    left: calc(1920px * 0.4);
    width: calc(1920px * 0.6);
  }
}
#sections > .section-interviews .section-item-sidebar-text {
  z-index: 2;
  position: absolute;
  top: calc(120px + 1em);
  left: 18%;
  width: 60%;
  font-size: calc(100vw * 0.024);
  line-height: 1.2em;
  font-weight: 600;
  font-family: ChercanNegra;
  font-weight: 400;
}
@media screen and (min-width: 1920px) {
  #sections > .section-interviews .section-item-sidebar-text {
    font-size: calc(1920px * 0.024);
  }
}
#sections > .section-interviews .section-item-sidebar-text i {
  font-style: italic;
  font-family: ChercanNegraIt;
  font-weight: 400;
  font-style: normal;
}
#sections > .section-interviews .text-author {
  display: none;
}
#sections > .section-interviews .text-author.active {
  display: block;
}
#sections > .section-interviews .section-item-sidebar-background {
  z-index: 1;
  position: absolute;
  left: calc(100% - 100vw);
}
#sections > .section-interviews .section-item-sidebar-background .background {
  position: fixed;
  top: 0;
  background-color: #2e2b5c;
  width: 100vw;
  height: 100vh;
}
#sections > .section-interviews .bn-close {
  position: fixed;
  z-index: 2;
  top: 0;
  right: 0.5em;
  margin: 0.5em;
  height: 2em;
  width: 2em;
}
#sections > .section-interviews .quote-container {
  transition-property: top;
  transition-duration: 1s;
  transition-delay: 0s;
}
#app.page-scrolled #sections > .section-interviews .quote-container {
  top: -12em;
}
#app.quote-start-top #sections > .section-interviews .quote-container {
  transition: none;
}
#sections > .section-interviews .section-item-content {
  background-color: #181545;
  padding-top: 14em;
  min-height: calc( 100vh - 11em );
}
#sections > .section-interviews .video-player-container {
  width: 26em;
  font-size: 1.5vw;
  line-height: 1.3em;
  margin: auto;
}
#sections > .section-interviews .video-player {
  width: 100%;
  height: 14em;
  margin: 3em 0;
}
#sections > .section-interviews .dialogue {
  padding: 1em;
  background-color: #181545;
  margin: auto;
  width: 26em;
  font-size: 1.5vw;
  line-height: 1.3em;
}
@media screen and (max-width: 900px) {
  #sections > .section-interviews .dialogue {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 600px) {
  #sections > .section-interviews .dialogue {
    font-size: 4vw;
    padding-right: 2em;
    width: auto;
  }
}
@media screen and (min-width: 1920px) {
  #sections > .section-interviews .dialogue {
    font-size: calc(1920px * 0.015);
  }
}
#sections > .section-interviews .dialogue dd {
  margin: 0;
  font-weight: 400;
  font-family: ChercanGris;
}
#sections > .section-interviews .dialogue dd i,
#sections > .section-interviews .dialogue dd a.link-annotations {
  font-style: italic;
  font-family: ChercanGrisIt;
  font-style: normal;
}
#sections > .section-interviews .dialogue dt {
  font-weight: 600;
  font-family: ChercanNegra;
  font-weight: 400;
}
#sections > .section-interviews .dialogue dt i,
#sections > .section-interviews .dialogue dt a.link-annotations {
  font-style: italic;
  font-family: ChercanNegraIt;
  font-weight: 400;
  font-style: normal;
}
#sections > .section-interviews .dialogue a.link-annotations {
  text-decoration: underline;
}
#sections > .section-interviews .dialogue a.link-annotations:hover,
#sections > .section-interviews .dialogue a.link-annotations.active {
  color: #FFFE36;
}
#sections > .section-interviews .dialogue .label {
  float: left;
  margin-right: 1em;
}
#sections > .section-interviews .dialogue .label > span {
  display: none;
}
#sections > .section-interviews .dialogue blockquote {
  position: relative;
  margin: 4em 0;
}
#sections > .section-interviews .dialogue blockquote > p {
  width: 15em;
  padding: 1em;
  background-color: #181545;
  color: #FFFE36;
  border: 2px solid #FFFE36;
}
#sections > .section-interviews .dialogue dl > *:nth-child(4n+1) blockquote > p {
  transform: translate(4em, 0em) rotate(-15deg);
}
#sections > .section-interviews .dialogue dl > *:nth-child(4n+2) blockquote > p {
  transform: translate(2em, 0em) rotate(10deg);
}
#sections > .section-interviews .dialogue dl > *:nth-child(4n+3) blockquote > p {
  transform: translate(4em, 0em) rotate(20deg);
}
#sections > .section-interviews .dialogue dl > *:nth-child(4n+4) blockquote > p {
  transform: translate(2em, 0em) rotate(-10deg);
}
@media screen and (max-width: 600px) {
  #sections > .section-interviews .dialogue dl > *:nth-child(4n+1) blockquote > p {
    transform: rotate(-15deg);
  }
  #sections > .section-interviews .dialogue dl > *:nth-child(4n+2) blockquote > p {
    transform: rotate(10deg);
  }
  #sections > .section-interviews .dialogue dl > *:nth-child(4n+3) blockquote > p {
    transform: rotate(20deg);
  }
  #sections > .section-interviews .dialogue dl > *:nth-child(4n+4) blockquote > p {
    transform: rotate(-10deg);
  }
}
@media screen and (max-width: 900px) {
  #sections > .section-interviews .section-item-cols > .col-left,
  #sections > .section-annotations {
    width: calc(100vw - 6rem);
    right: 6rem;
    left: auto;
  }
}
@media screen and (max-width: 600px) {
  #sections > .section-interviews .section-item-cols > .col-left,
  #sections > .section-annotations {
    width: calc(100vw - 16.5vw);
    right: 16.5vw;
  }
}
@media screen and (max-width: 900px) {
  #sections.section-annotations-closed > .section-interviews .section-item-cols > .col-left,
  #sections.section-annotations-closed > .section-annotations {
    right: calc(100vw - 5rem);
  }
}
@media screen and (max-width: 600px) {
  #sections.section-annotations-closed > .section-interviews .section-item-cols > .col-left,
  #sections.section-annotations-closed > .section-annotations {
    right: 86.5vw;
  }
}
#sections > .section-colophon .logo-colophon {
  filter: invert(44%) sepia(37%) saturate(756%) hue-rotate(135deg) brightness(104%) contrast(96%);
}