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

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

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

* {
  box-sizing: border-box;
}

.responsive {
  width: 100%;
}

img.lazy {
  opacity: 0;
}

img:not(.initial) {
  transition: opacity 1s;
}

img.initial,
img.loaded,
img.error {
  opacity: 1;
  transition: opacity 1s;
}

img:not([src]) {
  visibility: hidden;
}

html,
body {
  scroll-behavior: smooth;
}

body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #f9f9f9;
  color: #0a0a0a;
  font-family: "SRegular", Helvetica, sans-serif;
  scroll-behavior: smooth;
  overscroll-behavior-y: none;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  user-select: none;
  -webkit-user-select: none;
  overflow-x: hidden;
  -webkit-tap-highlight-color: transparent;
}

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

body::-webkit-scrollbar-track {
  background: transparent;
}

body::-webkit-scrollbar-thumb {
  background: transparent;
}

body::-webkit-scrollbar-thumb:hover {
  background: transparent;
}

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

.scrollbar-hidden {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

a {
  color: #848484;
  text-decoration: none;
  transition: color 0.3s linear;
}

a:hover {
  color: #0a0a0a;
  text-decoration: none;
  transition: color 0.3s linear;
}

a.active {
  color: #0a0a0a;
  text-decoration: none;
}

::-moz-selection {
  color: #0a0a0a;
  background: #848484;
}

::selection {
  color: #0a0a0a;
  background: #848484;
}

.cursor {
  position: absolute;
  background: #000;
  width: 14px;
  height: 14px;
  border-radius: 100%;
  z-index: 999;
  transition: 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -1.27, 0.3, 2.33) opacity;
  user-select: none;
  pointer-events: none;
}

.cursor-follower {
  position: absolute;
  z-index: 999;
  transition: 0s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0s cubic-bezier(0.75, -1.27, 0.3, 2.33) opacity;
  user-select: none;
  pointer-events: none;
  opacity: 0;
}

/* MARGINS AND ALIGN-SELF SETTINGS *******************************************************/

.ml-1 {
  margin-left: 8.33%;
}

.ml-2 {
  margin-left: 16.66%;
}

.ml-3 {
  margin-left: 25%;
}

.ml-4 {
  margin-left: 33.33%;
}

.ml-5 {
  margin-left: 41.66%;
}

.ml-6 {
  margin-left: 50%;
}

.ml-7 {
  margin-left: 58.33%;
}

.ml-8 {
  margin-left: 66.66%;
}

.mr-1 {
  margin-right: 8.33%;
}

.mr-2 {
  margin-right: 16.66%;
}

.mr-3 {
  margin-right: 25%;
}

.mr-4 {
  margin-right: 33.33%;
}

.mr-5 {
  margin-right: 41.66%;
}

.mr-6 {
  margin-right: 50%;
}

