@charset "UTF-8";
/* ••••••••••••••••••••••••••••••••
© 2008-now Harris Blondman
All rights reserved
www.harrisblondman.nl
•••••••••••••••••••••••••••••••• */
html {
  width: 100%;
  height: 100%;
  font-size: 9px;
  background-color: black;
}

@media screen and (min-width: 0) {
  html {
    font-size: 9px;
  }
}

@media screen and (min-width: 320px) {
  html {
    font-size: 10px;
  }
}

@media screen and (min-width: 640px) {
  html {
    font-size: 11px;
  }
}

@media screen and (min-width: 800px) {
  html {
    font-size: 9px;
  }
}

@media screen and (min-width: 960px) {
  html {
    font-size: 11px;
  }
}

@media screen and (min-width: 1280px) {
  html {
    font-size: 13px;
  }
}

@media screen and (min-width: 1600px) {
  html {
    font-size: 15px;
  }
}

@media screen and (min-width: 1920px) {
  html {
    font-size: 17px;
  }
}

@media screen and (min-width: 2240px) {
  html {
    font-size: 19px;
  }
}

@media screen and (min-width: 2560px) {
  html {
    font-size: 21px;
  }
}

@media screen and (min-width: 2880px) {
  html {
    font-size: 23px;
  }
}

body {
  width: 100%;
  height: 100%;
  text-align: left;
  background-color: black;
  font-size: 1.2rem;
  font-family: 'acumin-pro', 'Helvetica Neue',  Helvetica,  sans-serif;
  color: black;
  line-height: 1.1;
  -ms-text-size-adjust: none;
  -o-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}

hr {
  display: none;
}

a {
  color: inherit;
  text-decoration: none;
}

a:link,
a:visited {
  text-decoration: none;
}

a:hover,
a:active {
  text-decoration: none;
}

a:focus {
  text-decoration: none;
}

.switch-link-externallink {
  cursor: -ms-ne-resize;
  cursor: -o-ne-resize;
  cursor: -moz-ne-resize;
  cursor: -webkit-ne-resize;
  cursor: ne-resize;
}

.access-languagessupport a {
  text-decoration: none;
}

.access-languagessupport a:hover,
.access-languagessupport a:active {
  text-decoration: underline;
}

.access-languagessupport a:focus {
  text-decoration: none;
}

.access-languagessupport a.current-languagessupport {
  text-decoration: underline;
}

.switch-work-enter .access-languagessupport .menu-index a {
  text-decoration: underline;
}

.switch-project-open .access-languagessupport .menu-index a {
  text-decoration: none;
}

.switch-work-enter .access-languagessupport .menu-index a:hover, .switch-work-enter .access-languagessupport .menu-index a:active {
  text-decoration: underline;
}

.switch-project-open .access-languagessupport .menu-index a:hover, .switch-project-open .access-languagessupport .menu-index a:active {
  text-decoration: underline;
}

.switch-work-enter .access-languagessupport .menu-index a:focus {
  text-decoration: none;
}

.switch-project-open .access-languagessupport .menu-index a:focus {
  text-decoration: none;
}

.access-work a {
  text-decoration: underline;
}

.access-work a:hover,
.access-work a:active {
  text-decoration: none;
}

.access-work a:focus {
  text-decoration: underline;
}

.access-work a.current-work-sort {
  text-decoration: none;
}

.switch-work-sort-override .access-work .menu-work ul li:nth-child(3) span a {
  text-decoration: underline;
}

.switch-work-sort-override .access-work .menu-work ul li:nth-child(3) span a:hover,
.switch-work-sort-override .access-work .menu-work ul li:nth-child(3) span a:active {
  text-decoration: none;
}

.switch-work-sort-override .access-work .menu-work ul li:nth-child(3) span a:focus {
  text-decoration: underline;
}

.switch-work-sort-override .access-work .menu-work ul li:nth-child(3) span a.current-work-sort-override {
  text-decoration: none;
}

.access-work .menu-work ul li:nth-child(3) span a:nth-of-type(4) {
  text-decoration: underline;
}

.access-work .menu-work ul li:nth-child(3) span a:nth-of-type(4):hover,
.access-work .menu-work ul li:nth-child(3) span a:nth-of-type(4):active {
  text-decoration: none;
}

.access-work .menu-work ul li:nth-child(3) span a:nth-of-type(4):focus {
  text-decoration: underline;
}

.access-work .menu-work ul li:nth-child(3) span a:nth-of-type(4).current-work-sort-override {
  text-decoration: none;
}

.access-work .menu-work ul li span a.a-work-close {
  text-decoration: none;
}

.access-work .menu-work ul li span a.a-work-close:hover,
.access-work .menu-work ul li span a.a-work-close:active {
  text-decoration: underline;
}

.access-work .menu-work ul li span a.a-work-close:focus {
  text-decoration: none;
}

.access-project a {
  text-decoration: none;
}

@media screen and (min-width: 800px) {
  .access-project a {
    text-decoration: none !important;
  }
}

.access-project a:hover,
.access-project a:active {
  text-decoration: underline;
}

.access-project a:focus {
  text-decoration: none;
}

.access-project a.current-project-sort {
  text-decoration: underline;
}

.bodier .content .entry .entry-bodier a,
.bodier .content .entry .entry-footer a {
  text-decoration: underline;
}

.bodier .content .entry .entry-bodier a:hover,
.bodier .content .entry .entry-bodier a:active,
.bodier .content .entry .entry-footer a:hover,
.bodier .content .entry .entry-footer a:active {
  text-decoration: none;
}

.bodier .content .entry .entry-bodier a:focus,
.bodier .content .entry .entry-footer a:focus {
  text-decoration: underline;
}

.bodier .content .entry .entry-footer .p-enter a {
  text-decoration: none;
}

.bodier .content .entry .entry-footer .p-enter a:hover,
.bodier .content .entry .entry-footer .p-enter a:active {
  text-decoration: none;
}

.bodier .content .entry .entry-footer .p-enter a:focus {
  text-decoration: none;
}

.bodier-work-list .content-work-list .section-work-list-years ul li a {
  text-decoration: none;
}

.bodier-work-list .content-work-list .section-work-list-years ul li a:hover,
.bodier-work-list .content-work-list .section-work-list-years ul li a:active {
  text-decoration: underline;
}

.bodier-work-list .content-work-list .section-work-list-years ul li a:focus {
  text-decoration: none;
}

.bodier-work-list .content-work-list .section-work-list-years ul li.current-project a {
  text-decoration: underline;
}

.bodier-work-list .content-work-list .section-work-list-alphabet ul li a {
  text-decoration: none;
}

.bodier-work-list .content-work-list .section-work-list-alphabet ul li a:hover,
.bodier-work-list .content-work-list .section-work-list-alphabet ul li a:active {
  text-decoration: underline;
}

.bodier-work-list .content-work-list .section-work-list-alphabet ul li a:focus {
  text-decoration: none;
}

.bodier-work-list .content-work-list .section-work-list-alphabet ul li.current-project a {
  text-decoration: underline;
}

.bodier-work-filter a {
  text-decoration: none;
}

.bodier-work-filter a:hover,
.bodier-work-filter a:active {
  text-decoration: underline;
}

.bodier-work-filter a:focus {
  text-decoration: none;
}

.bodier-work-filter .current-filterpanel a {
  text-decoration: underline;
}

.bodier-project-visuals .entry-images .entry-image.switch-popout .popout-button-close,
.bodier-project-visuals .entry-images .entry-image.switch-popout .popout-button-previous,
.bodier-project-visuals .entry-images .entry-image.switch-popout .popout-button-next {
  text-decoration: underline;
  cursor: pointer;
}

.bodier-project-visuals .entry-images .entry-image.switch-popout .popout-button-close:hover, .bodier-project-visuals .entry-images .entry-image.switch-popout .popout-button-close:active,
.bodier-project-visuals .entry-images .entry-image.switch-popout .popout-button-previous:hover,
.bodier-project-visuals .entry-images .entry-image.switch-popout .popout-button-previous:active,
.bodier-project-visuals .entry-images .entry-image.switch-popout .popout-button-next:hover,
.bodier-project-visuals .entry-images .entry-image.switch-popout .popout-button-next:active {
  text-decoration: none;
}

.bodier-project-visuals .entry-images .entry-image.switch-popout .popout-button-close:focus,
.bodier-project-visuals .entry-images .entry-image.switch-popout .popout-button-previous:focus,
.bodier-project-visuals .entry-images .entry-image.switch-popout .popout-button-next:focus {
  text-decoration: underline;
}

.bodier-project-texts .entry-labels,
.bodier-project-texts .entry-category,
.bodier-project-texts .entry-texts,
.bodier-project-texts .entry-bodier,
.bodier-project-texts .entry-footers,
.bodier-project-texts .entry-text,
.bodier-project-texts .entry-categories {
  /*
// #note -> Corresponding text shadow on links in projects
    &:hover {
      a {
        text-shadow: $text-shadow-header-work-button-selected;
       }
    }
*/
}

.bodier-project-texts .entry-labels a,
.bodier-project-texts .entry-category a,
.bodier-project-texts .entry-texts a,
.bodier-project-texts .entry-bodier a,
.bodier-project-texts .entry-footers a,
.bodier-project-texts .entry-text a,
.bodier-project-texts .entry-categories a {
  text-decoration: underline;
  /*
// #note -> Corresponding text shadow on links in projects
      .flag-transitions-true & {
        transition: 
          text-shadow $transition-duration-s $transition-timing-function;
      }
*/
}

.bodier-project-texts .entry-labels a:hover, .bodier-project-texts .entry-labels a:active,
.bodier-project-texts .entry-category a:hover,
.bodier-project-texts .entry-category a:active,
.bodier-project-texts .entry-texts a:hover,
.bodier-project-texts .entry-texts a:active,
.bodier-project-texts .entry-bodier a:hover,
.bodier-project-texts .entry-bodier a:active,
.bodier-project-texts .entry-footers a:hover,
.bodier-project-texts .entry-footers a:active,
.bodier-project-texts .entry-text a:hover,
.bodier-project-texts .entry-text a:active,
.bodier-project-texts .entry-categories a:hover,
.bodier-project-texts .entry-categories a:active {
  text-decoration: none;
}

.bodier-project-texts .entry-labels a:focus,
.bodier-project-texts .entry-category a:focus,
.bodier-project-texts .entry-texts a:focus,
.bodier-project-texts .entry-bodier a:focus,
.bodier-project-texts .entry-footers a:focus,
.bodier-project-texts .entry-text a:focus,
.bodier-project-texts .entry-categories a:focus {
  text-decoration: underline;
}

.bodier-project-texts .entry-labels a.current-filterpanel-project,
.bodier-project-texts .entry-category a.current-filterpanel-project,
.bodier-project-texts .entry-texts a.current-filterpanel-project,
.bodier-project-texts .entry-bodier a.current-filterpanel-project,
.bodier-project-texts .entry-footers a.current-filterpanel-project,
.bodier-project-texts .entry-text a.current-filterpanel-project,
.bodier-project-texts .entry-categories a.current-filterpanel-project {
  color: #dffef6;
  text-decoration: none;
}

.bodier-project-texts .entry-title a {
  text-decoration: none;
}

.bodier-project-texts .entry-title h3,
.bodier-project-texts .entry-labels h3,
.bodier-project-texts .entry-category h3,
.bodier-project-texts .entry-texts h3,
.bodier-project-texts .entry-bodier h3,
.bodier-project-texts .entry-footers h3,
.bodier-project-texts .entry-text h3,
.bodier-project-texts .entry-categories h3 {
  text-decoration: underline;
}

.bodier-project-texts .entry-title h3:hover, .bodier-project-texts .entry-title h3:active,
.bodier-project-texts .entry-labels h3:hover,
.bodier-project-texts .entry-labels h3:active,
.bodier-project-texts .entry-category h3:hover,
.bodier-project-texts .entry-category h3:active,
.bodier-project-texts .entry-texts h3:hover,
.bodier-project-texts .entry-texts h3:active,
.bodier-project-texts .entry-bodier h3:hover,
.bodier-project-texts .entry-bodier h3:active,
.bodier-project-texts .entry-footers h3:hover,
.bodier-project-texts .entry-footers h3:active,
.bodier-project-texts .entry-text h3:hover,
.bodier-project-texts .entry-text h3:active,
.bodier-project-texts .entry-categories h3:hover,
.bodier-project-texts .entry-categories h3:active {
  text-decoration: none;
}

.bodier-project-texts .entry-title h3:focus,
.bodier-project-texts .entry-labels h3:focus,
.bodier-project-texts .entry-category h3:focus,
.bodier-project-texts .entry-texts h3:focus,
.bodier-project-texts .entry-bodier h3:focus,
.bodier-project-texts .entry-footers h3:focus,
.bodier-project-texts .entry-text h3:focus,
.bodier-project-texts .entry-categories h3:focus {
  text-decoration: underline;
}

.bodier-project-texts .entry-title h4,
.bodier-project-texts .entry-labels h4,
.bodier-project-texts .entry-category h4,
.bodier-project-texts .entry-texts h4,
.bodier-project-texts .entry-bodier h4,
.bodier-project-texts .entry-footers h4,
.bodier-project-texts .entry-text h4,
.bodier-project-texts .entry-categories h4 {
  text-decoration: underline;
}

.bodier-project-texts .entry-title span.switch-theme,
.bodier-project-texts .entry-labels span.switch-theme,
.bodier-project-texts .entry-category span.switch-theme,
.bodier-project-texts .entry-texts span.switch-theme,
.bodier-project-texts .entry-bodier span.switch-theme,
.bodier-project-texts .entry-footers span.switch-theme,
.bodier-project-texts .entry-text span.switch-theme,
.bodier-project-texts .entry-categories span.switch-theme {
  text-decoration: underline;
  cursor: pointer;
}

.bodier-project-texts .entry-title span.switch-theme:hover, .bodier-project-texts .entry-title span.switch-theme:active,
.bodier-project-texts .entry-labels span.switch-theme:hover,
.bodier-project-texts .entry-labels span.switch-theme:active,
.bodier-project-texts .entry-category span.switch-theme:hover,
.bodier-project-texts .entry-category span.switch-theme:active,
.bodier-project-texts .entry-texts span.switch-theme:hover,
.bodier-project-texts .entry-texts span.switch-theme:active,
.bodier-project-texts .entry-bodier span.switch-theme:hover,
.bodier-project-texts .entry-bodier span.switch-theme:active,
.bodier-project-texts .entry-footers span.switch-theme:hover,
.bodier-project-texts .entry-footers span.switch-theme:active,
.bodier-project-texts .entry-text span.switch-theme:hover,
.bodier-project-texts .entry-text span.switch-theme:active,
.bodier-project-texts .entry-categories span.switch-theme:hover,
.bodier-project-texts .entry-categories span.switch-theme:active {
  text-decoration: none;
}

.bodier-project-texts .entry-title span.switch-theme:focus,
.bodier-project-texts .entry-labels span.switch-theme:focus,
.bodier-project-texts .entry-category span.switch-theme:focus,
.bodier-project-texts .entry-texts span.switch-theme:focus,
.bodier-project-texts .entry-bodier span.switch-theme:focus,
.bodier-project-texts .entry-footers span.switch-theme:focus,
.bodier-project-texts .entry-text span.switch-theme:focus,
.bodier-project-texts .entry-categories span.switch-theme:focus {
  text-decoration: underline;
}

.bodier-project-texts .entry-title span.switch-theme.current-filterpanel-project,
.bodier-project-texts .entry-labels span.switch-theme.current-filterpanel-project,
.bodier-project-texts .entry-category span.switch-theme.current-filterpanel-project,
.bodier-project-texts .entry-texts span.switch-theme.current-filterpanel-project,
.bodier-project-texts .entry-bodier span.switch-theme.current-filterpanel-project,
.bodier-project-texts .entry-footers span.switch-theme.current-filterpanel-project,
.bodier-project-texts .entry-text span.switch-theme.current-filterpanel-project,
.bodier-project-texts .entry-categories span.switch-theme.current-filterpanel-project {
  color: #dffef6;
  text-decoration: none;
}

.bodier-filterpanel a {
  text-decoration: none;
}

.bodier-filterpanel a:hover,
.bodier-filterpanel a:active {
  text-decoration: underline;
}

.bodier-filterpanel a:focus {
  text-decoration: none;
}

.bodier-filterpanel .section-filterpanel ul li a {
  text-decoration: none;
}

.bodier-filterpanel .section-filterpanel ul li a:hover,
.bodier-filterpanel .section-filterpanel ul li a:active {
  text-decoration: underline;
}

.bodier-filterpanel .section-filterpanel ul li a:focus {
  text-decoration: none;
}

.bodier-filterpanel .section-filterpanel ul li.current-project a {
  text-decoration: underline;
}

