@charset "UTF-8";
h1, h2, h3, h4, p {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4,
em, strong {
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
}

a {
  color: inherit;
}

ul {
  margin: 0;
  padding: 0;
}

.no-select {
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  -khtml-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

.clear {
  display: block;
  float: none;
  clear: both;
}

html {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}

body {
  width: 100%;
  min-height: 100%;
  padding: 0;
  margin: 0;
  -webkit-font-smoothing: antialiased;
}

::-webkit-scrollbar {
  display: none;
}

* {
  scrollbar-width: none;
}

@font-face {
  font-family: "Ginka Regular";
  src: url("../fonts/Ginka/Ginka-Regular.woff2") format("woff2"), url("../fonts/Ginka/Ginka-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Ginka Italic";
  src: url("../fonts/Ginka/Ginka-Italic.woff2") format("woff2"), url("../fonts/Ginka/Ginka-Italic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Ginka Medium";
  src: url("../fonts/Ginka/Ginka-Medium.woff2") format("woff2"), url("../fonts/Ginka/Ginka-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Ginka Medium Italic";
  src: url("../fonts/Ginka/Ginka-Medium_Italic.woff2") format("woff2"), url("../fonts/Ginka/Ginka-Medium_Italic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
:root {
  --FS13: 13.5px;
  --LH13: 15.1/13.5;
  --FS16: 16px;
  --LH16: 1.2;
  --FS18: 18px;
  --LH18: 1.2;
  --FS20: 20px;
  --LH20: 1.2;
  --FS22: 22px;
  --LH22: 1.2;
  --FS26: 26px;
  --LH26: 1.2;
  --FS30: 30px;
  --LH30: 1.2;
  --FS32: 32px;
  --LH32: 1.2;
  --FS35: 35px;
  --LH35: 1.2;
  --FS45: 45px;
  --LH45: 1.2;
  --FS72: 72px;
  --LH72: 1.2;
  --FS92: 92px;
  --LH92: 1.2;
}

@media (max-width: 1280px) {
  :root {
    --FS13: calc(13.5 * 0.0454545455rem);
    --FS16: calc(16 * 0.0454545455rem);
    --FS18: calc(18 * 0.0454545455rem);
    --FS20: calc(20 * 0.0454545455rem);
    --FS22: calc(22 * 0.0454545455rem);
    --FS26: calc(26 * 0.0454545455rem);
    --FS30: calc(30 * 0.0454545455rem);
    --FS32: calc(32 * 0.0454545455rem);
    --FS35: calc(35 * 0.0454545455rem);
    --FS45: calc(45 * 0.0454545455rem);
    --FS72: calc(72 * 0.0454545455rem);
    --FS92: calc(92 * 0.0454545455rem);
  }
}
:root {
  --GRID_MARGIN: 0px;
  --GRID_GUTTER: 20px;
  --P5: 5px;
  --P8: 8px;
  --P10: 10px;
  --P12: 12px;
  --P15: 15px;
  --P18: 18px;
  --P20: 20px;
  --P24: 24px;
  --P28: 28px;
  --P32: 32px;
  --P36: 36px;
  --P46: 46px;
  --P52: 52px;
  --P60: 60px;
  --P68: 68px;
  --P78: 78px;
  --P90: 90px;
  --P95: 95px;
  --P100: 100px;
  --P120: 120px;
  --P138: 138px;
  --P144: 144px;
  --P160: 160px;
}

@media (max-width: 1280px) {
  :root {
    --GRID_MARGIN: calc(0 * 0.0454545455rem);
    --GRID_GUTTER: calc(20 * 0.0454545455rem);
    --P5: calc(5 * 0.0454545455rem);
    --P8: calc(8 * 0.0454545455rem);
    --P10: calc(10 * 0.0454545455rem);
    --P12: calc(12 * 0.0454545455rem);
    --P15: calc(15 * 0.0454545455rem);
    --P18: calc(18 * 0.0454545455rem);
    --P20: calc(20 * 0.0454545455rem);
    --P24: calc(24 * 0.0454545455rem);
    --P28: calc(28 * 0.0454545455rem);
    --P32: calc(32 * 0.0454545455rem);
    --P36: calc(36 * 0.0454545455rem);
    --P46: calc(46 * 0.0454545455rem);
    --P52: calc(52 * 0.0454545455rem);
    --P60: calc(60 * 0.0454545455rem);
    --P68: calc(68 * 0.0454545455rem);
    --P78: calc(78 * 0.0454545455rem);
    --P90: calc(90 * 0.0454545455rem);
    --P95: calc(95 * 0.0454545455rem);
    --P100: calc(100 * 0.0454545455rem);
    --P120: calc(120 * 0.0454545455rem);
    --P138: calc(138 * 0.0454545455rem);
    --P144: calc(144 * 0.0454545455rem);
    --P160: calc(160 * 0.0454545455rem);
  }
}
#debug-grid {
  display: grid;
  visibility: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 0 var(--GRID_MARGIN);
  box-sizing: border-box;
  grid-template-columns: repeat(16, 1fr);
  column-gap: var(--GRID_GUTTER);
  z-index: 10000;
  pointer-events: none;
}
#debug-grid .col {
  height: 100%;
  grid-column-end: span 1;
  background-color: rgba(0, 255, 255, 0.2);
}
#debug-grid.max {
  max-width: 1440px;
  left: 50%;
  transform: translateX(-50%);
}
#debug-grid.max .col {
  background-color: rgba(255, 0, 255, 0.2);
}

html {
  font-family: "Ginka Regular";
  font-size: 22px;
  line-height: normal;
  overflow-x: hidden;
  visibility: hidden;
}

body {
  display: flex;
  flex-direction: column;
  color: #000000;
  background-color: #FFFFFF !important;
}
body #main {
  flex-grow: 1;
}

header {
  position: fixed;
  width: 100%;
  background-color: #FFFFFF;
  z-index: 1;
  transition: opacity ease-in-out 500ms;
}
header.hide {
  opacity: 0;
  pointer-events: none;
}
header #header-menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--P20);
  box-sizing: border-box;
  border-bottom: 1px solid #000000;
}
header #header-menu #studiomuro-logo {
  width: 100%;
}
header #header-menu #studiomuro-logo a {
  display: block;
  width: fit-content;
}
header #header-menu #studiomuro-logo a img {
  display: block;
  width: var(--P138);
  height: auto;
}
header #header-menu #nav-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--P60);
  font-family: "Ginka Medium";
  font-size: var(--FS20);
  line-height: 1;
}
header #header-menu #nav-main a {
  display: block;
  text-decoration: none;
  padding: var(--P10) var(--P32);
  border: var(--P5) solid;
  border-radius: 0.15em;
  box-sizing: border-box;
  border-color: var(--color);
}
header #header-menu #nav-main a.sel, header #header-menu #nav-main a:hover {
  background-color: var(--color);
}
header #header-menu #nav-main a.sel:hover {
  filter: brightness(0.9);
}
header #header-menu #lang-switch {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  font-size: var(--FS16);
  line-height: 1;
}
header #header-menu #lang-switch a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  aspect-ratio: 1/1;
}
header #header-menu #lang-switch a:first-child {
  margin-right: var(--P12);
}
header #header-menu #lang-switch a:last-child {
  margin-right: 0;
}
header #header-menu #lang-switch a.sel {
  padding: var(--P5);
  border: var(--P5) solid;
  border-radius: 100%;
  box-sizing: border-box;
  border-color: #F8BAD6;
}
header #header-menu #mobile-menu {
  display: none;
}
header #header-banner {
  border-bottom: 1px solid #000000;
  box-sizing: border-box;
  overflow: hidden;
  padding: calc(var(--P28) * 0.5) var(--P18);
}
@media (max-width: 1440px) {
  header #header-banner {
    padding: calc(var(--P28) * 0.5) calc(18 * 0.0454545455rem);
  }
}
@keyframes infinite-scroll {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-25%, 0);
  }
}
header #header-banner #nav-banner {
  display: flex;
  flex-wrap: nowrap;
  width: fit-content;
  animation: none;
  margin: auto;
}
header #header-banner #nav-banner:hover {
  animation-play-state: paused;
}
header #header-banner #nav-banner h3 {
  display: none;
}
header #header-banner #nav-banner a {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  font-family: "Ginka Medium";
  line-height: 1;
  text-decoration: none;
  margin-right: var(--P12);
  font-size: calc(var(--FS22) * 0.95);
}
@media (max-width: 1440px) {
  header #header-banner #nav-banner a {
    font-size: calc(22 * 0.0454545455rem * 0.95);
    margin-right: calc(12 * 0.0454545455rem);
  }
}
header #header-banner #nav-banner a::before {
  display: block;
  content: "";
  width: var(--P20);
  height: var(--P20);
  background-color: var(--color);
  margin-right: var(--P12);
}
@media (max-width: 1440px) {
  header #header-banner #nav-banner a::before {
    margin-right: calc(12 * 0.0454545455rem);
  }
}
header #header-banner #nav-banner a:hover, header #header-banner #nav-banner a.sel {
  text-decoration: underline;
}