.mr-7 {
  margin-right: 58.33%;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-1 {
  margin-bottom: 19.53%;
}

.mb-2 {
  margin-bottom: 29.29%;
}

.mb--1 {
  margin-bottom: -16.53%;
}

.mb--2 {
  margin-bottom: -19.53%;
}

.mb--3 {
  margin-bottom: -29.29%;
}

.mb--4 {
  margin-bottom: -39%;
}

.a-t {
  align-self: flex-start;
}

.a-c {
  align-self: center;
}

.a-b {
  align-self: flex-end;
}

@media (max-width: 1024px) {
  .mb-1 {
    margin-bottom: 14.64%;
  }

  .mb-2 {
    margin-bottom: 21.96%;
  }

  .mb--1 {
    margin-bottom: -8.78%;
  }

  .mb--2 {
    margin-bottom: -14.64%;
  }

  .mb--3 {
    margin-bottom: -21.96%;
  }

  .mb--4 {
    margin-bottom: -29.28%;
  }
}

@media (max-width: 560px) {

  .ml-1,
  .ml-2,
  .ml-3,
  .ml-4,
  .ml-5,
  .ml-6,
  .ml-7,
  .ml-8 {
    margin-left: 0;
  }

  .mr-1,
  .mr-2,
  .mr-3,
  .mr-4,
  .mr-5,
  .mr-6,
  .mr-7,
  .mr-8 {
    margin-right: 0;
  }

  .mb-0,
  .mb-1,
  .mb-2,
  .mb--1,
  .mb--2,
  .mb--3,
  .mb--4 {
    margin-bottom: 0;
  }

  .a-t,
  .a-c,
  .a-b {
    align-self: flex-start;
  }
}

/* TYPOGRAPHY SETTINGS *******************************************************/

h1 {
  font-size: 2.5vw;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  margin: 0;
}

h2 {
  font-size: 1.25vw;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  margin: 0;
}

h3,
.filter-links a:nth-child(1)::after,
.filter-links a:nth-child(2)::after,
.textspress-line.accordion.active::after {
  font-size: 0.625vw;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.02em;
  margin: 0;
}

p,
.texts-press-content sup {
  font-size: 0.52vw;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  margin: 0;
}

@media (max-width: 1919px) {
  h1 {
    font-size: 3.33vw;
  }

  h2 {
    font-size: 1.7vw;
  }

  h3,
  .filter-links a:nth-child(1)::after,
  .filter-links a:nth-child(2)::after,
  .textspress-line.accordion.active::after {
    font-size: 0.83vw;
  }

  p,
  .texts-press-content sup {
    font-size: 0.7vw;
  }
}

@media (max-width: 1024px) {
  h1 {
    font-size: 4.3vw;
  }

  h2 {
    font-size: 1.76vw;
  }

  h3,
  .filter-links a:nth-child(1)::after,
  .filter-links a:nth-child(2)::after,
  .textspress-line.accordion.active::after {
    font-size: 1.2vw;
  }

  p,
  .texts-press-content sup {
    font-size: 1vw;
  }
}

@media (max-width: 560px) {
  h1 {
    font-size: 8.2vw;
  }

  h2 {
    font-size: 4.1vw;
  }

  h3,
  .filter-links a:nth-child(1)::after,
  .filter-links a:nth-child(2)::after,
  .textspress-line.accordion.active::after,
  .texts-press-content sup,
  p {
    font-size: 2.6vw;
  }
}

/* ANIMATIONS ON SCROLL SETTINGS *******************************************************/

[data-aos="opacity-up"] {
  opacity: 0;
  transform: translateY(150px);
  transition-property: opacity, transform;
}

[data-aos="opacity-up"].aos-animate {
  opacity: 1;
  transform: translateY(0px);
}

/* ARTWORKS PAGE SETTINGS *******************************************************/

@keyframes fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.menu {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px;
  position: sticky;
  top: 0;
  z-index: 999;
}

a.logo-name {
  font-family: "LRegular";
  font-size: 2.8vw;
  font-weight: 400;
  font-style: normal;
  color: #0a0a0a;
  text-transform: uppercase;
  line-height: 80%;
}

.filter-links {
  display: flex;
  text-transform: uppercase;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  line-height: 100%;
}

.filter-links a {
  display: flex;
}

.filter-links a:nth-child(1)::after,
.filter-links a:nth-child(2)::after {
  content: ",";
  display: flex;
  font-weight: 400;
  color: #848484;
  padding-right: 2px;
}

a.info-link {
  text-align: right;
  text-transform: uppercase;
  line-height: 100%;
}

.main-wrapper {
  width: 100%;
  opacity: 1;
  transition: all 0.5s ease-in-out;
}

.fade-out {
  opacity: 0 !important;
}

.artworks-thumbnails {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 120px 15px 0 15px;
}

figure {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0 5px 0 5px;
  margin-bottom: 120px;
  cursor: pointer;
}

figure img,
.figure video {
  opacity: 1;
  transition: opacity 0.3s linear;
}

figure img:hover,
figure video:hover {
  opacity: 0.75;
  transition: opacity 0.5s linear;
}

figure.large {
  width: 33.3333333%;
}

figure.big {
  width: 25%;
}

figure.small {
  width: 16.6666667%;
}

figcaption {
  padding-top: 5px;
}

figcaption span {
  color: #848484;
  padding-left: 5px;
}

.dont-scroll {
  overflow: hidden !important;
}

.artwork-meta {
  display: none;
}

.artworks-lightbox {
  display: none;
}

.artworks-lightbox {
  display: none;
}

.artworks-lightbox.lightbox-appears {
  display: block;
  position: fixed;
  inset: 0;
  z-index: 999;
  background: #f9f9f9;
}

.swiper {
  width: 100%;
  height: 100%;
  position: relative;
}

h3.close-lightbox {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 99;
  text-align: right;
  text-transform: uppercase;
  cursor: pointer;
  color: #848484;
  transition: color 0.3s ease;
}

h3.close-lightbox:hover {
  color: #0a0a0a;
  transition: color 0.3s ease;
}

.swiper-slide {
  width: fit-content;
  height: 100%;
  position: relative;
  text-align: center;
  display: block;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  padding: 20px;
}

.swiper-slide-active {
  opacity: 1;
  transition: opacity 0.35s ease;
}

.swiper-slide img,
.swiper-slide video {
  width: 100%;
  max-width: 92%;
  height: 100%;
  max-height: 75vh;
  display: block;
  object-fit: contain;
  object-position: top left;
  cursor: grab;
  padding-right: 5px;
}

img.small,
video.small {
  max-width: 35%;
  max-height: 65vh;
  object-position: top left;
  padding-right: 5px;
}

.lightbox-description {
  width: 100%;
  position: absolute;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  column-gap: 10px;
  padding: 20px;
  bottom: 0;
  left: 0;
}

.lightbox-description div h3:nth-child(1) {
  width: 33.3333333%;
  padding-right: 5px;
  color: #848484;
}

.lightbox-description div h3:nth-child(2) {
  width: 66.6666667%;
  padding-left: 5px;
}

.first-description,
.second-description,
.third-description,
.forth-description {
  width: calc(50% - 5px);
  display: flex;
  align-items: baseline;
  text-transform: uppercase;
  padding: 8px 0;
  text-align: left;
}

.first-description,
.second-description {
  border-top: 1px solid #848484;
  border-bottom: 1px solid #848484;
}

.third-description,
.forth-description {
  border-bottom: 1px solid #848484;
}

.swiper-button-prev,
.swiper-button-next,
.swiper-button-next:after,
.swiper-button-prev:after {
  width: 50%;
  height: 100%;
  max-height: 85vh;
  position: absolute;
  top: 40px;
  color: transparent;
  border: none;
  outline: none;
  opacity: 1;
  transition: opacity 0.15s ease;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
  opacity: 0.7;
  transition: opacity 0.15s ease;
}

.swiper-button-prev {
  cursor: w-resize;
}

.swiper-button-next {
  cursor: e-resize;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.1;
  cursor: pointer;
  pointer-events: none;
}

.footer {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 200px 20px 20px 20px;
}

h3.footer-copyright {
  width: 33.3333333%;
  color: #848484;
  text-transform: uppercase;
}

.contacts-footer {
  width: 33.3333333%;
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  text-transform: uppercase;
}

.contacts-footer a {
  color: #0a0a0a;
  transition: color 0.3s linear;
}

.contacts-footer a:hover {
  color: #848484;
  transition: color 0.3s linear;
}

.contacts-footer a:nth-child(1) h3:after {
  content: ", ";
  padding-right: 2px;
  color: #0a0a0a;
}

.design-code-footer {
  width: 33.3333333%;
  text-align: right;
  text-transform: uppercase;
  color: #848484;
}

@media (max-width: 1919px) {
  a.logo-name {
    font-size: 3.75vw;
  }
}

@media (max-width: 1024px) {
  a.logo-name {
    font-size: 4.9vw;
  }

  figure {
    margin-bottom: 8.78%;
  }

  figure img:hover,
  figure video:hover {
    opacity: 1;
  }

  .swiper-button-next,
  .swiper-button-prev {
    display: none;
  }
}

@media (max-width: 768px) {
  figure {
    margin-bottom: 11.7%;
  }
}

@media (max-width: 560px) {
  .menu {
    padding: 10px;
    flex-wrap: wrap;
    background: rgba(249, 249, 249, 0.75);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
    transition: top 0.5s;
  }

  a.logo-name {
    font-size: 10.3vw;
    order: 1;
  }

  .filter-links {
    order: 3;
    position: relative;
    left: 0;
    transform: translateX(0);
    padding-top: 3px;
  }

  a.info-link {
    order: 2;
  }

  .artworks-thumbnails {
    padding: 70px 5px 0 5px;
  }

  figure {
    margin-bottom: 0;
  }

  figure.large,
  figure.big {
    width: 100%;
  }

  figure.small {
    width: 50%;
  }

  figcaption {
    padding-bottom: 20px;
  }

  .swiper-wrapper {
    max-height: 100vh;
  }

  h3.close-lightbox {
    top: 10px;
    right: 10px;
  }

  .swiper-slide {
    padding: 10px;
  }

  .swiper-slide img,
  img.small,
  .swiper-slide video,
  video.small {
    max-width: 83.3333333%;
    max-height: 62vh;
    padding-right: 5px;
    object-position: top left;
  }

  .lightbox-description {
    flex-wrap: wrap;
    padding: 10px;
  }

  .first-description,
  .second-description,
  .third-description,
  .forth-description {
    width: 100%;
  }

  .first-description {
    border-bottom: 0;
    order: 1;
  }

  .second-description {
    order: 3;
  }

  .third-description {
    order: 3;
  }

  .forth-description {
    order: 4;
  }

  .lightbox-description div h3:nth-child(1) {
    width: 33.3333333%;
    padding-right: 5px;
  }

  .lightbox-description div h3:nth-child(2) {
    width: 66.6666667%;
    padding-left: 5px;
  }

  .footer {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 120px 10px 10px 10px;
  }

  .contacts-footer {
    display: none;
  }

  .design-code-footer {
    width: 31%;
  }
}

/* EXHIBITIONS & PUBLICATIONS PAGE SETTINGS *******************************************************/

body.exhibitions .main-wrapper,
body.publications .main-wrapper {
  width: 100%;
  height: 100%;
  padding: 120px 20px 200px 20px;
  animation: fade-in 1s ease-in-out;
}

.header-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  text-transform: uppercase;
  color: #0a0a0a;
  padding-bottom: 8px;
  border-bottom: 1px solid #848484;
}