input,
button,
select,
textarea {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  font-family: 'acumin-pro', 'Helvetica Neue',  Helvetica,  sans-serif;
  -ms-text-size-adjust: none;
  -o-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -ms-appearance: none;
  -o-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

.assistive-text {
  display: none;
}

.container-main {
  width: 100%;
  height: 100%;
  background-color: white;
}

.header {
  position: relative;
  z-index: 600;
}

.header .branding {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 610;
  width: 100%;
  background-color: white;
  color: black;
  box-shadow: 0.25em 0.25em 1.2em 0.125em rgba(0, 0, 0, 0.5);
  transform: translate3d(0, 0, 0);
  transition: box-shadow 0.2s ease-in-out, transform 0.4s ease-in-out;
}

.header .branding .site-title {
  display: none;
}

.header .branding .site-subtitle {
  font-size: 4.8rem;
  line-height: 1.1;
}

.header .branding .site-subtitle a {
  display: block;
  margin-right: -0.075em;
  margin-left: -0.075em;
  padding-right: 1.3068rem;
  padding-bottom: 0.1125em;
  padding-left: 1.3068rem;
  box-sizing: border-box;
}

.header .branding .site-description {
  display: none;
}

.switch-work-enter .header .branding {
  box-shadow: 0.25em 0.25em 1.2em 0.125em rgba(0, 0, 0, 0.5);
  transform: translate3d(0, 0.55em, 0);
}

.header .access {
  display: none;
}

.header .access.access-languagessupport {
  display: block;
  position: fixed;
  top: 2.9em;
  right: 0;
  z-index: 620;
  color: black;
  transition: transform 0.4s ease-in-out;
}

.header .access.access-languagessupport ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  align-content: stretch;
  margin-right: 1.3068rem;
  margin-left: 1.3068rem;
}

.header .access.access-languagessupport ul li {
  flex-grow: 0;
  flex-shrink: 0;
  align-self: flex-start;
  font-size: 1.2rem;
  line-height: 1.1;
}

.header .access.access-languagessupport ul li.menu-index {
  margin-right: 0.075em;
  margin-left: 0.075em;
}

.header .access.access-languagessupport ul li.menu-period {
  display: none;
  margin-right: 0.075em;
  margin-left: 0.075em;
}

.header .access.access-languagessupport ul li.menu-language {
  display: none;
}

.header .access.access-languagessupport ul li.menu-comma {
  display: none;
  margin-right: 0.075em;
  margin-left: 0.075em;
}

.header .access.access-languagessupport ul li.menu-or {
  display: none;
  margin-right: 0.075em;
  margin-left: 0.075em;
}

.header .access.access-languagessupport ul li a {
  display: block;
  margin-right: -0.075em;
  margin-left: -0.075em;
}

.switch-work-enter .header .access.access-languagessupport {
  transform: translate3d(0, 0.55em, 0);
}

.header-work {
  position: relative;
  z-index: 800;
}

.header-work#header-work-button {
  z-index: 1300;
  pointer-events: none;
}

.header-work#header-work-button .access-work {
  background-color: transparent;
  box-shadow: none;
}

.header-work#header-work-button .access-work ul li span:nth-child(1) {
  visibility: hidden;
}

.header-work#header-work-button .access-work ul li span:nth-child(2) {
  visibility: visible;
  text-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
}

.flag-transitions-true .header-work#header-work-button .access-work ul li span:nth-child(2) {
  transition: text-shadow 0.4s ease-in-out;
}

.switch-project-open .header-work#header-work-button .access-work ul li span:nth-child(2) {
  text-shadow: 0.25em 0.25em 0.5em rgba(0, 0, 0, 0.5);
}

.switch-project-open.flag-transitions-true .header-work#header-work-button .access-work ul li span:nth-child(2) {
  transition: text-shadow 0.4s ease-in-out;
}

.switch-filterpanel-open .header-work#header-work-button .access-work ul li span:nth-child(2) {
  text-shadow: 0.25em 0.25em 0.5em rgba(0, 0, 0, 0.5);
}

.switch-filterpanel-open.flag-transitions-true .header-work#header-work-button .access-work ul li span:nth-child(2) {
  transition: text-shadow 0.4s ease-in-out;
}

.header-work#header-work-button .access-work ul li span:nth-child(2) a {
  pointer-events: all;
}

.header-work .access-work {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 810;
  width: 100%;
  background-color: #dffef6;
  color: black;
  box-shadow: 0.25em 0.25em 1.2em 0.125em rgba(0, 0, 0, 0.5);
  transform: translate3d(0, -100%, 0);
  transition: box-shadow 0.2s ease-in-out, transform 0.4s ease-in-out;
}

.header-work .access-work ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  align-content: stretch;
}

.header-work .access-work ul li {
  flex-grow: 0;
  flex-shrink: 1;
  align-self: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  align-content: stretch;
  width: 100%;
  padding-top: 0.75em;
  padding-right: 1.3068rem;
  padding-bottom: 0.9em;
  padding-left: 1.3068rem;
  box-sizing: border-box;
  font-size: 1.2rem;
  line-height: 1.1;
}

.header-work .access-work ul li:nth-of-type(1) {
  display: none;
}

@media screen and (min-width: 800px) {
  .header-work .access-work ul li:nth-of-type(1) {
    display: flex;
  }
}

.header-work .access-work ul li:nth-of-type(1) span {
  padding-left: 1.3068rem;
}

.header-work .access-work ul li:nth-of-type(2) {
  display: none;
}

@media screen and (min-width: 800px) {
  .header-work .access-work ul li:nth-of-type(2) {
    display: flex;
  }
}

.header-work .access-work ul li:nth-of-type(2) span:nth-child(1) {
  padding-right: 1.3068rem;
}

.header-work .access-work ul li:nth-of-type(2) span:nth-child(2) {
  visibility: hidden;
  padding-right: 1.3068rem;
  padding-left: 1.3068rem;
}

.header-work .access-work ul li:nth-of-type(3) {
  display: flex;
}

@media screen and (min-width: 800px) {
  .header-work .access-work ul li:nth-of-type(3) {
    display: none;
  }
}

.header-work .access-work ul li:nth-of-type(3) span:nth-child(1) {
  padding-right: 1.3068rem;
  padding-left: 1.3068rem;
}

.header-work .access-work ul li:nth-of-type(3) span:nth-child(2) {
  visibility: hidden;
  padding-right: 1.3068rem;
  padding-left: 1.3068rem;
}

.header-work .access-work ul li span {
  flex-grow: 0;
  flex-shrink: 1;
  align-self: flex-start;
  display: block;
  width: 100%;
  margin-right: -0.075em;
  margin-left: -0.075em;
  box-sizing: border-box;
}

.header-work .access-work ul li span:nth-child(2) {
  width: auto;
}

.switch-work-enter .header-work .access-work {
  box-shadow: 0.25em 0.25em 1.2em 0.125em rgba(0, 0, 0, 0.5);
  transform: translate3d(0, 0, 0);
}

.switch-project-open .header-work .access-work {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
  transition: box-shadow 0.4s ease-in-out, transform 0.4s ease-in-out;
}

.header-project {
  position: relative;
  z-index: 900;
}

.header-project#header-project-button {
  z-index: 1100;
}

.header-project#header-project-button .access-project {
  background-color: transparent;
  box-shadow: none;
}

.header-project#header-project-button .access-project ul li span:nth-child(1) {
  visibility: visible;
}

@media screen and (min-width: 800px) {
  .header-project#header-project-button .access-project ul li span:nth-child(1) {
    text-shadow: 0.25em 0.25em 0.5em rgba(0, 0, 0, 0.5);
  }
}

.header-project#header-project-button .access-project ul li span:nth-child(1) a {
  pointer-events: all;
}

@media screen and (min-width: 800px) {
  .header-project#header-project-button .access-project ul li span:nth-child(1) a {
    pointer-events: none;
  }
}

.header-project .access-project {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 910;
  width: 100%;
  background-color: #dffef6;
  color: black;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
  transform: translate3d(0, -100%, 0);
  transition: box-shadow 0.2s ease-in-out, transform 0.4s ease-in-out;
}

.header-project .access-project ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  align-content: stretch;
}

.header-project .access-project ul li {
  flex-grow: 0;
  flex-shrink: 1;
  align-self: flex-start;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: flex-start;
  justify-content: flex-start;
  align-content: stretch;
  width: 100%;
  padding-top: 0.75em;
  padding-right: 1.3068rem;
  padding-bottom: 0.9em;
  padding-left: 1.3068rem;
  box-sizing: border-box;
  font-size: 1.2rem;
  line-height: 1.1;
}

.header-project .access-project ul li:nth-of-type(1) {
  display: none;
}

@media screen and (min-width: 800px) {
  .header-project .access-project ul li:nth-of-type(1) {
    display: flex;
  }
}

.header-project .access-project ul li:nth-of-type(1) span {
  visibility: hidden;
  padding-left: 1.3068rem;
}

.header-project .access-project ul li:nth-of-type(2) {
  display: none;
}

@media screen and (min-width: 800px) {
  .header-project .access-project ul li:nth-of-type(2) {
    display: flex;
  }
}

.header-project .access-project ul li:nth-of-type(2) span:nth-child(1) {
  visibility: hidden;
  padding-right: 1.3068rem;
}

.header-project .access-project ul li:nth-of-type(2) span:nth-child(2) {
  visibility: hidden;
  padding-right: 1.3068rem;
  padding-left: 1.3068rem;
}

.header-project .access-project ul li:nth-of-type(3) {
  display: flex;
}

@media screen and (min-width: 800px) {
  .header-project .access-project ul li:nth-of-type(3) {
    display: none;
  }
}

.header-project .access-project ul li:nth-of-type(3) span:nth-child(1) {
  visibility: hidden;
  padding-right: 1.3068rem;
  padding-left: 1.3068rem;
}

.header-project .access-project ul li:nth-of-type(3) span:nth-child(2) {
  visibility: hidden;
  padding-right: 1.3068rem;
  padding-left: 1.3068rem;
}

.header-project .access-project ul li span {
  flex-grow: 0;
  flex-shrink: 1;
  align-self: flex-start;
  display: block;
  width: 100%;
  margin-right: -0.075em;
  margin-left: -0.075em;
  box-sizing: border-box;
}

.header-project .access-project ul li span:nth-child(2) {
  width: auto;
}

.switch-work-enter .header-project .access-project {
  box-shadow: 0.25em 0.25em 1.2em 0.125em rgba(0, 0, 0, 0.5);
}

.switch-project-open .header-project .access-project {
  box-shadow: 0.25em 0.25em 1.2em 0.125em rgba(0, 0, 0, 0.5);
  transform: translate3d(0, 0, 0);
  transition: box-shadow 0.4s ease-in-out, transform 0.4s ease-in-out;
}

.bodier {
  height: 100%;
}

.bodier .content {
  position: relative;
  z-index: 100;
  width: auto;
  min-height: 100%;
  background-color: #dffef6;
  color: black;
}

.bodier .content .entry {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  align-content: stretch;
  padding-top: calc((4.8rem * 1.1) + (4.8rem * 0.1125) + (1.2rem * 0.55) + (2.4rem * 1.1));
  padding-bottom: calc(2.4rem * 1.1 * 1);
}

@media screen and (min-width: 800px) {
  .bodier .content .entry {
    flex-direction: row;
    flex-wrap: nowrap;
  }
}

.bodier .content .entry .entry-header {
  display: none;
}

.bodier .content .entry .entry-bodier {
  order: 2;
  flex-grow: 0;
  flex-shrink: 1;
  align-self: flex-start;
  display: block;
  width: 100%;
  overflow: hidden;
}

@media screen and (min-width: 800px) {
  .bodier .content .entry .entry-bodier {
    order: 1;
  }
}

.bodier .content .entry .entry-bodier p {
  margin-right: -0.075em;
  margin-left: -0.075em;
  padding-right: 1.3068rem;
  padding-top: calc(2.4rem * 1.1);
  padding-left: 1.3068rem;
  box-sizing: border-box;
  font-size: 2.4rem;
  line-height: 1.1;
}

.bodier .content .entry .entry-bodier p:nth-child(1) {
  padding-top: 0;
}

.bodier .content .entry .entry-bodier p.p-colophon {
  padding-top: calc(2.4rem * 1.1 * 1.25);
  padding-bottom: calc(2.4rem * 1.1 * 1);
  font-size: 1.2rem;
  line-height: 1.1;
}

.bodier .content .entry .entry-bodier ul {
  margin-right: -0.075em;
  margin-left: -0.075em;
  padding-top: calc(2.4rem * 1.1);
  padding-right: 1.3068rem;
  padding-left: 2.6136rem;
  box-sizing: border-box;
  font-size: 2.4rem;
  line-height: 1.1;
}

.bodier .content .entry .entry-bodier ul:nth-child(1) {
  padding-top: 0;
}

.bodier .content .entry .entry-bodier ul + ul {
  padding-top: 0;
}

.bodier .content .entry .entry-bodier ul li {
  list-style-position: inside;
  list-style-type: none;
}

.bodier .content .entry .entry-bodier ul li::before {
  display: inline-block;
  width: 1.50282rem;
  margin-left: -1.50282rem;
  content: '–';
}

.bodier .content .entry .entry-footer {
  order: 1;
  flex-grow: 0;
  flex-shrink: 1;
  align-self: flex-start;
  display: block;
  width: 100%;
  overflow: hidden;
}

@media screen and (min-width: 800px) {
  .bodier .content .entry .entry-footer {
    order: 2;
  }
}

.bodier .content .entry .entry-footer p {
  margin-right: -0.075em;
  margin-left: -0.075em;
  padding-top: calc(2.4rem * 1.1);
  padding-right: 1.3068rem;
  padding-left: 1.3068rem;
  box-sizing: border-box;
  font-size: 2.4rem;
  line-height: 1.1;
}

.bodier .content .entry .entry-footer p:nth-child(1) {
  padding-top: 0;
}

.bodier .content .entry .entry-footer p.p-enter {
  padding-top: calc(2.4rem * 1.1 * 1.25);
  padding-bottom: calc(2.4rem * 1.1 * 1);
  font-size: 4.8rem;
  text-transform: uppercase;
  line-height: 1.1;
}

.bodier .content .entry .entry-footer p.p-enter span {
  display: inline-block;
  overflow: hidden;
  margin-right: 0.075em;
  margin-left: 0.075em;
  background-color: #dadbe4;
  color: black;
  box-shadow: 0.125em 0.125em 0.3em 0.0625em rgba(0, 0, 0, 0.5);
  transition: box-shadow 0.1s ease-in-out;
}

.bodier .content .entry .entry-footer p.p-enter span:hover {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
  transition: box-shadow 0.2s ease-in-out;
}

.bodier .content .entry .entry-footer p.p-enter span a {
  display: block;
  margin-right: -0.075em;
  margin-left: -0.075em;
  padding-right: 1.3068rem;
  padding-bottom: 0.1125em;
  padding-left: 1.3068rem;
  box-sizing: border-box;
}

.bodier .content .entry .entry-footer ul {
  margin-right: -0.075em;
  margin-left: -0.075em;
  padding-top: calc(2.4rem * 1.1);
  padding-right: 1.3068rem;
  padding-left: 2.6136rem;
  box-sizing: border-box;
  font-size: 2.4rem;
  line-height: 1.1;
}

.bodier .content .entry .entry-footer ul:nth-child(1) {
  padding-top: 0;
}

.bodier .content .entry .entry-footer ul + ul {
  padding-top: 0;
}

.bodier .content .entry .entry-footer ul li {
  list-style-position: inside;
  list-style-type: none;
}

.bodier .content .entry .entry-footer ul li::before {
  display: inline-block;
  width: 1.50282rem;
  margin-left: -1.50282rem;
  content: '–';
}

.switch-work-enter .bodier .content {
  cursor: pointer;
}

.switch-work-enter .bodier .content .entry {
  pointer-events: none;
}

.switch-work-enter .bodier .content .entry .entry-footer .p-enter span {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
}

.bodier-work-list {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 300;
  width: 100%;
  height: 100%;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: hidden;
  transform: translate3d(100%, 0, 0);
  cursor: pointer;
  -ms-overflow-scrolling: touch;
  -o-overflow-scrolling: touch;
  -moz-overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

.flag-transitions-true .bodier-work-list {
  transition: transform 0.8s ease-in-out;
}

@media screen and (min-width: 800px) {
  .bodier-work-list {
    z-index: 700;
    width: 50%;
    direction: rtl;
    transform: translate3d(200%, 0, 0);
  }
}

.switch-work-enter .bodier-work-list {
  transform: translate3d(0, 0, 0);
}

.switch-work-enter.switch-work-sort-override .bodier-work-list {
  transform: translate3d(100%, 0, 0);
}

@media screen and (min-width: 800px) {
  .switch-work-enter.switch-work-sort-override .bodier-work-list {
    transform: translate3d(0, 0, 0);
  }
}

.switch-work-fix .bodier-work-list {
  overflow-y: auto;
}

.bodier-work-list .content-work-list {
  width: auto;
  min-height: calc(100% - ((4.8rem * 1.1) + (4.8rem * 0.1125) + (1.2rem * 0.55) + (2.4rem * 1.1)) + 1px);
  margin-top: calc((4.8rem * 1.1) + (4.8rem * 0.1125) + (1.2rem * 0.55) + (2.4rem * 1.1));
  margin-right: 2.6136rem;
  margin-left: 2.6136rem;
  padding-top: 1.188rem;
  padding-bottom: calc((2.4rem * 1.1 * 2) - 1.188rem);
  box-sizing: border-box;
  background-color: #dadbe4;
  color: black;
  box-shadow: 0.25em 0.25em 1.2em 0.125em rgba(0, 0, 0, 0.5);
  cursor: auto;
}

@media screen and (min-width: 800px) {
  .bodier-work-list .content-work-list {
    margin-right: 1.3068rem;
    direction: ltr;
  }
}

.flag-transitions-true .bodier-work-list .content-work-list {
  transition: box-shadow 0.4s ease-in-out;
}

.switch-work-enter .bodier-work-list .content-work-list {
  box-shadow: -0.25em 0.25em 1.2em 0.125em rgba(0, 0, 0, 0.5);
}

.switch-project-open .bodier-work-list .content-work-list {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
}

.flag-transitions-true.switch-project-open .bodier-work-list .content-work-list {
  transition: box-shadow 0.8s ease-in-out;
}

.bodier-work-list .content-work-list .search {
  padding-top: 0;
  padding-right: 1.3068rem;
  padding-bottom: 1.188rem;
  padding-left: 1.3068rem;
  box-sizing: border-box;
}

@media screen and (min-width: 800px) {
  .bodier-work-list .content-work-list .search {
    display: none;
  }
}

.bodier-work-list .content-work-list .search .search-work-list {
  display: block;
  overflow: hidden;
  padding-right: calc((1.3068rem * 0.5) + -0.075em);
  padding-bottom: 0.1125em;
  padding-left: calc((1.3068rem * 0.5) + -0.075em);
  box-sizing: border-box;
  white-space: nowrap;
  background-color: white;
  font-size: 2.4rem;
  color: #c4c5d4;
  line-height: 1.1;
  box-shadow: inset 0.0625em 0.0625em 0.15em 0.03125em rgba(0, 0, 0, 0.5);
  transition: color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.bodier-work-list .content-work-list .search .search-work-list:focus {
  color: black;
  box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.5);
  transition: color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
}

.switch-search-animation .bodier-work-list .content-work-list .search .search-work-list {
  animation-name: search-animation-list;
  animation-duration: 0.6s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: ease-in-out;
}

@keyframes search-animation-list {
  0% {
    box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.5);
  }
  50% {
    box-shadow: inset 0.0625em 0.0625em 0.15em 0.03125em rgba(0, 0, 0, 0.5);
  }
  100% {
    box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.5);
  }
}