footer {
  display: flex;
  justify-content: space-between;
  font-family: "Ginka Regular";
  font-size: var(--FS13);
  line-height: var(--LH13);
  padding: var(--P36) var(--P46);
  box-sizing: border-box;
}
footer .col:not(:last-child) {
  margin-right: var(--P52);
}
footer .col strong {
  font-family: "Ginka Medium";
}
footer .col.networks a {
  text-decoration: none;
}
footer .col.networks a:hover {
  text-decoration: underline;
}
footer #nav-footer {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
footer #nav-footer a {
  display: block;
  text-align: right;
  width: fit-content;
}

#cookie-banner {
  background-color: #FFFFFF;
  color: #000000;
  position: fixed;
  z-index: 1000;
  bottom: calc(var(--P20));
  right: calc(var(--P20));
  width: 500px;
  font-size: var(--FS13);
  line-height: var(--LH13);
  padding: var(--P20);
  box-sizing: border-box;
}
#cookie-banner.hide {
  display: none;
}
#cookie-banner .description {
  margin-bottom: var(--P20);
}
#cookie-banner #save-cookies {
  display: block;
  border: 1px solid #000000;
  cursor: pointer;
  font-size: var(--FS13);
  line-height: 1;
  text-transform: uppercase;
  text-align: center;
  padding: var(--P10);
  margin-top: var(--P20);
}
#cookie-banner #save-cookies:hover {
  background-color: #000000;
  color: #FFFFFF;
}
#cookie-banner .list .cookie {
  display: flex;
  align-items: center;
  margin-bottom: var(--P10);
}
#cookie-banner .list .cookie:last-child {
  margin-bottom: 0;
}
#cookie-banner .list .cookie .name {
  width: var(--P144);
}
#cookie-banner .list .cookie .desc {
  color: #46e07a;
}
#cookie-banner .list .cookie .checkbox {
  display: block;
  width: var(--P15);
  height: var(--P15);
  border: 1px solid #000000;
  cursor: pointer;
}
#cookie-banner .list .cookie .checkbox.checked {
  background-color: #000000;
}

#main {
  position: relative;
  margin-top: var(--header-height);
}

.textarea h2, .textarea p {
  margin-bottom: 1em;
}
.textarea h2:last-child, .textarea p:last-child {
  margin-bottom: 0;
}
.textarea strong {
  font-family: "Ginka Medium";
}
.textarea strong em {
  font-family: "Ginka Medium Italic";
}
.textarea em {
  font-family: "Ginka Italic";
  font-style: italic;
}
.textarea em strong {
  font-family: "Ginka Medium Italic";
}

picture,
.video-container {
  display: block;
  width: 100%;
  position: relative;
}
picture img,
picture video,
.video-container img,
.video-container video {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  background-size: cover;
}
picture img.lowres,
.video-container img.lowres {
  display: none;
}

.template-error #section-intro {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-family: "Ginka Medium";
  font-size: var(--FS18);
  line-height: var(--LH18);
}
.template-error #section-intro img {
  width: calc(652 * 0.0454545455rem);
  max-width: 652px;
  margin-top: var(--P36);
}

.template-template-home #section-intro {
  font-family: "Ginka Regular";
  font-size: var(--FS92);
  line-height: var(--LH92);
  padding: var(--P36) calc(var(--column-width) + var(--GRID_GUTTER));
  padding-left: 0;
  padding-right: 0;
  padding-bottom: var(--P60);
  width: max-content;
  max-width: 1440px;
  margin: auto;
  white-space: nowrap;
}
.template-template-home #section-intro .pellet {
  position: relative;
  display: inline-block;
  width: 0.8382352941em;
  height: 0.8382352941em;
  top: 0.15em;
  cursor: pointer;
  animation: rotation 16s linear infinite;
  transform-origin: center;
  animation-play-state: paused;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.template-template-home #section-intro .pellet img {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
