@font-face {
  font-family: Untitled Sans;
  src: url('../fonts/untitled-sans-regular-italic.woff2') format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Untitled Sans;
  src: url('../fonts/untitled-sans-regular.woff2') format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --_colors---base-black: #272727;
  --_colors---unselected-link: #8f8f8f;
  --_colors---base-white: white;
  --_colors---transparent-slider-arrows: #ffffff80;
  --_colors---pressed-black: #000;
  --_colors---nav-menu-background: #fff;
  --_colors---transparent-nav-bar: #8f8f8f99;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  color: var(--_colors---base-black);
  font-family: Untitled Sans, Arial, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.35rem;
}

h1 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1.7rem;
  line-height: 2rem;
}

h2 {
  font-size: 1.2rem;
  line-height: 1.5rem;
}

p {
  margin-bottom: 10px;
}

a {
  color: var(--_colors---unselected-link);
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  transition: color .3s cubic-bezier(.755, .05, .855, .06);
}

a:hover {
  color: #000;
}

.artwork-name {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: .75rem;
  line-height: 1.1rem;
}

.artwork-details {
  font-size: .75rem;
  font-style: italic;
  line-height: 1.1rem;
}

.main-page-cover {
  -webkit-text-fill-color: inherit;
  background-image: url('../images/Moene.jpg');
  background-position: 50% 15%;
  background-size: cover;
  background-clip: border-box;
  height: 100vh;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
}

.portfolio-grid {
  grid-column-gap: 36px;
  grid-row-gap: 42px;
  grid-template-rows: 1fr 3fr;
  grid-template-columns: 3.25fr 1fr;
  grid-auto-flow: row;
  width: auto;
  position: static;
}

.section, .container {
  margin-top: 50px;
}

.portfolio-page-name {
  text-align: right;
  margin-bottom: .75rem;
  padding: 0;
  font-size: 1.3rem;
  line-height: 1.5rem;
}

.portfolio-page-name:hover, .portfolio-page-name:active, .portfolio-page-name:focus, .portfolio-page-name.w--current, .portfolio-page-name.w--current:focus {
  color: var(--_colors---base-black);
}

.portfolio-page-name.home-page-text {
  color: var(--_colors---base-white);
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: 1.7rem;
}

.portfolio-page-medium {
  color: var(--_colors---unselected-link);
  text-align: right;
  margin-bottom: .35rem;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  font-size: .9rem;
  line-height: 1.1rem;
}

.portfolio-page-medium.w--current {
  color: var(--_colors---unselected-link);
}

.portfolio-page-medium.unselected-medium {
  color: #c6c6c6;
  transition: color 1s;
}

.portfolio-page-medium.unselected-medium:hover {
  color: #333;
}

.portfolio-page-medium.active-selected-medium, .portfolio-page-medium.active-selected-medium.w--current {
  color: var(--_colors---base-black);
}

.portfolio-page-medium.home-page-text {
  color: var(--_colors---base-white);
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.slide-nav {
  flex-flow: row;
  margin-top: 146px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.div-block-for-slider {
  flex-flow: column;
  display: flex;
}

.slide {
  height: auto;
  overflow: auto;
}

.mask {
  height: auto;
}

.portfolio-slider {
  background-color: #ddd0;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  height: auto;
  display: flex;
}

.left-arrow {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--_colors---transparent-slider-arrows);
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
}

.icon, .icon-2 {
  font-size: 1.2rem;
}

.right-arrow {
  color: var(--_colors---transparent-slider-arrows);
  display: none;
}

.navbar {
  background-color: #fff0;
}

.nav-menu {
  background-color: #c8c8c800;
  flex-flow: column;
  display: flex;
}

.prev-next-buttons {
  color: var(--_colors---unselected-link);
  background-color: #fff0;
  flex-flow: row;
  justify-content: flex-end;
  align-items: flex-end;
  font-size: .9rem;
  display: flex;
  position: relative;
  top: 0;
}

.image-3 {
  width: 77%;
}

@media screen and (max-width: 991px) {
  .main-page-cover {
    padding-right: 35px;
  }

  .portfolio-grid {
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 3.25fr;
    width: 95vw;
  }

  .section {
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .container {
    justify-content: center;
    display: flex;
  }

  .portfolio-page-name.home-page-text {
    margin-bottom: .5rem;
  }

  .portfolio-slider {
    width: 95vw;
  }

  .left-arrow {
    display: block;
  }

  .left-arrow.is-hidden {
    display: none;
  }

  .right-arrow {
    display: block;
  }

  .right-arrow.is-hidden {
    display: none;
  }

  .navbar {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex: 1;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: -30px;
    margin-bottom: 10px;
    display: block;
  }

  .nav-menu {
    background-color: var(--_colors---base-white);
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 12px;
  }

  .nav-menu.home-page-nav-menu {
    background-color: #fff0;
  }

  .prev-next-buttons {
    display: none;
    position: relative;
    top: -73px;
  }

  .menu-button.w--open {
    color: var(--_colors---unselected-link);
    background-color: #c8c8c800;
  }
}

@media screen and (max-width: 479px) {
  .portfolio-page-name.home-page-text {
    font-size: 1.4rem;
    line-height: 1.4rem;
  }

  .portfolio-page-medium.home-page-text {
    font-size: 1rem;
    line-height: 1.3rem;
  }
}

#w-node-_43ca0e46-7c92-f248-6ccf-563906d7f8eb-c81e8ee6 {
  grid-area: 1 / 2 / 2 / 3;
}

#w-node-_593a9776-ee17-a3d1-414c-209ac2ce6547-e487109b {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_3d7ec00d-dcc6-21a1-039f-57f148290bb4-e487109b {
  grid-area: 2 / 2 / 3 / 3;
  align-self: start;
}