.header-wrapper h3:nth-child(1),
.header-wrapper h3:nth-child(2),
.project-line h3:nth-child(1),
.project-line h3:nth-child(2) {
  width: 33.3333333%;
  padding-right: 10px;
}

.header-wrapper h3:nth-child(3),
.project-line h3:nth-child(3) {
  width: 25%;
  padding-right: 10px;
}

.header-wrapper h3:nth-child(4),
.project-line h3:nth-child(4) {
  width: 8.3333333%;
  text-align: right;
}

.project-line {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 8px 0;
  text-transform: uppercase;
  cursor: pointer;
  border-bottom: 1px solid #848484;
}

.project-line h3 {
  color: #848484;
  transition: color 0.3s linear;
}

.project-line:hover h3 {
  color: #0a0a0a;
  transition: color 0.3s linear;
}

.project-line:hover+.cursor-follower {
  opacity: 1;
}

body.exhibitions .cursor-follower,
body.publications .cursor-follower {
  width: 16.6666667%;
  opacity: 0;
  top: 50%;
  left: 50%;
  transform: translate(-42%, 5%);
  z-index: -1;
}

.cursor-follower img {
  height: 30vh;
  object-fit: contain;
  object-position: top;
}

.exhibitions-lightbox,
.publications-lightbox {
  display: none;
}