.template-template-home #section-intro .pellet img:not(:first-child) {
  visibility: hidden;
}
.template-template-home #section-intro .pellet:hover {
  animation-play-state: running;
}
.template-template-home #section-intro .pellet:hover img:nth-child(2) {
  visibility: visible;
}
.template-template-home #section-intro .pellet:hover img:not(:nth-child(2)) {
  visibility: hidden;
}
.template-template-home #section-projects {
  position: relative;
  padding-bottom: var(--P78);
}
.template-template-home #section-projects h2 {
  padding: var(--P18);
  box-sizing: border-box;
  font-family: "Ginka Medium";
  font-size: var(--FS30);
  line-height: 1;
  text-align: center;
  background-color: var(--jaune-isabelle);
}
.template-template-home #section-projects #anim-eyes {
  position: absolute;
  right: var(--P120);
  top: 0;
  transform: translateY(-50%);
  width: var(--P138);
  aspect-ratio: 440/308;
}
.template-template-home #section-projects #anim-eyes img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: none;
}
.template-template-home #section-projects #anim-eyes img.sel {
  display: block;
}
.template-template-home #section-projects .container a.project {
  display: block;
  text-decoration: none;
}
.template-template-home #section-projects .container a.project.hide {
  display: none;
}
.template-template-home #section-projects .container a.project article {
  display: grid;
  grid-template-columns: repeat(16, 1fr);
  column-gap: 0;
  background-color: var(--color);
}
.template-template-home #section-projects .container a.project article .description {
  grid-column-end: span 2;
  font-family: "Ginka Medium";
  font-size: var(--FS32);
  line-height: var(--LH32);
  padding: var(--P18);
  box-sizing: border-box;
}
.template-template-home #section-projects .container a.project article .description *:not(:last-child) {
  margin-bottom: var(--P12);
}
.template-template-home #section-projects .container a.project article .description .domains .domain {
  font-size: var(--FS20);
  line-height: 1;
  width: fit-content;
  padding: var(--P8) var(--P20);
  border: 2px solid #000000;
  border-radius: 100em;
  margin: auto;
  margin-right: 0;
  margin-bottom: var(--P12);
}
.template-template-home #section-projects .container a.project article .description .skills {
  font-family: "Ginka Regular";
  font-size: var(--FS18);
  line-height: var(--LH18);
  margin-top: var(--P28);
}
.template-template-home #section-projects .container a.project article picture img {
  min-height: 100%;
}
.template-template-home #section-projects .container a.project.large article .description, .template-template-home #section-projects .container a.project:nth-child(3n+1) article .description {
  grid-column-end: span 3;
}
.template-template-home #section-projects .container a.project.large article picture, .template-template-home #section-projects .container a.project:nth-child(3n+1) article picture {
  grid-column-end: span 13;
}
.template-template-home #section-projects .container a.project.medium article .description, .template-template-home #section-projects .container a.project:nth-child(3n+2) article .description {
  grid-column-end: span 3;
}
.template-template-home #section-projects .container a.project.medium article picture, .template-template-home #section-projects .container a.project:nth-child(3n+2) article picture {
  grid-column-end: span 11;
}
.template-template-home #section-projects .container a.project:nth-child(6n+5) article .description {
  grid-column-end: span 3;
}
.template-template-home #section-projects .container a.project:nth-child(6n+5) article picture {
  grid-column-end: span 11;
  grid-column-start: 6;
}
.template-template-home #section-projects .container a.project.small article .description, .template-template-home #section-projects .container a.project:nth-child(3n+3) article .description {
  grid-column-end: span 3;
}
.template-template-home #section-projects .container a.project.small article picture, .template-template-home #section-projects .container a.project:nth-child(3n+3) article picture {
  grid-column-end: span 5;
  grid-column-start: 12;
}
.template-template-home #section-projects .container a.project:nth-child(6n+6) article .description {
  grid-column-end: span 3;
}
.template-template-home #section-projects .container a.project:nth-child(6n+6) article picture {
  grid-column-end: span 5;
  grid-column-start: 1;
}
.template-template-home #section-projects .container a.project:nth-child(2n+2) article .description {
  order: 1;
}
.template-template-home #section-projects .container a.project:nth-child(2n+2) article picture {
  order: 0;
}
.template-template-home #section-projects .more-projects {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  padding: var(--P20) var(--P32);
  border-radius: 10em;
  box-sizing: border-box;
  background: var(--bleu-clair);
  color: #433483;
  fill: #433483;
  border: none;
  outline: none;
  font-family: "Ginka Regular";
  font-size: var(--FS35);
  line-height: 1;
  cursor: pointer;
  transform: translateX(-50%) translateY(-50%) scale(0.7);
}
.template-template-home #section-projects .more-projects svg {
  display: block;
  height: var(--P28);
  width: auto;
  margin-right: var(--P10);
}
.template-template-home #section-projects .more-projects svg path {
  fill: inherit;
}
.template-template-home #anim-home {
  display: block;
  width: 100vw;
  height: 100dvh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  background-color: #FFFFFF;
}
.template-template-home #anim-home.hide {
  display: none;
}
.template-template-home #anim-home #logo-anim-home {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 11.4545454545rem;
  height: 7.3636363636rem;
  overflow: visible;
}
.template-template-home #anim-home #logo-anim-home #logo-studio,
.template-template-home #anim-home #logo-anim-home #logo-muro {
  position: absolute;
  font-family: "Ginka Medium";
  font-size: 2.9545454545rem;
  line-height: 1;
}
.template-template-home #anim-home #logo-anim-home #logo-studio#logo-studio,
.template-template-home #anim-home #logo-anim-home #logo-muro#logo-studio {
  top: -0.3636363636rem;
  left: 0;
}
.template-template-home #anim-home #logo-anim-home #logo-studio#logo-muro,
.template-template-home #anim-home #logo-anim-home #logo-muro#logo-muro {
  top: 2.3636363636rem;
  right: 0;
}
.template-template-home #anim-home #logo-anim-home #logo-studio#logo-studio,
.template-template-home #anim-home #logo-anim-home #logo-muro#logo-studio {
  opacity: 0;
  transform: translateX(-4rem);
}
.template-template-home #anim-home #logo-anim-home #logo-studio#logo-studio.notransx,
.template-template-home #anim-home #logo-anim-home #logo-muro#logo-studio.notransx {
  transition: transform ease-in-out 300ms;
  transform: none;
}
.template-template-home #anim-home #logo-anim-home #logo-studio#logo-muro,
.template-template-home #anim-home #logo-anim-home #logo-muro#logo-muro {
  opacity: 0;
  transform: translateX(4rem);
}
.template-template-home #anim-home #logo-anim-home #logo-studio#logo-muro.notransx,
.template-template-home #anim-home #logo-anim-home #logo-muro#logo-muro.notransx {
  transition: transform ease-in-out 300ms;
  transform: none;
}
.template-template-home #anim-home #logo-anim-home #logo-design,
.template-template-home #anim-home #logo-anim-home #logo-com {
  position: absolute;
  font-family: "Ginka Italic";
  font-size: 0.9090909091rem;
  line-height: 1;
  font-style: italic;
}
.template-template-home #anim-home #logo-anim-home #logo-design#logo-design,
.template-template-home #anim-home #logo-anim-home #logo-com#logo-design {
  bottom: 1.0909090909rem;
  left: 0;
}
.template-template-home #anim-home #logo-anim-home #logo-design#logo-com,
.template-template-home #anim-home #logo-anim-home #logo-com#logo-com {
  bottom: 0;
  right: 0.7272727273rem;
}
.template-template-home #anim-home #logo-anim-home #logo-design#logo-design, .template-template-home #anim-home #logo-anim-home #logo-design#logo-com,
.template-template-home #anim-home #logo-anim-home #logo-com#logo-design,
.template-template-home #anim-home #logo-anim-home #logo-com#logo-com {
  opacity: 0;
}
.template-template-home #anim-home #logo-anim-home #logo-pellet-1,
.template-template-home #anim-home #logo-anim-home #logo-pellet-2 {
  position: absolute;
  display: block;
  width: 2.0909090909rem;
  height: auto;
}
.template-template-home #anim-home #logo-anim-home #logo-pellet-1#logo-pellet-1,
.template-template-home #anim-home #logo-anim-home #logo-pellet-2#logo-pellet-1 {
  top: 0.3636363636rem;
  right: 0;
  transform: rotate(90deg);
}
.template-template-home #anim-home #logo-anim-home #logo-pellet-1#logo-pellet-2,
.template-template-home #anim-home #logo-anim-home #logo-pellet-2#logo-pellet-2 {
  top: 2.8181818182rem;
  left: 1.5454545455rem;
  transform: rotate(8.7deg);
}
.template-template-home #anim-home #logo-anim-home #logo-pellet-1#logo-pellet-1,
.template-template-home #anim-home #logo-anim-home #logo-pellet-2#logo-pellet-1 {
  transform: translateX(-3.9090909091rem) translateY(1.2727272727rem) rotate(90deg);
}
.template-template-home #anim-home #logo-anim-home #logo-pellet-1#logo-pellet-1.notransy,
.template-template-home #anim-home #logo-anim-home #logo-pellet-2#logo-pellet-1.notransy {
  transform: translateX(-3.9090909091rem) rotate(90deg);
}
.template-template-home #anim-home #logo-anim-home #logo-pellet-1#logo-pellet-1.notransx,
.template-template-home #anim-home #logo-anim-home #logo-pellet-2#logo-pellet-1.notransx {
  transition: transform ease-in-out 250ms;
  transform: rotate(90deg);
}
.template-template-home #anim-home #logo-anim-home #logo-pellet-1#logo-pellet-2,
.template-template-home #anim-home #logo-anim-home #logo-pellet-2#logo-pellet-2 {
  transform: translateX(3.9090909091rem) translateY(-1.2727272727rem) rotate(8.7deg);
  opacity: 0;
}
.template-template-home #anim-home #logo-anim-home #logo-pellet-1#logo-pellet-2.notransy,
.template-template-home #anim-home #logo-anim-home #logo-pellet-2#logo-pellet-2.notransy {
  opacity: 1;
  transform: translateX(3.9090909091rem) rotate(8.7deg);
}
.template-template-home #anim-home #logo-anim-home #logo-pellet-1#logo-pellet-2.notransx,
.template-template-home #anim-home #logo-anim-home #logo-pellet-2#logo-pellet-2.notransx {
  transition: transform ease-in-out 250ms;
  transform: rotate(8.7deg);
}
.template-template-home #anim-home #logo-anim-home .mini-pellet {
  position: absolute;
  width: 2.2727272727rem;
  height: auto;
  display: none;
  z-index: 1;
  transform: translateX(-50%) translateY(-50%);
  animation: rotation 24s linear infinite;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.template-template-home #anim-home #logo-anim-home .mini-pellet.visible {
  display: block;
}
.template-template-home #anim-home #logo-anim-home .mini-pellet img {
  width: 100%;
  height: auto;
}

