@charset "UTF-8";
/* CUSTOM CURSOR OPTIMIZATION */
.custom-cursor-active,
.custom-cursor-active * {
  cursor: none !important;
}

/* LAZY LOADING FADE IN */
/* .lazyloaded {
    transition: opacity 0.5s ease-in-out;
    opacity: 1;
} */
/* .lazzy-dim {
    opacity: 0;
} */
.nav-item > a.current-menu-item {
  position: relative;
}

.nav-item > a.current-menu-item {
  color: var(--accent);
}

.nav-item > a.current-menu-item {
  position: relative;
}

.nav-item > a.current-menu-item-js {
  color: var(--accent);
}

.mobile-nav-item.current-menu-item > a .mobile-nav-text,
.mobile-nav-item > a.current-menu-item .mobile-nav-text {
  color: var(--accent);
}

/* .nav-item > .current-menu-item a {
    position: relative;
}

.nav-item > .current-menu-item a {
    color: var(--accent)
} */
/* .nav-item > a.current-menu-item {
    color: var(--accent)
} */
.mobile-nav-item > a.current-menu-item .mobile-nav-text {
  position: relative;
}

/* .mobile-nav-item > a.current-menu-item .mobile-nav-text::before {
    content: "•";
    position: absolute;
    left: -1.3rem;
    bottom: -0.35rem;
    font-size: 2.5rem;
    color: var(--black);
} */
.press-nav .current-menu-item {
  color: var(--accent);
}

.footer-copyright-wrap {
  grid-area: 1/1/2/4;
}

@media (max-width: 600px) {
  .footer-copyright-wrap {
    margin-bottom: 2.5rem;
  }
}
.ohohowrap {
  grid-area: 1/10/2/12;
  /* justify-content: flex-end */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: -0.1rem;
}

@media (max-width: 600px) {
  .ohohowrap {
    grid-area: 1/4/2/5;
  }
}
@media (max-width: 600px) {
  .ohohowrap {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
.header-nav-wrap {
  grid-area: 1/4/2/13;
  display: block;
}

@media (max-width: 600px) {
  .header-nav-wrap {
    grid-area: 1/2/2/5;
  }
}
.nav-subgrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  height: 100%;
  position: relative;
  gap: 1.25rem;
  white-space: nowrap;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  /* background-color: var(--light) */
  z-index: 50;
}

.word-wrap {
  white-space: nowrap;
}

@media (max-width: 600px) {
  .word-wrap {
    white-space: pre-wrap;
  }
}
.about-text-wrap {
  grid-area: 1/4/2/9;
  -webkit-column-gap: 0.625rem;
     -moz-column-gap: 0.625rem;
          column-gap: 0.625rem;
  /* font-size: 0.8125rem */
  line-height: 1.46;
  /* margin: auto; */
}

@media (max-width: 600px) {
  .about-text-wrap {
    grid-area: 3/2/4/5;
  }
}
.about-image-wrap {
  grid-area: 1/10/2/12;
}

@media (max-width: 600px) {
  .about-image-wrap {
    grid-area: 1/2/2/5;
  }
}
.spacer1-wrap {
  grid-area: 2/1/3/13;
}

@media (max-width: 600px) {
  .spacer1-wrap {
    grid-area: 2/2/3/5;
    padding-top: 3rem;
  }
}
spacer2-wrap {
  grid-area: 4/1/5/13;
}

.spacer2-wrap {
  grid-area: 4/1/5/13;
}

@media (max-width: 600px) {
  .spacer2-wrap {
    grid-area: 4/2/5/5;
  }
}
.spacer3-wrap {
  grid-area: 7/4/8/10;
}

.awards-wrap {
  grid-area: 1/4/2/13;
  position: relative;
  top: -0.6rem;
}

@media (max-width: 600px) {
  .awards-wrap {
    grid-area: 6/2/7/5;
  }
}
.about-head-wrap {
  grid-area: 1/1/2/13;
  margin-bottom: 0.3rem;
}

@media (max-width: 600px) {
  .about-head-wrap {
    grid-area: 1/2/2/5;
  }
}
.awards-head-wrap {
  grid-area: 3/4/4/7;
}

@media (max-width: 600px) {
  .awards-head-wrap {
    grid-area: 5/2/6/5;
  }
}
.spacer4-wrap {
  grid-area: 9/4/10/10;
}

.exclusion {
  color: white;
  mix-blend-mode: difference;
}

.about-contact-wrap {
  grid-area: 10/4/11/10;
}

.about-contact-head-wrap {
  grid-area: 10/1/11/3;
}

.spacer5-wrap {
  grid-area: 2/4/3/10;
}

@media (max-width: 600px) {
  .spacer5-wrap {
    grid-area: 6/2/7/5;
    padding-top: 2.5rem;
  }
}
.project-list-grid {
  grid-area: 1/4/2/13;
  /* display: grid */
  /* grid-template-columns: 1fr 1fr 1fr */
  /* grid-template-rows: auto */
  /* column-gap: 0.625rem */
}

@media (max-width: 600px) {
  .project-list-grid {
    grid-area: 1/2/2/5;
  }
}
.projects-item-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  -webkit-column-gap: 1.25rem;
     -moz-column-gap: 1.25rem;
          column-gap: 1.25rem;
  align-self: flex-start;
  /* margin-bottom: 10rem */
}

