@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

button,
input { /* 1 */
  overflow: visible;
}

button,
select { /* 1 */
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

html {
  font-size: 18px;
}

@font-face {
  font-family: "Favorit";
  src: url("fonts/Favorit-Medium.woff2") format("woff2"), url("fonts/Favorit-Medium.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Founders Grotesk";
  src: url("fonts/FoundersGrotesk-Light.woff2") format("woff2"), url("fonts/FoundersGrotesk-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  cursor: none;
}

:root {
  --brown: $color;
  --tablewidth: 50%;
  --aboutMenuTop: 47vw;
}

html {
  font-family: "Favorit", "sans-serif";
  color: black;
  padding: 0;
}

img {
  width: 100%;
}

picture {
  width: 100%;
}

li {
  list-style: none;
}

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

button {
  font: inherit;
  background: none;
  border: 0;
  color: black;
}

strong,
b {
  font-weight: 400;
}

small {
  font-size: inherit;
}

body.no-scroll {
  overflow: hidden;
}

.show-mobile {
  display: none;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}

body {
  margin: 0;
  font-family: "Favorit", sans-serif;
  background: white;
  color: #000;
  font-size: 14px;
  line-height: 1em;
  cursor: none;
}

.no-js {
  cursor: default;
}

.col-1 {
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
  box-sizing: border-box;
}

.col-2 {
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
  box-sizing: border-box;
}

.col-3 {
  flex-basis: 25%;
  max-width: 25%;
  box-sizing: border-box;
}

.col-4 {
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
  box-sizing: border-box;
}

.col-5 {
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
  box-sizing: border-box;
}

.col-6 {
  flex-basis: 50%;
  max-width: 50%;
  box-sizing: border-box;
}

.col-7 {
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
  box-sizing: border-box;
}

.col-8 {
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
  box-sizing: border-box;
}

.col-9 {
  flex-basis: 75%;
  max-width: 75%;
  box-sizing: border-box;
}

.col-10 {
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
  box-sizing: border-box;
}

.col-11 {
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
  box-sizing: border-box;
}

.col-12 {
  flex-basis: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.show-mobile {
  display: none;
}

.hide-mobile {
  display: block;
}

select {
  text-transform: none;
  text-shadow: none;
  border: none;
  background-color: white;
  color: #B2B2B2;
}

.select-inline {
  position: relative;
  display: inline-flex;
  align-items: baseline;
}

.select-inline .value {
  white-space: nowrap;
}

.select-inline .arrow {
  margin-left: 0.25ch;
  pointer-events: none;
}

.select-inline select {
  position: absolute;
  inset: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

header {
  justify-content: flex-start;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  mix-blend-mode: difference;
  background-color: transparent;
}
header ul {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  gap: 15px;
  margin-top: 0;
  padding: 0;
  width: auto;
  justify-content: flex-end;
  padding: 15px;
  box-sizing: border-box;
  right: 50%;
  position: absolute;
}
header ul li {
  font-size: 1em;
  cursor: pointer;
}
header ul li a {
  background: #7a7a7a;
  color: transparent;
  transition: all 0.1s ease-in-out;
  -webkit-background-clip: text;
  background-clip: text;
}
header ul li a span {
  background-color: inherit;
  -webkit-background-clip: text;
          background-clip: text;
}
header ul li.active a {
  background-color: white;
}
header ul li a:hover {
  background-color: white;
}
header ul li.lang {
  text-transform: uppercase;
}
header ul li.lang.active-lang a {
  background-color: white;
}
header ul li.languages {
  color: black;
  text-transform: uppercase;
}
header ul li.languages .active-lang {
  background-color: white;
}

.logos {
  width: 100%;
  height: 60vh;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.logos svg {
  height: 100%;
}

.logo-holder {
  padding: 15px;
  padding-bottom: 0;
  height: auto;
  will-change: transform;
  display: block;
  position: relative;
  mix-blend-mode: difference;
}
.logo-holder .logos-wrapper {
  width: 36vw;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  padding-right: 15px;
  max-height: 38vw;
}
.logo-holder .logos-wrapper svg {
  transition: fill 0.3s ease-in-out;
  fill: white;
}
.logo-holder .logos-wrapper .subtitle {
  transition: all 0.3s ease-in-out;
  color: white;
}
.logo-holder .page.project-open .logos .logo-holder-2 {
  width: 5%;
  flex-basis: 5%;
}
.logo-holder .page.project-open .logos .logo-1 {
  width: 3%;
  flex-basis: 3%;
}
.logo-holder a:hover .subtitle {
  color: black;
}

.logos-wrapper.is-hovered svg {
  fill: #505050;
}

.subtitle {
  position: absolute;
  bottom: 0;
  left: 15px;
}
.subtitle h1 {
  font-size: 1em;
  font-weight: 400;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
  background: white;
  color: transparent;
  transition: all 0.1s ease-in-out;
  -webkit-background-clip: text;
  background-clip: text;
}

.logo-holder-1 {
  position: relative;
  width: auto;
  height: 100%;
}

.logo-holder-2 {
  width: auto;
  height: 100%;
}

.logo-holder a.logo-link-1 {
  height: 50%;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.logo-holder a.logo-link-2 {
  height: 100%;
  padding-top: 2px;
  justify-content: flex-end;
  align-items: flex-start;
  position: relative;
  display: flex;
}

.logo-holder {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 20;
}

@media (max-width: 768px), (orientation: portrait) and (max-width: 1024px) {
  .logo {
    width: 100%;
    height: auto;
    position: relative;
  }
  .logo svg {
    fill: white;
    max-width: 100%;
    height: 100%;
    max-height: 40vh;
    -o-object-position: left center;
       object-position: left center;
  }
  .subtitle {
    background: white;
    bottom: 0;
    color: transparent;
    transition: all 0.1s ease-in-out;
    -webkit-background-clip: text;
    background-clip: text;
  }
  .logo-holder .logos-wrapper {
    width: 100%;
    height: 100%;
  }
  .logo-holder {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 10px;
  }
  .logo-holder a {
    width: 100%;
    display: block;
  }
  .bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: white;
    z-index: 15;
    display: block;
  }
  header {
    mix-blend-mode: normal;
    z-index: 1001;
  }
  header ul {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    gap: 10px;
    margin-top: 0;
    padding: 0;
    width: 100%;
    justify-content: flex-end;
    padding: 7px 15px;
    padding-top: 10px;
    padding-bottom: 5px;
    box-sizing: border-box;
    right: 0;
  }
  header ul li a:after {
    display: inline-block;
  }
  header ul li:first-of-type a {
    background: transparent;
    color: transparent;
  }
  header ul li a span {
    color: #999999;
    transition: all 0.1s ease-in-out;
    -webkit-background-clip: none;
    background-clip: none;
  }
  header ul li.active-grid a span {
    background: transparent;
    color: black;
    background-clip: none;
  }
  header ul li.languages {
    color: black;
    transform: uppercase;
  }
  header ul li.lang a:after {
    display: none;
  }
  header ul .show-sm {
    display: inline-block;
  }
  header ul .show-sm span {
    color: inherit;
  }
  .home-template header ul li a {
    background-color: transparent;
    color: black;
  }
  .home-template header ul li a.lang {
    background-color: transparent;
    color: #999999;
  }
  .home-template header ul li a.lang.active-lang {
    background-color: transparent;
    color: black;
  }
  .home-template header ul li.active-grid a span {
    background-color: transparent;
    color: black;
  }
  .home-template header ul li.active-grid a {
    background-color: transparent;
    color: transparent;
  }
  header ul li.active a {
    background-color: transparent;
    color: black;
  }
  header ul li a {
    background: transparent;
    color: #999999;
    transition: all 0.1s ease-in-out;
    -webkit-background-clip: none;
    background-clip: none;
  }
  .logo.hidden {
    visibility: hidden;
    opacity: 0;
  }
  header ul li.languages .active-lang {
    background-color: white;
    color: black;
  }
}
.index-view {
  display: none;
}

.home-template .page {
  padding-top: 0;
  overflow: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
}
.home-template .menu {
  opacity: 0;
}

.top-section {
  position: fixed;
  top: 0;
  width: 100%;
  padding: 0;
  z-index: 1000;
}
.top-section .logo {
  position: absolute;
  top: 0px;
  left: 0;
  padding: 15px;
  padding-top: 12px;
}
.top-section .logo svg {
  fill: black;
}

.row-button.row.hide-sm-flex.without-conclusion {
  margin-top: 1em;
}

@media (max-width: 1024px) {
  :root {
    --tablewidth: 75%;
  }
}
.about-template .page,
.actuality-template .page,
.contact-template .page {
  padding-top: 25em;
  height: 100dvh;
  overflow: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
}
.about-template .about-gallery,
.actuality-template .about-gallery,
.contact-template .about-gallery {
  width: 50%;
  height: calc(100% - 15vw);
  position: fixed;
  right: 0;
  bottom: 0;
  padding-left: 15px;
  z-index: 10;
}
.about-template .about-gallery img,
.actuality-template .about-gallery img,
.contact-template .about-gallery img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom right;
     object-position: bottom right;
  filter: grayscale(100%) contrast(0.05) brightness(1.85);
}
.about-template .about-gallery .img-wrapper.is-active img,
.actuality-template .about-gallery .img-wrapper.is-active img,
.contact-template .about-gallery .img-wrapper.is-active img {
  filter: none;
}
.about-template .about-gallery .gallery-images,
.actuality-template .about-gallery .gallery-images,
.contact-template .about-gallery .gallery-images {
  height: 100%;
}
.about-template .about-gallery .gallery-images .img-wrapper,
.actuality-template .about-gallery .gallery-images .img-wrapper,
.contact-template .about-gallery .gallery-images .img-wrapper {
  opacity: 0;
}
.about-template .about-gallery .gallery-images .img-wrapper:nth-of-type(3n),
.actuality-template .about-gallery .gallery-images .img-wrapper:nth-of-type(3n),
.contact-template .about-gallery .gallery-images .img-wrapper:nth-of-type(3n) {
  padding-top: 1%;
}
.about-template .about-gallery .gallery-images .img-wrapper:nth-of-type(2n),
.actuality-template .about-gallery .gallery-images .img-wrapper:nth-of-type(2n),
.contact-template .about-gallery .gallery-images .img-wrapper:nth-of-type(2n) {
  padding-left: 15px;
  padding-top: 2%;
}
.about-template .about-gallery .gallery-images .img-wrapper:nth-of-type(1),
.actuality-template .about-gallery .gallery-images .img-wrapper:nth-of-type(1),
.contact-template .about-gallery .gallery-images .img-wrapper:nth-of-type(1) {
  padding-left: 30px;
  padding-top: 5%;
}
.about-template .about-gallery .gallery-images.loaded .img-wrapper,
.actuality-template .about-gallery .gallery-images.loaded .img-wrapper,
.contact-template .about-gallery .gallery-images.loaded .img-wrapper {
  opacity: 1;
}
.about-template header ul,
.actuality-template header ul,
.contact-template header ul {
  width: 50%;
}
.about-template .show-0,
.about-template .show-1,
.about-template .show-2,
.actuality-template .show-0,
.actuality-template .show-1,
.actuality-template .show-2,
.contact-template .show-0,
.contact-template .show-1,
.contact-template .show-2 {
  opacity: 0;
}

.about-gallery {
  position: relative;
}

.about-gallery.has-portrait .gallery-images .img-wrapper img,
.about-gallery.has-portrait .gallery-images .img-wrapper.is-active img {
  filter: grayscale(100%) contrast(0.05) brightness(1.85);
}

.about-template .about-gallery .portrait-overlay {
  width: 50%;
  height: calc(100% - 15vw);
  position: fixed;
  right: 0;
  bottom: 0;
  padding-left: 15px;
  z-index: 10;
}
.about-template .about-gallery .portrait-overlay img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom right;
     object-position: bottom right;
  filter: none;
}

.about-menu {
  position: fixed;
  top: 28vh;
  margin-top: 10px;
  left: 0;
  width: 50%;
  padding: 15px;
  display: flex;
  justify-content: space-between;
  z-index: 40;
}
.about-menu button {
  color: black;
  transition: all 0.3s ease;
  opacity: 0;
}
.about-menu button.active {
  color: black;
}
.about-menu.active-menu button, .about-menu.hovered button {
  color: #999999;
}
.about-menu.active-menu button.active,
.about-menu.active-menu button:hover, .about-menu.hovered button.active,
.about-menu.hovered button:hover {
  color: black;
}

.section-about {
  padding: 15px;
  width: 100%;
}
.section-about p {
  line-height: 1.1em;
}
.section-about p + p {
  margin-top: 15px;
}
.section-about .intro {
  margin-bottom: 15px;
}

.section-bio {
  width: 100%;
  grid-template-columns: 200px 1fr;
  display: grid;
}

.about-left {
  position: relative;
  z-index: 1000;
}

.row-about {
  max-height: 100%;
}
.row-about .col-6 {
  max-height: 100%;
  overflow: auto;
}

.item-about {
  display: grid;
  grid-template-columns: 150px 1fr;
  grid-gap: 15px;
}
.item-about h3 {
  font-weight: normal;
  font-size: 1em;
}
.item-about + .item-about {
  margin-top: 15px;
}

.partners-intro {
  margin-bottom: 15px;
}

.partners-section ul {
  list-style: none;
  padding-left: 0;
}
.partners-section .item-about {
  grid-template-columns: 200px 1fr;
}

.accordion-header {
  color: black;
  text-align: left;
}

.accordion-content {
  overflow: hidden;
  transition: max-height 0.3s ease;
  max-height: 0;
}

.collaborators-section .item-about + .item-about {
  margin-top: 0;
}
.collaborators-section .collaborators-header {
  display: grid;
  margin-bottom: 15px;
  grid-gap: 15px;
}
.collaborators-section .item-about,
.collaborators-section .collaborators-header {
  grid-template-columns: 200px 1fr;
  align-items: start;
  transition: color 0.3s ease;
}
.collaborators-section.has-open .item-about,
.collaborators-section.has-open .item-about button {
  color: #b3b2b2;
}
.collaborators-section.has-open .item-about.active,
.collaborators-section.has-open .item-about.active button {
  color: black;
}

.news-section .item-about {
  display: grid;
  grid-template-columns: 0.5fr 1fr;
  width: 100%;
  grid-gap: 15px;
}

.publications-header {
  display: grid;
  grid-template-columns: 0.5fr 1fr 89px;
  grid-gap: 15px;
  margin-bottom: 15px;
}

.item-publication {
  width: 100%;
}
.item-publication a {
  display: flex;
  width: 100%;
  transition: all 0.3s ease;
}
.item-publication a:hover {
  color: black;
}
.item-publication a .publi-date {
  display: flex;
  justify-content: space-between;
}
.item-publication a .publi-date .arrow {
  margin-left: 15px;
}
.item-publication h3 {
  font-weight: normal;
  font-size: 1em;
  margin: 0;
}

.publication-content {
  display: grid;
  grid-template-columns: 0.5fr 1fr 89px;
  width: 100%;
  grid-gap: 15px;
}

.publications-content:hover .item-publication a {
  color: #7a7a7a;
}
.publications-content:hover .item-publication:hover a {
  color: black;
}

.contact-template .page {
  padding-top: 21vw;
  height: 100dvh;
  overflow: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  overflow: auto;
}
.contact-template .logo-holder {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 20;
}
.contact-template .row-contact .show-0,
.contact-template .row-contact .show-1,
.contact-template .row-contact .show-2 {
  opacity: 0;
}
.contact-template .col-contact {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr 80px;
  grid-gap: 15px;
  padding: 15px;
  align-items: end;
}
.contact-template .cover-contact {
  width: 50%;
  height: calc(100% - 20vw);
  position: fixed;
  right: 0;
  bottom: 0;
  padding-left: 15px;
  z-index: 10;
  opacity: 0;
}
.contact-template .cover-contact img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom right;
     object-position: bottom right;
}

.about-gallery.col-6 {
  overflow: hidden;
}

.section-about.collaborators-section .intro {
  margin-bottom: 0;
  margin-top: 1em;
}

@media screen and (max-width: 768px), (orientation: portrait) and (max-width: 1024px) {
  .about-template .page,
  .actuality-template .page {
    padding-top: 50dvh;
    height: auto;
    overflow: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
  }
  .about-template .about-gallery,
  .actuality-template .about-gallery {
    width: 100%;
    height: auto;
    position: static;
    right: 0;
    bottom: 0;
    padding-left: 15px;
    z-index: 10;
  }
  .about-template .about-gallery img,
  .actuality-template .about-gallery img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: bottom right;
       object-position: bottom right;
  }
  .about-template .about-gallery .gallery-images,
  .actuality-template .about-gallery .gallery-images {
    height: 100%;
  }
  .about-template header ul,
  .actuality-template header ul {
    width: 100%;
  }
  .about-menu {
    position: absolute;
    top: var(--aboutMenuTop);
    margin-top: 31px;
    left: 0;
    width: 50%;
    padding: 0 15px;
    display: flex;
    z-index: 1001;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
  }
  .about-menu button {
    margin-bottom: 3px;
  }
  .about-menu button:last-of-type {
    margin-bottom: 0;
  }
  .col-sm-12 {
    width: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .row-about {
    display: flex;
    flex-direction: column;
  }
  .item-about {
    display: grid;
    grid-template-columns: 100px 1fr;
    grid-gap: 5px;
  }
  .partners-section .item-about {
    grid-template-columns: 100px 1fr;
  }
  .section-bio {
    width: 100%;
    grid-template-columns: 100px 1fr;
    display: grid;
  }
  .cover-mobile,
  .portrait-mobile {
    padding: 15px;
  }
  .contact-template .cover-contact {
    position: static;
    height: auto;
    width: 100%;
    padding-right: 15px;
    padding-bottom: 15px;
    flex-basis: auto;
    margin-top: 30px;
  }
  .contact-template .cover-contact img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .col-6.col-sm-12.col-contact {
    display: block;
    flex-basis: auto;
    padding-top: 0;
  }
  .col-6.col-sm-12.col-contact div + div {
    margin-top: 15px;
  }
  .row-contact {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    display: flex;
    flex-direction: column-reverse;
  }
  .contact-template .page {
    height: auto;
    min-height: 100dvh;
    padding-top: 74vw;
  }
  .contact-section .row {
    align-items: flex-end;
  }
  .collaborators-section .item-about,
  .collaborators-section .collaborators-header {
    grid-template-columns: 140px 1fr;
    align-items: start;
  }
}
.page {
  min-height: 100dvh;
  padding: 0;
}

.presentation p {
  margin: 0;
  padding: 0;
  font-size: 1em;
  line-height: 1em;
  letter-spacing: -0.025em;
}

#cursor {
  z-index: 9999;
  position: fixed;
  display: block;
  width: 17px;
  height: 17px;
  margin-top: 0px;
  margin-left: 0px;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3E%3Ccircle fill='%23fff' cx='12.5' cy='12.5' r='12.5'/%3E%3C/svg%3E");
  mix-blend-mode: difference;
  border-radius: 50%;
  transition: transform 0.2s;
  overflow: visible;
}
#cursor.right {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Calque_1' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 32 32'%3E%3C!-- Generator: Adobe Illustrator 29.1.0, SVG Export Plug-In . SVG Version: 2.1.0 Build 142) --%3E%3Cdefs%3E%3Cstyle%3E .st0 %7B fill: none; stroke: %23fff; stroke-miterlimit: 10; %7D %3C/style%3E%3C/defs%3E%3Ccircle cx='16' cy='16' r='16'/%3E%3Cline class='st0' x1='7.8' y1='16' x2='23.9' y2='16'/%3E%3Cpolyline class='st0' points='16 7.8 24.2 16 16 24.2'/%3E%3C/svg%3E");
  transform: scale(1.88);
  filter: invert(100%);
}
#cursor.hover {
  transform: scale(1.88);
}