.switch-search-style-override .bodier-work-list .content-work-list .search .search-work-list {
  color: black;
  box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.5);
}

.bodier-work-list .content-work-list .search .search-work-list * {
  display: inline;
  white-space: nowrap;
  font-size: 2.4rem !important;
  color: black !important;
  line-height: 1.1 !important;
  background-color: rgba(0, 0, 0, 0) !important;
}

.bodier-work-list .content-work-list .search .search-work-list br {
  display: none;
}

.bodier-work-list .content-work-list .section-work-list-images {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  align-content: flex-start;
  padding-top: 0;
  padding-left: 1.3068rem;
  box-sizing: border-box;
  /*
      .flag-transitions-true & {
        transition: 
          padding-top $transition-duration-m $transition-timing-function;
      }
*/
  /*
      .switch-work-sort-override-transitions & {
        @media screen and (max-width: ($breakpoint-layout - 1px)) {
          transition: 
            none !important;
        }
      }
*/
  /*
      .switch-work-sort-year &, 
      .switch-work-sort-alphabet & {
        padding-top: 0;

//         transition: 
//           padding-top $transition-duration $transition-timing-function;
      }
*/
}

.bodier-work-list .content-work-list .section-work-list-images .entry-images .entry-image {
  flex-grow: 0;
  flex-shrink: 0;
  align-self: flex-start;
  width: calc((100vw - 1.3068rem - 1.3068rem - 1.3068rem - 1.3068rem - 1.3068rem) * 0.5);
  padding-right: 1.3068rem;
  padding-bottom: 1.188rem;
  box-sizing: border-box;
}

.flag-transitions-true .bodier-work-list .content-work-list .section-work-list-images .entry-images .entry-image {
  transition: width 0.6s ease-in-out, padding-right 0.6s ease-in-out, padding-bottom 0.6s ease-in-out;
}

@media screen and (max-width: 799px) {
  .switch-work-sort-override-transitions .bodier-work-list .content-work-list .section-work-list-images .entry-images .entry-image {
    transition: none !important;
  }
}

@media screen and (min-width: 800px) {
  .bodier-work-list .content-work-list .section-work-list-images .entry-images .entry-image {
    width: auto;
  }
}

.switch-work-sort-year .bodier-work-list .content-work-list .section-work-list-images .entry-images .entry-image, .switch-work-sort-alphabet .bodier-work-list .content-work-list .section-work-list-images .entry-images .entry-image {
  width: 0;
  padding-right: 0;
  padding-bottom: 0;
  transition: width 0.8s ease-in-out, padding-right 0.8s ease-in-out, padding-bottom 0.8s ease-in-out;
}

@media screen and (min-width: 800px) {
  .switch-work-sort-year .bodier-work-list .content-work-list .section-work-list-images .entry-images .entry-image, .switch-work-sort-alphabet .bodier-work-list .content-work-list .section-work-list-images .entry-images .entry-image {
    width: auto;
  }
}

.bodier-work-list .content-work-list .section-work-list-images .entry-images .entry-image.switch-search-item {
  width: 0;
  padding-right: 0;
  padding-bottom: 0;
  transition: width 0.8s ease-in-out, padding-right 0.8s ease-in-out, padding-bottom 0.8s ease-in-out;
}

@media screen and (min-width: 800px) {
  .bodier-work-list .content-work-list .section-work-list-images .entry-images .entry-image.switch-search-item {
    width: auto;
  }
}

.bodier-work-list .content-work-list .section-work-list-images .entry-images .entry-image.switch-search-item p a {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5), inset 0 0 0 0 rgba(0, 0, 0, 0.5);
  transition: box-shadow 0.6s ease-in-out;
}

@media screen and (min-width: 800px) {
  .bodier-work-list .content-work-list .section-work-list-images .entry-images .entry-image.switch-search-item p a img {
    max-height: 0;
    transition: max-height 0.8s ease-in-out;
  }
}

.bodier-work-list .content-work-list .section-work-list-images .entry-images .entry-image p {
  background-size: 100% 100%;
}

.bodier-work-list .content-work-list .section-work-list-images .entry-images .entry-image p.current-project a {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5), inset 0.25em 0.25em 1.2em 0.125em rgba(0, 0, 0, 0.5);
}

.switch-project-animation .bodier-work-list .content-work-list .section-work-list-images .entry-images .entry-image p.current-project a {
  animation-name: project-animation-images;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: ease-in-out;
}

@keyframes project-animation-images {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5), inset 0.25em 0.25em 1.2em 0.125em rgba(0, 0, 0, 0.5);
  }
  50% {
    box-shadow: 0.25em 0.25em 1.2em 0.125em rgba(0, 0, 0, 0.5), inset 0 0 0 0 rgba(0, 0, 0, 0.5);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5), inset 0.25em 0.25em 1.2em 0.125em rgba(0, 0, 0, 0.5);
  }
}

.bodier-work-list .content-work-list .section-work-list-images .entry-images .entry-image p a {
  display: block;
  box-shadow: 0.25em 0.25em 1.2em 0.125em rgba(0, 0, 0, 0.5), inset 0 0 0 0 rgba(0, 0, 0, 0.5);
  transition: box-shadow 0.1s ease-in-out;
}

.bodier-work-list .content-work-list .section-work-list-images .entry-images .entry-image p a:hover {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5), inset 0.25em 0.25em 1.2em 0.125em rgba(0, 0, 0, 0.5);
  transition: box-shadow 0.2s ease-in-out;
}

.switch-work-sort-year .bodier-work-list .content-work-list .section-work-list-images .entry-images .entry-image p a, .switch-work-sort-alphabet .bodier-work-list .content-work-list .section-work-list-images .entry-images .entry-image p a {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5), inset 0 0 0 0 rgba(0, 0, 0, 0.5);
  transition: box-shadow 0.6s ease-in-out;
}

@media screen and (max-width: 799px) {
  .switch-work-sort-override-transitions .bodier-work-list .content-work-list .section-work-list-images .entry-images .entry-image p a {
    transition: none !important;
  }
}

.bodier-work-list .content-work-list .section-work-list-images .entry-images .entry-image p a img {
  display: block;
  opacity: 0;
  width: 100%;
}

.switch-work-enter .bodier-work-list .content-work-list .section-work-list-images .entry-images .entry-image p a img {
  font-size: 0;
  line-height: 1.1;
}

@media screen and (min-width: 800px) {
  .bodier-work-list .content-work-list .section-work-list-images .entry-images .entry-image p a img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 15.84rem;
  }
  .flag-transitions-true .bodier-work-list .content-work-list .section-work-list-images .entry-images .entry-image p a img {
    transition: max-height 0.6s ease-in-out;
  }
}

@media screen and (min-width: 800px) and (max-width: 799px) {
  .switch-work-sort-override-transitions .bodier-work-list .content-work-list .section-work-list-images .entry-images .entry-image p a img {
    transition: none !important;
  }
}

@media screen and (min-width: 800px) {
  .switch-work-sort-year .bodier-work-list .content-work-list .section-work-list-images .entry-images .entry-image p a img, .switch-work-sort-alphabet .bodier-work-list .content-work-list .section-work-list-images .entry-images .entry-image p a img {
    max-height: 0;
    transition: max-height 0.8s ease-in-out;
  }
}

.bodier-work-list .content-work-list .section-work-list-years.first {
  margin-top: 0;
}

.flag-transitions-true .bodier-work-list .content-work-list .section-work-list-years.first {
  transition: margin-top 0.8s ease-in-out, padding-bottom 0.8s ease-in-out;
}

.switch-work-sort-year .bodier-work-list .content-work-list .section-work-list-years.first {
  margin-top: -0.85em;
}

.flag-transitions-true.switch-work-sort-year .bodier-work-list .content-work-list .section-work-list-years.first {
  transition: margin-top 0.6s ease-in-out, padding-bottom 0.6s ease-in-out;
}

.switch-work-sort-noresults .bodier-work-list .content-work-list .section-work-list-years.first {
  margin-top: 0;
}

.flag-transitions-true.switch-work-sort-noresults .bodier-work-list .content-work-list .section-work-list-years.first {
  transition: margin-top 0.6s ease-in-out, padding-bottom 0.6s ease-in-out;
}

@media screen and (max-width: 799px) {
  .switch-work-sort-override-transitions .bodier-work-list .content-work-list .section-work-list-years.first {
    transition: none !important;
  }
}

.bodier-work-list .content-work-list .section-work-list-years.last {
  padding-bottom: 0;
}

.flag-transitions-true .bodier-work-list .content-work-list .section-work-list-years.last {
  transition: margin-top 0.8s ease-in-out, padding-bottom 0.8s ease-in-out;
}

.switch-work-sort-year .bodier-work-list .content-work-list .section-work-list-years.last {
  padding-bottom: 1.188rem;
}

.flag-transitions-true.switch-work-sort-year .bodier-work-list .content-work-list .section-work-list-years.last {
  transition: margin-top 0.6s ease-in-out, padding-bottom 0.6s ease-in-out;
}

.switch-work-sort-noresults .bodier-work-list .content-work-list .section-work-list-years.last {
  padding-bottom: 0;
}

.flag-transitions-true.switch-work-sort-noresults .bodier-work-list .content-work-list .section-work-list-years.last {
  transition: margin-top 0.6s ease-in-out, padding-bottom 0.6s ease-in-out;
}

@media screen and (max-width: 799px) {
  .switch-work-sort-override-transitions .bodier-work-list .content-work-list .section-work-list-years.last {
    transition: none !important;
  }
}

.switch-work-sort-year .bodier-work-list .content-work-list .section-work-list-years.last ul {
  padding-bottom: 0;
}

.bodier-work-list .content-work-list .section-work-list-years h3 {
  margin-right: -0.075em;
  margin-left: -0.075em;
  padding-right: 1.3068rem;
  padding-left: 1.3068rem;
  box-sizing: border-box;
  font-size: 0;
  text-transform: uppercase;
  line-height: 0.95;
}

.flag-transitions-true .bodier-work-list .content-work-list .section-work-list-years h3 {
  transition: margin-right 0.8s ease-in-out, margin-left 0.8s ease-in-out, font-size 0.8s ease-in-out, line-height 0.8s ease-in-out;
}

.switch-work-sort-year .bodier-work-list .content-work-list .section-work-list-years h3 {
  font-size: 4.8rem;
  line-height: 0.95;
}

.flag-transitions-true.switch-work-sort-year .bodier-work-list .content-work-list .section-work-list-years h3 {
  transition: margin-right 0.6s ease-in-out, margin-left 0.6s ease-in-out, font-size 0.6s ease-in-out, line-height 0.6s ease-in-out;
}

@media screen and (max-width: 799px) {
  .switch-work-sort-override-transitions .bodier-work-list .content-work-list .section-work-list-years h3 {
    transition: none !important;
  }
}

.bodier-work-list .content-work-list .section-work-list-years.switch-search-list h3 {
  font-size: 0;
  line-height: 0.95;
}

.bodier-work-list .content-work-list .section-work-list-years ul {
  margin-right: -0.075em;
  margin-left: -0.075em;
  padding-right: 1.3068rem;
  padding-bottom: 0;
  padding-left: 1.3068rem;
  box-sizing: border-box;
}

.flag-transitions-true .bodier-work-list .content-work-list .section-work-list-years ul {
  transition: margin-right 0.8s ease-in-out, margin-left 0.8s ease-in-out, padding-bottom 0.8s ease-in-out;
}

.switch-work-sort-year .bodier-work-list .content-work-list .section-work-list-years ul {
  padding-bottom: 0.5346rem;
}

.flag-transitions-true.switch-work-sort-year .bodier-work-list .content-work-list .section-work-list-years ul {
  transition: margin-right 0.6s ease-in-out, margin-left 0.6s ease-in-out, padding-bottom 0.6s ease-in-out;
}

@media screen and (max-width: 799px) {
  .switch-work-sort-override-transitions .bodier-work-list .content-work-list .section-work-list-years ul {
    transition: none !important;
  }
}

.bodier-work-list .content-work-list .section-work-list-years ul li {
  font-size: 0;
  line-height: 1.1;
}

.flag-transitions-true .bodier-work-list .content-work-list .section-work-list-years ul li {
  transition: font-size 0.8s ease-in-out, line-height 0.8s ease-in-out;
}

.switch-work-sort-year .bodier-work-list .content-work-list .section-work-list-years ul li {
  font-size: 2.4rem;
  line-height: 1.1;
}

.flag-transitions-true.switch-work-sort-year .bodier-work-list .content-work-list .section-work-list-years ul li {
  transition: font-size 0.6s ease-in-out, line-height 0.6s ease-in-out;
}

@media screen and (max-width: 799px) {
  .switch-work-sort-override-transitions .bodier-work-list .content-work-list .section-work-list-years ul li {
    transition: none !important;
  }
}

.bodier-work-list .content-work-list .section-work-list-years ul li.switch-search-item {
  font-size: 0;
  line-height: 1.1;
}

.switch-project-animation .bodier-work-list .content-work-list .section-work-list-years ul li.current-project {
  animation-name: project-animation-years;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: ease-in-out;
}

@keyframes project-animation-years {
  0% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  }
  50% {
    text-shadow: 0.25em 0.25em 0.5em rgba(0, 0, 0, 0.5);
  }
  100% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  }
}

.bodier-work-list .content-work-list .section-work-list-years.switch-search-list ul {
  padding-bottom: 0;
}

.bodier-work-list .content-work-list .section-work-list-alphabet.first {
  margin-top: 0;
}

.flag-transitions-true .bodier-work-list .content-work-list .section-work-list-alphabet.first {
  transition: margin-top 0.8s ease-in-out, padding-bottom 0.8s ease-in-out;
}

.switch-work-sort-alphabet .bodier-work-list .content-work-list .section-work-list-alphabet.first {
  margin-top: -0.55em;
}

.flag-transitions-true.switch-work-sort-alphabet .bodier-work-list .content-work-list .section-work-list-alphabet.first {
  transition: margin-top 0.6s ease-in-out, padding-bottom 0.6s ease-in-out;
}

.switch-work-sort-noresults .bodier-work-list .content-work-list .section-work-list-alphabet.first {
  margin-top: 0;
}

.flag-transitions-true.switch-work-sort-noresults .bodier-work-list .content-work-list .section-work-list-alphabet.first {
  transition: margin-top 0.6s ease-in-out, padding-bottom 0.6s ease-in-out;
}

@media screen and (max-width: 799px) {
  .switch-work-sort-override-transitions .bodier-work-list .content-work-list .section-work-list-alphabet.first {
    transition: none !important;
  }
}

.bodier-work-list .content-work-list .section-work-list-alphabet.last {
  padding-bottom: 0;
}

.flag-transitions-true .bodier-work-list .content-work-list .section-work-list-alphabet.last {
  transition: margin-top 0.8s ease-in-out, padding-bottom 0.8s ease-in-out;
}

.switch-work-sort-alphabet .bodier-work-list .content-work-list .section-work-list-alphabet.last {
  padding-bottom: 1.188rem;
}

.flag-transitions-true.switch-work-sort-alphabet .bodier-work-list .content-work-list .section-work-list-alphabet.last {
  transition: margin-top 0.6s ease-in-out, padding-bottom 0.6s ease-in-out;
}

.switch-work-sort-noresults .bodier-work-list .content-work-list .section-work-list-alphabet.last {
  padding-bottom: 0;
}

.flag-transitions-true.switch-work-sort-noresults .bodier-work-list .content-work-list .section-work-list-alphabet.last {
  transition: margin-top 0.6s ease-in-out, padding-bottom 0.6s ease-in-out;
}

@media screen and (max-width: 799px) {
  .switch-work-sort-override-transitions .bodier-work-list .content-work-list .section-work-list-alphabet.last {
    transition: none !important;
  }
}