@media (max-width: 600px) {
  .projects-item-wrap {
    margin-bottom: 5rem;
  }
}
.project-item-cont {
  grid-area: 1/1/2/3;
  top: 0.4rem;
}

@media (max-width: 600px) {
  .project-item-cont {
    grid-area: 1/1/2/4;
  }
}
.project-item-img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.rowanchor {
  grid-area: 1/3/2/4;
}

/* PROJECTS INDEX GRID */
.grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}

.item {
  display: contents;
}

.hoverimagethumb,
.awardimagethumb {
  /* grid-column: 1 */
  width: 100%;
  position: absolute;
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  top: 0;
  /* transform: translateX(-50%) translateY(-50%) */
  /* z-index: -10 */
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

@media (max-width: 600px) {
  .hoverimagethumb,
.awardimagethumb {
    visibility: visible;
    opacity: 1;
    position: static;
  }
}
.index-list-grid a {
  cursor: default;
}

.project-name,
.project-year,
.project-location {
  grid-column: span 1;
  align-self: center;
  justify-self: center;
}

.project-name {
  grid-column: 2;
}

.project-year {
  grid-column: 3;
}

.project-location {
  grid-column: 4;
}

.index-list-grid {
  grid-area: 1/1/2/13;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  -webkit-column-gap: 1.25rem;
     -moz-column-gap: 1.25rem;
          column-gap: 1.25rem;
  margin-bottom: 5rem;
}

.index-item-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: auto;
  -webkit-column-gap: 1.25rem;
     -moz-column-gap: 1.25rem;
          column-gap: 1.25rem;
}

.image-index-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  -webkit-column-gap: 1.25rem;
     -moz-column-gap: 1.25rem;
          column-gap: 1.25rem;
  grid-area: 1/1/2/2;
}

@media (max-width: 600px) {
  .image-index-wrap {
    display: grid;
    grid-area: 3/1/4/5;
    display: none;
  }
}
.index-project-wrap {
  grid-area: 1/2/2/3;
}

@media (max-width: 600px) {
  .index-project-wrap {
    grid-area: 1/1/2/4;
  }
}
.index-location-wrap {
  grid-area: 1/3/2/4;
}

@media (max-width: 600px) {
  .index-location-wrap {
    grid-area: 2/1/3/4;
  }
}
.index-year-wrap {
  grid-area: 1/4/3/5;
}

@media (max-width: 600px) {
  .index-year-wrap {
    grid-area: 1/4/3/5;
    text-align: right;
  }
}

.about-awards-item {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  -webkit-column-gap: 1.25rem;
     -moz-column-gap: 1.25rem;
          column-gap: 1.25rem;
}

.award-year-wrap {
  grid-area: 1/3/2/4;
}

@media (max-width: 600px) {
  .award-year-wrap {
    text-align: right;
  }
}
.about-award-wrap {
  grid-area: 1/1/2/3;
  max-width: 75ch;
}

.solo-project-hero image-wrap {
  grid-area: 1/4/2/13;
}

.solo-project-image-wrap {
  grid-area: 1/4/2/12;
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  /* height: 90vh;
  height: 90svh; */
  overflow: hidden;
  /* display: flex;
  justify-content: center;
  align-items: center; */
}

/* Media query for smaller screens */
/* @media (max-width: 768px) {
    .solo-project-image-wrap {
        height: auto;
        max-height: 90vh;
    }

    .hero-project-image {
        max-height: 80vh;


    }
} */
@media (max-width: 600px) {
  .solo-project-image-wrap {
    grid-area: 1/2/2/5;
  }
}
.solo-project-spacer1 {
  grid-area: 2/4/3/12;
}