section.table-projets {
  padding: 0;
  height: 100%;
}

.table-header,
.info-row {
  padding: 0 15px;
}

.table-header {
  margin-top: 68vh;
}

div#projects-table {
  height: 100%;
}

.project-table {
  padding-bottom: 15px;
  height: 100%;
  overflow: auto;
  width: var(--tablewidth);
}

.row {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.cell {
  padding: 0;
  line-height: 1.2em;
}

.cover-project {
  position: fixed;
  right: 0;
  width: calc(100% - var(--tablewidth));
  box-sizing: border-box;
  padding: 0;
  padding-left: 15px;
  line-height: 1;
  top: 0;
  bottom: 0;
}
.cover-project img {
  width: 100%;
  height: 100%;
  line-height: 0;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom right;
     object-position: bottom right;
}

.scroll-wrapper {
  overflow: hidden;
  white-space: nowrap;
}

.scroll-inner {
  display: inline-block;
  will-change: transform;
}

.header-row {
  margin-bottom: 1em;
}
.header-row .cell {
  transition: color 0.1s linear;
  opacity: 0;
}
.header-row .cell:hover {
  color: black;
}

.cell .arrow {
  display: none;
}

.cell.active .arrow {
  display: inline-block;
  margin-left: 0;
  font-size: 0.8rem;
}

.info-row.hide-sm,
.header-row {
  display: grid;
  grid-template-columns: 0.5fr 1fr 1.5fr 1fr 0.5fr 0.5fr;
  grid-template-areas: "date location title profile area status ";
  gap: 15px;
}

.cell.date {
  grid-area: date;
}

.cell.title {
  grid-area: title;
}

.cell.status {
  grid-area: status;
}

.cell.profile {
  grid-area: profile;
}

.cell.location {
  grid-area: location;
}

.cell.area {
  grid-area: area;
}

.details .col-6:first-of-type {
  padding: 0 15px;
  padding-left: 18px;
  padding-right: 0;
}

.row-cols .col-6:first-of-type {
  padding-right: 10px;
}

.row-cols .col-6:last-of-type {
  padding-left: 6px;
}

.col-6.col-text {
  width: 40%;
  flex-basis: 40%;
  margin-left: calc(60% - 18px);
  max-height: 75vh;
  overflow: auto;
}

.cell {
  overflow: hidden;
  border-top: 1px solid #ddd;
  padding-top: 2px;
}

.header-row .cell {
  border-top: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.project-row {
  cursor: pointer;
}
.project-row:hover {
  color: black;
}

.project-row.expanded {
  flex-direction: column;
}
.project-row.expanded .info-row {
  color: black;
}
.project-row.expanded:hover {
  color: black;
}

.row-details {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding-bottom: 6px;
}

.row-cols {
  margin-top: 15px;
  margin-left: -7px;
  margin-right: -7px;
}
.row-cols .col-6:first-of-type {
  padding-left: 10px;
}
.row-cols .col-3 {
  padding-left: 7px;
  padding-right: 7px;
}

.gallery {
  height: 100%;
  flex: 1;
  padding-right: 7.5px;
  position: absolute;
  left: 0;
  width: 50%;
}
.gallery img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top left;
     object-position: top left;
}

.img-wrapper {
  position: absolute;
  top: unset;
  left: 0;
  transition: z-index 0.3s;
  cursor: pointer;
  width: 100%;
  height: 100%;
  bottom: 0;
}

.gallery {
  display: flex;
  height: 100%;
  z-index: 100;
}
.gallery.stacked {
  width: calc(60% - 18px);
}
.gallery.grid {
  width: 100%;
  height: auto;
  z-index: 10000;
  bottom: 0;
  top: unset;
}

.gallery-images {
  position: relative;
  width: 100%;
  height: 100%;
}

.gallery.stacked .gallery-images {
  position: relative;
  width: 100%;
}

.stacked .img-wrapper {
  position: absolute;
  top: 0;
  left: 0;
}
.stacked .img-wrapper:nth-of-type(3n) {
  width: 90%;
}
.stacked .img-wrapper:nth-of-type(4n) {
  width: 97%;
}
.stacked .img-wrapper:nth-of-type(2n) {
  width: 95%;
}
.stacked .img-wrapper img {
  filter: grayscale(100%) contrast(0.05) brightness(1.85);
}
.stacked .img-wrapper.is-front img {
  opacity: 1;
  filter: grayscale(0%);
}

.img-wrapper.placeholder {
  background: repeating-linear-gradient(-45deg, #eee, #eee 10px, #f6f6f6 10px, #f6f6f6 20px);
  border: 1px dashed #ddd;
  /* même ratio que tes images (ajuste si besoin) */
  aspect-ratio: 4/3;
  width: 100%;
}

.grid .gallery-images {
  display: flex;
  height: auto;
  gap: 7px;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  flex-direction: row-reverse;
}
.grid .gallery-images .img-wrapper {
  position: relative;
  width: 100%;
  height: auto;
  max-height: 100%;
  opacity: 1;
  filter: none;
  max-width: 18vw;
}
.grid .gallery-images .img-wrapper img {
  -o-object-fit: unset;
     object-fit: unset;
  width: 100%;
  height: auto;
}
.grid .gallery-images .img-wrapper.portrait {
  max-width: 12vw;
}

.gallery.grid:not(.is-animating) .gallery-images .img-wrapper {
  transition: all 0.3s ease-in-out;
}
.gallery.grid:not(.is-animating) .gallery-images .img-wrapper:hover {
  width: 180%;
  max-width: 32vw;
}
.gallery.grid:not(.is-animating) .gallery-images .img-wrapper.portrait:hover {
  width: 120%;
  max-width: 24vw;
}

.gallery-placeholder {
  display: flex;
  height: auto;
  gap: 7px;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  z-index: -1;
  position: relative;
}

.img-placeholder {
  flex: 1 1 0;
  height: auto;
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  background: white;
}

.img-placeholder .skeleton {
  position: absolute;
  inset: 0;
  background: transparent;
}

.project-details {
  overflow: hidden;
  height: auto;
  max-height: 0;
  position: relative;
}
.project-details .row.details {
  height: 100%;
  flex-wrap: wrap;
  position: relative;
}
.project-details button.layout-toggle {
  color: black;
  border: 1px solid #ddd;
  padding: 4px 8px;
  border-radius: 40px;
  padding-top: 6px;
  transition: color 0.1s ease-in-out;
  margin-top: 1em;
  cursor: pointer;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-bottom: 2em;
}
.project-details button.layout-toggle:hover {
  background-color: black;
  color: white;
  border-color: black;
}

button.rotate-hint {
  position: absolute;
  z-index: 1000;
  top: 50%;
  right: 10px;
  transform: translate(0, -50%);
  z-index: 10000;
  mix-blend-mode: difference;
}
button.rotate-hint svg {
  stroke: white;
}

.project-opened .project-row .info-row {
  color: #999999;
}

.project-opened .project-row .info-row:hover {
  color: black;
}

.project-opened .project-row.expanded .info-row {
  color: black;
}

.project-row.expanded .cell {
  border-top: 1px solid black;
}

.project-row.expanded + .project-row .cell {
  border-top: 1px solid black;
}

.info-row .cell {
  opacity: 0;
}

.cover-project.hide {
  display: none !important;
}

.col-text {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding-left: 7px;
  padding-right: 15px;
  margin-left: 50%;
  min-height: 30vw;
}
.col-text p {
  display: block;
  line-height: 1;
}
.col-text .title,
.col-text .intro {
  padding-left: 1.5em;
  color: #999999;
  line-height: 1em;
}
.col-text h2 {
  font-weight: normal;
  font-size: 22px;
  margin: 0;
  color: black;
}
.col-text .presentation p:first-of-type {
  text-indent: 1.5em;
}

.big-text {
  font-size: 22px;
  line-height: 1.1em;
}

.presentation-block {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-top: 1px solid #ddd;
  padding-top: 2px;
  padding-bottom: 1px;
}
.presentation-block h3 {
  color: #999999;
  font-size: 1em;
  font-weight: normal;
  line-height: 1.2em;
}
.presentation-block div p {
  line-height: 1.2em;
}
.presentation-block:last-of-type {
  border-bottom: 1px solid #ddd;
}

.scroll-wrapper {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.scroll-inner {
  display: inline-block;
  white-space: nowrap;
  will-change: transform;
}

.projects-rows .project-row {
  transition: color 0.3s ease-in-out;
}

.projects-rows:hover .project-row,
.projects-rows.dim-others .project-row {
  color: #999999;
}
.projects-rows:hover .project-row:hover, .projects-rows:hover .project-row.is-active,
.projects-rows.dim-others .project-row:hover,
.projects-rows.dim-others .project-row.is-active {
  color: black;
}
.projects-rows:hover .project-row .presentation.big-text,
.projects-rows.dim-others .project-row .presentation.big-text {
  color: black;
}
.projects-rows:hover .project-row .presentation-block p,
.projects-rows.dim-others .project-row .presentation-block p {
  color: black;
}

.show-1,
.show-2,
.show-3,
.show-4 {
  opacity: 0;
}

.conclusion {
  margin-bottom: 3px;
  padding-top: 0.5em;
}

.row-button {
  display: flex;
  justify-content: flex-end;
}

.project-table {
  margin-bottom: 0;
}

.project-row:last-of-type .cell {
  border-bottom: 1px solid #ddd;
}

.project-row.expanded .cell {
  border-bottom: none;
}

.grid-section {
  position: fixed;
  width: calc(100% - var(--tablewidth));
  right: 0;
  top: 0;
  overflow: auto;
  height: 100dvh;
  padding-right: 15px;
  z-index: 100;
}
.grid-section .cover-item img {
  filter: grayscale(100%) contrast(0.2) brightness(1.7);
}
.grid-section .cover-item .place {
  opacity: 0;
  text-align: right;
}
.grid-section .cover-item:hover .place {
  opacity: 1;
}
.grid-section .cover-item .caption .profil {
  text-align: right;
}
.grid-section .grid-header {
  position: fixed;
  width: calc(100% - var(--tablewidth));
  right: 0;
  top: 0;
  padding: 15px;
  z-index: 10003;
  display: flex;
  align-items: center;
  justify-content: center;
}

.grid-covers {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 15px;
  right: 0;
  margin-top: 15px;
}

.cover-item .caption {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 5px 0;
  padding-top: 2px;
}
.cover-item .caption h3 {
  font-size: 1em;
  font-weight: normal;
}
.cover-item .caption .profil {
  color: #999999;
}
.cover-item img {
  transition: all 0.3s ease-in-out;
  height: auto;
  background-color: #e0e0e0;
}

.grid-hovered .cover-item img {
  filter: grayscale(100%) contrast(0.2) brightness(1.7);
}
.grid-hovered .cover-item:hover img {
  filter: grayscale(0%) contrast(1) brightness(1);
}

.cell.active .arrow {
  transform: rotate(0deg);
  opacity: 1;
}

.cell.active.reverse .arrow {
  transform: rotate(180deg);
}

@media screen and (min-width: 768px) and (orientation: landscape) {
  .col-text .title {
    margin-top: 19px;
  }
  .info-row.hide-sm {
    display: grid;
  }
}
.animation-played .projects-rows {
  z-index: 10;
  position: relative;
}

@media screen and (max-width: 1280px) and (min-width: 769px) {
  .grid-covers {
    display: flex;
    flex-direction: column;
    margin-top: 15px;
  }
  .grid-covers .cover-item img {
    filter: none;
  }
  .info-row.hide-sm,
  .header-row {
    display: grid;
    grid-template-columns: 0.5fr 1fr 1.5fr 1fr 0.5fr 0.5fr;
    grid-template-areas: "date location title profile area status ";
    gap: 10px;
  }
  .gallery.stacked {
    width: 60%;
    padding-right: 12px;
  }
  .table-header {
    margin-top: min(62vh, 35vw);
  }
}
@media screen and (max-width: 768px), (orientation: portrait) and (max-width: 1024px) {
  #cursor {
    display: none !important;
  }
  .home-template .page {
    height: auto;
    overflow: auto;
    margin-top: 50dvh;
    height: 50dvh;
    min-height: 0;
  }
  .home-template .page.grid-view,
  .home-template .page.expanded-view {
    margin-top: 60px;
    height: auto;
    padding-top: 50dvh;
    overflow: hidden;
  }
  .home-template .page.grid-view .top-section,
  .home-template .page.expanded-view .top-section {
    mix-blend-mode: difference;
    z-index: 1000;
  }
  .home-template .page.grid-view .logo,
  .home-template .page.expanded-view .logo {
    transition: width 0.3s ease-in-out;
    padding: 0;
    z-index: 10000;
  }
  .home-template .page.grid-view .logo svg,
  .home-template .page.expanded-view .logo svg {
    fill: white;
  }
  .home-template .page.expanded-view {
    padding-top: 50dvh;
  }
  .home-template .page.expanded-view .top-section {
    mix-blend-mode: difference;
  }
  .home-template .page.expanded-view .table-header-mobile.show-sm {
    position: absolute;
    z-index: 10;
  }
  .home-template .page.expanded-view .logo svg {
    fill: white;
  }
  .project-table {
    padding-bottom: 15px;
    height: auto;
    width: 100%;
    touch-action: pan-y;
  }
  .project-table,
  .project-table .table-track {
    padding-left: 0;
    width: 100%;
  }
  .table-track {
    will-change: transform;
    padding-left: 0;
  }
  .grid-header.hide-sm {
    display: none;
  }
  .info-row,
  .header-row {
    display: grid;
    grid-template-columns: 55vw 45vw 45vw 45vw 45vw 45vw;
    grid-template-areas: "title location date profile status area";
    gap: 0;
    padding: 0;
  }
  .info-row .cell,
  .header-row .cell {
    padding: 4px 15px;
    position: relative;
    padding-bottom: 1px;
  }
  .header-row .cell {
    padding: 0 15px;
  }
  .header-row {
    margin-bottom: 10px;
  }
  .table-header {
    padding: 0;
  }
  .project-row .cell {
    padding: 4px 0;
    position: relative;
  }
  .home-template .page {
    display: block;
  }
  .table-header {
    margin-top: 0;
  }
  section.table-projets {
    padding: 0;
    height: auto;
  }
  .gallery {
    height: 65vw;
    flex: none;
    padding-right: 0;
    padding-left: 0;
    position: static;
    left: 0;
    width: 100%;
    margin-top: 9px;
    margin-bottom: 11px;
  }
  .gallery.stacked {
    width: 100%;
    height: 65vw;
  }
  .gallery.grid {
    width: auto;
    height: 65vw;
    overflow-x: auto;
    width: 100%;
    overflow-y: hidden;
  }
  .grid .gallery-images .img-wrapper {
    height: 50%;
    width: auto;
  }
  .grid .gallery-images .img-wrapper img {
    height: 100%;
    width: auto;
  }
  .col-6.col-text {
    width: 100%;
  }
  .big-text {
    font-size: 1em;
    line-height: 1.1em;
  }
  .col-text .title,
  .col-text .intro {
    padding-left: 0;
    color: #999999;
    line-height: 1em;
  }
  .col-text h2 {
    font-weight: normal;
    font-size: 1em;
    margin: 0;
    color: black;
  }
  .col-text.col-6 {
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: space-between;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    min-height: -moz-fit-content;
    min-height: fit-content;
    width: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .project-details .row.details {
    height: auto;
    flex-wrap: wrap;
    position: relative;
  }
  .project-details {
    display: flex;
    flex-direction: column-reverse;
  }
  .presentation-block {
    display: block;
    grid-template-columns: 1fr 1fr;
    border-top: 1px solid #ddd;
    padding-top: 2px;
    padding-bottom: 5px;
  }
  .row-cols {
    margin-top: 15px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 8px;
    padding-right: 8px;
  }
  .row-cols .col-6 {
    padding-right: 7px;
    padding-left: 7px;
  }
  .info-mobile {
    margin-bottom: 7px;
  }
  .conclusion {
    margin-top: 7px;
    font-size: 1em;
    line-height: 1em;
    letter-spacing: -0.025em;
  }
  .gallery {
    overflow-y: visible;
  }
  .gallery-images.grid {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    touch-action: pan-x;
  }
  .gallery-images.grid .img-wrapper {
    position: relative;
    width: auto;
    height: 50%;
    max-height: 100%;
    opacity: 1;
    filter: none;
  }
  .gallery-images.grid .img-wrapper img {
    -o-object-fit: unset;
    object-fit: unset;
    width: auto;
    height: 100%;
  }
  .project-details {
    position: sticky;
    left: 0;
  }
  .gallery.stacked {
    padding-right: 0;
  }
  .presentation-block div p {
    line-height: 1em;
    letter-spacing: -0.025em;
    font-size: 1em;
  }
  .details-layer {
    position: sticky;
    /* ou 'fixed' si tu veux une vraie overlay */
    top: 0;
    left: 0;
    z-index: 40;
  }
  .grid-section-mobile {
    position: static;
    width: 100%;
    right: 0;
    top: 0;
    overflow: hidden;
    height: auto;
    max-width: 100%;
    z-index: 100;
    padding: 0px 4px;
    margin-bottom: 30px;
  }
  .grid-section-mobile .grid-covers {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 15px 4px;
    right: 0;
  }
  .grid-section-mobile .grid-covers img {
    filter: none;
  }
  .cover-item .caption {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0px 0;
    align-items: flex-start;
    text-align: left;
  }
  .cover-item .caption .profil {
    text-align: left;
  }
  .grid-section .cover-item .place {
    opacity: 1;
    text-align: left;
  }
  .grid-section .cover-item .caption .profil {
    text-align: left;
  }
  .row .cell.title {
    position: relative;
    z-index: 3;
    background: var(--bg, white);
  }
  .project-table .row {
    position: relative;
  }
  .project-table .row.show-sm {
    position: relative;
    position: relative;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: none;
    padding-left: 15px;
    padding-right: 15px;
  }
  .table-track {
    position: relative;
    z-index: 1;
  }
  .table-track {
    will-change: transform;
  }
  .row .grey {
    color: #686868;
  }
  .info-row div {
    display: inline;
  }
  .table-header-mobile.show-sm {
    position: fixed;
    background-color: white;
    width: 100%;
    padding: 5px 15px;
    z-index: 1000;
    display: flex;
    justify-content: flex-end;
    color: #B2B2B2;
  }
  .table-header-mobile.show-sm .holder-select {
    width: 50%;
    padding-left: 4px;
  }
  .info-row.hide-sm,
  .header-row.hide-sm {
    display: none;
  }
  .projects-rows {
    margin-top: 33px;
    padding-bottom: calc(50dvh - 7em);
  }
  .projects-rows .location-mobile {
    display: block;
  }
  .logo-mobile-1 {
    position: relative;
  }
  .cover-project-mobile {
    position: absolute;
    top: 26%;
    width: calc(100% - 70px);
    height: calc(50dvh - 28vw);
    left: 15px;
  }
  .cover-project-mobile img {
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: top left;
       object-position: top left;
    width: 100%;
    height: 100%;
  }
  #projects-table.dim-others .project-row {
    color: rgba(153, 153, 153, 0.6);
  }
  #projects-table.dim-others .project-row.is-active {
    color: black;
  }
  .project-row {
    cursor: pointer;
  }
  .project-row:hover {
    color: black;
  }
  .project-row.expanded {
    flex-direction: column;
  }
  .project-row.expanded .info-row {
    color: black;
  }
  .project-row.expanded:hover {
    color: black;
  }
  .nowrap {
    white-space: nowrap;
  }
  .stacked .img-wrapper {
    position: absolute;
    top: 0;
    left: 0;
  }
  .stacked .img-wrapper:nth-of-type(3n) {
    width: 100%;
  }
  .stacked .img-wrapper:nth-of-type(4n) {
    width: 100%;
  }
  .stacked .img-wrapper:nth-of-type(2n) {
    width: 100%;
  }
  .stacked .img-wrapper img {
    filter: grayscale(100%) contrast(0.05) brightness(1.85);
  }
  .grid .gallery-images .img-wrapper {
    max-width: none;
  }
  .grid .gallery-images .img-wrapper.portrait {
    max-width: none;
  }
  .grid .gallery-images {
    touch-action: auto !important;
  }
}
.show-md {
  display: none;
}

.hide-md {
  display: block;
}

.hide-md-flex {
  display: flex;
}

.show-md-flex {
  display: none;
}

.show-sm {
  display: none;
}

.hide-sm {
  display: block;
}

.hide-sm-flex {
  display: flex;
}

.show-sm-flex {
  display: none;
}

@media screen and (max-width: 1280px) {
  :root {
    --tablewidth: 66.666%;
  }
  body {
    font-size: 14px;
  }
  .project-table {
    width: var(--tablewidth);
  }
  .logos {
    height: 60vh;
    max-height: 34vw;
  }
  .big-text {
    font-size: 14px;
    line-height: 1.1em;
  }
  .logo.logo-mobile-1.show-sm {
    position: relative;
  }
  .col-text h2 {
    font-size: 14px;
  }
  .col-text p {
    display: block;
    line-height: 1.1em;
  }
  .presentation-block div p {
    line-height: 1.1em;
  }
}
@media screen and (max-width: 1360px) and (min-width: 768px) {
  .show-md {
    display: block;
  }
  .show-md-flex {
    display: flex;
  }
  .hide-md,
  .hide-md-flex {
    display: none;
  }
}
@media screen and (max-width: 768px), (orientation: portrait) and (max-width: 1024px) {
  :root {
    --tablewidth: 100%;
  }
  .show-sm {
    display: block;
  }
  .hide-sm {
    display: none;
  }
  .show-sm-flex {
    display: flex;
  }
  .hide-sm-flex {
    display: none;
  }
}/*# sourceMappingURL=index.css.map */