.switch-work-sort-alphabet .bodier-work-list .content-work-list .section-work-list-alphabet.last ul {
  padding-bottom: 0;
}

.bodier-work-list .content-work-list .section-work-list-alphabet h3 {
  display: none;
  /*
        margin-right: $font-compensation-h;
        margin-left: $font-compensation-h;
//         padding-top: $gutter-h-work-listfilter;
        padding-right: $gutter-v-work-listfilter;
//         padding-bottom: $gutter-h-work-listfilter;
        padding-left: $gutter-v-work-listfilter;
        box-sizing: border-box;

// #note -> Work menu, sort
// #note -> Corresponding styles for menu sort and search
        font-size: 0;
        text-transform: uppercase;
// #note -> Work menu, sort
// #note -> Corresponding, additional css and js for layout exception in work panels.
// #note -> Corresponding styles for menu sort and search
//         line-height: $line-height;
        line-height: $line-height-additional-work-list-yearsalphabet;

// #note -> Work menu, sort
        .flag-transitions-true & {
          transition: 
            margin-right $transition-duration $transition-timing-function, 
            margin-left $transition-duration $transition-timing-function, 
            font-size $transition-duration $transition-timing-function, 
            line-height $transition-duration $transition-timing-function;
        }

// #note -> Work menu, sort
        .switch-work-sort-alphabet & {
          font-size: $font-size-xl;
// #note -> Corresponding, additional css and js for layout exception in work panels.
//           line-height: $line-height;
          line-height: $line-height-additional-work-list-yearsalphabet;
        }

// #note -> Work menu, sort
        .flag-transitions-true.switch-work-sort-alphabet & {
          transition: 
            margin-right $transition-duration-m $transition-timing-function, 
            margin-left $transition-duration-m $transition-timing-function, 
            font-size $transition-duration-m $transition-timing-function, 
            line-height $transition-duration-m $transition-timing-function;
        }

// #note -> Corresponding, don't animate on screens with smaller widths in css and js.
// #note -> Note max-width: $breakpoint-layout - 1px; instead of min-width: $breakpoint-layout;
        .switch-work-sort-override-transitions & {
          @media screen and (max-width: ($breakpoint-layout - 1px)) {
            transition: 
              none !important;
          }
        }
*/
}

.bodier-work-list .content-work-list .section-work-list-alphabet.switch-search-list h3 {
  font-size: 0;
  line-height: 0.95;
}

.bodier-work-list .content-work-list .section-work-list-alphabet ul {
  margin-right: -0.075em;
  margin-left: -0.075em;
  padding-right: 1.3068rem;
  padding-bottom: 0;
  padding-left: 1.3068rem;
  box-sizing: border-box;
}

.flag-transitions-true .bodier-work-list .content-work-list .section-work-list-alphabet ul {
  transition: margin-right 0.8s ease-in-out, margin-left 0.8s ease-in-out, padding-bottom 0.8s ease-in-out;
}

.switch-work-sort-alphabet .bodier-work-list .content-work-list .section-work-list-alphabet ul {
  padding-bottom: 0;
}

.flag-transitions-true.switch-work-sort-alphabet .bodier-work-list .content-work-list .section-work-list-alphabet ul {
  transition: margin-right 0.6s ease-in-out, margin-left 0.6s ease-in-out, padding-bottom 0.6s ease-in-out;
}

@media screen and (max-width: 799px) {
  .switch-work-sort-override-transitions .bodier-work-list .content-work-list .section-work-list-alphabet ul {
    transition: none !important;
  }
}

.bodier-work-list .content-work-list .section-work-list-alphabet ul li {
  font-size: 0;
  line-height: 1.1;
}

.flag-transitions-true .bodier-work-list .content-work-list .section-work-list-alphabet ul li {
  transition: font-size 0.8s ease-in-out, line-height 0.8s ease-in-out;
}

.switch-work-sort-alphabet .bodier-work-list .content-work-list .section-work-list-alphabet ul li {
  font-size: 2.4rem;
  line-height: 1.1;
}

.flag-transitions-true.switch-work-sort-alphabet .bodier-work-list .content-work-list .section-work-list-alphabet ul li {
  transition: font-size 0.6s ease-in-out, line-height 0.6s ease-in-out;
}

@media screen and (max-width: 799px) {
  .switch-work-sort-override-transitions .bodier-work-list .content-work-list .section-work-list-alphabet ul li {
    transition: none !important;
  }
}

.bodier-work-list .content-work-list .section-work-list-alphabet ul li.switch-search-item {
  font-size: 0;
  line-height: 1.1;
}

.switch-project-animation .bodier-work-list .content-work-list .section-work-list-alphabet ul li.current-project {
  animation-name: project-animation-alphabet;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: ease-in-out;
}

@keyframes project-animation-alphabet {
  0% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  }
  50% {
    text-shadow: 0.25em 0.25em 0.5em rgba(0, 0, 0, 0.5);
  }
  100% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  }
}

.bodier-work-list .content-work-list .section-work-list-alphabet.switch-search-list ul {
  padding-bottom: 0;
}

.bodier-work-list .content-work-list .section-work-list-noresults.first {
  margin-top: 0;
}

.flag-transitions-true .bodier-work-list .content-work-list .section-work-list-noresults.first {
  transition: margin-top 0.8s ease-in-out, padding-bottom 0.8s ease-in-out;
}

.switch-work-sort-noresults .bodier-work-list .content-work-list .section-work-list-noresults.first {
  margin-top: -0.55em;
}

.flag-transitions-true.switch-work-sort-noresults .bodier-work-list .content-work-list .section-work-list-noresults.first {
  transition: margin-top 0.6s ease-in-out, padding-bottom 0.6s ease-in-out;
}

@media screen and (max-width: 799px) {
  .switch-work-sort-override-transitions .bodier-work-list .content-work-list .section-work-list-noresults.first {
    transition: none !important;
  }
}

.bodier-work-list .content-work-list .section-work-list-noresults.last {
  padding-bottom: 0;
}

.flag-transitions-true .bodier-work-list .content-work-list .section-work-list-noresults.last {
  transition: margin-top 0.8s ease-in-out, padding-bottom 0.8s ease-in-out;
}

.switch-work-sort-noresults .bodier-work-list .content-work-list .section-work-list-noresults.last {
  padding-bottom: 1.188rem;
}

.flag-transitions-true.switch-work-sort-noresults .bodier-work-list .content-work-list .section-work-list-noresults.last {
  transition: margin-top 0.6s ease-in-out, padding-bottom 0.6s ease-in-out;
}

@media screen and (max-width: 799px) {
  .switch-work-sort-override-transitions .bodier-work-list .content-work-list .section-work-list-noresults.last {
    transition: none !important;
  }
}

.switch-work-sort-noresults .bodier-work-list .content-work-list .section-work-list-noresults.last ul {
  padding-bottom: 0;
}

.bodier-work-list .content-work-list .section-work-list-noresults ul {
  margin-right: -0.075em;
  margin-left: -0.075em;
  padding-right: 1.3068rem;
  padding-bottom: 0;
  padding-left: 1.3068rem;
  box-sizing: border-box;
}

.flag-transitions-true .bodier-work-list .content-work-list .section-work-list-noresults ul {
  transition: margin-right 0.8s ease-in-out, margin-left 0.8s ease-in-out, padding-bottom 0.8s ease-in-out;
}

.switch-work-sort-noresults .bodier-work-list .content-work-list .section-work-list-noresults ul {
  padding-bottom: 0;
}

.flag-transitions-true.switch-work-sort-noresults .bodier-work-list .content-work-list .section-work-list-noresults ul {
  transition: margin-right 0.6s ease-in-out, margin-left 0.6s ease-in-out, padding-bottom 0.6s ease-in-out;
}

@media screen and (max-width: 799px) {
  .switch-work-sort-override-transitions .bodier-work-list .content-work-list .section-work-list-noresults ul {
    transition: none !important;
  }
}

.bodier-work-list .content-work-list .section-work-list-noresults ul li {
  font-size: 0;
  line-height: 1.1;
}

.flag-transitions-true .bodier-work-list .content-work-list .section-work-list-noresults ul li {
  transition: font-size 0.8s ease-in-out, line-height 0.8s ease-in-out;
}

.switch-work-sort-noresults .bodier-work-list .content-work-list .section-work-list-noresults ul li {
  font-size: 2.4rem;
  line-height: 1.1;
}

.flag-transitions-true.switch-work-sort-noresults .bodier-work-list .content-work-list .section-work-list-noresults ul li {
  transition: font-size 0.6s ease-in-out, line-height 0.6s ease-in-out;
}

@media screen and (max-width: 799px) {
  .switch-work-sort-override-transitions .bodier-work-list .content-work-list .section-work-list-noresults ul li {
    transition: none !important;
  }
}

.bodier-work-list .content-work-list .section-work-list-noresults ul li.switch-search-item {
  font-size: 0;
  line-height: 1.1;
}

.bodier-work-list .content-work-list .section-work-list-noresults.switch-search-list ul {
  padding-bottom: 0;
}

.bodier-work-filter {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 200;
  width: 100%;
  height: 100%;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: hidden;
  transform: translate3d(100%, 0, 0);
  cursor: pointer;
  -ms-overflow-scrolling: touch;
  -o-overflow-scrolling: touch;
  -moz-overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

.flag-transitions-true .bodier-work-filter {
  transition: transform 0.8s ease-in-out;
}

@media screen and (min-width: 800px) {
  .bodier-work-filter {
    width: 50%;
    transform: translate3d(200%, 0, 0);
  }
}

.switch-work-enter .bodier-work-filter {
  transform: translate3d(0, 0, 0);
}

.switch-work-fix .bodier-work-filter {
  overflow-y: auto;
}

.bodier-work-filter .content-work-filter {
  width: auto;
  min-height: calc(100% - ((4.8rem * 1.1) + (4.8rem * 0.1125) + (1.2rem * 0.55) + (2.4rem * 1.1)) + 1px);
  margin-top: calc((4.8rem * 1.1) + (4.8rem * 0.1125) + (1.2rem * 0.55) + (2.4rem * 1.1));
  margin-right: 2.6136rem;
  margin-left: 2.6136rem;
  padding-top: 1.188rem;
  padding-bottom: calc((2.4rem * 1.1 * 2) - 1.188rem);
  box-sizing: border-box;
  background-color: #dadbe4;
  color: black;
  box-shadow: 0.25em 0.25em 1.2em 0.125em rgba(0, 0, 0, 0.5);
  cursor: auto;
}

@media screen and (min-width: 800px) {
  .bodier-work-filter .content-work-filter {
    margin-left: 1.3068rem;
  }
}

.flag-transitions-true .bodier-work-filter .content-work-filter {
  transition: box-shadow 0.4s ease-in-out;
}

.switch-work-enter .bodier-work-filter .content-work-filter {
  box-shadow: 0.25em 0.25em 1.2em 0.125em rgba(0, 0, 0, 0.5);
}

.switch-project-open .bodier-work-filter .content-work-filter {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
}

.flag-transitions-true.switch-project-open .bodier-work-filter .content-work-filter {
  transition: box-shadow 0.8s ease-in-out;
}

.bodier-work-filter .content-work-filter .search {
  display: none;
}

@media screen and (min-width: 800px) {
  .bodier-work-filter .content-work-filter .search {
    display: block;
    padding-top: 0;
    padding-right: 1.3068rem;
    padding-bottom: 0;
    padding-left: 1.3068rem;
    box-sizing: border-box;
  }
  .flag-transitions-true .bodier-work-filter .content-work-filter .search {
    transition: padding-top 0.6s ease-in-out, padding-bottom 0.6s ease-in-out;
  }
  .switch-work-sort-search .bodier-work-filter .content-work-filter .search {
    padding-top: 0;
    padding-bottom: 1.188rem;
    transition: padding-top 0.8s ease-in-out, padding-bottom 0.8s ease-in-out;
  }
}

.bodier-work-filter .content-work-filter .search .search-work-filter {
  display: block;
  max-height: calc(100vh - ((4.8rem * 1.1) + (4.8rem * 0.1125) + (1.2rem * 0.55) + (2.4rem * 1.1)) - 1.188rem - (2.4rem * 1.1 * 2));
  min-height: 0;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 0;
  padding-bottom: 0.1125em;
  padding-left: 0;
  box-sizing: border-box;
  background-color: white;
  font-size: 0;
  color: #c4c5d4;
  line-height: 1.1;
  box-shadow: inset 0.0625em 0.0625em 0.15em 0.03125em rgba(0, 0, 0, 0.5);
}

.bodier-work-filter .content-work-filter .search .search-work-filter:focus {
  color: black;
  box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.5);
  transition: min-height 0.8s ease-in-out, padding-right 0.8s ease-in-out, padding-bottom 0.8s ease-in-out, padding-left 0.8s ease-in-out, font-size 0.8s ease-in-out, line-height 0.8s ease-in-out, color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
}

.flag-transitions-true .bodier-work-filter .content-work-filter .search .search-work-filter {
  transition: min-height 0.8s ease-in-out, padding-right 0.8s ease-in-out, padding-bottom 0.8s ease-in-out, padding-left 0.8s ease-in-out, font-size 0.8s ease-in-out, line-height 0.8s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.switch-work-sort-search .bodier-work-filter .content-work-filter .search .search-work-filter {
  min-height: calc((4.8rem * 1.1) + (4.8rem * 0.1125));
  padding-right: calc((1.3068rem * 1) + -0.075em);
  padding-left: calc((1.3068rem * 1) + -0.075em);
  font-size: 4.8rem;
  line-height: 1.1;
  transition: none;
}

.flag-transitions-true.switch-work-sort-search .bodier-work-filter .content-work-filter .search .search-work-filter {
  transition: min-height 0.6s ease-in-out, padding-right 0.6s ease-in-out, padding-bottom 0.6s ease-in-out, padding-left 0.6s ease-in-out, font-size 0.6s ease-in-out, line-height 0.6s ease-in-out, color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.switch-search-animation .bodier-work-filter .content-work-filter .search .search-work-filter {
  animation-name: search-animation-filter;
  animation-duration: 0.6s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: ease-in-out;
}

@keyframes search-animation-filter {
  0% {
    box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.5);
  }
  50% {
    box-shadow: inset 0.0625em 0.0625em 0.15em 0.03125em rgba(0, 0, 0, 0.5);
  }
  100% {
    box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.5);
  }
}

.switch-search-style-override .bodier-work-filter .content-work-filter .search .search-work-filter {
  color: black;
  box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.5);
}

.bodier-work-filter .content-work-filter .search .search-work-filter * {
  display: inline;
  white-space: nowrap;
  font-size: 4.8rem !important;
  color: black !important;
  line-height: 1.1 !important;
  background-color: rgba(0, 0, 0, 0) !important;
}

.bodier-work-filter .content-work-filter .search .search-work-filter br {
  display: none;
}

.bodier-work-filter .content-work-filter .section-work-filter-themes {
  margin-top: -0.7em;
}

.flag-transitions-true .bodier-work-filter .content-work-filter .section-work-filter-themes {
  transition: margin-top 0.6s ease-in-out;
}

.switch-work-sort-search .bodier-work-filter .content-work-filter .section-work-filter-themes {
  margin-top: 0;
}

.flag-transitions-true.switch-work-sort-search .bodier-work-filter .content-work-filter .section-work-filter-themes {
  transition: margin-top 0.8s ease-in-out;
}

@media screen and (max-width: 799px) {
  .bodier-work-filter .content-work-filter .section-work-filter-themes {
    transition: none !important;
  }
}

.bodier-work-filter .content-work-filter .section-work-filter-themes ul {
  padding-bottom: 1.188rem;
}

.flag-transitions-true .bodier-work-filter .content-work-filter .section-work-filter-themes ul {
  transition: padding-bottom 0.6s ease-in-out;
}

.switch-work-sort-search .bodier-work-filter .content-work-filter .section-work-filter-themes ul {
  padding-bottom: 0;
}

.flag-transitions-true.switch-work-sort-search .bodier-work-filter .content-work-filter .section-work-filter-themes ul {
  transition: padding-bottom 0.8s ease-in-out;
}

@media screen and (max-width: 799px) {
  .bodier-work-filter .content-work-filter .section-work-filter-themes ul {
    transition: none !important;
  }
}

.bodier-work-filter .content-work-filter .section-work-filter-themes ul li {
  margin-right: -0.075em;
  margin-left: -0.075em;
  padding-right: 1.3068rem;
  padding-bottom: 0.7128rem;
  padding-left: 1.3068rem;
  box-sizing: border-box;
  font-size: 4.8rem;
  text-transform: uppercase;
  line-height: 0.95;
}

.bodier-work-filter .content-work-filter .section-work-filter-themes ul li:last-of-type {
  padding-bottom: 0;
}

@media screen and (min-width: 799px) {
  .flag-transitions-true .bodier-work-filter .content-work-filter .section-work-filter-themes ul li {
    transition: margin-right 0.6s ease-in-out, margin-left 0.6s ease-in-out, padding-right 0.6s ease-in-out, padding-bottom 0.6s ease-in-out, padding-left 0.6s ease-in-out, font-size 0.6s ease-in-out, line-height 0.6s ease-in-out;
  }
}

.switch-work-sort-search .bodier-work-filter .content-work-filter .section-work-filter-themes ul li {
  padding-bottom: 0;
  font-size: 0;
  line-height: 0.95;
  transition: margin-right 0.8s ease-in-out, margin-left 0.8s ease-in-out, padding-right 0.8s ease-in-out, padding-bottom 0.8s ease-in-out, padding-left 0.8s ease-in-out, font-size 0.8s ease-in-out, line-height 0.8s ease-in-out;
}