.exhibitions-lightbox-appears,
.publications-lightbox-appears {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: #f9f9f9;
}

body.exhibitions .swiper-wrapper,
body.publications .swiper-wrapper {
  height: 100%;
  max-height: 75vh;
  object-position: top left;
  cursor: grab;
}

body.exhibitions .swiper-slide,
body.publications .swiper-slide {
  padding: 20px 0 0 20px;
}

body.exhibitions .swiper-slide img,
body.publications .swiper-slide img {
  max-width: 100%;
}

body.exhibitions .swiper-slide,
body.exhibitions .swiper-slide.swiper-slide-active,
body.publications .swiper-slide,
body.publications .swiper-slide.swiper-slide-active {
  width: 91.6666667% !important;
}

body.exhibitions .swiper-slide.swiper-slide-next,
body.publications .swiper-slide.swiper-slide-next {
  width: 8.3333333% !important;
  align-self: flex-end;
  opacity: 0.4;
  padding: 20px 0 0 5px;
  position: relative;
}

body.exhibitions .swiper-slide.swiper-slide-next img,
body.publications .swiper-slide.swiper-slide-next img {
  width: calc(100% - 5px);
  height: fit-content;
  position: absolute;
  bottom: 0;
  object-position: bottom;
  padding-right: 20px;
}

body.exhibitions .footer,
body.publications .footer {
  position: absolute;
  bottom: 0;
  padding-top: 0;
  animation: fade-in 1s ease-in-out;
}

@media (max-width: 1024px) {

  .project-line:hover+.cursor-follower,
  body.exhibitions .cursor-follower,
  body.publications .cursor-follower,
  .cursor-follower img {
    display: none;
  }

  body.exhibitions .swiper-button-next,
  body.publications .swiper-button-next {
    display: block;
    width: calc(8.3333333% - 10px);
    height: 7vh;
    position: absolute;
    top: 74vh;
    transform: translateY(-50%);
  }
}