#w-node-c96865a4-74c1-3b38-561b-40cbf1f8d63f-86339edd {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-c96865a4-74c1-3b38-561b-40cbf1f8d66c-86339edd {
  grid-area: 2 / 2 / 3 / 3;
  align-self: start;
}

#w-node-_590810cd-a0aa-61d4-ffc7-9ac4417e9d95-19230e73 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_590810cd-a0aa-61d4-ffc7-9ac4417e9dc2-19230e73 {
  grid-area: 2 / 2 / 3 / 3;
  align-self: start;
}

#w-node-c96865a4-74c1-3b38-561b-40cbf1f8d63f-11af1855 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-c96865a4-74c1-3b38-561b-40cbf1f8d66c-11af1855 {
  grid-area: 2 / 2 / 3 / 3;
  align-self: start;
}

#w-node-c96865a4-74c1-3b38-561b-40cbf1f8d63f-8b2d8ac7 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-c96865a4-74c1-3b38-561b-40cbf1f8d66c-8b2d8ac7 {
  grid-area: 2 / 2 / 3 / 3;
  align-self: start;
}

#w-node-c96865a4-74c1-3b38-561b-40cbf1f8d63f-3a84ce11 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-c96865a4-74c1-3b38-561b-40cbf1f8d66c-3a84ce11 {
  grid-area: 2 / 2 / 3 / 3;
  align-self: start;
}

#w-node-a56e9d34-06d7-8f33-1f26-1072caf69c7d-e4ecccca {
  grid-area: span 2 / span 1 / span 2 / span 1;
  justify-self: center;
}

#w-node-ae6048b9-2266-b903-a97d-24e831047298-0d7e8e41 {
  grid-area: 2 / 1 / 3 / 2;
  align-self: start;
}

#w-node-c96865a4-74c1-3b38-561b-40cbf1f8d65a-0d7e8e41 {
  grid-area: 1 / 2 / 2 / 3;
}

@media screen and (max-width: 991px) {
  #w-node-_43ca0e46-7c92-f248-6ccf-563906d7f8eb-c81e8ee6, #w-node-_50401134-2db8-e740-c890-1e328f318cd8-e487109b {
    order: -9999;
  }

  #w-node-_3d7ec00d-dcc6-21a1-039f-57f148290bb4-e487109b {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c96865a4-74c1-3b38-561b-40cbf1f8d65a-86339edd {
    order: -9999;
  }

  #w-node-c96865a4-74c1-3b38-561b-40cbf1f8d66c-86339edd {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_590810cd-a0aa-61d4-ffc7-9ac4417e9db0-19230e73 {
    order: -9999;
  }

  #w-node-_590810cd-a0aa-61d4-ffc7-9ac4417e9dc2-19230e73 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c96865a4-74c1-3b38-561b-40cbf1f8d65a-11af1855 {
    order: -9999;
  }

  #w-node-c96865a4-74c1-3b38-561b-40cbf1f8d66c-11af1855 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c96865a4-74c1-3b38-561b-40cbf1f8d65a-8b2d8ac7 {
    order: -9999;
  }

  #w-node-c96865a4-74c1-3b38-561b-40cbf1f8d66c-8b2d8ac7 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c96865a4-74c1-3b38-561b-40cbf1f8d65a-3a84ce11 {
    order: -9999;
  }

  #w-node-c96865a4-74c1-3b38-561b-40cbf1f8d66c-3a84ce11 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-c96865a4-74c1-3b38-561b-40cbf1f8d65a-e4ecccca {
    order: -9999;
  }

  #w-node-c96865a4-74c1-3b38-561b-40cbf1f8d65a-0d7e8e41 {
    order: -9999;
    grid-column: 1 / 3;
  }
}


@font-face {
  font-family: 'Untitled Sans';
  src: url('../fonts/untitled-sans-regular-italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Untitled Sans';
  src: url('../fonts/untitled-sans-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}