.switch-filterpanel-animation .bodier-work-filter .content-work-filter .section-work-filter-themes ul li.current-filterpanel {
  animation-name: filterpanel-animation-li;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: ease-in-out;
}

@keyframes filterpanel-animation-li {
  0% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  }
  50% {
    text-shadow: 0.125em 0.125em 0.25em rgba(0, 0, 0, 0.5);
  }
  100% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  }
}

.bodier-project-visuals {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500;
  width: 100%;
  height: 100%;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
  transform: translate3d(-100%, 0, 0);
  cursor: pointer;
  -ms-overflow-scrolling: touch;
  -o-overflow-scrolling: touch;
  -moz-overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

.flag-transitions-true .bodier-project-visuals {
  transition: transform 0.8s ease-in-out;
}

@media screen and (min-width: 800px) {
  .bodier-project-visuals {
    z-index: 1000;
    width: 50%;
    direction: rtl;
  }
}

.bodier-project-visuals.switch-project-clone-open {
  transform: translate3d(0, 0, 0);
}

@media screen and (max-width: 799px) {
  .switch-project-sort-texts .bodier-project-visuals.switch-project-clone-open {
    transform: translate3d(-100%, 0, 0);
  }
}

.bodier-project-visuals .content-project-visuals {
  width: auto;
  min-height: calc(100% - ((4.8rem * 1.1) + (4.8rem * 0.1125) + (1.2rem * 0.55) + (2.4rem * 1.1)) + 1px);
  margin-top: calc((4.8rem * 1.1) + (4.8rem * 0.1125) + (1.2rem * 0.55) + (2.4rem * 1.1));
  margin-right: 2.6136rem;
  margin-left: 2.6136rem;
  padding-top: 1.188rem;
  padding-bottom: calc((2.4rem * 1.1 * 1));
  box-sizing: border-box;
  background-color: #dadbe4;
  font-size: 1.2rem;
  color: black;
  line-height: 1.1;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
  cursor: auto;
}

@media screen and (min-width: 800px) {
  .bodier-project-visuals .content-project-visuals {
    margin-right: 1.3068rem;
    direction: ltr;
  }
}

.flag-transitions-true .bodier-project-visuals .content-project-visuals {
  transition: box-shadow 0.8s ease-in-out;
}

.bodier-project-visuals .content-project-visuals.last-content-project {
  box-shadow: -0.25em 0.25em 1.2em 0.125em rgba(0, 0, 0, 0.5);
}

.flag-transitions-true .bodier-project-visuals .content-project-visuals.last-content-project {
  transition: box-shadow 0.4s ease-in-out;
}

.bodier-project-visuals .content-project-visuals .entry-images .entry-image {
  width: 100%;
  padding-right: 1.3068rem;
  padding-bottom: 2.64rem;
  padding-left: 1.3068rem;
  box-sizing: border-box;
}

.bodier-project-visuals .content-project-visuals .entry-images .entry-image p {
  width: 100%;
  background-color: black;
  background-size: 100% 100%;
  box-shadow: 0.25em 0.25em 1.2em 0.125em rgba(0, 0, 0, 0.5), inset 0 0 0 0 rgba(0, 0, 0, 0.5);
}

.flag-transitions-true .bodier-project-visuals .content-project-visuals .entry-images .entry-image p {
  transition: box-shadow 0.1s ease-in-out;
}

.switch-popout-detected .bodier-project-visuals .content-project-visuals .entry-images .entry-image p:hover {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5), inset 0.25em 0.25em 1.2em 0.125em rgba(0, 0, 0, 0.5);
  transition: box-shadow 0.2s ease-in-out;
}

.bodier-project-visuals .content-project-visuals .entry-images .entry-image p img {
  display: block;
  opacity: 0;
  width: 100%;
}

.bodier-project-visuals .content-project-visuals .entry-images .entry-image figcaption p {
  padding-top: 0.3267rem;
  background-color: transparent;
  box-shadow: none;
}

.bodier-project-visuals .content-project-visuals .entry-images .entry-image.switch-popout {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  margin: 0;
  padding: 0;
  -ms-user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.bodier-project-visuals .content-project-visuals .entry-images .entry-image.switch-popout p.p-img {
  width: 100%;
  height: 100%;
  background-color: #dadbe4;
  background-image: none !important;
  box-shadow: none;
}

.bodier-project-visuals .content-project-visuals .entry-images .entry-image.switch-popout p.p-img img {
  opacity: 1;
  width: auto;
  max-width: calc(100% - 1.3068rem - 1.3068rem);
  height: auto;
  max-height: calc(100% - 1.188rem - 1.188rem);
  box-shadow: 0.25em 0.25em 1.2em 0.125em rgba(0, 0, 0, 0.5);
  transform: translate3d(50vw, 50vh, 0) translate3d(-50%, -50%, 0);
}

.bodier-project-visuals .content-project-visuals .entry-images .entry-image.switch-popout figcaption {
  display: none;
}

.bodier-project-visuals .content-project-visuals .entry-images .entry-image.switch-popout .popout-button-close {
  position: fixed;
  top: 0;
  right: 0;
  padding-top: calc(1.188rem - 0.55em);
  padding-right: 1.3068rem;
  box-sizing: border-box;
  font-size: 1.2rem;
  color: black;
  line-height: 1.1;
}

.bodier-project-visuals .content-project-visuals .entry-images .entry-image.switch-popout .popout-button-previous {
  position: fixed;
  bottom: 0;
  left: 0;
  padding-bottom: calc(1.188rem - 0.1125em);
  padding-left: 1.3068rem;
  box-sizing: border-box;
  font-size: 1.2rem;
  color: black;
  line-height: 1.1;
}

.bodier-project-visuals .content-project-visuals .entry-images .entry-image.switch-popout .popout-button-next {
  position: fixed;
  bottom: 0;
  right: 0;
  padding-right: 1.3068rem;
  padding-bottom: calc(1.188rem - 0.1125em);
  box-sizing: border-box;
  font-size: 1.2rem;
  color: black;
  line-height: 1.1;
}

.bodier-project-visuals .content-project-visuals .entry-videos .entry-video {
  width: 100%;
  padding-right: 1.3068rem;
  padding-bottom: 2.64rem;
  padding-left: 1.3068rem;
  box-sizing: border-box;
}

.bodier-project-visuals .content-project-visuals .entry-videos .entry-video video {
  width: 100%;
  background-color: black;
  box-shadow: 0.25em 0.25em 1.2em 0.125em rgba(0, 0, 0, 0.5), inset 0 0 0 0 rgba(0, 0, 0, 0.5);
}

.flag-transitions-true .bodier-project-visuals .content-project-visuals .entry-videos .entry-video video {
  transition: box-shadow 0.1s ease-in-out;
}

.switch-popout-detected .bodier-project-visuals .content-project-visuals .entry-videos .entry-video video:hover {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5), inset 0.25em 0.25em 1.2em 0.125em rgba(0, 0, 0, 0.5);
  transition: box-shadow 0.2s ease-in-out;
}

.bodier-project-visuals .content-project-visuals .entry-videos .entry-video figcaption p {
  padding-top: 0.3267rem;
  background-color: transparent;
  box-shadow: none;
}

.bodier-project-visuals .content-project-visuals .entry-audios .entry-audio {
  width: 100%;
  padding-right: 1.3068rem;
  padding-bottom: 2.64rem;
  padding-left: 1.3068rem;
  box-sizing: border-box;
}

.bodier-project-visuals .content-project-visuals .entry-audios .entry-audio audio {
  width: 100%;
  background-color: black;
  box-shadow: 0.25em 0.25em 1.2em 0.125em rgba(0, 0, 0, 0.5), inset 0 0 0 0 rgba(0, 0, 0, 0.5);
}

.flag-transitions-true .bodier-project-visuals .content-project-visuals .entry-audios .entry-audio audio {
  transition: box-shadow 0.1s ease-in-out;
}

.switch-popout-detected .bodier-project-visuals .content-project-visuals .entry-audios .entry-audio audio:hover {
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5), inset 0.25em 0.25em 1.2em 0.125em rgba(0, 0, 0, 0.5);
  transition: box-shadow 0.2s ease-in-out;
}

.bodier-project-visuals .content-project-visuals .entry-audios .entry-audio figcaption p {
  padding-top: 0.3267rem;
  background-color: transparent;
  box-shadow: none;
}