@media (max-width: 560px) {

  body.exhibitions .main-wrapper,
  body.publications .main-wrapper {
    padding: 80px 10px 120px 10px;
  }

  .header-wrapper h3:nth-child(2),
  .header-wrapper h3:nth-child(3),
  .project-line h3:nth-child(2),
  .project-line h3:nth-child(3) {
    display: none;
  }

  .header-wrapper h3:nth-child(1),
  .project-line h3:nth-child(1) {
    width: 83.3333333%;
    padding-right: 0;
  }

  .header-wrapper h3:nth-child(4),
  .project-line h3:nth-child(4) {
    width: 16.6666667%;
  }

  body.exhibitions .swiper-wrapper,
  body.publications .swiper-wrapper {
    max-height: 62vh;
  }

  body.exhibitions .swiper-slide,
  body.publications .swiper-slide {
    padding: 10px 5px 0 10px;
  }

  body.exhibitions .swiper-slide,
  body.exhibitions .swiper-slide.swiper-slide-active,
  body.publications .swiper-slide,
  body.publications .swiper-slide.swiper-slide-active {
    width: 83.3333333% !important;
  }

  body.exhibitions .swiper-slide img,
  body.exhibitions img.small,
  body.publications .swiper-slide img,
  body.publications img.small {
    max-width: 100%;
    object-position: top left;
    padding-right: 0;
  }

  body.exhibitions .swiper-slide.swiper-slide-next,
  body.publications .swiper-slide.swiper-slide-next {
    width: 16.6666667% !important;
    padding: 10px 0 0 5px;
  }

  body.exhibitions .swiper-slide.swiper-slide-next img,
  body.publications .swiper-slide.swiper-slide-next img {
    padding-right: 10px;
    object-fit: contain;
  }

  body.exhibitions .swiper-button-next,
  body.publications .swiper-button-next {
    width: calc(16.6666667% - 10px);
    height: 10vh;
    top: 63vh;
    transform: translateY(-50%);
  }

  body.exhibitions .first-description,
  body.publications .first-description {
    order: 1;
  }

  body.exhibitions .third-description,
  body.publications .third-description {
    order: 2;
    border-top: 1px solid #848484;
    border-bottom: 0;
  }

  body.exhibitions .second-description,
  body.publications .second-description {
    order: 3;
  }

  body.exhibitions .forth-description,
  body.publications .forth-description {
    order: 4;
  }
}

/* INFO PAGE SETTINGS *******************************************************/

body.info .main-wrapper {
  padding: 120px 20px 0 20px;
  animation: fade-in 1s ease-in-out;
}

.hero-section {
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 200px;
  border-bottom: 1px solid #848484;
}

.hero-section h3 {
  padding-top: 2px;
}

.info-description-section {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  position: relative;
  padding-top: 10px;
}

.info-description-section img {
  width: 50%;
  padding-right: 5px;
}

.info-description-section h2 {
  width: 50%;
  padding-left: 5px;
  text-transform: none;
}

.contacts-info-section {
  width: 25%;
  position: absolute;
  bottom: 0;
  right: 0;
  text-transform: uppercase;
}

.contacts-wrapper,
.links-wrapper {
  width: 100%;
  padding-bottom: 60px;
}

.credits-wrapper {
  width: 100%;
  padding-bottom: 0;
}

h3.title-section {
  color: #848484;
  padding-bottom: 8px;
  border-bottom: 1px solid #848484;
}

.contacts-line,
.links-line,
.credits-line,
.copyright-line {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 8px 0;
  border-bottom: 1px solid #848484;
}

.contacts-line:first-child,
.credits-line:first-child,
.copyright-line:first-child {
  width: 33.3333333%;
}

.contacts-line a:nth-child(2),
.credits-line h3:nth-child(2),
.copyright-line a:nth-child(2) {
  width: 66.6666667%;
  text-align: left;
}

.contacts-line h3,
.links-line h3,
.credits-line h3,
.copyright-line h3 {
  color: #848484;
}

.contacts-line a h3,
.links-line a h3,
.credits-line h3:nth-child(2),
.copyright-line a h3 {
  color: #0a0a0a;
  transition: color 0.3s linear;
}

.contacts-line a h3:hover,
.links-line a h3:hover,
.copyright-line a h3:hover {
  color: #848484;
  transition: color 0.3s linear;
}

.exhibitions-info-section,
.bibliography-info-section,
.prizesgrantsresidencies-info-section,
.curatorship-projects-info-section {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 200px;
  column-gap: 10px;
}

.collections-info-section,
.publications-info-section {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 140px;
  column-gap: 10px;
}

.exhibitions-info-section h1,
.bibliography-info-section h1,
.prizesgrantsresidencies-info-section h1,
.collections-info-section h1,
.curatorship-projects-info-section h1,
.publications-info-section h1 {
  width: 25%;
  color: #848484;
  position: sticky;
  top: 15vh;
}

.exhibitions-info-wrapper,
.collections-info-wrapper,
.publications-info-wrapper {
  width: 75%;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;
  border-top: 1px solid #848484;
}

.exhibitions-line,
.collections-line,
.publications-line {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  text-transform: uppercase;
  padding: 8px 0;
  border-bottom: 1px solid #848484;
}

