* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --white: #f2f2f2;
  --dark: #010326;
  --blue: #0511f2;
}

body {
  background: var(--dark, #010326);
}

a {
  color: inherit;
}

img, video {
  display: block;
}

@media (width >= 1350px) {
  .l-main {
    background: var(--dark, #010326);
    flex-direction: column;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .l-main-contact {
    height: 100vh;
  }

  .l-nomobile {
    display: none;
  }
}

@media (width <= 1350px) {
  .l-main {
    display: none;
  }

  .l-nomobile {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: 100vh;
    display: flex;
  }
}

.welcome {
  background: var(--dark, #010326);
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  height: 100vh;
  display: flex;
}

.welcome .welcome-content {
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  width: 50vw;
  display: flex;
}

.welcome .welcome-content .welcome-nav {
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.welcome .welcome-content .welcome-nav .welcome-link:hover {
  text-decoration: underline;
}

@font-face {
  font-family: Coolvetica;
  src: url("../fonts/coolvetica_rg.woff2") format("woff2"), url("../fonts/coolvetica_rg.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Coolvetica;
  src: url("../fonts/coolvetica_rg_it.woff2") format("woff2"), url("../fonts/coolvetica_rg_it.woff") format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Airco Std;
  src: url("../fonts/Airco_Std_Bold_Italic.woff2") format("woff2"), url("../fonts/Airco_Std_Bold_Italic.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

.font-text-big {
  color: var(--white, #f2f2f2);
  font-family: Coolvetica;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
}

.font-text-regular {
  color: var(--white, #f2f2f2);
  font-family: Coolvetica;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
}

.font-title-big {
  color: var(--white, #f2f2f2);
  font-family: Airco Std;
  font-size: 104px;
  font-style: italic;
  font-weight: 700;
  line-height: normal;
  text-decoration: none;
}

.font-title-regular {
  color: var(--white, #f2f2f2);
  font-family: Airco Std;
  font-size: 80px;
  font-style: italic;
  font-weight: 700;
  line-height: normal;
  text-decoration: none;
}

.font-subtitle-big {
  color: var(--white, #f2f2f2);
  font-family: Coolvetica;
  font-size: 64px;
  font-style: italic;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
}

.font-subtitle-regular {
  color: var(--white, #f2f2f2);
  font-family: Coolvetica;
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
}

.font-copyright {
  color: var(--white, #f2f2f2);
  font-family: Coolvetica;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.intro {
  background: var(--dark, #010326);
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 40px;
  display: flex;
}

.intro .intro-box {
  border: 8px solid var(--white, #f2f2f2);
  border-radius: 40px;
  align-self: stretch;
  align-items: center;
  padding: 80px;
  display: flex;
}

.intro .intro-box .intro-content {
  flex: 1 0 0;
  align-items: center;
  gap: 40px;
  display: flex;
}

.intro .intro-box .intro-content .intro-texts {
  flex-direction: column;
  flex: 1 0 0;
  align-items: flex-start;
  gap: 56px;
  padding: 16px 0;
  display: flex;
}

.intro .intro-box .intro-content .intro-texts .intro-title, .intro .intro-box .intro-content .intro-texts .intro-paragraph {
  align-self: stretch;
}

.intro .intro-box .intro-content .intro-texts .intro-nav {
  justify-content: flex-end;
  align-self: stretch;
  align-items: center;
  gap: 56px;
  display: flex;
}

.intro .intro-box .intro-content .intro-texts .intro-nav .intro-link:hover {
  text-decoration: underline;
}

.intro .intro-box .intro-content .intro-img {
  object-fit: cover;
  object-position: center;
  object-fit: cover;
  flex-shrink: 0;
  align-self: stretch;
  width: 33%;
}

.selection {
  background: var(--dark, #010326);
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
  gap: 80px;
  padding: 80px 40px;
  display: flex;
}

.selection .selection-gallery {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
  gap: 40px;
  display: flex;
}

.selection .selection-gallery .selection-project {
  border: 8px solid var(--white, #f2f2f2);
  border-radius: 40px;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  gap: 10px;
  height: 320px;
  padding: 40px 80px;
  display: flex;
}

.selection .selection-gallery .selection-project .selection-project-content {
  flex-direction: column;
  flex: 1 0 0;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  gap: 40px;
  padding: 16px 0;
  display: flex;
}

.selection .selection-gallery .selection-project .selection-project-content .selection-project-title, .selection .selection-gallery .selection-project .selection-project-content .selection-project-text {
  align-self: stretch;
}

.up {
  background: var(--dark, #010326);
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 80px 40px;
  display: flex;
}

.up .up-content {
  flex-direction: column;
  align-items: center;
  gap: 40px;
  display: flex;
}

.up .up-content .up-button {
  border: 8px solid var(--white, #f2f2f2);
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 24px 80px;
  text-decoration: none;
  display: flex;
}

.up .up-content .up-button:hover .up-button-text {
  text-decoration: underline;
}

.footer {
  background: var(--dark, #010326);
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 16px 0;
  display: flex;
}

.project-bellarena {
  background: none;
  text-decoration: none;
  transition: background 1s;
}

.project-bellarena:hover {
  background-color: #0000;
  background-image: linear-gradient(#01032666, #01032666), url("../img/background_bellarena.53b3e006.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll, scroll;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
}

.project-borderline {
  background: none;
  text-decoration: none;
  transition: background 1s;
}

.project-borderline:hover {
  background-color: #0000;
  background-image: linear-gradient(#01032666, #01032666), url("../img/background_borderline.3244e5e0.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll, scroll;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
}

.project-cdf {
  background: none;
  text-decoration: none;
  transition: background 1s;
}

.project-cdf:hover {
  background-color: #0000;
  background-image: linear-gradient(#01032666, #01032666), url("../img/background_cdf.de887402.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll, scroll;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
}

.project-ceres {
  background: none;
  text-decoration: none;
  transition: background 1s;
}

.project-ceres:hover {
  background-color: #0000;
  background-image: linear-gradient(#01032666, #01032666), url("../img/background_ceres.4fb4b369.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll, scroll;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
}

.project-dudesndiva {
  background: none;
  text-decoration: none;
  transition: background 1s;
}

.project-dudesndiva:hover {
  background-color: #0000;
  background-image: linear-gradient(#01032666, #01032666), url("../img/background_dudesndiva.2db2050c.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll, scroll;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
}

.project-eltony {
  background: none;
  text-decoration: none;
  transition: background 1s;
}

.project-eltony:hover {
  background-color: #0000;
  background-image: linear-gradient(#01032666, #01032666), url("../img/background_eltony.d2f533bf.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll, scroll;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
}

.project-francomanias {
  background: none;
  text-decoration: none;
  transition: background 1s;
}

.project-francomanias:hover {
  background-color: #0000;
  background-image: linear-gradient(#01032666, #01032666), url("../img/background_franco.e1c49dcf.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll, scroll;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
}

.project-freeponts {
  background: none;
  text-decoration: none;
  transition: background 1s;
}

.project-freeponts:hover {
  background-color: #0000;
  background-image: linear-gradient(#01032666, #01032666), url("../img/background_freeponts.1ecdbeaa.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll, scroll;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
}

.project-furieuse {
  background: none;
  text-decoration: none;
  transition: background 1s;
}

.project-furieuse:hover {
  background-color: #0000;
  background-image: linear-gradient(#01032666, #01032666), url("../img/background_furieuse.3fa1a559.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll, scroll;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
}

.project-georges {
  background: none;
  text-decoration: none;
  transition: background 1s;
}

.project-georges:hover {
  background-color: #0000;
  background-image: linear-gradient(#01032666, #01032666), url("../img/background_george.6beb42d4.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll, scroll;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
}

.project-glitch {
  background: none;
  text-decoration: none;
  transition: background 1s;
}

.project-glitch:hover {
  background-color: #0000;
  background-image: linear-gradient(#01032666, #01032666), url("../img/background_glitch.cd7739b8.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll, scroll;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
}

.project-grenouche {
  background: none;
  text-decoration: none;
  transition: background 1s;
}

.project-grenouche:hover {
  background-color: #0000;
  background-image: linear-gradient(#01032666, #01032666), url("../img/background_grenouche.cbce4159.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll, scroll;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
}

.project-parasocial {
  background: none;
  text-decoration: none;
  transition: background 1s;
}

.project-parasocial:hover {
  background-color: #0000;
  background-image: linear-gradient(#01032666, #01032666), url("../img/background_parasocial.9a5a58e7.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll, scroll;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
}

.project-rts {
  background: none;
  text-decoration: none;
  transition: background 1s;
}

.project-rts:hover {
  background-color: #0000;
  background-image: linear-gradient(#01032666, #01032666), url("../img/background_rts.1a59692a.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll, scroll;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
}

.project-simili {
  background: none;
  text-decoration: none;
  transition: background 1s;
}

.project-simili:hover {
  background-color: #0000;
  background-image: linear-gradient(#01032666, #01032666), url("../img/background_simili.8d412934.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll, scroll;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
}

.project-utopie {
  background: none;
  text-decoration: none;
  transition: background 1s;
}

.project-utopie:hover {
  background-color: #0000;
  background-image: linear-gradient(#01032666, #01032666), url("../img/background_utopie.9a229337.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll, scroll;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
}

.header {
  background: var(--dark, #010326);
  align-self: stretch;
  align-items: center;
  gap: 80px;
  padding: 24px 40px;
  display: flex;
}

.header .header-logo {
  aspect-ratio: 80 / 58.14;
  width: 80px;
  height: 58.14px;
}

.header .header-link:hover {
  text-decoration: underline;
}

.header .header-link-on {
  text-shadow: -2px -2px #0511f3;
}

.gallery-intro {
  background: var(--dark, #010326);
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 80px 40px;
  display: flex;
}

.gallery-intro .gallery-intro-content {
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  gap: 80px;
  display: flex;
}

.gallery-intro .gallery-intro-content .gallery-intro-title {
  align-self: stretch;
}

.gallery-intro .gallery-intro-content .gallery-intro-nav {
  justify-content: center;
  align-self: stretch;
  align-items: center;
  gap: 80px;
  display: flex;
}

.gallery-intro .gallery-intro-content .gallery-intro-nav .gallery-intro-buttton {
  border: 8px solid var(--white, #f2f2f2);
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  padding: 24px 80px;
  text-decoration: none;
  display: flex;
}

.gallery-intro .gallery-intro-content .gallery-intro-nav .gallery-intro-buttton:hover .gallery-intro-button-text {
  text-decoration: underline;
}

.gallery-section {
  background: var(--dark, #010326);
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
  gap: 80px;
  padding: 80px 40px;
  display: flex;
}

.gallery-section .gallery-section-projects {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
  gap: 40px;
  display: flex;
}

.gallery-section .gallery-section-projects .gallery-project {
  border: 8px solid var(--white, #f2f2f2);
  border-radius: 40px;
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
  gap: 10px;
  height: 320px;
  padding: 40px 80px;
  text-decoration: none;
  display: flex;
}

.gallery-section .gallery-section-projects .gallery-project .gallery-project-content {
  flex-direction: column;
  flex: 1 0 0;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  gap: 40px;
  padding: 16px 0;
  display: flex;
}

.gallery-section .gallery-section-projects .gallery-project .gallery-project-content .gallery-project-title, .gallery-section .gallery-section-projects .gallery-project .gallery-project-content .gallery-project-text {
  align-self: stretch;
}

.about-intro {
  background: var(--dark, #010326);
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
  padding: 80px 40px;
  display: flex;
}

.about-intro .about-intro-content {
  align-self: stretch;
  align-items: flex-start;
  gap: 40px;
  display: flex;
}

.about-intro .about-intro-content .about-intro-texts {
  flex-direction: column;
  flex: 1 0 0;
  align-items: flex-start;
  gap: 40px;
  display: flex;
}

.about-intro .about-intro-content .about-intro-texts .about-intro-title {
  text-align: start;
  align-self: stretch;
}

.about-intro .about-intro-content .about-intro-texts .about-intro-paragraph {
  align-self: stretch;
}

.about-intro .about-intro-content .about-intro-img {
  object-fit: cover;
  object-position: center;
  object-fit: cover;
  flex-shrink: 0;
  align-self: stretch;
  width: 25%;
}

.about-faq {
  align-self: stretch;
  align-items: center;
  gap: 10px;
  padding: 80px 40px;
  display: flex;
}

.about-faq .about-faq-content {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
  gap: 80px;
  display: flex;
}

.about-faq .about-faq-content .about-question {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
  gap: 24px;
  display: flex;
}

.about-faq .about-faq-content .about-question .about-question-title, .about-faq .about-faq-content .about-question .about-question-text {
  align-self: stretch;
}

.about-faq .about-faq-content .about-citation {
  justify-content: flex-end;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.contact {
  background: var(--dark, #010326);
  flex-direction: column;
  flex: 1 0 0;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  padding: 80px 40px;
  display: flex;
}

.contact .contact-content {
  justify-content: space-between;
  align-self: stretch;
  align-items: flex-end;
  padding: 80px;
  display: flex;
}

.contact .contact-content .contact-way {
  flex-direction: column;
  align-items: center;
  gap: 24px;
  display: flex;
}

.contact .contact-content .contact-way .contact-link:hover {
  text-decoration: underline;
}

.pres {
  background: var(--dark, #010326);
  align-self: stretch;
  align-items: center;
  padding: 80px 40px;
  display: flex;
}

.pres .pres-content {
  flex-direction: column;
  flex: 1 0 0;
  align-items: flex-start;
  gap: 80px;
  display: flex;
}

.pres .pres-content .pres-title, .pres .pres-content .pres-intro {
  align-self: stretch;
}

.pres .pres-content .pres-intro .pres-link {
  text-decoration: none;
}

.pres .pres-content .pres-intro .pres-link:hover {
  text-decoration: underline;
}

.pres .pres-content .pres-block {
  flex-direction: column;
  align-self: stretch;
  align-items: flex-start;
  gap: 40px;
  display: flex;
}

.pres .pres-content .pres-block .pres-subtitle, .pres .pres-content .pres-block .pres-text {
  align-self: stretch;
}

.pres .pres-content .pres-block .pres-vid {
  aspect-ratio: 16 / 9;
  border-radius: 40px;
  align-self: stretch;
  margin: 0 80px;
}

.pres .pres-content .pres-block .pres-pdf {
  aspect-ratio: 16 / 9;
  align-self: stretch;
  margin: 0 80px;
}

.pres .pres-content .pres-block .pres-button {
  border: 8px solid var(--white, #f2f2f2);
  border-radius: 40px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 24px 80px;
  text-decoration: none;
  display: flex;
}

.pres .pres-content .pres-block .pres-img {
  align-self: center;
  height: 90vh;
}

.pres .pres-content .pres-block .pres-button:hover .pres-button-text {
  text-decoration: underline;
}

.nomo-content {
  flex-direction: column;
  align-items: center;
  gap: 24px;
  padding: 80px 40px;
  display: flex;
}

.nomo-content .nomo-logo {
  aspect-ratio: 160 / 30.9;
  width: 160px;
  height: 30.903px;
}

.nomo-content .nomo-text {
  text-align: center;
}
/*# sourceMappingURL=index.b10d73a7.css.map */