.template-template-legals #main {
  width: 100%;
  max-width: 1440px;
  margin: auto;
  padding-top: calc(var(--header-height) + var(--P24));
  font-size: var(--FS22);
  line-height: var(--LH22);
}
.template-template-legals #main h2 {
  font-family: "Ginka Medium";
  margin-bottom: 1em;
}
.template-template-legals #main .bloc {
  margin-bottom: 1em;
}
.template-template-legals #main p {
  margin-bottom: 0.5em;
}

.template-template-method header {
  z-index: 10;
}
.template-template-method #main {
  max-width: 1440px;
  margin: auto;
  cursor: pointer;
}
.template-template-method #section-pellets {
  display: none;
}
.template-template-method .mini-pellet {
  position: absolute;
}
.template-template-method .mini-pellet img {
  display: block;
  width: var(--P95);
  height: auto;
}
.template-template-method #section-title {
  display: flex;
  align-items: flex-start;
  font-size: var(--FS92);
  line-height: 1;
  padding-top: calc(var(--header-height) + var(--P24));
}
.template-template-method #section-title h1 {
  padding: var(--P20) var(--P32);
  box-sizing: border-box;
  z-index: 2;
}
.template-template-method #section-title img {
  width: 0.931372549em;
  height: auto;
  object-fit: contain;
  object-position: center;
  transform: translateY(0.1862745098em);
}
.template-template-method .section-method {
  position: relative;
  display: grid;
  grid-template-columns: repeat(16, 1fr);
  column-gap: var(--GRID_GUTTER);
  padding: var(--P100) 0;
  box-sizing: border-box;
  background-color: var(--color);
}
.template-template-method .section-method::before {
  content: "";
  display: block;
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--color);
  z-index: -1;
}
.template-template-method .section-method:nth-last-child(2) {
  padding-bottom: calc(var(--P100) * 2);
}
.template-template-method .section-method h2 {
  position: relative;
  grid-column-end: span 6;
  font-family: "Ginka Medium";
  font-size: var(--FS72);
  line-height: var(--LH72);
  z-index: 2;
}
.template-template-method .section-method picture.pellet {
  position: relative;
  grid-column-end: span 4;
  padding: var(--P36);
  box-sizing: border-box;
}
.template-template-method .section-method picture.pellet > img {
  position: absolute;
  width: calc(100% - var(--P36) * 2);
}
.template-template-method .section-method picture {
  position: relative;
  z-index: 0;
}
.template-template-method .section-method .col {
  grid-column-end: span 5;
  font-size: var(--FS22);
  line-height: var(--LH22);
  z-index: 2;
}
.template-template-method .section-method .col h3 {
  font-family: "Ginka Medium";
}
.template-template-method .section-method .col p {
  font-family: "Ginka Regular";
}
.template-template-method .section-method.col-2 h2 {
  grid-column-start: 3;
}
.template-template-method .section-method.col-2 .col:nth-of-type(1) {
  grid-column-start: 5;
}
.template-template-method .section-method.col-2 .col {
  margin-top: var(--P46);
}
.template-template-method .section-method.col-2.mod-0 h2 {
  order: 0;
}
.template-template-method .section-method.col-2.mod-0 h2 .mini-pellet {
  top: 0;
  left: calc(var(--column-width-max) * 3.5 + var(--GRID_GUTTER) * 3);
}
.template-template-method .section-method.col-2.mod-0 h2 .mini-pellet img {
  animation-delay: 0ms;
}
.template-template-method .section-method.col-2.mod-0 .pellet {
  position: relative;
  grid-column-start: 11;
  order: 1;
}
.template-template-method .section-method.col-2.mod-0 .pellet img {
  bottom: 0;
}
.template-template-method .section-method.col-2.mod-0 .col {
  order: 3;
  margin-bottom: var(--P68);
}
.template-template-method .section-method.col-2.mod-0 .img-0 {
  grid-column-end: span 2;
  grid-column-start: 2;
  order: 2;
  margin-top: var(--P144);
  position: relative;
}
.template-template-method .section-method.col-2.mod-0 .img-0 img {
  position: absolute;
}
.template-template-method .section-method.col-2.mod-0 .img-1 {
  grid-column-end: span 5;
  grid-column-start: 7;
  order: 4;
  position: relative;
}
.template-template-method .section-method.col-2.mod-0 .img-1 .mini-pellet {
  top: 50%;
  transform: translateY(-50%);
  left: calc(100% + var(--column-width-max) * 2 + var(--GRID_GUTTER) * 2);
}
.template-template-method .section-method.col-2.mod-0 .img-1 .mini-pellet img {
  animation-delay: -83.3333333333ms;
}
.template-template-method .section-method.col-2.mod-0 .img-2 {
  display: none;
}
.template-template-method .section-method.col-2.mod-1 h2 {
  order: 0;
}
.template-template-method .section-method.col-2.mod-1 h2 .mini-pellet {
  top: 50%;
  left: calc(100% + var(--column-width-max) * 4.5 + var(--GRID_GUTTER) * 5);
  transform: translateY(-50%);
}
.template-template-method .section-method.col-2.mod-1 h2 .mini-pellet img {
  animation-delay: -166.6666666667ms;
}
.template-template-method .section-method.col-2.mod-1 .col {
  order: 1;
  height: fit-content;
}
.template-template-method .section-method.col-2.mod-1 .pellet {
  order: 2;
  grid-column-start: 5;
  padding-top: var(--P68);
}
.template-template-method .section-method.col-2.mod-1 .img-0 {
  grid-column-end: span 4;
  grid-column-start: 11;
  order: 4;
  margin-top: var(--P144);
}
.template-template-method .section-method.col-2.mod-1 .img-1 {
  grid-column-end: span 2;
  grid-column-start: 7;
  order: 5;
  margin-top: var(--P144);
}
.template-template-method .section-method.col-2.mod-1 .img-1 .mini-pellet {
  top: 0;
  left: calc(var(--column-width-max) * -3 + var(--GRID_GUTTER) * -3);
  transform: translateX(-50%) translateY(-50%);
}
.template-template-method .section-method.col-2.mod-1 .img-1 .mini-pellet img {
  animation-delay: -250ms;
}
.template-template-method .section-method.col-2.mod-1 .img-2 {
  display: none;
}
.template-template-method .section-method.col-1.mod-0 h2 {
  grid-column-start: 8;
  order: 1;
  margin-top: calc(var(--FS72) * -1 * 1.2);
}
.template-template-method .section-method.col-1.mod-0 .pellet {
  grid-column-start: 6;
  margin-top: var(--P46);
  order: 2;
}
.template-template-method .section-method.col-1.mod-0 .pellet img {
  top: 0;
}
.template-template-method .section-method.col-1.mod-0 .pellet .mini-pellet {
  top: 50%;
  transform: translateX(-100%) translateY(-50%);
  left: calc(var(--column-width-max) * -3 - var(--GRID_GUTTER) * -3);
}
.template-template-method .section-method.col-1.mod-0 .pellet .mini-pellet img {
  animation-delay: -333.3333333333ms;
}
.template-template-method .section-method.col-1.mod-0 .col {
  grid-column-start: 10;
  margin-top: var(--P46);
  margin-bottom: var(--P68);
  order: 3;
}
.template-template-method .section-method.col-1.mod-0 .img-0 {
  grid-column-end: span 3;
  grid-column-start: 3;
  order: 0;
  position: relative;
}
.template-template-method .section-method.col-1.mod-0 .img-0 .mini-pellet {
  top: 0;
  left: calc(100% + var(--column-width-max) * 6 + var(--GRID_GUTTER) * 6);
}
.template-template-method .section-method.col-1.mod-0 .img-0 .mini-pellet img {
  animation-delay: -416.6666666667ms;
}
.template-template-method .section-method.col-1.mod-0 .img-1 {
  grid-column-end: span 2;
  grid-column-start: 3;
  order: 4;
  margin-top: var(--P52);
}
.template-template-method .section-method.col-1.mod-0 .img-2 {
  grid-column-end: span 6;
  grid-column-start: 10;
  order: 4;
}
.template-template-method .section-method.col-1.mod-0 > .mini-pellet {
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
.template-template-method .section-method.col-1.mod-0 > .mini-pellet img {
  animation-delay: -500ms;
}
.template-template-method .section-method.col-1.mod-1 h2 {
  grid-column-start: 9;
}
.template-template-method .section-method.col-1.mod-1 .pellet {
  grid-column-start: 3;
  margin-top: calc(var(--FS72) * -1 * 1.2);
}
.template-template-method .section-method.col-1.mod-1 .pellet img {
  top: 0;
}
.template-template-method .section-method.col-1.mod-1 .col {
  grid-column-start: 7;
  margin-top: var(--P46);
}
.template-template-method .section-method.col-1.mod-1 .img-0,
.template-template-method .section-method.col-1.mod-1 .img-1 .img-2 {
  display: none;
}
.template-template-method #hidden-pellets {
  display: none;
}
.template-template-method #over-pellets .mini-pellet {
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
}