.bodier-project-texts {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 400;
  width: 100%;
  height: 100%;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
  transform: translate3d(-200%, 0, 0);
  cursor: pointer;
  -ms-overflow-scrolling: touch;
  -o-overflow-scrolling: touch;
  -moz-overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

.flag-transitions-true .bodier-project-texts {
  transition: transform 0.8s ease-in-out;
}

@media screen and (min-width: 800px) {
  .bodier-project-texts {
    left: 50%;
    width: 50%;
    transform: translate3d(-200%, 0, 0);
  }
}

.bodier-project-texts.switch-project-clone-open {
  transform: translate3d(0, 0, 0);
}

.bodier-project-texts .content-project-texts {
  width: auto;
  min-height: calc(100% - ((4.8rem * 1.1) + (4.8rem * 0.1125) + (1.2rem * 0.55) + (2.4rem * 1.1)) + 1px);
  margin-top: calc((4.8rem * 1.1) + (4.8rem * 0.1125) + (1.2rem * 0.55) + (2.4rem * 1.1));
  margin-right: 2.6136rem;
  margin-left: 2.6136rem;
  padding-top: 1.188rem;
  padding-bottom: calc((2.4rem * 1.1 * 1) + (1.2rem * 1.1 * 2));
  box-sizing: border-box;
  background-color: #dadbe4;
  font-size: 1.2rem;
  color: black;
  line-height: 1.1;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
  cursor: auto;
}

@media screen and (min-width: 800px) {
  .bodier-project-texts .content-project-texts {
    margin-left: 1.3068rem;
  }
}

.flag-transitions-true .bodier-project-texts .content-project-texts {
  transition: box-shadow 0.8s ease-in-out;
}

.bodier-project-texts .content-project-texts.last-content-project {
  box-shadow: 0.25em 0.25em 1.2em 0.125em rgba(0, 0, 0, 0.5);
}

.flag-transitions-true .bodier-project-texts .content-project-texts.last-content-project {
  transition: box-shadow 0.4s ease-in-out;
}

.bodier-project-texts .content-project-texts .entry-title {
  width: 100%;
  margin-top: -0.55em;
  margin-bottom: 0;
  padding-right: 1.3068rem;
  padding-left: 1.3068rem;
  box-sizing: border-box;
  cursor: -ms-zoom-in;
  cursor: -o-zoom-in;
  cursor: -moz-zoom-in;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.switch-project-title-l .bodier-project-texts .content-project-texts .entry-title {
  cursor: -ms-zoom-out;
  cursor: -o-zoom-out;
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.flag-transitions-true .bodier-project-texts .content-project-texts .entry-title {
  transition: margin-bottom 0.8s ease-in-out;
}

.switch-project-title-s .bodier-project-texts .content-project-texts .entry-title, .switch-project-title-l .bodier-project-texts .content-project-texts .entry-title {
  margin-bottom: calc(2.4rem * 1.1 * 1);
}

.flag-transitions-true .switch-project-title-s .bodier-project-texts .content-project-texts .entry-title, .flag-transitions-true .switch-project-title-l .bodier-project-texts .content-project-texts .entry-title {
  transition: margin-bottom 0.6s ease-in-out;
}

.bodier-project-texts .content-project-texts .entry-title h3 {
  margin-right: -0.075em;
  margin-left: -0.075em;
  font-size: 2.4rem;
  line-height: 1.1;
}

.bodier-project-texts .content-project-texts .entry-title h2 {
  margin-top: 0em;
  margin-bottom: 0em;
  margin-right: -0.075em;
  margin-left: -0.075em;
  font-size: 0;
  line-height: 1.1;
  pointer-events: none;
}

.flag-transitions-true .bodier-project-texts .content-project-texts .entry-title h2 {
  transition: margin-right 0.8s ease-in-out, margin-left 0.8s ease-in-out, font-size 0.8s ease-in-out, line-height 0.8s ease-in-out;
}

.switch-project-title-s .bodier-project-texts .content-project-texts .entry-title h2 {
  font-size: 1.2rem;
  line-height: 1.1;
}

.flag-transitions-true .switch-project-title-s .bodier-project-texts .content-project-texts .entry-title h2 {
  transition: margin-right 0.6s ease-in-out, margin-left 0.6s ease-in-out, font-size 0.6s ease-in-out, line-height 0.6s ease-in-out;
}

.switch-project-title-l .bodier-project-texts .content-project-texts .entry-title h2 {
  font-size: 2.4rem;
  line-height: 1.1;
}

.flag-transitions-true .switch-project-title-l .bodier-project-texts .content-project-texts .entry-title h2 {
  transition: margin-right 0.6s ease-in-out, margin-left 0.6s ease-in-out, font-size 0.6s ease-in-out, line-height 0.6s ease-in-out;
}

.bodier-project-texts .content-project-texts .entry-title h2 a {
  cursor: -ms-zoom-in;
  cursor: -o-zoom-in;
  cursor: -moz-zoom-in;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.switch-project-title-l .bodier-project-texts .content-project-texts .entry-title h2 a {
  cursor: -ms-zoom-out;
  cursor: -o-zoom-out;
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.bodier-project-texts .content-project-texts .entry-labels {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 1.3068rem;
  padding-left: 1.3068rem;
  box-sizing: border-box;
  cursor: -ms-zoom-in;
  cursor: -o-zoom-in;
  cursor: -moz-zoom-in;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.switch-project-labels-s .bodier-project-texts .content-project-texts .entry-labels {
  cursor: -ms-zoom-out;
  cursor: -o-zoom-out;
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

@media screen and (min-width: 0px) {
  .bodier-project-texts .content-project-texts .entry-labels {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;
    align-content: stretch;
  }
}

.flag-transitions-true .bodier-project-texts .content-project-texts .entry-labels {
  transition: margin-top 0.8s ease-in-out, margin-bottom 0.8s ease-in-out;
}

.switch-project-labels-s .bodier-project-texts .content-project-texts .entry-labels, .switch-project-labels-l .bodier-project-texts .content-project-texts .entry-labels {
  margin-top: calc(2.4rem * 1.1 * 1);
  margin-bottom: calc((2.4rem * 1.1 * 1) - 0.55em);
}

.flag-transitions-true .switch-project-labels-s .bodier-project-texts .content-project-texts .entry-labels, .flag-transitions-true .switch-project-labels-l .bodier-project-texts .content-project-texts .entry-labels {
  transition: margin-top 0.6s ease-in-out, margin-bottom 0.6s ease-in-out;
}

.switch-project-labels-s.switch-project-bodier-s .bodier-project-texts .content-project-texts .entry-labels + div, .switch-project-labels-s.switch-project-bodier-l .bodier-project-texts .content-project-texts .entry-labels + div, .switch-project-labels-l.switch-project-bodier-s .bodier-project-texts .content-project-texts .entry-labels + div, .switch-project-labels-l.switch-project-bodier-l .bodier-project-texts .content-project-texts .entry-labels + div {
  margin-top: calc((2.4rem * 1.1 * 1) - 0.55em);
}

.bodier-project-texts .content-project-texts .entry-labels h3 {
  margin-right: -0.075em;
  margin-left: -0.075em;
  font-size: 2.4rem;
  line-height: 1.1;
}

@media screen and (min-width: 0px) {
  .bodier-project-texts .content-project-texts .entry-labels h3 {
    flex-grow: 0;
    flex-shrink: 0;
    align-self: stretch;
    width: 100%;
  }
}

.bodier-project-texts .content-project-texts .entry-labels .entry-category {
  margin-right: -0.075em;
  margin-left: -0.075em;
  margin-top: 0.55em;
  margin-bottom: 0.55em;
  font-size: 0;
  line-height: 1.1;
}

@media screen and (min-width: 0px) {
  .bodier-project-texts .content-project-texts .entry-labels .entry-category {
    flex-grow: 0;
    flex-shrink: 0;
    align-self: stretch;
    width: 50%;
  }
}

.flag-transitions-true .bodier-project-texts .content-project-texts .entry-labels .entry-category {
  transition: margin-right 0.8s ease-in-out, margin-left 0.8s ease-in-out, margin-top 0.8s ease-in-out, margin-bottom 0.8s ease-in-out, font-size 0.8s ease-in-out, line-height 0.8s ease-in-out;
}

.switch-project-labels-s .bodier-project-texts .content-project-texts .entry-labels .entry-category {
  font-size: 1.2rem;
  line-height: 1.1;
}

.flag-transitions-true .switch-project-labels-s .bodier-project-texts .content-project-texts .entry-labels .entry-category {
  transition: margin-right 0.6s ease-in-out, margin-left 0.6s ease-in-out, margin-top 0.6s ease-in-out, margin-bottom 0.6s ease-in-out, font-size 0.6s ease-in-out, line-height 0.6s ease-in-out;
}

.switch-project-labels-l .bodier-project-texts .content-project-texts .entry-labels .entry-category {
  font-size: 2.4rem;
  line-height: 1.1;
}

.flag-transitions-true .switch-project-labels-l .bodier-project-texts .content-project-texts .entry-labels .entry-category {
  transition: margin-right 0.6s ease-in-out, margin-left 0.6s ease-in-out, margin-top 0.6s ease-in-out, margin-bottom 0.6s ease-in-out, font-size 0.6s ease-in-out, line-height 0.6s ease-in-out;
}

@media screen and (min-width: 0px) {
  .bodier-project-texts .content-project-texts .entry-labels .entry-category:nth-of-type(2n + 1) h4 {
    padding-right: 1.3068rem;
  }
}

@media screen and (min-width: 0px) {
  .bodier-project-texts .content-project-texts .entry-labels .entry-category:nth-of-type(2n + 1) ul {
    padding-right: 1.3068rem;
  }
}

@media screen and (min-width: 0px) {
  .bodier-project-texts .content-project-texts .entry-labels .entry-category:nth-of-type(2n + 2) h4 {
    padding-left: 1.3068rem;
  }
}

@media screen and (min-width: 0px) {
  .bodier-project-texts .content-project-texts .entry-labels .entry-category:nth-of-type(2n + 2) ul {
    padding-left: 1.3068rem;
  }
}

.switch-filterpanel-animation .bodier-project-texts .content-project-texts .entry-labels .entry-category ul li a.current-filterpanel-project {
  animation-name: project-animation-texts;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: ease-in-out;
}

@keyframes project-animation-texts {
  0% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  }
  50% {
    text-shadow: 0.25em 0.25em 0.5em rgba(0, 0, 0, 0.5);
  }
  100% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  }
}

.bodier-project-texts .content-project-texts .entry-labels .entry-texts {
  margin-right: -0.075em;
  margin-left: -0.075em;
  margin-bottom: 0.55em;
  font-size: 0;
  line-height: 1.1;
}

@media screen and (min-width: 0px) {
  .bodier-project-texts .content-project-texts .entry-labels .entry-texts {
    flex-grow: 0;
    flex-shrink: 0;
    align-self: stretch;
    width: 50%;
  }
}

.flag-transitions-true .bodier-project-texts .content-project-texts .entry-labels .entry-texts {
  transition: margin-right 0.8s ease-in-out, margin-left 0.8s ease-in-out, margin-bottom 0.8s ease-in-out, font-size 0.8s ease-in-out, line-height 0.8s ease-in-out;
}

.switch-project-labels-s .bodier-project-texts .content-project-texts .entry-labels .entry-texts {
  font-size: 1.2rem;
  line-height: 1.1;
}

.flag-transitions-true .switch-project-labels-s .bodier-project-texts .content-project-texts .entry-labels .entry-texts {
  transition: margin-right 0.6s ease-in-out, margin-left 0.6s ease-in-out, margin-bottom 0.6s ease-in-out, font-size 0.6s ease-in-out, line-height 0.6s ease-in-out;
}

.switch-project-labels-l .bodier-project-texts .content-project-texts .entry-labels .entry-texts {
  font-size: 2.4rem;
  line-height: 1.1;
}

.flag-transitions-true .switch-project-labels-l .bodier-project-texts .content-project-texts .entry-labels .entry-texts {
  transition: margin-right 0.6s ease-in-out, margin-left 0.6s ease-in-out, margin-bottom 0.6s ease-in-out, font-size 0.6s ease-in-out, line-height 0.6s ease-in-out;
}

@media screen and (min-width: 0px) {
  .bodier-project-texts .content-project-texts .entry-labels .entry-texts:nth-of-type(2n + 1) h4 {
    padding-right: 1.3068rem;
  }
}

@media screen and (min-width: 0px) {
  .bodier-project-texts .content-project-texts .entry-labels .entry-texts:nth-of-type(2n + 1) p {
    padding-right: 1.3068rem;
  }
}

@media screen and (min-width: 0px) {
  .bodier-project-texts .content-project-texts .entry-labels .entry-texts:nth-of-type(2n + 2) h4 {
    padding-left: 1.3068rem;
  }
}

@media screen and (min-width: 0px) {
  .bodier-project-texts .content-project-texts .entry-labels .entry-texts:nth-of-type(2n + 2) p {
    padding-left: 1.3068rem;
  }
}

.switch-project-animation .bodier-project-texts .content-project-texts .entry-labels .entry-texts p a.current-project-project, .switch-filterpanel-animation .bodier-project-texts .content-project-texts .entry-labels .entry-texts p span.switch-theme.current-filterpanel-project, .switch-filterpanel-animation .bodier-project-texts .content-project-texts .entry-labels .entry-texts p a.current-filterpanel-project {
  animation-name: project-animation-texts;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: ease-in-out;
}

@keyframes project-animation-texts {
  0% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  }
  50% {
    text-shadow: 0.25em 0.25em 0.5em rgba(0, 0, 0, 0.5);
  }
  100% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  }
}

.bodier-project-texts .content-project-texts .entry-bodier {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 1.3068rem;
  padding-left: 1.3068rem;
  box-sizing: border-box;
  cursor: -ms-zoom-in;
  cursor: -o-zoom-in;
  cursor: -moz-zoom-in;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.switch-project-bodier-l .bodier-project-texts .content-project-texts .entry-bodier {
  cursor: -ms-zoom-out;
  cursor: -o-zoom-out;
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.flag-transitions-true .bodier-project-texts .content-project-texts .entry-bodier {
  transition: margin-top 0.8s ease-in-out, margin-bottom 0.8s ease-in-out;
}

.switch-project-bodier-s .bodier-project-texts .content-project-texts .entry-bodier, .switch-project-bodier-l .bodier-project-texts .content-project-texts .entry-bodier {
  margin-top: calc(2.4rem * 1.1 * 1);
  margin-bottom: calc(2.4rem * 1.1 * 1);
}

.flag-transitions-true .switch-project-bodier-s .bodier-project-texts .content-project-texts .entry-bodier, .flag-transitions-true .switch-project-bodier-l .bodier-project-texts .content-project-texts .entry-bodier {
  transition: margin-top 0.6s ease-in-out, margin-bottom 0.6s ease-in-out;
}

.bodier-project-texts .content-project-texts .entry-bodier h3 {
  margin-right: -0.075em;
  margin-left: -0.075em;
  font-size: 2.4rem;
  line-height: 1.1;
}

.bodier-project-texts .content-project-texts .entry-bodier p {
  margin-top: 0em;
  margin-bottom: 0em;
  margin-right: -0.075em;
  margin-left: -0.075em;
  padding-top: 0;
  font-size: 0;
  line-height: 1.1;
}

.flag-transitions-true .bodier-project-texts .content-project-texts .entry-bodier p {
  transition: margin-right 0.8s ease-in-out, margin-left 0.8s ease-in-out, padding-top 0.8s ease-in-out, font-size 0.8s ease-in-out, line-height 0.8s ease-in-out;
}

.switch-project-bodier-s .bodier-project-texts .content-project-texts .entry-bodier p {
  padding-top: calc(1.2rem * 1.1);
  font-size: 1.2rem;
  line-height: 1.1;
}

.flag-transitions-true .switch-project-bodier-s .bodier-project-texts .content-project-texts .entry-bodier p {
  transition: margin-right 0.6s ease-in-out, margin-left 0.6s ease-in-out, padding-top 0.6s ease-in-out, font-size 0.6s ease-in-out, line-height 0.6s ease-in-out;
}

.switch-project-bodier-s .bodier-project-texts .content-project-texts .entry-bodier p:nth-child(2) {
  padding-top: 0;
}

.switch-project-bodier-l .bodier-project-texts .content-project-texts .entry-bodier p {
  padding-top: calc(2.4rem * 1.1);
  font-size: 2.4rem;
  line-height: 1.1;
}

.flag-transitions-true .switch-project-bodier-l .bodier-project-texts .content-project-texts .entry-bodier p {
  transition: margin-right 0.6s ease-in-out, margin-left 0.6s ease-in-out, padding-top 0.6s ease-in-out, font-size 0.6s ease-in-out, line-height 0.6s ease-in-out;
}

.switch-project-bodier-l .bodier-project-texts .content-project-texts .entry-bodier p:nth-child(2) {
  padding-top: 0;
}

.switch-project-animation .bodier-project-texts .content-project-texts .entry-bodier p a.current-project-project, .switch-filterpanel-animation .bodier-project-texts .content-project-texts .entry-bodier p span.switch-theme.current-filterpanel-project, .switch-filterpanel-animation .bodier-project-texts .content-project-texts .entry-bodier p a.current-filterpanel-project {
  animation-name: project-animation-texts;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: ease-in-out;
}

@keyframes project-animation-texts {
  0% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  }
  50% {
    text-shadow: 0.25em 0.25em 0.5em rgba(0, 0, 0, 0.5);
  }
  100% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  }
}

.bodier-project-texts .content-project-texts .entry-bodier ul {
  margin-right: -0.075em;
  margin-left: -0.075em;
  padding-top: 0;
  padding-left: 0.6em;
  font-size: 0;
  line-height: 1.1;
}

.flag-transitions-true .bodier-project-texts .content-project-texts .entry-bodier ul {
  transition: margin-right 0.8s ease-in-out, margin-left 0.8s ease-in-out, padding-top 0.8s ease-in-out, padding-left 0.8s ease-in-out, font-size 0.8s ease-in-out, line-height 0.8s ease-in-out;
}

.switch-project-bodier-s .bodier-project-texts .content-project-texts .entry-bodier ul {
  padding-top: calc(1.2rem * 1.1);
  font-size: 1.2rem;
  line-height: 1.1;
}

.flag-transitions-true .switch-project-bodier-s .bodier-project-texts .content-project-texts .entry-bodier ul {
  transition: margin-right 0.6s ease-in-out, margin-left 0.6s ease-in-out, padding-top 0.6s ease-in-out, padding-left 0.6s ease-in-out, font-size 0.6s ease-in-out, line-height 0.6s ease-in-out;
}

.switch-project-bodier-s .bodier-project-texts .content-project-texts .entry-bodier ul:nth-child(2) {
  padding-top: 0;
}

.switch-project-bodier-s .bodier-project-texts .content-project-texts .entry-bodier ul + ul {
  padding-top: 0;
}

.switch-project-bodier-l .bodier-project-texts .content-project-texts .entry-bodier ul {
  padding-top: calc(2.4rem * 1.1);
  font-size: 2.4rem;
  line-height: 1.1;
}

.flag-transitions-true .switch-project-bodier-l .bodier-project-texts .content-project-texts .entry-bodier ul {
  transition: margin-right 0.6s ease-in-out, margin-left 0.6s ease-in-out, padding-top 0.6s ease-in-out, padding-left 0.6s ease-in-out, font-size 0.6s ease-in-out, line-height 0.6s ease-in-out;
}

.switch-project-bodier-l .bodier-project-texts .content-project-texts .entry-bodier ul:nth-child(2) {
  padding-top: 0;
}

.switch-project-bodier-l .bodier-project-texts .content-project-texts .entry-bodier ul + ul {
  padding-top: 0;
}

.bodier-project-texts .content-project-texts .entry-bodier ul li {
  list-style-position: inside;
  list-style-type: none;
}

.bodier-project-texts .content-project-texts .entry-bodier ul li::before {
  display: inline-block;
  width: 0.6em;
  margin-left: -0.7em;
  content: '–';
}

.switch-project-animation .bodier-project-texts .content-project-texts .entry-bodier ul li a.current-project-project, .switch-filterpanel-animation .bodier-project-texts .content-project-texts .entry-bodier ul li span.switch-theme.current-filterpanel-project, .switch-filterpanel-animation .bodier-project-texts .content-project-texts .entry-bodier ul li a.current-filterpanel-project {
  animation-name: project-animation-texts;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: ease-in-out;
}

@keyframes project-animation-texts {
  0% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  }
  50% {
    text-shadow: 0.25em 0.25em 0.5em rgba(0, 0, 0, 0.5);
  }
  100% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  }
}

.bodier-project-texts .content-project-texts .entry-footers-1 {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 1.3068rem;
  padding-left: 1.3068rem;
  box-sizing: border-box;
  cursor: -ms-zoom-in;
  cursor: -o-zoom-in;
  cursor: -moz-zoom-in;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.switch-project-footers-1-l .bodier-project-texts .content-project-texts .entry-footers-1 {
  cursor: -ms-zoom-out;
  cursor: -o-zoom-out;
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.flag-transitions-true .bodier-project-texts .content-project-texts .entry-footers-1 {
  transition: margin-top 0.8s ease-in-out, margin-bottom 0.8s ease-in-out;
}

.switch-project-footers-1-s .bodier-project-texts .content-project-texts .entry-footers-1, .switch-project-footers-1-l .bodier-project-texts .content-project-texts .entry-footers-1 {
  margin-top: calc(2.4rem * 1.1 * 1);
  margin-bottom: calc(2.4rem * 1.1 * 1);
}

.flag-transitions-true .switch-project-footers-1-s .bodier-project-texts .content-project-texts .entry-footers-1, .flag-transitions-true .switch-project-footers-1-l .bodier-project-texts .content-project-texts .entry-footers-1 {
  transition: margin-top 0.6s ease-in-out, margin-bottom 0.6s ease-in-out;
}

.bodier-project-texts .content-project-texts .entry-footers-1 h3 {
  margin-right: -0.075em;
  margin-left: -0.075em;
  font-size: 2.4rem;
  line-height: 1.1;
}

.bodier-project-texts .content-project-texts .entry-footers-1 p {
  margin-top: 0em;
  margin-bottom: 0em;
  margin-right: -0.075em;
  margin-left: -0.075em;
  padding-top: 0;
  font-size: 0;
  line-height: 1.1;
}

.flag-transitions-true .bodier-project-texts .content-project-texts .entry-footers-1 p {
  transition: margin-right 0.8s ease-in-out, margin-left 0.8s ease-in-out, padding-top 0.8s ease-in-out, font-size 0.8s ease-in-out, line-height 0.8s ease-in-out;
}

.switch-project-footers-1-s .bodier-project-texts .content-project-texts .entry-footers-1 p {
  padding-top: calc(1.2rem * 1.1);
  font-size: 1.2rem;
  line-height: 1.1;
}

.flag-transitions-true .switch-project-footers-1-s .bodier-project-texts .content-project-texts .entry-footers-1 p {
  transition: margin-right 0.6s ease-in-out, margin-left 0.6s ease-in-out, padding-top 0.6s ease-in-out, font-size 0.6s ease-in-out, line-height 0.6s ease-in-out;
}

.switch-project-footers-1-s .bodier-project-texts .content-project-texts .entry-footers-1 p:nth-child(2) {
  padding-top: 0;
}

.switch-project-footers-1-l .bodier-project-texts .content-project-texts .entry-footers-1 p {
  padding-top: calc(2.4rem * 1.1);
  font-size: 2.4rem;
  line-height: 1.1;
}

.flag-transitions-true .switch-project-footers-1-l .bodier-project-texts .content-project-texts .entry-footers-1 p {
  transition: margin-right 0.6s ease-in-out, margin-left 0.6s ease-in-out, padding-top 0.6s ease-in-out, font-size 0.6s ease-in-out, line-height 0.6s ease-in-out;
}

.switch-project-footers-1-l .bodier-project-texts .content-project-texts .entry-footers-1 p:nth-child(2) {
  padding-top: 0;
}

.switch-project-animation .bodier-project-texts .content-project-texts .entry-footers-1 p a.current-project-project, .switch-filterpanel-animation .bodier-project-texts .content-project-texts .entry-footers-1 p span.switch-theme.current-filterpanel-project, .switch-filterpanel-animation .bodier-project-texts .content-project-texts .entry-footers-1 p a.current-filterpanel-project {
  animation-name: project-animation-texts;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: ease-in-out;
}

@keyframes project-animation-texts {
  0% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  }
  50% {
    text-shadow: 0.25em 0.25em 0.5em rgba(0, 0, 0, 0.5);
  }
  100% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  }
}

.bodier-project-texts .content-project-texts .entry-footers-1 ul {
  margin-right: -0.075em;
  margin-left: -0.075em;
  padding-top: 0;
  padding-left: 0.6em;
  font-size: 0;
  line-height: 1.1;
}

.flag-transitions-true .bodier-project-texts .content-project-texts .entry-footers-1 ul {
  transition: margin-right 0.8s ease-in-out, margin-left 0.8s ease-in-out, padding-top 0.8s ease-in-out, padding-left 0.8s ease-in-out, font-size 0.8s ease-in-out, line-height 0.8s ease-in-out;
}

.switch-project-footers-1-s .bodier-project-texts .content-project-texts .entry-footers-1 ul {
  padding-top: calc(1.2rem * 1.1);
  font-size: 1.2rem;
  line-height: 1.1;
}

.flag-transitions-true .switch-project-footers-1-s .bodier-project-texts .content-project-texts .entry-footers-1 ul {
  transition: margin-right 0.6s ease-in-out, margin-left 0.6s ease-in-out, padding-top 0.6s ease-in-out, padding-left 0.6s ease-in-out, font-size 0.6s ease-in-out, line-height 0.6s ease-in-out;
}

.switch-project-footers-1-s .bodier-project-texts .content-project-texts .entry-footers-1 ul:nth-child(2) {
  padding-top: 0;
}

.switch-project-footers-1-s .bodier-project-texts .content-project-texts .entry-footers-1 ul + ul {
  padding-top: 0;
}

.switch-project-footers-1-l .bodier-project-texts .content-project-texts .entry-footers-1 ul {
  padding-top: calc(2.4rem * 1.1);
  font-size: 2.4rem;
  line-height: 1.1;
}

.flag-transitions-true .switch-project-footers-1-l .bodier-project-texts .content-project-texts .entry-footers-1 ul {
  transition: margin-right 0.6s ease-in-out, margin-left 0.6s ease-in-out, padding-top 0.6s ease-in-out, padding-left 0.6s ease-in-out, font-size 0.6s ease-in-out, line-height 0.6s ease-in-out;
}

.switch-project-footers-1-l .bodier-project-texts .content-project-texts .entry-footers-1 ul:nth-child(2) {
  padding-top: 0;
}

.switch-project-footers-1-l .bodier-project-texts .content-project-texts .entry-footers-1 ul + ul {
  padding-top: 0;
}

.bodier-project-texts .content-project-texts .entry-footers-1 ul li {
  list-style-position: inside;
  list-style-type: none;
}

.bodier-project-texts .content-project-texts .entry-footers-1 ul li::before {
  display: inline-block;
  width: 0.6em;
  margin-left: -0.7em;
  content: '–';
}

.switch-project-animation .bodier-project-texts .content-project-texts .entry-footers-1 ul li a.current-project-project, .switch-filterpanel-animation .bodier-project-texts .content-project-texts .entry-footers-1 ul li span.switch-theme.current-filterpanel-project, .switch-filterpanel-animation .bodier-project-texts .content-project-texts .entry-footers-1 ul li a.current-filterpanel-project {
  animation-name: project-animation-texts;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: ease-in-out;
}

@keyframes project-animation-texts {
  0% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  }
  50% {
    text-shadow: 0.25em 0.25em 0.5em rgba(0, 0, 0, 0.5);
  }
  100% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  }
}