.exhibitions-line h3:nth-child(1),
.collections-line h3:nth-child(1),
.publications-line h3:nth-child(1) {
  width: 44.4444444%;
  padding-right: 5px;
  color: #0a0a0a;
}

.exhibitions-line h3:nth-child(2),
.publications-line h3:nth-child(2) {
  width: 44.4444444%;
  padding-left: 5px;
  padding-right: 5px;
  color: #848484;
}

.exhibitions-line h3:nth-child(3),
.publications-line h3:nth-child(3) {
  width: 11.1111111%;
  padding-left: 5px;
  color: #848484;
  text-align: right;
}

.bibliography-info-wrapper {
  width: 75%;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;
}

.bibliography-line {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
  flex-wrap: wrap;
  text-transform: uppercase;
  padding-bottom: 60px;
  border-top: 1px solid #848484;
}

.bibliography-line:last-child {
  padding-bottom: 0;
}

.year-line {
  width: 11.1111111%;
  height: 100%;
  padding: 8px 10px 8px 0;
  color: #848484;
}

.bibliography-subline {
  width: 88.8888889%;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 8px 0 8px 0;
  border-bottom: 1px solid #848484;
}

.bibliography-subline h3 {
  width: 50%;
}

.bibliography-subline h3:nth-child(1) {
  padding-right: 5px;
  color: #0a0a0a;
}

.bibliography-subline h3:nth-child(2) {
  padding-left: 5px;
  color: #848484;
}

.prizesgrantsresidencies-info-wrapper,
.curatorship-projects-info-wrapper {
  width: 66.6666667%;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  flex-wrap: wrap;
}

.block-info {
  width: calc(50% - 5px);
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
  flex-wrap: wrap;
}

.header-block-info {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  padding: 8px 0;
  border-top: 1px solid #848484;
  border-bottom: 1px solid #848484;
  text-transform: uppercase;
}

.header-block-info h3:nth-child(1) {
  width: calc(25% - 5px);
  color: #848484;
  padding-right: 5px;
}

.header-block-info h3:nth-child(2) {
  width: 75%;
  padding-left: 3px;
  color: #0a0a0a;
}

.description-block-info {
  width: calc(75% + 2px);
  color: #848484;
  padding: 8px 0 60px 0;
}

.description-block-info h3 {
  line-height: 125%;
}

.collections-line h3:nth-child(2) {
  width: 55.5555556%;
  padding-left: 5px;
  padding-right: 5px;
  color: #848484;
}

@media (max-width: 1280px) {

  .contacts-wrapper,
  .links-wrapper {
    width: 100%;
    padding-bottom: 40px;
  }

  .exhibitions-info-section h1,
  .bibliography-info-section h1,
  .prizesgrantsresidencies-info-section h1,
  .collections-info-section h1,
  .curatorship-projects-info-section h1,
  .publications-info-section h1 {
    top: 16vh;
  }
}

@media (max-width: 1024px) {
  .info-description-section img {
    height: 65vh;
    object-fit: cover;
  }

  .contacts-info-section {
    width: 33.3333333%;
  }

  .exhibitions-info-section h1,
  .bibliography-info-section h1,
  .prizesgrantsresidencies-info-section h1,
  .collections-info-section h1,
  .curatorship-projects-info-section h1,
  .publications-info-section h1 {
    width: 33.3333333%;
    top: 7.5vh;
  }

  .exhibitions-info-wrapper,
  .bibliography-info-wrapper,
  .collections-info-wrapper,
  .publications-info-wrapper {
    width: 66.6666667%;
  }
}

@media (max-width: 768px) {
  .info-description-section img {
    height: 70vh;
  }

  .contacts-info-section {
    width: 50%;
    padding-left: 5px;
  }

  .exhibitions-info-section,
  .bibliography-info-section,
  .prizesgrantsresidencies-info-section,
  .curatorship-projects-info-section {
    padding-top: 160px;
  }

  .collections-info-section,
  .publications-info-section {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: 120px;
    column-gap: 10px;
  }

  .exhibitions-info-section h1,
  .bibliography-info-section h1,
  .prizesgrantsresidencies-info-section h1,
  .collections-info-section h1,
  .curatorship-projects-info-section h1,
  .publications-info-section h1 {
    top: 8vh;
  }

  .description-block-info {
    padding: 8px 0 40px 0;
  }
}