html[lang=en] .template-template-method .section-method.col-2.mod-0:nth-last-child(2) h2 .mini-pellet {
  display: none;
}

.template-template-project .main-container,
.template-template-service .main-container {
  display: flex;
}
.template-template-project .left-container,
.template-template-service .left-container {
  flex-grow: 1;
}
.template-template-project #section-title h1,
.template-template-service #section-title h1 {
  font-family: "Ginka Medium";
  font-size: var(--FS45);
  line-height: 1;
  padding: var(--P20) var(--P32);
  box-sizing: border-box;
}
.template-template-project #section-gallery,
.template-template-service #section-gallery {
  padding: var(--P46) 0;
  padding-bottom: 0;
}
.template-template-project #section-gallery .row,
.template-template-service #section-gallery .row {
  display: grid;
  grid-template-columns: repeat(30, 1fr);
  column-gap: calc(var(--GRID_GUTTER) / 2);
  box-sizing: border-box;
}
.template-template-project #section-gallery .row:not(:last-child),
.template-template-service #section-gallery .row:not(:last-child) {
  margin-bottom: var(--P160);
}
.template-template-project #section-gallery .row picture:not(:last-child),
.template-template-project #section-gallery .row .video-container:not(:last-child),
.template-template-service #section-gallery .row picture:not(:last-child),
.template-template-service #section-gallery .row .video-container:not(:last-child) {
  margin-bottom: var(--GRID_GUTTER);
}
.template-template-project #section-gallery .row picture img,
.template-template-project #section-gallery .row picture video,
.template-template-project #section-gallery .row .video-container img,
.template-template-project #section-gallery .row .video-container video,
.template-template-service #section-gallery .row picture img,
.template-template-service #section-gallery .row picture video,
.template-template-service #section-gallery .row .video-container img,
.template-template-service #section-gallery .row .video-container video {
  object-fit: contain;
  object-position: top;
}
.template-template-project #section-gallery .row picture a,
.template-template-project #section-gallery .row .video-container a,
.template-template-service #section-gallery .row picture a,
.template-template-service #section-gallery .row .video-container a {
  text-decoration: none;
}
.template-template-project #section-gallery .row .col-1,
.template-template-service #section-gallery .row .col-1 {
  grid-column-end: span 30;
  display: grid;
  grid-template-columns: repeat(30, 1fr);
  column-gap: calc(var(--GRID_GUTTER) / 2);
}
.template-template-project #section-gallery .row .col-1 picture,
.template-template-project #section-gallery .row .col-1 .video-container,
.template-template-service #section-gallery .row .col-1 picture,
.template-template-service #section-gallery .row .col-1 .video-container {
  grid-column-end: span 30;
}
.template-template-project #section-gallery .row .col-1 picture.large,
.template-template-project #section-gallery .row .col-1 .video-container.large,
.template-template-service #section-gallery .row .col-1 picture.large,
.template-template-service #section-gallery .row .col-1 .video-container.large {
  grid-column-end: span 24;
}
.template-template-project #section-gallery .row .col-1 picture.large.center,
.template-template-project #section-gallery .row .col-1 .video-container.large.center,
.template-template-service #section-gallery .row .col-1 picture.large.center,
.template-template-service #section-gallery .row .col-1 .video-container.large.center {
  grid-column-start: 4;
}
.template-template-project #section-gallery .row .col-1 picture.large.right,
.template-template-project #section-gallery .row .col-1 .video-container.large.right,
.template-template-service #section-gallery .row .col-1 picture.large.right,
.template-template-service #section-gallery .row .col-1 .video-container.large.right {
  grid-column-start: 7;
}
.template-template-project #section-gallery .row .col-1 picture.medium,
.template-template-project #section-gallery .row .col-1 .video-container.medium,
.template-template-service #section-gallery .row .col-1 picture.medium,
.template-template-service #section-gallery .row .col-1 .video-container.medium {
  grid-column-end: span 18;
}
.template-template-project #section-gallery .row .col-1 picture.medium.center,
.template-template-project #section-gallery .row .col-1 .video-container.medium.center,
.template-template-service #section-gallery .row .col-1 picture.medium.center,
.template-template-service #section-gallery .row .col-1 .video-container.medium.center {
  grid-column-start: 7;
}
.template-template-project #section-gallery .row .col-1 picture.medium.right,
.template-template-project #section-gallery .row .col-1 .video-container.medium.right,
.template-template-service #section-gallery .row .col-1 picture.medium.right,
.template-template-service #section-gallery .row .col-1 .video-container.medium.right {
  grid-column-start: 13;
}
.template-template-project #section-gallery .row .col-1 picture.small,
.template-template-project #section-gallery .row .col-1 .video-container.small,
.template-template-service #section-gallery .row .col-1 picture.small,
.template-template-service #section-gallery .row .col-1 .video-container.small {
  grid-column-end: span 12;
}
.template-template-project #section-gallery .row .col-1 picture.small.center,
.template-template-project #section-gallery .row .col-1 .video-container.small.center,
.template-template-service #section-gallery .row .col-1 picture.small.center,
.template-template-service #section-gallery .row .col-1 .video-container.small.center {
  grid-column-start: 10;
}
.template-template-project #section-gallery .row .col-1 picture.small.right,
.template-template-project #section-gallery .row .col-1 .video-container.small.right,
.template-template-service #section-gallery .row .col-1 picture.small.right,
.template-template-service #section-gallery .row .col-1 .video-container.small.right {
  grid-column-start: 19;
}
.template-template-project #section-gallery .row .col-2,
.template-template-service #section-gallery .row .col-2 {
  grid-column-end: span 15;
  display: grid;
  grid-template-columns: repeat(15, 1fr);
  column-gap: calc(var(--GRID_GUTTER) / 2);
}
.template-template-project #section-gallery .row .col-2 picture,
.template-template-project #section-gallery .row .col-2 .video-container,
.template-template-service #section-gallery .row .col-2 picture,
.template-template-service #section-gallery .row .col-2 .video-container {
  grid-column-end: span 15;
}
.template-template-project #section-gallery .row .col-2 picture.large,
.template-template-project #section-gallery .row .col-2 .video-container.large,
.template-template-service #section-gallery .row .col-2 picture.large,
.template-template-service #section-gallery .row .col-2 .video-container.large {
  grid-column-end: span 15;
}
.template-template-project #section-gallery .row .col-2 picture.large.center,
.template-template-project #section-gallery .row .col-2 .video-container.large.center,
.template-template-service #section-gallery .row .col-2 picture.large.center,
.template-template-service #section-gallery .row .col-2 .video-container.large.center {
  grid-column-start: 1;
}
.template-template-project #section-gallery .row .col-2 picture.large.right,
.template-template-project #section-gallery .row .col-2 .video-container.large.right,
.template-template-service #section-gallery .row .col-2 picture.large.right,
.template-template-service #section-gallery .row .col-2 .video-container.large.right {
  grid-column-start: 1;
}
.template-template-project #section-gallery .row .col-2 picture.medium,
.template-template-project #section-gallery .row .col-2 .video-container.medium,
.template-template-service #section-gallery .row .col-2 picture.medium,
.template-template-service #section-gallery .row .col-2 .video-container.medium {
  grid-column-end: span 11;
}
.template-template-project #section-gallery .row .col-2 picture.medium.center,
.template-template-project #section-gallery .row .col-2 .video-container.medium.center,
.template-template-service #section-gallery .row .col-2 picture.medium.center,
.template-template-service #section-gallery .row .col-2 .video-container.medium.center {
  grid-column-start: 3;
}
.template-template-project #section-gallery .row .col-2 picture.medium.right,
.template-template-project #section-gallery .row .col-2 .video-container.medium.right,
.template-template-service #section-gallery .row .col-2 picture.medium.right,
.template-template-service #section-gallery .row .col-2 .video-container.medium.right {
  grid-column-start: 5;
}
.template-template-project #section-gallery .row .col-2 picture.small,
.template-template-project #section-gallery .row .col-2 .video-container.small,
.template-template-service #section-gallery .row .col-2 picture.small,
.template-template-service #section-gallery .row .col-2 .video-container.small {
  grid-column-end: span 7;
}
.template-template-project #section-gallery .row .col-2 picture.small.center,
.template-template-project #section-gallery .row .col-2 .video-container.small.center,
.template-template-service #section-gallery .row .col-2 picture.small.center,
.template-template-service #section-gallery .row .col-2 .video-container.small.center {
  grid-column-start: 5;
}
.template-template-project #section-gallery .row .col-2 picture.small.right,
.template-template-project #section-gallery .row .col-2 .video-container.small.right,
.template-template-service #section-gallery .row .col-2 picture.small.right,
.template-template-service #section-gallery .row .col-2 .video-container.small.right {
  grid-column-start: 9;
}
.template-template-project #section-gallery .row.row-2:has(.col-2:first-child > .large) .col-2:first-child,
.template-template-service #section-gallery .row.row-2:has(.col-2:first-child > .large) .col-2:first-child {
  margin-right: calc(var(--GRID_GUTTER) * 1.5);
}
.template-template-project #section-gallery .row.row-2:has(.col-2:last-child > .large) .col-2:last-child,
.template-template-service #section-gallery .row.row-2:has(.col-2:last-child > .large) .col-2:last-child {
  margin-left: calc(var(--GRID_GUTTER) * 1.5);
}
.template-template-project #section-description,
.template-template-service #section-description {
  flex-shrink: 0;
  position: sticky;
  top: 0;
  width: calc(var(--column-width-max) + var(--GRID_GUTTER));
  height: 100dvh;
  background-color: var(--color);
  cursor: pointer;
}
.template-template-project #section-description::before,
.template-template-service #section-description::before {
  content: "";
  display: block;
  width: 100%;
  height: var(--header-height);
  position: absolute;
  top: 0;
  right: 0;
  transform: translateY(-100%);
  background-color: var(--color);
}
.template-template-project #section-description.open,
.template-template-service #section-description.open {
  cursor: unset;
}
.template-template-project #section-description.open::before,
.template-template-service #section-description.open::before {
  width: calc(var(--column-width-max) * 8 + var(--GRID_GUTTER) * 8);
}
.template-template-project #section-description .absolute-container,
.template-template-service #section-description .absolute-container {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(var(--column-width-max) * 8 + var(--GRID_GUTTER) * 8);
  height: 100%;
  background-color: var(--color);
  overflow: scroll;
}
.template-template-project #section-description .absolute-container > svg,
.template-template-service #section-description .absolute-container > svg {
  position: absolute;
  display: block;
  width: var(--P28);
  height: auto;
  top: calc(var(--P36) * 0.7);
  right: var(--P24);
  cursor: pointer;
}
.template-template-project #section-description.open .absolute-container,
.template-template-service #section-description.open .absolute-container {
  left: unset;
  right: 0;
}
.template-template-project #section-description.open .absolute-container .head svg,
.template-template-service #section-description.open .absolute-container .head svg {
  visibility: hidden;
}
.template-template-project #section-description .head,
.template-template-service #section-description .head {
  position: absolute;
  left: 0;
  top: 0;
  height: calc(var(--column-width-max) + var(--GRID_GUTTER));
  min-width: 100dvh;
  padding: 0 var(--P36);
  box-sizing: border-box;
  transform: rotate(-90deg) translateX(-100%) translateY(0%);
  transform-origin: top left;
  font-family: "Ginka Medium";
  font-size: var(--FS32);
  line-height: 1;
  display: flex;
  align-items: center;
  white-space: nowrap;
  justify-content: flex-end;
}
.template-template-project #section-description .head .overflow-container,
.template-template-service #section-description .head .overflow-container {
  display: flex;
  align-items: center;
  white-space: nowrap;
  justify-content: space-between;
}
.template-template-project #section-description .head .overflow-container > *:not(:last-child),
.template-template-service #section-description .head .overflow-container > *:not(:last-child) {
  margin-right: var(--P52);
}
.template-template-project #section-description .head .overflow-container > h1:not(:last-child),
.template-template-service #section-description .head .overflow-container > h1:not(:last-child) {
  margin-right: var(--P36);
}
.template-template-project #section-description .head .overflow-container svg,
.template-template-service #section-description .head .overflow-container svg {
  display: block;
  width: var(--P15);
  height: auto;
  transform: rotate(90deg);
}
.template-template-project #section-description .head .domains,
.template-template-service #section-description .head .domains {
  display: flex;
  align-items: center;
  gap: var(--P8);
}
.template-template-project #section-description .head .domains .domain,
.template-template-service #section-description .head .domains .domain {
  font-size: var(--FS20);
  line-height: 1;
  width: fit-content;
  padding: var(--P8) var(--P20);
  border: 2px solid #000000;
  border-radius: 100em;
}
.template-template-project #section-description .head .workshop,
.template-template-service #section-description .head .workshop {
  font-family: "Ginka Medium Italic";
  font-style: italic;
  color: var(--color);
  background-color: #000000;
  padding: var(--P5) var(--P8);
}
.template-template-project #section-description .text,
.template-template-service #section-description .text {
  width: 100%;
  padding: var(--P90) var(--column-width-max);
  padding-left: calc(var(--column-width-max) + var(--GRID_GUTTER) * 2);
  box-sizing: border-box;
  font-size: var(--FS22);
  line-height: var(--LH22);
}
.template-template-project #section-description .text h2,
.template-template-service #section-description .text h2 {
  display: inline;
  margin-bottom: 0;
  font-family: "Ginka Medium";
}
.template-template-project #section-description .text h2 em,
.template-template-service #section-description .text h2 em {
  font-family: "Ginka Medium Italic";
  font-style: italic;
}
.template-template-project #section-nav-projects,
.template-template-service #section-nav-projects {
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  display: flex;
}
.template-template-project #section-nav-projects a,
.template-template-service #section-nav-projects a {
  display: flex;
  align-items: center;
  width: 50%;
  text-decoration: none;
  font-size: var(--FS26);
  line-height: 1;
  padding: var(--P18);
  box-sizing: border-box;
}
.template-template-project #section-nav-projects a:hover,
.template-template-service #section-nav-projects a:hover {
  background-color: var(--color);
}
.template-template-project #section-nav-projects a svg,
.template-template-service #section-nav-projects a svg {
  display: block;
  width: var(--P24);
  height: auto;
}
.template-template-project #section-nav-projects a:first-child,
.template-template-service #section-nav-projects a:first-child {
  border-right: 1px solid #000000;
}
.template-template-project #section-nav-projects a:first-child svg,
.template-template-service #section-nav-projects a:first-child svg {
  transform: rotate(180deg);
  margin-right: var(--P20);
}
.template-template-project #section-nav-projects a:last-child,
.template-template-service #section-nav-projects a:last-child {
  justify-content: flex-end;
}
.template-template-project #section-nav-projects a:last-child svg,
.template-template-service #section-nav-projects a:last-child svg {
  margin-left: var(--P20);
}