.bodier-project-texts .content-project-texts .entry-footers-2 {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 1.3068rem;
  padding-left: 1.3068rem;
  box-sizing: border-box;
  cursor: -ms-zoom-in;
  cursor: -o-zoom-in;
  cursor: -moz-zoom-in;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.switch-project-footers-2-l .bodier-project-texts .content-project-texts .entry-footers-2 {
  cursor: -ms-zoom-out;
  cursor: -o-zoom-out;
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.flag-transitions-true .bodier-project-texts .content-project-texts .entry-footers-2 {
  transition: margin-top 0.8s ease-in-out, margin-bottom 0.8s ease-in-out;
}

.switch-project-footers-2-s .bodier-project-texts .content-project-texts .entry-footers-2, .switch-project-footers-2-l .bodier-project-texts .content-project-texts .entry-footers-2 {
  margin-top: calc(2.4rem * 1.1 * 1);
  margin-bottom: calc(2.4rem * 1.1 * 1);
}

.flag-transitions-true .switch-project-footers-2-s .bodier-project-texts .content-project-texts .entry-footers-2, .flag-transitions-true .switch-project-footers-2-l .bodier-project-texts .content-project-texts .entry-footers-2 {
  transition: margin-top 0.6s ease-in-out, margin-bottom 0.6s ease-in-out;
}

.bodier-project-texts .content-project-texts .entry-footers-2 h3 {
  margin-right: -0.075em;
  margin-left: -0.075em;
  font-size: 2.4rem;
  line-height: 1.1;
}

.bodier-project-texts .content-project-texts .entry-footers-2 p {
  margin-top: 0em;
  margin-bottom: 0em;
  margin-right: -0.075em;
  margin-left: -0.075em;
  padding-top: 0;
  font-size: 0;
  line-height: 1.1;
}

.flag-transitions-true .bodier-project-texts .content-project-texts .entry-footers-2 p {
  transition: margin-right 0.8s ease-in-out, margin-left 0.8s ease-in-out, padding-top 0.8s ease-in-out, font-size 0.8s ease-in-out, line-height 0.8s ease-in-out;
}

.switch-project-footers-2-s .bodier-project-texts .content-project-texts .entry-footers-2 p {
  padding-top: calc(1.2rem * 1.1);
  font-size: 1.2rem;
  line-height: 1.1;
}

.flag-transitions-true .switch-project-footers-2-s .bodier-project-texts .content-project-texts .entry-footers-2 p {
  transition: margin-right 0.6s ease-in-out, margin-left 0.6s ease-in-out, padding-top 0.6s ease-in-out, font-size 0.6s ease-in-out, line-height 0.6s ease-in-out;
}

.switch-project-footers-2-s .bodier-project-texts .content-project-texts .entry-footers-2 p:nth-child(2) {
  padding-top: 0;
}

.switch-project-footers-2-l .bodier-project-texts .content-project-texts .entry-footers-2 p {
  padding-top: calc(2.4rem * 1.1);
  font-size: 2.4rem;
  line-height: 1.1;
}

.flag-transitions-true .switch-project-footers-2-l .bodier-project-texts .content-project-texts .entry-footers-2 p {
  transition: margin-right 0.6s ease-in-out, margin-left 0.6s ease-in-out, padding-top 0.6s ease-in-out, font-size 0.6s ease-in-out, line-height 0.6s ease-in-out;
}

.switch-project-footers-2-l .bodier-project-texts .content-project-texts .entry-footers-2 p:nth-child(2) {
  padding-top: 0;
}

.switch-project-animation .bodier-project-texts .content-project-texts .entry-footers-2 p a.current-project-project, .switch-filterpanel-animation .bodier-project-texts .content-project-texts .entry-footers-2 p span.switch-theme.current-filterpanel-project, .switch-filterpanel-animation .bodier-project-texts .content-project-texts .entry-footers-2 p a.current-filterpanel-project {
  animation-name: project-animation-texts;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: ease-in-out;
}

@keyframes project-animation-texts {
  0% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  }
  50% {
    text-shadow: 0.25em 0.25em 0.5em rgba(0, 0, 0, 0.5);
  }
  100% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  }
}

.bodier-project-texts .content-project-texts .entry-footers-2 ul {
  margin-right: -0.075em;
  margin-left: -0.075em;
  padding-top: 0;
  padding-left: 0.6em;
  font-size: 0;
  line-height: 1.1;
}

.flag-transitions-true .bodier-project-texts .content-project-texts .entry-footers-2 ul {
  transition: margin-right 0.8s ease-in-out, margin-left 0.8s ease-in-out, padding-top 0.8s ease-in-out, padding-left 0.8s ease-in-out, font-size 0.8s ease-in-out, line-height 0.8s ease-in-out;
}

.switch-project-footers-2-s .bodier-project-texts .content-project-texts .entry-footers-2 ul {
  padding-top: calc(1.2rem * 1.1);
  font-size: 1.2rem;
  line-height: 1.1;
}

.flag-transitions-true .switch-project-footers-2-s .bodier-project-texts .content-project-texts .entry-footers-2 ul {
  transition: margin-right 0.6s ease-in-out, margin-left 0.6s ease-in-out, padding-top 0.6s ease-in-out, padding-left 0.6s ease-in-out, font-size 0.6s ease-in-out, line-height 0.6s ease-in-out;
}

.switch-project-footers-2-s .bodier-project-texts .content-project-texts .entry-footers-2 ul:nth-child(2) {
  padding-top: 0;
}

.switch-project-footers-2-s .bodier-project-texts .content-project-texts .entry-footers-2 ul + ul {
  padding-top: 0;
}

.switch-project-footers-2-l .bodier-project-texts .content-project-texts .entry-footers-2 ul {
  padding-top: calc(2.4rem * 1.1);
  font-size: 2.4rem;
  line-height: 1.1;
}

.flag-transitions-true .switch-project-footers-2-l .bodier-project-texts .content-project-texts .entry-footers-2 ul {
  transition: margin-right 0.6s ease-in-out, margin-left 0.6s ease-in-out, padding-top 0.6s ease-in-out, padding-left 0.6s ease-in-out, font-size 0.6s ease-in-out, line-height 0.6s ease-in-out;
}

.switch-project-footers-2-l .bodier-project-texts .content-project-texts .entry-footers-2 ul:nth-child(2) {
  padding-top: 0;
}

.switch-project-footers-2-l .bodier-project-texts .content-project-texts .entry-footers-2 ul + ul {
  padding-top: 0;
}

.bodier-project-texts .content-project-texts .entry-footers-2 ul li {
  list-style-position: inside;
  list-style-type: none;
}

.bodier-project-texts .content-project-texts .entry-footers-2 ul li::before {
  display: inline-block;
  width: 0.6em;
  margin-left: -0.7em;
  content: '–';
}

.switch-project-animation .bodier-project-texts .content-project-texts .entry-footers-2 ul li a.current-project-project, .switch-filterpanel-animation .bodier-project-texts .content-project-texts .entry-footers-2 ul li span.switch-theme.current-filterpanel-project, .switch-filterpanel-animation .bodier-project-texts .content-project-texts .entry-footers-2 ul li a.current-filterpanel-project {
  animation-name: project-animation-texts;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: ease-in-out;
}

@keyframes project-animation-texts {
  0% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  }
  50% {
    text-shadow: 0.25em 0.25em 0.5em rgba(0, 0, 0, 0.5);
  }
  100% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  }
}

.bodier-project-texts .content-project-texts .entry-footers-3 {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 1.3068rem;
  padding-left: 1.3068rem;
  box-sizing: border-box;
  cursor: -ms-zoom-in;
  cursor: -o-zoom-in;
  cursor: -moz-zoom-in;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.switch-project-footers-3-l .bodier-project-texts .content-project-texts .entry-footers-3 {
  cursor: -ms-zoom-out;
  cursor: -o-zoom-out;
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.flag-transitions-true .bodier-project-texts .content-project-texts .entry-footers-3 {
  transition: margin-top 0.8s ease-in-out, margin-bottom 0.8s ease-in-out;
}

.switch-project-footers-3-s .bodier-project-texts .content-project-texts .entry-footers-3, .switch-project-footers-3-l .bodier-project-texts .content-project-texts .entry-footers-3 {
  margin-top: calc(2.4rem * 1.1 * 1);
  margin-bottom: calc(2.4rem * 1.1 * 1);
}

.flag-transitions-true .switch-project-footers-3-s .bodier-project-texts .content-project-texts .entry-footers-3, .flag-transitions-true .switch-project-footers-3-l .bodier-project-texts .content-project-texts .entry-footers-3 {
  transition: margin-top 0.6s ease-in-out, margin-bottom 0.6s ease-in-out;
}

.bodier-project-texts .content-project-texts .entry-footers-3 h3 {
  margin-right: -0.075em;
  margin-left: -0.075em;
  font-size: 2.4rem;
  line-height: 1.1;
}

.bodier-project-texts .content-project-texts .entry-footers-3 p {
  margin-top: 0em;
  margin-bottom: 0em;
  margin-right: -0.075em;
  margin-left: -0.075em;
  padding-top: 0;
  font-size: 0;
  line-height: 1.1;
}

.flag-transitions-true .bodier-project-texts .content-project-texts .entry-footers-3 p {
  transition: margin-right 0.8s ease-in-out, margin-left 0.8s ease-in-out, padding-top 0.8s ease-in-out, font-size 0.8s ease-in-out, line-height 0.8s ease-in-out;
}

.switch-project-footers-3-s .bodier-project-texts .content-project-texts .entry-footers-3 p {
  padding-top: calc(1.2rem * 1.1);
  font-size: 1.2rem;
  line-height: 1.1;
}

.flag-transitions-true .switch-project-footers-3-s .bodier-project-texts .content-project-texts .entry-footers-3 p {
  transition: margin-right 0.6s ease-in-out, margin-left 0.6s ease-in-out, padding-top 0.6s ease-in-out, font-size 0.6s ease-in-out, line-height 0.6s ease-in-out;
}

.switch-project-footers-3-s .bodier-project-texts .content-project-texts .entry-footers-3 p:nth-child(2) {
  padding-top: 0;
}

.switch-project-footers-3-l .bodier-project-texts .content-project-texts .entry-footers-3 p {
  padding-top: calc(2.4rem * 1.1);
  font-size: 2.4rem;
  line-height: 1.1;
}

.flag-transitions-true .switch-project-footers-3-l .bodier-project-texts .content-project-texts .entry-footers-3 p {
  transition: margin-right 0.6s ease-in-out, margin-left 0.6s ease-in-out, padding-top 0.6s ease-in-out, font-size 0.6s ease-in-out, line-height 0.6s ease-in-out;
}

.switch-project-footers-3-l .bodier-project-texts .content-project-texts .entry-footers-3 p:nth-child(2) {
  padding-top: 0;
}

.switch-project-animation .bodier-project-texts .content-project-texts .entry-footers-3 p a.current-project-project, .switch-filterpanel-animation .bodier-project-texts .content-project-texts .entry-footers-3 p span.switch-theme.current-filterpanel-project, .switch-filterpanel-animation .bodier-project-texts .content-project-texts .entry-footers-3 p a.current-filterpanel-project {
  animation-name: project-animation-texts;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: ease-in-out;
}

@keyframes project-animation-texts {
  0% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  }
  50% {
    text-shadow: 0.25em 0.25em 0.5em rgba(0, 0, 0, 0.5);
  }
  100% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  }
}

.bodier-project-texts .content-project-texts .entry-footers-3 ul {
  margin-right: -0.075em;
  margin-left: -0.075em;
  padding-top: 0;
  padding-left: 0.6em;
  font-size: 0;
  line-height: 1.1;
}

.flag-transitions-true .bodier-project-texts .content-project-texts .entry-footers-3 ul {
  transition: margin-right 0.8s ease-in-out, margin-left 0.8s ease-in-out, padding-top 0.8s ease-in-out, padding-left 0.8s ease-in-out, font-size 0.8s ease-in-out, line-height 0.8s ease-in-out;
}

.switch-project-footers-3-s .bodier-project-texts .content-project-texts .entry-footers-3 ul {
  padding-top: calc(1.2rem * 1.1);
  font-size: 1.2rem;
  line-height: 1.1;
}

.flag-transitions-true .switch-project-footers-3-s .bodier-project-texts .content-project-texts .entry-footers-3 ul {
  transition: margin-right 0.6s ease-in-out, margin-left 0.6s ease-in-out, padding-top 0.6s ease-in-out, padding-left 0.6s ease-in-out, font-size 0.6s ease-in-out, line-height 0.6s ease-in-out;
}

.switch-project-footers-3-s .bodier-project-texts .content-project-texts .entry-footers-3 ul:nth-child(2) {
  padding-top: 0;
}

.switch-project-footers-3-s .bodier-project-texts .content-project-texts .entry-footers-3 ul + ul {
  padding-top: 0;
}

.switch-project-footers-3-l .bodier-project-texts .content-project-texts .entry-footers-3 ul {
  padding-top: calc(2.4rem * 1.1);
  font-size: 2.4rem;
  line-height: 1.1;
}

.flag-transitions-true .switch-project-footers-3-l .bodier-project-texts .content-project-texts .entry-footers-3 ul {
  transition: margin-right 0.6s ease-in-out, margin-left 0.6s ease-in-out, padding-top 0.6s ease-in-out, padding-left 0.6s ease-in-out, font-size 0.6s ease-in-out, line-height 0.6s ease-in-out;
}

.switch-project-footers-3-l .bodier-project-texts .content-project-texts .entry-footers-3 ul:nth-child(2) {
  padding-top: 0;
}

.switch-project-footers-3-l .bodier-project-texts .content-project-texts .entry-footers-3 ul + ul {
  padding-top: 0;
}

.bodier-project-texts .content-project-texts .entry-footers-3 ul li {
  list-style-position: inside;
  list-style-type: none;
}

.bodier-project-texts .content-project-texts .entry-footers-3 ul li::before {
  display: inline-block;
  width: 0.6em;
  margin-left: -0.7em;
  content: '–';
}

.switch-project-animation .bodier-project-texts .content-project-texts .entry-footers-3 ul li a.current-project-project, .switch-filterpanel-animation .bodier-project-texts .content-project-texts .entry-footers-3 ul li span.switch-theme.current-filterpanel-project, .switch-filterpanel-animation .bodier-project-texts .content-project-texts .entry-footers-3 ul li a.current-filterpanel-project {
  animation-name: project-animation-texts;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: ease-in-out;
}

@keyframes project-animation-texts {
  0% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  }
  50% {
    text-shadow: 0.25em 0.25em 0.5em rgba(0, 0, 0, 0.5);
  }
  100% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  }
}