@media (max-width: 560px) {
  body.info .main-wrapper {
    padding: 60px 10px 0 10px;
  }

  .hero-section {
    width: 100%;
    padding-bottom: 60px;
    border-bottom: 0;
  }

  .hero-section h1 {
    width: 88%;
    margin: auto;
  }

  .hero-section h3 {
    padding-top: 3px;
  }

  .info-description-section {
    padding-top: 0;
    border-bottom: 1px solid #848484;
  }

  .info-description-section img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding-right: 0;
  }

  .info-description-section h2 {
    width: 100%;
    padding-top: 10px;
    padding-left: 0;
  }

  .contacts-info-section {
    width: 100%;
    padding-top: 80px;
    padding-bottom: 120px;
    padding-left: 0;
    position: relative;
  }

  .exhibitions-info-section,
  .bibliography-info-section,
  .prizesgrantsresidencies-info-section,
  .collections-info-section,
  .curatorship-projects-info-section,
  .publications-info-section {
    padding-top: 0;
    flex-wrap: wrap;
  }

  .exhibitions-info-section h1,
  .bibliography-info-section h1,
  .prizesgrantsresidencies-info-section h1,
  .collections-info-section h1,
  .curatorship-projects-info-section h1,
  .publications-info-section h1 {
    width: 100%;
    position: relative;
    top: auto;
    padding: 8px 0;
  }

  .exhibitions-info-wrapper,
  .bibliography-info-wrapper,
  .prizesgrantsresidencies-info-wrapper,
  .collections-info-wrapper,
  .publications-info-wrapper {
    width: 100%;
    border-top: 1px solid #848484;
  }

  .curatorship-projects-info-wrapper {
    width: 100%;
    border-top: 1px solid #848484;
  }

  .bibliography-info-wrapper div:first-child,
  .prizesgrantsresidencies-info-wrapper div:first-child,
  .curatorship-projects-info-wrapper .block-info:first-child .header-block-info {
    border-top: 0;
  }

  .exhibitions-info-wrapper div:last-child {
    border-bottom: 1px solid #848484;
  }

  .accordion {
    cursor: pointer;
    width: 100%;
    max-height: 100%;
    border: none;
    outline: none;
    transition: max-height 0.3s linear;
  }

  h1.accordion.active {
    color: #0a0a0a;
  }

  .accordion.active+.panel {
    padding-bottom: 80px;
    border-bottom: 1px solid #848484;
  }

  .panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s linear;
  }

  .exhibitions-line,
  .collections-line,
  .publications-line {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .exhibitions-line h3:nth-child(1),
  .collections-line h3:nth-child(1),
  .publications-line h3:nth-child(1) {
    width: 83.3333333%;
    padding-right: 5px;
    order: 1;
  }

  .exhibitions-line h3:nth-child(2),
  .collections-line h3:nth-child(2),
  .publications-line h3:nth-child(2) {
    width: 100%;
    padding-top: 2px;
    padding-left: 0;
    order: 3;
  }

  .exhibitions-line h3:nth-child(3),
  .collections-line h3:nth-child(3),
  .publications-line h3:nth-child(3) {
    width: 16.6666667%;
    padding-left: 5px;
    order: 2;
  }

  .year-line {
    width: 16.6666667%;
  }

  .bibliography-line {
    padding-bottom: 0;
  }

  .bibliography-line div:last-child {
    border-bottom: 0;
  }

  .bibliography-info-wrapper .bibliography-line:last-child {
    border-bottom: 1px solid #848484;
  }

  .bibliography-line h3 {
    width: 100%;
  }

  .bibliography-line h3:nth-child(2) {
    padding-top: 2px;
    padding-left: 0;
  }

  .bibliography-subline {
    width: 83.3333333%;
    flex-wrap: wrap;
  }

  .curatorship-projects-info-wrapper .block-info {
    border-bottom: 0;
  }

  .curatorship-projects-info-wrapper .block-info:last-child {
    border-bottom: 1px solid #848484;
  }

  .block-info {
    width: 100%;
    border-bottom: 1px solid #848484;
  }

  .header-block-info {
    border-bottom: 0;
    padding: 8px 0 0 0;
  }

  .header-block-info h3:nth-child(1) {
    width: 16.6666667%;
    padding-right: 10px;
  }

  .header-block-info h3:nth-child(2) {
    width: 83.3333333%;
  }

  .description-block-info {
    width: calc(83.3333333% - 3px);
    padding: 2px 0 7px 0;
  }

  .publications-info-wrapper .publications-line:last-child {
    border-bottom: 1px solid #848484;
  }

  .accordion.active+.publications-info-wrapper.panel {
    padding-bottom: 2px;
    border-bottom: 0;
  }
}

/* TEXTS & PRESS PAGE SETTINGS *******************************************************/