.template-template-projects #main {
  display: flex;
  flex-direction: column;
}
.template-template-projects header {
  z-index: 2;
}
.template-template-projects footer {
  border-top: 1px solid #000000;
}
.template-template-projects #section-filters {
  display: flex;
  font-family: "Ginka Medium";
  font-size: var(--FS20);
  line-height: var(--LH20);
  padding: var(--P36) var(--P36);
  z-index: 1;
}
.template-template-projects #section-filters details {
  position: relative;
  margin-right: var(--P90);
  cursor: pointer;
  width: fit-content;
  padding: 0 var(--P10);
  box-sizing: border-box;
}
.template-template-projects #section-filters details summary {
  position: relative;
  border-bottom: 2px solid #000000;
  padding-right: var(--P52);
  list-style: none;
}
.template-template-projects #section-filters details summary::-webkit-details-marker {
  display: none;
}
.template-template-projects #section-filters details summary::after {
  display: block;
  content: "▾";
  position: absolute;
  right: 0;
  top: 0;
  font-size: 1.2em;
  line-height: 1;
}
.template-template-projects #section-filters details > div {
  position: absolute;
  background-color: #FFFFFF;
  width: 100%;
}
.template-template-projects #section-filters details > div > div {
  padding: var(--P5) var(--P10);
}
.template-template-projects #section-filters details > div > div:not(:last-child) {
  padding-bottom: 0;
}
.template-template-projects #section-filters details .filter.color {
  background-color: var(--color);
}
.template-template-projects #section-projects {
  flex-grow: 1;
}
.template-template-projects #section-projects .container {
  display: flex;
  flex-wrap: wrap;
}
.template-template-projects #section-projects .container .project {
  width: 50%;
  text-decoration: none;
  padding-bottom: var(--P60);
}
.template-template-projects #section-projects .container .project.hide {
  display: none;
}
.template-template-projects #section-projects .container .project article .header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "Ginka Medium";
  font-size: var(--FS30);
  line-height: 1;
  background-color: var(--color);
  padding: var(--P24) var(--P24);
  box-sizing: border-box;
}
.template-template-projects #section-projects .container .project article .header .workshop {
  font-family: "Ginka Medium Italic";
  font-style: italic;
  color: var(--color);
  background-color: #000000;
  padding: var(--P5) var(--P8);
  position: absolute;
  right: var(--P24);
}
.template-template-projects #section-projects .container .project article picture {
  margin-bottom: var(--P20);
  aspect-ratio: 720/547;
}
.template-template-projects #section-projects .container .project article picture img {
  height: 100%;
}
.template-template-projects #section-projects .container .project article .domain-s,
.template-template-projects #section-projects .container .project article .skills-s {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-family: "Ginka Medium";
  font-size: var(--FS20);
  line-height: 1;
  padding: 0 var(--P24);
  box-sizing: border-box;
}
.template-template-projects #section-projects .container .project article .domain-s .domain,
.template-template-projects #section-projects .container .project article .skills-s .domain {
  width: fit-content;
  padding: var(--P8) var(--P20);
  border: 2px solid #000000;
  border-radius: 100em;
  margin-right: var(--P8);
  margin-bottom: var(--P10);
}
.template-template-projects #section-projects .container .project article .domain-s .skills,
.template-template-projects #section-projects .container .project article .skills-s .skills {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  font-family: "Ginka Regular";
  font-size: var(--FS20);
  line-height: 1;
  text-decoration: none;
  margin-right: var(--P8);
  margin-bottom: var(--P10);
}
.template-template-projects #section-projects .container .project article .domain-s .skills:not(:first-child)::before,
.template-template-projects #section-projects .container .project article .skills-s .skills:not(:first-child)::before {
  display: block;
  content: "";
  width: var(--P20);
  height: var(--P20);
  background-color: var(--color);
  margin-right: var(--P8);
}