.bodier-project-texts .content-project-texts .entry-footers-4 {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 1.3068rem;
  padding-left: 1.3068rem;
  box-sizing: border-box;
  cursor: -ms-zoom-in;
  cursor: -o-zoom-in;
  cursor: -moz-zoom-in;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.switch-project-footers-4-l .bodier-project-texts .content-project-texts .entry-footers-4 {
  cursor: -ms-zoom-out;
  cursor: -o-zoom-out;
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.flag-transitions-true .bodier-project-texts .content-project-texts .entry-footers-4 {
  transition: margin-top 0.8s ease-in-out, margin-bottom 0.8s ease-in-out;
}

.switch-project-footers-4-s .bodier-project-texts .content-project-texts .entry-footers-4, .switch-project-footers-4-l .bodier-project-texts .content-project-texts .entry-footers-4 {
  margin-top: calc(2.4rem * 1.1 * 1);
  margin-bottom: calc(2.4rem * 1.1 * 1);
}

.flag-transitions-true .switch-project-footers-4-s .bodier-project-texts .content-project-texts .entry-footers-4, .flag-transitions-true .switch-project-footers-4-l .bodier-project-texts .content-project-texts .entry-footers-4 {
  transition: margin-top 0.6s ease-in-out, margin-bottom 0.6s ease-in-out;
}

.bodier-project-texts .content-project-texts .entry-footers-4 h3 {
  margin-right: -0.075em;
  margin-left: -0.075em;
  font-size: 2.4rem;
  line-height: 1.1;
}

.bodier-project-texts .content-project-texts .entry-footers-4 p {
  margin-top: 0em;
  margin-bottom: 0em;
  margin-right: -0.075em;
  margin-left: -0.075em;
  padding-top: 0;
  font-size: 0;
  line-height: 1.1;
}

.flag-transitions-true .bodier-project-texts .content-project-texts .entry-footers-4 p {
  transition: margin-right 0.8s ease-in-out, margin-left 0.8s ease-in-out, padding-top 0.8s ease-in-out, font-size 0.8s ease-in-out, line-height 0.8s ease-in-out;
}

.switch-project-footers-4-s .bodier-project-texts .content-project-texts .entry-footers-4 p {
  padding-top: calc(1.2rem * 1.1);
  font-size: 1.2rem;
  line-height: 1.1;
}

.flag-transitions-true .switch-project-footers-4-s .bodier-project-texts .content-project-texts .entry-footers-4 p {
  transition: margin-right 0.6s ease-in-out, margin-left 0.6s ease-in-out, padding-top 0.6s ease-in-out, font-size 0.6s ease-in-out, line-height 0.6s ease-in-out;
}

.switch-project-footers-4-s .bodier-project-texts .content-project-texts .entry-footers-4 p:nth-child(2) {
  padding-top: 0;
}

.switch-project-footers-4-l .bodier-project-texts .content-project-texts .entry-footers-4 p {
  padding-top: calc(2.4rem * 1.1);
  font-size: 2.4rem;
  line-height: 1.1;
}

.flag-transitions-true .switch-project-footers-4-l .bodier-project-texts .content-project-texts .entry-footers-4 p {
  transition: margin-right 0.6s ease-in-out, margin-left 0.6s ease-in-out, padding-top 0.6s ease-in-out, font-size 0.6s ease-in-out, line-height 0.6s ease-in-out;
}

.switch-project-footers-4-l .bodier-project-texts .content-project-texts .entry-footers-4 p:nth-child(2) {
  padding-top: 0;
}

.switch-project-animation .bodier-project-texts .content-project-texts .entry-footers-4 p a.current-project-project, .switch-filterpanel-animation .bodier-project-texts .content-project-texts .entry-footers-4 p span.switch-theme.current-filterpanel-project, .switch-filterpanel-animation .bodier-project-texts .content-project-texts .entry-footers-4 p a.current-filterpanel-project {
  animation-name: project-animation-texts;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: ease-in-out;
}

@keyframes project-animation-texts {
  0% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  }
  50% {
    text-shadow: 0.25em 0.25em 0.5em rgba(0, 0, 0, 0.5);
  }
  100% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  }
}

.bodier-project-texts .content-project-texts .entry-footers-4 ul {
  margin-right: -0.075em;
  margin-left: -0.075em;
  padding-top: 0;
  padding-left: 0.6em;
  font-size: 0;
  line-height: 1.1;
}

.flag-transitions-true .bodier-project-texts .content-project-texts .entry-footers-4 ul {
  transition: margin-right 0.8s ease-in-out, margin-left 0.8s ease-in-out, padding-top 0.8s ease-in-out, padding-left 0.8s ease-in-out, font-size 0.8s ease-in-out, line-height 0.8s ease-in-out;
}

.switch-project-footers-4-s .bodier-project-texts .content-project-texts .entry-footers-4 ul {
  padding-top: calc(1.2rem * 1.1);
  font-size: 1.2rem;
  line-height: 1.1;
}

.flag-transitions-true .switch-project-footers-4-s .bodier-project-texts .content-project-texts .entry-footers-4 ul {
  transition: margin-right 0.6s ease-in-out, margin-left 0.6s ease-in-out, padding-top 0.6s ease-in-out, padding-left 0.6s ease-in-out, font-size 0.6s ease-in-out, line-height 0.6s ease-in-out;
}

.switch-project-footers-4-s .bodier-project-texts .content-project-texts .entry-footers-4 ul:nth-child(2) {
  padding-top: 0;
}

.switch-project-footers-4-s .bodier-project-texts .content-project-texts .entry-footers-4 ul + ul {
  padding-top: 0;
}

.switch-project-footers-4-l .bodier-project-texts .content-project-texts .entry-footers-4 ul {
  padding-top: calc(2.4rem * 1.1);
  font-size: 2.4rem;
  line-height: 1.1;
}

.flag-transitions-true .switch-project-footers-4-l .bodier-project-texts .content-project-texts .entry-footers-4 ul {
  transition: margin-right 0.6s ease-in-out, margin-left 0.6s ease-in-out, padding-top 0.6s ease-in-out, padding-left 0.6s ease-in-out, font-size 0.6s ease-in-out, line-height 0.6s ease-in-out;
}

.switch-project-footers-4-l .bodier-project-texts .content-project-texts .entry-footers-4 ul:nth-child(2) {
  padding-top: 0;
}

.switch-project-footers-4-l .bodier-project-texts .content-project-texts .entry-footers-4 ul + ul {
  padding-top: 0;
}

.bodier-project-texts .content-project-texts .entry-footers-4 ul li {
  list-style-position: inside;
  list-style-type: none;
}

.bodier-project-texts .content-project-texts .entry-footers-4 ul li::before {
  display: inline-block;
  width: 0.6em;
  margin-left: -0.7em;
  content: '–';
}

.switch-project-animation .bodier-project-texts .content-project-texts .entry-footers-4 ul li a.current-project-project, .switch-filterpanel-animation .bodier-project-texts .content-project-texts .entry-footers-4 ul li span.switch-theme.current-filterpanel-project, .switch-filterpanel-animation .bodier-project-texts .content-project-texts .entry-footers-4 ul li a.current-filterpanel-project {
  animation-name: project-animation-texts;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: ease-in-out;
}

@keyframes project-animation-texts {
  0% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  }
  50% {
    text-shadow: 0.25em 0.25em 0.5em rgba(0, 0, 0, 0.5);
  }
  100% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  }
}

.bodier-project-texts .content-project-texts .entry-text-21 {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 1.3068rem;
  padding-left: 1.3068rem;
  box-sizing: border-box;
  cursor: -ms-zoom-in;
  cursor: -o-zoom-in;
  cursor: -moz-zoom-in;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.switch-project-text-21-l .bodier-project-texts .content-project-texts .entry-text-21 {
  cursor: -ms-zoom-out;
  cursor: -o-zoom-out;
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.flag-transitions-true .bodier-project-texts .content-project-texts .entry-text-21 {
  transition: margin-top 0.8s ease-in-out, margin-bottom 0.8s ease-in-out;
}

.switch-project-text-21-s .bodier-project-texts .content-project-texts .entry-text-21, .switch-project-text-21-l .bodier-project-texts .content-project-texts .entry-text-21 {
  margin-top: calc(2.4rem * 1.1 * 1);
  margin-bottom: calc(2.4rem * 1.1 * 1);
}

.flag-transitions-true .switch-project-text-21-s .bodier-project-texts .content-project-texts .entry-text-21, .flag-transitions-true .switch-project-text-21-l .bodier-project-texts .content-project-texts .entry-text-21 {
  transition: margin-top 0.6s ease-in-out, margin-bottom 0.6s ease-in-out;
}

.bodier-project-texts .content-project-texts .entry-text-21 h3 {
  margin-right: -0.075em;
  margin-left: -0.075em;
  font-size: 2.4rem;
  line-height: 1.1;
}

.bodier-project-texts .content-project-texts .entry-text-21 p {
  margin-right: -0.075em;
  margin-left: -0.075em;
  font-size: 0;
  line-height: 1.1;
}

.flag-transitions-true .bodier-project-texts .content-project-texts .entry-text-21 p {
  transition: margin-right 0.8s ease-in-out, margin-left 0.8s ease-in-out, font-size 0.8s ease-in-out, line-height 0.8s ease-in-out;
}

.switch-project-text-21-s .bodier-project-texts .content-project-texts .entry-text-21 p {
  font-size: 1.2rem;
  line-height: 1.1;
}

.flag-transitions-true .switch-project-text-21-s .bodier-project-texts .content-project-texts .entry-text-21 p {
  transition: margin-right 0.6s ease-in-out, margin-left 0.6s ease-in-out, font-size 0.6s ease-in-out, line-height 0.6s ease-in-out;
}

.switch-project-text-21-l .bodier-project-texts .content-project-texts .entry-text-21 p {
  font-size: 2.4rem;
  line-height: 1.1;
}

.flag-transitions-true .switch-project-text-21-l .bodier-project-texts .content-project-texts .entry-text-21 p {
  transition: margin-right 0.6s ease-in-out, margin-left 0.6s ease-in-out, font-size 0.6s ease-in-out, line-height 0.6s ease-in-out;
}

.switch-project-animation .bodier-project-texts .content-project-texts .entry-text-21 p a.current-project-project, .switch-filterpanel-animation .bodier-project-texts .content-project-texts .entry-text-21 p span.switch-theme.current-filterpanel-project, .switch-filterpanel-animation .bodier-project-texts .content-project-texts .entry-text-21 p a.current-filterpanel-project {
  animation-name: project-animation-texts;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: ease-in-out;
}

@keyframes project-animation-texts {
  0% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  }
  50% {
    text-shadow: 0.25em 0.25em 0.5em rgba(0, 0, 0, 0.5);
  }
  100% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  }
}

.bodier-project-texts .content-project-texts .entry-categories {
  width: 100%;
  margin-top: 0;
  padding-right: 1.3068rem;
  padding-left: 1.3068rem;
  box-sizing: border-box;
  cursor: -ms-zoom-in;
  cursor: -o-zoom-in;
  cursor: -moz-zoom-in;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
}

.switch-project-categories-l .bodier-project-texts .content-project-texts .entry-categories {
  cursor: -ms-zoom-out;
  cursor: -o-zoom-out;
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.flag-transitions-true .bodier-project-texts .content-project-texts .entry-categories {
  transition: margin-top 0.8s ease-in-out;
}

.switch-project-categories-s .bodier-project-texts .content-project-texts .entry-categories, .switch-project-categories-l .bodier-project-texts .content-project-texts .entry-categories {
  margin-top: calc(2.4rem * 1.1 * 1);
}

.flag-transitions-true .switch-project-categories-s .bodier-project-texts .content-project-texts .entry-categories, .flag-transitions-true .switch-project-categories-l .bodier-project-texts .content-project-texts .entry-categories {
  transition: margin-top 0.6s ease-in-out;
}

.bodier-project-texts .content-project-texts .entry-categories h3 {
  margin-right: -0.075em;
  margin-left: -0.075em;
  font-size: 2.4rem;
  line-height: 1.1;
}

.bodier-project-texts .content-project-texts .entry-categories ul {
  margin-right: -0.075em;
  margin-left: -0.075em;
  font-size: 0;
  line-height: 1.1;
}

.flag-transitions-true .bodier-project-texts .content-project-texts .entry-categories ul {
  transition: margin-right 0.8s ease-in-out, margin-left 0.8s ease-in-out, font-size 0.8s ease-in-out, line-height 0.8s ease-in-out;
}

.switch-project-categories-s .bodier-project-texts .content-project-texts .entry-categories ul {
  font-size: 1.2rem;
  line-height: 1.1;
}

.flag-transitions-true .switch-project-categories-s .bodier-project-texts .content-project-texts .entry-categories ul {
  transition: margin-right 0.6s ease-in-out, margin-left 0.6s ease-in-out, font-size 0.6s ease-in-out, line-height 0.6s ease-in-out;
}

.switch-project-categories-l .bodier-project-texts .content-project-texts .entry-categories ul {
  font-size: 2.4rem;
  line-height: 1.1;
}

.flag-transitions-true .switch-project-categories-l .bodier-project-texts .content-project-texts .entry-categories ul {
  transition: margin-right 0.6s ease-in-out, margin-left 0.6s ease-in-out, font-size 0.6s ease-in-out, line-height 0.6s ease-in-out;
}

.bodier-project-texts .content-project-texts .entry-categories li {
  display: inline;
}

.bodier-project-texts .content-project-texts .entry-categories li::after {
  content: ', ';
}

.bodier-project-texts .content-project-texts .entry-categories li:last-child::after {
  content: '.';
}

.switch-filterpanel-animation .bodier-project-texts .content-project-texts .entry-categories li a.current-filterpanel-project {
  animation-name: project-animation-texts;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: ease-in-out;
}

@keyframes project-animation-texts {
  0% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  }
  50% {
    text-shadow: 0.25em 0.25em 0.5em rgba(0, 0, 0, 0.5);
  }
  100% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  }
}

.bodier-filterpanel {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1200;
  width: 50%;
  height: 100%;
  overflow: hidden;
  background-color: #dffef6;
  font-size: 1.2rem;
  color: black;
  line-height: 1.1;
  box-shadow: 0.25em 0.25em 1.2em 0.125em rgba(0, 0, 0, 0.5);
  transform: translate3d(100%, 0, 0);
}

.flag-transitions-true .bodier-filterpanel {
  transition: transform 0.6s ease-in-out, box-shadow 0.6s ease-in-out;
}

@media screen and (min-width: 800px) {
  .bodier-filterpanel {
    width: 25%;
  }
}

.switch-filterpanel-open .bodier-filterpanel {
  box-shadow: 0.25em 0.25em 1.2em 0.125em rgba(0, 0, 0, 0.5);
  transform: translate3d(0, 0, 0);
}

.bodier-filterpanel .content-filterpanel {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: flex-start;
  align-content: stretch;
  width: 100%;
  height: 100%;
  min-height: 100%;
  padding-top: calc((1.2rem * 1.1 * 0.75) + (1.2rem * 1.1) + (1.2rem * 1.1 * 0.9));
  padding-bottom: calc((2.4rem * 1.1 * 1) + (2.4rem * 1.1 * 1));
  padding-left: 1.3068rem;
  box-sizing: border-box;
  font-size: 1.2rem;
  line-height: 1.1;
}

.flag-transitions-true .bodier-filterpanel .content-filterpanel {
  transition: font-size 0.4s ease-in-out, line-height 0.4s ease-in-out;
}

.switch-filterpanel-reopen .bodier-filterpanel .content-filterpanel {
  font-size: 0;
  line-height: 1.1;
}

.switch-filterpanel-reopen.flag-transitions-true .bodier-filterpanel .content-filterpanel {
  transition: font-size 0.6s ease-in-out, line-height 0.6s ease-in-out;
}

.bodier-filterpanel .content-filterpanel .section-error {
  display: none;
}

.bodier-filterpanel .content-filterpanel .section-accolade {
  flex-grow: 0;
  flex-shrink: 0;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: space-between;
  align-content: stretch;
  width: 2.85rem;
  background-image: url(../images/accolade-line.svg);
  background-repeat: repeat;
  background-position: 50% 50%;
  background-size: 100% auto;
}

.bodier-filterpanel .content-filterpanel .section-accolade p {
  flex-grow: 0;
  flex-shrink: 0;
  align-self: stretch;
  background-color: #dffef6;
}

.bodier-filterpanel .content-filterpanel .section-accolade p svg {
  width: 100%;
  height: auto;
}

.bodier-filterpanel .content-filterpanel .section-filterpanel {
  flex-grow: 1;
  flex-shrink: 0;
  align-self: center;
  width: calc(100% - 2.85rem);
  max-height: 100%;
  overflow: auto;
  overflow-x: hidden;
  overflow-y: auto;
  -ms-overflow-scrolling: touch;
  -o-overflow-scrolling: touch;
  -moz-overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}

.bodier-filterpanel .content-filterpanel .section-filterpanel::before {
  display: block;
  position: fixed;
  top: calc((1.2rem * 1.1 * 0.75) + (1.2rem * 1.1) + (1.2rem * 1.1 * 0.9));
  right: 0;
  width: calc(100% - 2.85rem - (1.3068rem + 1.3068rem));
  height: calc((1.2rem * 1.1) * 1.25);
  background-image: linear-gradient(180deg, #dffef6, rgba(132, 255, 208, 0));
  content: '';
  pointer-events: none;
}

.bodier-filterpanel .content-filterpanel .section-filterpanel::after {
  display: block;
  position: absolute;
  bottom: calc((2.4rem * 1.1 * 1) + (2.4rem * 1.1 * 1));
  right: 0;
  width: calc(100% - 2.85rem - (1.3068rem + 1.3068rem));
  height: calc((1.2rem * 1.1) * 1.25);
  background-image: linear-gradient(180deg, rgba(132, 255, 208, 0), #dffef6);
  content: '';
  pointer-events: none;
}

.bodier-filterpanel .content-filterpanel .section-filterpanel ul li {
  padding-right: calc(1.3068rem + 1.3068rem);
  padding-bottom: calc(1.2rem * 1.1);
  padding-left: 1.3068rem;
  box-sizing: border-box;
}

.bodier-filterpanel .content-filterpanel .section-filterpanel ul li:first-child {
  padding-top: calc(1.2rem * 1.1);
}

.switch-project-animation .bodier-filterpanel .content-filterpanel .section-filterpanel ul li.current-project {
  animation-name: project-animation-filterpanel;
  animation-duration: 0.8s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-timing-function: ease-in-out;
}

@keyframes project-animation-filterpanel {
  0% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  }
  50% {
    text-shadow: 0.25em 0.25em 0.25em rgba(0, 0, 0, 0.5);
  }
  100% {
    text-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  }
}

.footer {
  display: none;
}