@media (max-width: 768px) {
  .solo-project-spacer1 {
    grid-area: 2/1/3/5;
    padding-top: 3rem;
  }
}
.info-wrap {
  grid-area: 3/7/4/11;
  max-width: 75ch;
}

@media (max-width: 600px) {
  .info-wrap {
    grid-area: 3/2/4/5;
  }
}
.info-wrap2 {
  grid-area: 3/10/4/12;
  max-width: 17ch;
}

@media (max-width: 600px) {
  .info-wrap2 {
    grid-area: 5/2/6/5;
  }
}
.info-wrap3 {
  grid-area: 3/10/4/12;
}

.sticky-footer {
  position: fixed;
  bottom: 0rem;
  left: 0;
  right: 0;
  z-index: 3;
}

.gallery-wrapper {
  grid-area: 1/4/2/12;
}

.solo-project-spacer-2 {
  grid-area: 4/4/5/12;
}

@media (max-width: 600px) {
  .solo-project-spacer-2 {
    grid-area: 4/1/5/5;
  }
}
.contain-image {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.nowrap {
  white-space: nowrap;
}

.logo-wrap {
  grid-area: 1/1/2/4;
  position: relative;
  top: -0.1rem;
}

@media (max-width: 600px) {
  .logo-wrap {
    grid-area: 1/1/2/2;
    top: -0.2rem;
  }
}
.difference {
  /* color: var(--light) */
  /* mix-blend-mode: difference */
}

.is-project-solo-gallery {
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(auto-fill, minmax(auto, 1fr));
}

/* PHOTOSWIPE */
/* Remove white borders around zoomed image */
/* .pswp__container {
    background: none;
  }

  .pswp__item {
    background: none;
  } */
.backtoprojects {
  grid-area: 1/1/1/4;
  padding-top: 3.75rem;
  align-self: flex-end;
}

.index-header-project {
  grid-area: 1/4/2/7;
}

@media (max-width: 600px) {
  .index-header-project {
    grid-area: 3/1/4/4;
  }
}
.index-location-project {
  grid-area: 1/7/2/9;
}

@media (max-width: 600px) {
  .index-location-project {
    grid-area: 3/3/4/4;
  }
}
.inex-year-project {
  grid-area: 1/10/2/13;
}

@media (max-width: 600px) {
  .inex-year-project {
    grid-area: 3/4/4/5;
  }
}
.first-year:hover {
  color: red;
}

.max-width-press {
  max-width: 31ch;
}

/* EMAIL HOVER */
.about-contact-wrap a,
.header-nav-wrap a,
.orange a,
.index-list-grid a {
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.about-contact-wrap a:hover,
.header-nav-wrap a:hover,
.orange a:hover,
.index-list-grid a:hover {
  color: var(--accent);
}

.lemon a {
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

body:not(.is-home) .lemon a:hover {
  color: var(--accent);
}

/* .lemon a:hover {
    color: greenyellow;
} */
.awards-list-grid a[href^=http]:hover {
  color: var(--accent);
}

.awards-list-grid a[href=""] {
  color: inherit;
  cursor: default;
  pointer-events: none;
}

.awards-list-grid a[href=""]:hover {
  color: inherit;
}

.backfix {
  position: relative;
  top: 0.6rem;
}

.arrow-wrap {
  grid-area: 1/4/2/5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.arrow-item {
  visibility: hidden;
  position: relative;
  top: 0.1rem;
  right: -0.125rem;
}

.vedrload {
  visibility: hidden;
}

.red-text {
  color: red;
}

.potpis {
  margin-top: 1.25rem;
}

/* .fixdemo {
    height: 90vh;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    position: relative;
} */
/* .is-vh {
    width: auto;
} */
.fixed {
  position: fixed;
  top: 15.5rem;
  left: 1.5625rem;
}

.is-bottom-aligned {
  position: fixed;
  left: 1.5625rem;
  bottom: 1.5625rem;
  /* align-self: end */
  /* margin-bottom: 1.5625rem */
}

.margin-press-project {
  margin-top: 1rem;
}

.is-index {
  position: fixed;
  top: 15.2rem;
  left: 1.5625rem;
}

.giantlink {
  width: 100vw;
  height: 100vh;
  height: 100svh;
  z-index: 99999;
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 600px) {
  .giantlink {
    display: none;
  }
}
/* project second child */
/* #macy-container > *:nth-child(3n+2) {
    margin-top: -3rem;

  } */
.press-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.pos1 {
  grid-area: 1/4/2/12;
}

@media (max-width: 600px) {
  .pos1 {
    grid-area: 1/2/2/5;
  }
}
.pos2 {
  grid-area: 1/4/2/8;
}

@media (max-width: 600px) {
  .pos2 {
    grid-area: 1/2/2/5;
  }
}

.pos3 {
  grid-area: 1/7/2/12;
}

@media (max-width: 600px) {
  .pos3 {
    grid-area: 1/2/2/5;
  }
}
.pos4 {
  grid-area: 1/4/2/9;
}

@media (max-width: 600px) {
  .pos4 {
    grid-area: 1/2/2/5;
  }
}
.pos5 {
  grid-area: 1/4/2/11;
}

@media (max-width: 600px) {
  .pos5 {
    grid-area: 1/2/2/5;
  }
}
.pos6 {
  grid-area: 1/8/2/12;
}

@media (max-width: 600px) {
  .pos6 {
    grid-area: 1/2/2/5;
  }
}
.pos7 {
  grid-area: 1/9/2/12;
}

@media (max-width: 600px) {
  .pos7 {
    grid-area: 1/2/2/5;
  }
}
.pos8 {
  grid-area: 1/1/2/3;
}

@media (max-width: 600px) {
  .pos8 {
    grid-area: 1/1/2/2;
  }
}
.pos8a {
  grid-area: 1/4/2/6;
}

@media (max-width: 600px) {
  .pos8a {
    grid-area: 1/2/2/3;
  }
}
.pos8b {
  grid-area: 1/10/2/12;
}

.pos9 {
  grid-area: 1/1/2/2;
}

@media (max-width: 600px) {
  .pos9 {
    grid-area: 1/1/2/2;
  }
}
.pos9a {
  grid-area: 1/2/2/3;
}

@media (max-width: 600px) {
  .pos9a {
    grid-area: 1/2/2/3;
  }
}
.pos9b {
  grid-area: 1/3/2/4;
}

@media (max-width: 600px) {
  .pos9b {
    grid-area: 1/3/2/4;
  }
}
.pos9c {
  grid-area: 1/4/2/5;
}

@media (max-width: 600px) {
  .pos9c {
    grid-area: 1/4/2/5;
  }
}
/* GRID HOMEPAGE */
.grid-container {
  display: grid;
  grid-template-columns: auto auto auto;
  -webkit-column-gap: 1.25rem;
     -moz-column-gap: 1.25rem;
          column-gap: 1.25rem;
  height: 100%;
}

@media (max-width: 600px) {
  .grid-container {
    grid-template-columns: auto;
  }
}
.grid-item {
  position: relative;
  height: auto;
  width: 100%;
  visibility: hidden;
}

.grid-item img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  /* height: 100% */
  -o-object-fit: cover;
     object-fit: cover;
}

.home-wrap {
  grid-area: 1/4/2/13;
}

@media (max-width: 600px) {
  .home-wrap {
    grid-area: 1/2/2/5;
  }
}
.is-home {
  margin-bottom: 0%;
}

.greyscale {
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
}

/* IMAGES CROSFADE */
/* .fadeimg {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
} */
#images {
  width: 400px;
  height: 400px;
  overflow: hidden;
  position: relative;
}

/* VIDEO SECTION */
.all {
  width: 100%;
  /* max-width: 1200px */
  /* margin: auto */
  grid-area: 1/1/2/6;
  display: grid;
  grid-gap: 1.5em;
}

@media (max-width: 600px) {
  .all {
    grid-area: 1/1/2/2;
  }
}
video::-webkit-media-controls-panel,
video::-webkit-media-controls-play-button,
video::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
}

.videos {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.videowrap {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  /* overflow: hidden */
}

.videowrap video {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-transition: -webkit-filter 0.5s ease;
  transition: -webkit-filter 0.5s ease;
  transition: filter 0.5s ease;
  transition: filter 0.5s ease, -webkit-filter 0.5s ease;
}

.hover {
  visibility: hidden;
  -webkit-transition: visibility 0.3s, opacity 0.3s;
  transition: visibility 0.3s, opacity 0.3s;
  opacity: 0;
}

.playing {
  visibility: visible;
  opacity: 1;
}

.videowrap:hover .hover {
  visibility: visible;
  opacity: 1;
}

.controls {
  position: absolute;
  bottom: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.fullscreen {
  position: absolute;
  top: 0.5rem;
  right: 1rem;
  color: white;
  cursor: pointer;
  z-index: 100;
  font-size: 1.9rem;
  display: none;
}

.bar {
  position: absolute;
  bottom: -0.08rem;
  left: 0;
  height: 3px;
  background: var(--light);
  width: 0;
}

.buttonvideo {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2;
  color: white;
  font-size: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  text-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

.video-list-grid {
  grid-area: 1/4/2/12;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  -webkit-column-gap: 1.25rem;
     -moz-column-gap: 1.25rem;
          column-gap: 1.25rem;
  row-gap: 10rem;
}

@media (max-width: 600px) {
  .video-list-grid {
    grid-area: 1/2/2/5;
    row-gap: 5rem;
  }
}
.layout-height {
  /* height: 90vh */
}

.bg-video-mute-indicator {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  color: white;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.mute-indicator {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  color: white;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  pointer-events: none;
}

.mute-indicator svg {
  width: 100%;
  height: 100%;
}

/* .is-video {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2.8rem;
} */
/* PROJECT AUTO VIDEO */
.video-wrap {
  width: 100%;
}

.brisi {
  width: 600px;
  height: 600px;
}

/* .name-max-width {
    max-width: 22ch;
} */
@media (max-width: 600px) {
  .name-max-width {
    max-width: 9ch;
  }
}
.is-smaller-images {
  row-gap: 0rem;
}

@media (max-width: 600px) {
  .is-smaller-images {
    row-gap: 3rem;
  }
}
.is-mobile-gallery-link {
  margin-bottom: 0rem;
}

@media (max-width: 600px) {
  .is-mobile-gallery-link {
    margin-bottom: 5rem;
  }
}
.spacer3-wrap {
  /* grid-area: 12 / 2 / 13 / 5 */
}

.spacer4-wrap {
  grid-area: 10/2/11/5;
}

.new.header-wrap {
  grid-area: 1/1/2/4;
  /* margin-bottom: 0.3rem */
}

@media (max-width: 600px) {
  .new.header-wrap {
    grid-area: 11/2/12/5;
    bottom: 6rem;
    /* margin-bottom: 1.5rem */
  }
}
.project-header-wrap {
  grid-area: 1/1/2/4;
  margin-bottom: 0.3rem;
}

@media (max-width: 600px) {
  .project-header-wrap {
    grid-area: 1/1/2/5;
    margin-bottom: 2.5rem;
  }
}
.auto-height {
  height: auto;
}

.crossice {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.fadeimg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  opacity: 0;
}

.fadeimg-helper {
  position: relative;
  visibility: hidden;
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

/* .crossice {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    overflow: hidden;
} */
/* .fadeimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;

    max-height: 100%;
    object-fit: contain;
    opacity: 0;

    // transition: opacity 1s ease-in-out;
} */
/* .crossice {
    min-height: 64vw;
}

.fadeimg {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    height: 100%;

    // width: 100%
    object-fit: contain;
} */
/* .fadeimg,
.single-image {
    display: block;
    width: 100%;
    height: auto;
}

.crossice.fade-img-gallery .fadeimg {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 1s ease-in-out;
}

.crossice.fade-img-gallery .fadeimg:first-child {
    position: relative; 
    opacity: 1;
} */
.hero-project-image {
  max-width: 100%;
  max-height: 90vh;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left;
     object-position: left;
  /* Aligns the image content to the left */
  cursor: none;
  width: auto;
  /* Changed from 100% to auto */
  height: auto;
}

.caption-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.is-year-block {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 90%;
          flex: 0 0 90%;
  max-width: 22ch;
}

.videoccover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  /* filter: grayscale(100) */
  -o-object-fit: cover;
     object-fit: cover;
}

.video-item-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: auto;
  -webkit-column-gap: 1.25rem;
     -moz-column-gap: 1.25rem;
          column-gap: 1.25rem;
  align-self: flex-start;
}

@media (max-width: 600px) {
  .video-item-wrap {
    grid-template-columns: 1fr;
  }
}
.home-item-cont {
  grid-area: 1/1/2/4;
  top: 0.4rem;
  width: 80%;
}

@media (max-width: 600px) {
  .home-item-cont {
    width: 100%;
  }
}
.year-wrap {
  grid-area: 1/10/2/12;
  z-index: 2;
}

@media (max-width: 600px) {
  .year-wrap {
    display: none;
  }
}
.review-wrap {
  grid-area: 1/4/2/9;
  max-width: 75ch;
}

.credits-solo-wrap {
  grid-area: 1/4/2/7;
  max-width: 68ch;
}

@media (max-width: 600px) {
  .credits-solo-wrap {
    grid-area: 1/2/2/5;
  }
}
.kritika-content-wrap {
  grid-area: 1/4/2/9;
  max-width: 75ch;
}

@media (max-width: 600px) {
  .kritika-content-wrap {
    grid-area: 1/2/2/5;
  }
}
.about-image-cont {
  grid-area: 1/1/2/4;
}

/* SOLO PROJECTS REVIEW/CREDITS MENU */
a {
  -webkit-transition: color 0.5s ease-in-out;
  transition: color 0.5s ease-in-out;
}

.active {
  color: var(--accent);
}

.projekt-content,
.review-content,
.credits-content,
.solopro-projekt-content,
.solopro-review-content,
.solopro-credits-content {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
}

.hidden {
  opacity: 0;
  visibility: hidden;
}

.visible {
  opacity: 1;
  visibility: visible;
}

/* OVO JE NOVO ZA INDEX PROJECT PAGE / POTREBNO JE ZA JS */
.projectitem.featured-hover {
  color: var(--accent);
  cursor: none;
}

.projectitem.non-featured {
  color: var(--dark);
  cursor: none;
}

/* VIDEO PLAYER REFACTORED */
/* .pausedFilter {
    filter: grayscale(100%);
}
.playingFilter {
    filter: none;
}
.coverVisible {
    opacity: 1;
}
.coverHidden {
    opacity: 0;
} */
.index-item-grid:first-child {
  padding-top: 0;
}

@media (max-width: 600px) {
  .index-item-grid:first-child {
    padding-left: 0;
    padding-right: 0;
  }
}
.index-grid-wrap {
  grid-area: 1/1/2/13;
  min-height: 100%;
}

@media (max-width: 600px) {
  .index-grid-wrap {
    grid-area: 1/1/2/5;
  }
}
.index-inner-grid {
  grid-area: 1/1/2/13;
  min-height: 0;
}

@media (max-width: 600px) {
  .index-inner-grid {
    grid-area: 1/2/2/5;
  }
}
.process-gallery {
  grid-area: 1/1/2/13;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fade-in {
  -webkit-animation: fadeIn 0.3s ease-out forwards;
          animation: fadeIn 0.3s ease-out forwards;
}

.pswp__img {
  -webkit-animation: fadeIn 0.3s ease-out forwards !important;
          animation: fadeIn 0.3s ease-out forwards !important;
}

.awards-list-grid {
  grid-area: 1/1/2/13;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  -webkit-column-gap: 1.25rem;
     -moz-column-gap: 1.25rem;
          column-gap: 1.25rem;
  margin-bottom: 5rem;
}

.main-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
}

.contentfix {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

.footfix {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.izlozba-name-wrap {
  grid-area: 1/1/2/3;
  max-width: 75ch;
}

.izlozba--name-2 {
  grid-area: 1/2/2/3;
  max-width: 75ch;
}

@media (max-width: 600px) {
  .izlozba--name-2 {
    grid-area: 2/1/3/3;
  }
}
.home-item1 {
  grid-area: 1/1/2/2;
}

@media (max-width: 600px) {
  .home-item1 {
    grid-area: 1/1/2/4;
  }
}
.home-item2 {
  grid-area: 1/2/2/3;
}

@media (max-width: 600px) {
  .home-item2 {
    grid-area: 1/1/2/4;
  }
}
.home-item3 {
  grid-area: 1/3/2/4;
}

@media (max-width: 600px) {
  .home-item3 {
    grid-area: 1/1/2/4;
  }
}
:root {
  --vh: 1vh;
}

.mail-fixed {
  position: fixed;
  left: 1.5625rem;
  bottom: calc(var(--vh, 1vh) * 2);
}

.mail-fixed {
  position: fixed;
  left: 1.5625rem;
  bottom: 2rem;
  /* Fallback for browsers that don't support calc or vh */
  bottom: calc(2 * var(--vh, 1vh));
  bottom: 2svh;
}

.back-icon {
  /* position: absolute */
  top: 2rem;
  left: 0;
  width: 0.6rem;
  overflow: hidden;
  pointer-events: none;
}

.back {
  padding: 1rem 0;
}

.project-header-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto;
}

.hamburger-wrap {
  grid-area: 1/4/2/5;
  display: none;
}

@media (max-width: 600px) {
  .hamburger-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}
/* hamby-style {
    display: flex;
    justify-content: flex-end;
} */
.close-button-wrapper {
  grid-area: 1/4/2/5;
}

.close-button-align {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  /* position: relative;
  top: 0.13rem; */
}

.padding-top-bottom {
  /* padding-top: 5rem */
  /* padding-bottom: 5rem */
}

.hamby-wrapper {
  display: none;
}

@media (max-width: 600px) {
  .hamby-wrapper {
    grid-area: 1/4/2/5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    position: relative;
    top: -0.15rem;
  }
}
.project-desktop-nav {
  display: block;
}

@media (max-width: 600px) {
  .project-desktop-nav {
    display: none;
  }
}
.mob-link-lineheight {
  margin-bottom: 0;
}

.nav-wrap {
  display: block;
}

@media (max-width: 600px) {
  .nav-wrap {
    display: none;
  }
}
@media (min-width: 600px) {
  .nav-wrap {
  }
}
.mobile-menu-naslovi {
  display: none;
}

@media (max-width: 600px) {
  .mobile-menu-naslovi {
    display: block;
  }
}
.desktopnav {
  display: grid;
}

@media (max-width: 600px) {
  .desktopnav {
    display: none;
  }
}
.forofour-head-erap {
  grid-area: 1/1/2/13;
  margin-bottom: 0.3rem;
}

@media (max-width: 600px) {
  .forofour-head-erap {
    grid-area: 1/1/2/5;
  }
}
/* .mobile-o-top {
    position: relative;
    top: 14.15rem
} */
/* .mobile-press-top {
    position: relative;
    top: 35rem;
} */
.submenu-solo-projet {
  grid-area: 1/1/2/2;
  margin-bottom: 0.3rem;
  display: none;
}

@media (max-width: 600px) {
  .submenu-solo-projet {
    display: block;
  }
}
.project-solo-submenu {
  grid-area: 1/1/2/2;
  margin-bottom: 0.3rem;
}

@media (max-width: 600px) {
  .project-solo-submenu {
    display: none;
  }
}
.solo-project-bottom-nav {
  grid-area: 1/1/2/2;
  margin-bottom: 0.3rem;
  position: fixed;
  left: 1.5625rem;
  bottom: 1.5625rem;
}

@media (max-width: 600px) {
  .solo-project-bottom-nav {
    display: none;
  }
}
.solo-menu-mobile {
  grid-area: 1/1/2/2;
  margin-bottom: 0.3rem;
  position: fixed;
  top: 15.5rem;
  left: 1.5625rem;
  display: none;
  /* position: fixed;
  left: 1.5625rem;
  bottom: 1.5625rem; */
}

@media (max-width: 600px) {
  .solo-menu-mobile {
    display: block;
    top: calc(var(--vh, 1vh) * 30);
    top: 30svh;
  }
}
.solo-desktop-header-wrap {
  grid-area: 1/1/2/2;
  margin-bottom: 0.3rem;
  display: block;
}

@media (max-width: 600px) {
  .solo-desktop-header-wrap {
    display: none;
  }
}
.email-fixed {
  position: fixed;
  bottom: calc(100svh - 2rem);
  left: 1.5625rem;
}

.nav-item.active a,
a.linkprojekt.active,
a.linkcredits.active,
a.linkreview.active {
  color: var(--accent);
}

/* DEFAULT LOGOTIP POSITION */
.defaultlogo-dynamic-position {
  padding-top: 5rem;
}

@media (max-width: 600px) {
  .defaultlogo-dynamic-position {
    padding-top: calc(var(--vh, 1vh) * 10);
    padding-top: 10svh;
  }
}
/* POSITION MOBILE MENU */
/* Positioning elements proportionally to the viewport height */
.your-custom-class-1 {
  position: absolute;
  /* Use --vh as a fallback for svh */
  top: calc(var(--vh, 1vh) * 30);
  top: 30svh;
}

.your-custom-class-2 {
  position: absolute;
  /* Use --vh as a fallback for svh */
  top: calc(var(--vh, 1vh) * 50);
  top: 50svh;
}

.your-custom-class-3 {
  position: absolute;
  /* Use --vh as a fallback for svh */
  top: calc(var(--vh, 1vh) * 70);
  top: 70svh;
}

/* CONTENT POSITION */
.margin-one {
  margin-top: 15.25rem;
}

@media (max-width: 600px) {
  .margin-one {
    margin-top: calc(var(--vh, 1vh) * 30);
    margin-top: 30svh;
  }
}
.mobile-project-submenu {
  display: none;
}

@media (max-width: 600px) {
  .mobile-project-submenu {
    top: calc(var(--vh, 1vh) * 30);
    top: 30svh;
    padding-left: 1.5rem;
    /* margin-top: calc(30svh) */
    display: block;
    position: fixed;
    /* top: -0.08rem */
  }
}
.margin-two {
  margin-top: 15.5rem;
}

@media (max-width: 600px) {
  .margin-two {
    margin-top: calc(var(--vh, 1vh) * 50);
    margin-top: 50svh;
  }
}
.o-submeni {
  position: fixed;
  top: 15.5rem;
  left: 1.5625rem;
}

@media (max-width: 600px) {
  .o-submeni {
    top: calc(var(--vh, 1vh) * 50);
    top: 50svh;
  }
}
.margin-three {
  margin-top: 15.5rem;
}

@media (max-width: 600px) {
  .margin-three {
    margin-top: calc(var(--vh, 1vh) * 70);
    margin-top: 70svh;
  }
}
.press-submenu {
  position: fixed;
  top: 15.5rem;
  left: 1.5625rem;
}

@media (max-width: 600px) {
  .press-submenu {
    top: calc(var(--vh, 1vh) * 70);
    top: 70svh;
  }
}
.nav-link {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

/* RAZMACI */
.img-wrapper {
  position: relative;
}

.img-wrapper figcaption,
.year-block {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  padding-top: 0.3rem;
}

.year-block {
  text-align: right;
}

.thepaddingbottom {
  padding-bottom: 5rem;
}

.videofigix {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  padding-top: 0.3rem;
}

.video-bottom-margin {
  margin-bottom: 15.25rem;
}

.index-stickyfix-wrap {
  /* display: flex */
  /* flex-direction: column */
  /* min-height: 100vh */
}

.index-main-container {
  /* flex: 1 0 auto */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
  min-height: 100svh;
}

.quatro-wrap {
  grid-area: 1/4/2/13;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-column-gap: 1.25rem;
     -moz-column-gap: 1.25rem;
          column-gap: 1.25rem;
}

@media (max-width: 600px) {
  .quatro-wrap {
    grid-area: 1/2/2/5;
  }
}

.indexfooterfix {
  padding-bottom: 25rem;
}

@media (max-width: 600px) {
  .indexfooterfix {
    padding-bottom: 10rem;
  }
}
.pos10 {
  grid-area: 1/6/2/12;
}

@media (max-width: 600px) {
  .pos10 {
    grid-area: 1/2/2/5;
  }
}
.double-drap {
  grid-area: 1/4/2/13;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-column-gap: 1.25rem;
     -moz-column-gap: 1.25rem;
          column-gap: 1.25rem;
}

@media (max-width: 600px) {
  .double-drap {
    grid-area: 1/2/2/5;
  }
}
.pos11a {
  grid-area: 1/1/2/2;
}

.pos11b {
  grid-area: 1/2/2/3;
}

.trio-wrap {
  grid-area: 1/4/2/13;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-column-gap: 1.25rem;
     -moz-column-gap: 1.25rem;
          column-gap: 1.25rem;
}

@media (max-width: 600px) {
  .trio-wrap {
    grid-area: 1/2/2/5;
  }
}
.pos12a {
  grid-area: 1/1/2/2;
}

.pos12b {
  grid-area: 1/2/2/3;
}

.pos12c {
  grid-area: 1/3/2/4;
}

.special08wrap {
  grid-area: 1/4/2/13;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: auto;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-column-gap: 1.25rem;
     -moz-column-gap: 1.25rem;
          column-gap: 1.25rem;
}

@media (max-width: 600px) {
  .special08wrap {
    grid-area: 1/2/2/5;
    grid-template-columns: repeat(2, 1fr);
  }
}
.photoswipe-item-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: auto;
  -webkit-column-gap: 1.25rem;
     -moz-column-gap: 1.25rem;
          column-gap: 1.25rem;
  align-self: flex-start;
  /* margin-bottom: 10rem */
}

.digital-item-wrap {
  grid-area: 1/1/2/3;
  top: 0.4rem;
}

@media (max-width: 600px) {
  .digital-item-wrap {
    grid-area: 1/1/2/4;
  }
}
.newnav-wrap {
  grid-area: 1/1/2/13;
  margin-bottom: 0.3rem;
}

@media (max-width: 600px) {
  .newnav-wrap {
    display: none;
  }
}
.bottom-pading-0 {
  padding-bottom: 0 !important;
}

.margin-bottom10 {
  margin-bottom: 15.25rem;
}

.homeoverlayhidden {
  overflow: hidden;
}