.template-template-team #main {
  max-width: 1440px;
  margin: auto;
}
.template-template-team footer {
  border-top: 1px solid #000000;
}
.template-template-team section h2 {
  position: relative;
  display: block;
  grid-column-end: span 16;
  padding: var(--P10) calc(var(--column-width-max) * 1.5 + var(--GRID_GUTTER));
  box-sizing: border-box;
  font-family: "Ginka Medium";
  font-size: var(--FS32);
  line-height: var(--LH32);
  background-color: var(--color);
}
.template-template-team section h2::before {
  content: "";
  display: "block";
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--color);
  z-index: -1;
}
.template-template-team section .name {
  font-family: "Ginka Medium";
  font-size: var(--FS26);
  line-height: var(--LH26);
}
.template-template-team section#section-intro {
  display: grid;
  grid-template-columns: repeat(16, 1fr);
  column-gap: var(--GRID_GUTTER);
  padding-top: calc(var(--header-height) + var(--P52));
  padding-bottom: var(--P78);
  box-sizing: border-box;
}
.template-template-team section#section-intro picture {
  grid-column-start: 2;
  grid-column-end: span 7;
  margin-bottom: var(--P78);
}
.template-template-team section#section-intro .contact {
  grid-column-start: 10;
  grid-column-end: span 4;
  font-family: "Ginka Regular";
  font-size: var(--FS26);
  line-height: var(--LH26);
  padding-top: var(--P10);
}
.template-template-team section#section-intro .contact .address {
  margin-bottom: var(--P24);
}
.template-template-team section#section-intro .contact a {
  display: block;
  width: fit-content;
  line-height: 1;
  margin-bottom: var(--P24);
  text-decoration: none;
  padding: var(--P5) var(--P10);
  padding-bottom: var(--P8);
  border: 0.175em solid;
  border-radius: 0.75em;
  border-color: var(--bleu-ciel);
}
.template-template-team section#section-intro .contact a.insta {
  border-color: var(--violet-cool);
}
.template-template-team section#section-intro .contact a:hover {
  background-color: var(--bleu-ciel);
}
.template-template-team section#section-intro .contact a:hover.insta {
  background-color: var(--violet-cool);
}
.template-template-team section#section-intro p {
  display: block;
  grid-column-start: 5;
  grid-column-end: span 12;
  padding: 0 calc(var(--column-width-max) / 2);
  box-sizing: border-box;
  font-family: "Ginka Regular";
  font-size: var(--FS35);
  line-height: var(--LH35);
}
.template-template-team section#section-studio .container .item, .template-template-team section#section-collabs .container .item, .template-template-team section#section-press .container .item {
  display: grid;
  grid-template-columns: repeat(16, 1fr);
  column-gap: var(--GRID_GUTTER);
  position: relative;
}
.template-template-team section#section-studio .container .item::after, .template-template-team section#section-collabs .container .item::after, .template-template-team section#section-press .container .item::after {
  position: absolute;
  content: "";
  width: 100vw;
  height: 1px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: #000000;
}
.template-template-team section#section-studio .container .item:last-child::after, .template-template-team section#section-collabs .container .item:last-child::after, .template-template-team section#section-press .container .item:last-child::after {
  display: none;
}
.template-template-team section#section-studio .container .item em, .template-template-team section#section-collabs .container .item em, .template-template-team section#section-press .container .item em {
  font-family: "Ginka Italic";
  font-style: italic;
}
.template-template-team section#section-studio .container .item .name, .template-template-team section#section-collabs .container .item .name, .template-template-team section#section-press .container .item .name {
  grid-column-start: 2;
  grid-column-end: span 7;
  padding: var(--P20) calc(var(--column-width-max) * 0.5);
  box-sizing: border-box;
}
.template-template-team section#section-studio .container .item .bio,
.template-template-team section#section-studio .container .item .article, .template-template-team section#section-collabs .container .item .bio,
.template-template-team section#section-collabs .container .item .article, .template-template-team section#section-press .container .item .bio,
.template-template-team section#section-press .container .item .article {
  grid-column-end: span 8;
  font-family: "Ginka Regular";
  font-size: var(--FS26);
  line-height: var(--LH26);
  padding: var(--P20) 0;
  box-sizing: border-box;
}
.template-template-team section#section-studio .container .item details, .template-template-team section#section-collabs .container .item details, .template-template-team section#section-press .container .item details {
  position: relative;
  cursor: pointer;
}
.template-template-team section#section-studio .container .item details summary,
.template-template-team section#section-studio .container .item details p, .template-template-team section#section-collabs .container .item details summary,
.template-template-team section#section-collabs .container .item details p, .template-template-team section#section-press .container .item details summary,
.template-template-team section#section-press .container .item details p {
  padding-right: calc(var(--column-width-max) + var(--GRID_GUTTER));
  box-sizing: border-box;
}
.template-template-team section#section-studio .container .item details > summary, .template-template-team section#section-collabs .container .item details > summary, .template-template-team section#section-press .container .item details > summary {
  list-style: none;
}
.template-template-team section#section-studio .container .item details > summary::-webkit-details-marker, .template-template-team section#section-collabs .container .item details > summary::-webkit-details-marker, .template-template-team section#section-press .container .item details > summary::-webkit-details-marker {
  display: none;
}
.template-template-team section#section-studio .container .item details::after, .template-template-team section#section-collabs .container .item details::after, .template-template-team section#section-press .container .item details::after {
  display: flex;
  align-items: center;
  justify-content: center;
  content: "+";
  position: absolute;
  right: var(--column-width-max);
  top: var(--P18);
  transform: translateX(100%);
  font-family: "Ginka Regular";
  font-size: var(--FS35);
  line-height: 1;
  width: 1em;
  height: 1em;
  border: var(--P5) solid;
  border-radius: 100%;
  box-sizing: border-box;
  border-color: #F8BAD6;
  pointer-events: none;
}
.template-template-team section#section-studio .container .item details[empty="1"], .template-template-team section#section-collabs .container .item details[empty="1"], .template-template-team section#section-press .container .item details[empty="1"] {
  cursor: initial;
  pointer-events: none;
}
.template-template-team section#section-studio .container .item details[empty="1"]::after, .template-template-team section#section-studio .container .item details[empty="1"]::before, .template-template-team section#section-collabs .container .item details[empty="1"]::after, .template-template-team section#section-collabs .container .item details[empty="1"]::before, .template-template-team section#section-press .container .item details[empty="1"]::after, .template-template-team section#section-press .container .item details[empty="1"]::before {
  display: none;
}
.template-template-team section#section-studio .container .item details[open], .template-template-team section#section-collabs .container .item details[open], .template-template-team section#section-press .container .item details[open] {
  margin-bottom: var(--P52);
}
.template-template-team section#section-studio .container .item details[open] summary, .template-template-team section#section-collabs .container .item details[open] summary, .template-template-team section#section-press .container .item details[open] summary {
  margin-bottom: var(--P52);
}
.template-template-team section#section-studio .container .item details[open]::after, .template-template-team section#section-collabs .container .item details[open]::after, .template-template-team section#section-press .container .item details[open]::after {
  content: "-";
}
.template-template-team section#section-press .container .item .article {
  position: relative;
  overflow: hidden;
}
.template-template-team section#section-press .container .item .article details {
  z-index: 1;
  margin-top: 0.5em;
}
.template-template-team section#section-press .container .item .article details .sizer {
  padding-right: calc(var(--column-width-max) * 2 + var(--GRID_GUTTER));
  box-sizing: border-box;
}
.template-template-team section#section-press .container .item .article details::after {
  top: 0;
}
.template-template-team section#section-press .container .item .article details[open] {
  margin-bottom: 0;
}
.template-template-team section#section-press .container .item .article details[open] summary {
  margin-bottom: 0;
}
.template-template-team section#section-press .container .item .article picture {
  z-index: 0;
  position: absolute;
  top: calc(var(--P20) + var(--LH26) * 1.5em);
  padding-right: calc(var(--column-width-max) * 2 + var(--GRID_GUTTER));
  box-sizing: border-box;
}
.template-template-team section#section-press .container .item .article picture img {
  border: 1px solid #000000;
}
.template-template-team section#section-sponsors .container {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: var(--GRID_GUTTER);
  padding: var(--P46) calc(var(--column-width-max) + var(--GRID_GUTTER));
  box-sizing: border-box;
}
.template-template-team section#section-sponsors .container img {
  filter: grayscale(1);
}
.template-template-team section#section-skills .container, .template-template-team section#section-domain .container {
  display: flex;
  flex-wrap: wrap;
  padding: var(--P46) calc(var(--column-width-max) + var(--GRID_GUTTER));
  padding-bottom: calc(var(--P46) - var(--P20));
}
.template-template-team section#section-skills .container .item, .template-template-team section#section-domain .container .item {
  font-family: "Ginka Medium";
  font-size: var(--FS20);
  line-height: 1;
  padding: var(--P8) var(--P12);
  border: 2px solid #000000;
  box-sizing: border-box;
  margin-bottom: var(--P20);
  margin-right: var(--P20);
}
.template-template-team section#section-skills .container .item.domain, .template-template-team section#section-domain .container .item.domain {
  border-radius: 100em;
}