.header-page {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 20px;
  position: sticky;
  top: 0;
  text-transform: uppercase;
  background-color: rgba(249, 249, 249, 0.75);
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
  z-index: 99;
  animation: fade-in 1s ease-in-out;
}

body.textspress .main-wrapper {
  padding: 120px 20px 0 20px;
  animation: fade-in 1s ease-in-out;
}

.header-textspress-section {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  text-transform: uppercase;
  padding-bottom: 8px;
  border-bottom: 1px solid #848484;
}

.header-textspress-section h3 {
  width: 33.3333333%;
}

.header-textspress-section h3:nth-child(1) {
  padding-right: 5px;
}

.header-textspress-section h3:nth-child(2) {
  padding-left: 5px;
  padding-right: 5px;
}

.header-textspress-section h3:nth-child(3) {
  padding-left: 5px;
}

.textspress-line {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 8px 0;
  text-transform: uppercase;
  border-bottom: 1px solid #848484;
  cursor: pointer;
  background-color: #f9f9f9;
  color: #848484;
  transition: color 0.3s linear;
}

.textspress-line:hover {
  color: #0a0a0a;
  transition: color 0.3s linear;
}

.textspress-line h3:nth-child(1) {
  width: 33.3333333%;
  padding-right: 5px;
}

.textspress-line h3:nth-child(2) {
  width: 33.3333333%;
  padding-left: 5px;
  padding-right: 5px;
}

.textspress-line h3:nth-child(3) {
  width: 25%;
  padding-left: 5px;
  padding-right: 5px;
}

.textspress-line h3:nth-child(4) {
  width: 8.3333333%;
  padding-left: 5px;
  text-align: right;
}

.textspress-line .accordion {
  cursor: pointer;
  width: 100%;
  max-height: 100%;
  outline: none;
  transition: max-height 0.3s linear;
}

.textspress-line.active+.texts-press-content {
  border-bottom: 1px solid #848484;
}

.textspress-line.accordion.active h3 {
  color: #0a0a0a;
}

.textspress-line.accordion.active h3:nth-child(4) {
  display: none;
}

.textspress-line.accordion.active::after {
  content: "Close Text";
  width: 8.3333333%;
  text-align: right;
  color: #848484;
  transition: color 0.3s linear;
}

.textspress-line.accordion.active:hover::after {
  color: #0a0a0a;
  transition: color 0.3s linear;
}

.texts-press-content.panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s linear;
}

.texts-press-content {
  width: 100%;
  padding-left: calc(33.3333333% + 5px);
  padding-right: 16.6666667%;
  font-family: "SRegular", Helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.73vw;
}

.texts-press-content em {
  font-family: "SRegularItalic", Helvetica, sans-serif;
  font-weight: 400;
  font-style: italic;
}

.texts-press-content sup {
  color: #848484;
}

.title-text {
  text-transform: uppercase;
  color: #848484;
  padding-top: 60px;
  padding-bottom: 20px;
}

.text-wrapper {
  margin-bottom: 120px;
}

p.footnotes {
  border-top: 1px solid #848484;
  padding-top: 10px;
  margin-top: 60px;
  text-transform: none;
}

@media (max-width: 1919px) {
  .texts-press-content {
    font-size: 1vw;
  }
}

@media (max-width: 1024px) {
  .texts-press-content {
    font-size: 1.4vw;
    padding-right: 8.3333333%;
  }
}

@media (max-width: 560px) {
  .header-page {
    padding: 10px;
  }

  body.textspress .main-wrapper {
    padding: 80px 10px 0 10px;
  }

  .header-textspress-section h3 {
    display: none;
  }

  .texts-press-content {
    font-size: 3.73vw;
  }

  .textspress-line {
    flex-wrap: wrap;
  }

  .textspress-line h3:nth-child(1) {
    width: 83.3333333%;
    color: #0a0a0a;
    order: 1;
  }

  .textspress-line h3:nth-child(2) {
    width: 83.3333333%;
    order: 3;
    padding-left: 0;
    padding-right: 0;
    padding-top: 3px;
  }

  .textspress-line h3:nth-child(3) {
    width: 16.6666667%;
    order: 2;
    text-align: right;
  }

  .textspress-line h3:nth-child(4) {
    display: none;
  }

  .textspress-line.accordion.active::after {
    width: 16.6666667%;
    order: 4;
  }

  .text-wrapper {
    margin-bottom: 80px;
  }

  .texts-press-content {
    padding: 0;
  }

  .title-text {
    padding-top: 40px;
  }

  .textspress-line.active+.texts-press-content {
    margin-bottom: 0;
  }

  p.footnotes {
    margin-top: 40px;
  }
}