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

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

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

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

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

.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;
  cursor: crosshair;
}

body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background-color: #f4f4f4;
  color: #000000;
  font-family: "TR", "Times New Roman", Times, serif;
  font-weight: 400;
  font-style: normal;
  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,
a.active:hover {
  color: #000000;
  text-decoration: underline;
  transition: all 0.3s linear;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  transition: color 0.3s linear;
}

a:hover,
a.active {
  color: #ff0000;
  text-decoration: none;
  transition: color 0.3s linear;
}

::-moz-selection {
  color: #000000;
  background: #ff0000;
}

::selection {
  color: #000000;
  background: #ff0000;
}

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

h1,
.photographer-lightbox-description.new-class h3 {
  font-size: 2.4vw;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -0.02em;
  margin: 0;
}

h2 {
  font-size: 1vw;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: -0.02em;
  margin: 0;
}

h3 {
  font-size: 0.72vw;
  font-weight: 400;
  line-height: 125%;
  letter-spacing: -0.02em;
  margin: 0;
}

p {
  font-size: 0.625vw;
  font-weight: 400;
  line-height: 125%;
  letter-spacing: -0.02em;
  margin: 0;
}

@media (max-width: 1919px) {
  h1,
  .photographer-lightbox-description.new-class h3 {
    font-size: 3.2vw;
  }
  h2 {
    font-size: 1.4vw;
  }
  h3 {
    font-size: 0.95vw;
  }
  p {
    font-size: 0.83vw;
  }
}

@media (max-width: 1024px) {
  h1,
  .photographer-lightbox-description.new-class h3 {
    font-size: 4.1vw;
  }
  h2 {
    font-size: 1.75vw;
  }
  h3 {
    font-size: 1.4vw;
  }
  p {
    font-size: 1vw;
  }
}

@media (max-width: 560px) {
  h1,
  .photographer-lightbox-description.new-class h3 {
    font-size: 7.2vw;
  }
  h2 {
    font-size: 4.1vw;
  }
  h3,
  .links-header a:nth-child(5)::before,
  .next-project-title h1 {
    font-size: 3vw;
  }
  p {
    font-size: 2.6vw;
  }
}

/* ANIMATIONS AND TRANSITIONS SETTINGS *******************************************************/

@keyframes fade-up {
  from {
    opacity: 0;
    transform: translateY(100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes goes-to-top {
  0% {
    position: absolute;
    top: 50dvh;
    transform: translateY(-50%);
    pointer-events: none;
  }
  75% {
    position: absolute;
    top: 50dvh;
    transform: translateY(-50%);
    pointer-events: none;
  }
  100% {
    position: relative;
    pointer-events: none;
  }
}

@keyframes fading-display {
  from {
    opacity: 0;
    display: none;
  }
  to {
    opacity: 1;
    display: flex;
  }
}

@keyframes fading-display-emoji {
  from {
    opacity: 0;
    display: none;
  }
  to {
    opacity: 1;
    display: block;
  }
}

@keyframes fading {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes gray-description {
  0% {
    color: #d7d7d7;
  }
  90% {
    color: #d7d7d7;
  }
  100% {
    color: #000000;
  }
}
/* INDEX PAGE SETTINGS *******************************************************/

body.index .header-wrapper {
  animation: goes-to-top 3s;
  animation-timing-function: cubic-bezier(0.93, 0, 0.73, 0.99);
}

.header-wrapper {
  width: 100%;
  position: sticky;
  top: 0;
  z-index: 1;
}

.header-content {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  padding: 10px;
  position: relative;
  z-index: 1;
  opacity: 1;
  transition: opacity 0.4s cubic-bezier(0.65, 0, 0.35, 1);
}

.header-name {
  font-family: "AB", Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  text-transform: uppercase;
  padding-right: 2px;
  overflow-y: hidden;
}

.header-name h3 {
  letter-spacing: -0.03em;
}

body.index .header-name h3 {
  animation: fade-up 0.3s ease-in-out 0.3s backwards;
}

.links-header {
  overflow-y: hidden;
}

.links-header,
.links-header a {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
}

body.index .links-header a {
  animation: fade-up 0.5s ease-in-out 0.45s backwards;
}

body.index .links-header h3:nth-child(2),
body.index .links-header h3:nth-child(4),
body.index .links-header h3:nth-child(6) {
  animation: fade-up 0.5s ease-in-out 0.45s backwards;
}

.links-header a:nth-child(3) {
  padding: 0 2px;
}

.links-header h3:nth-child(4) {
  padding-right: 2px;
}

.header-description {
  padding-left: 4px;
  overflow-y: hidden;
}

body.index .header-description h3 {
  animation: fade-up 0.5s ease-in-out 0.7s backwards;
}

body.index .logo-website-index {
  animation: fading-display 0.75s ease-in-out 3s backwards;
}

.logo-website-index,
.logo-website {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 2px 10px 0 10px;
  pointer-events: none;
}

.logo-website {
  opacity: 1;
  transition: opacity 0.35s cubic-bezier(0.65, 0, 0.35, 1);
}

.logo-website.hide {
  opacity: 0;
}

.logo-website.disappear {
  display: none;
}

.logo-website-index img:nth-child(1),
.logo-website img:nth-child(1) {
  width: 32.8173611vw;
}

.logo-website-index img:nth-child(2),
.logo-website img:nth-child(2) {
  width: 48.6361111vw;
}

body.index .information-logo {
  animation: fading-display-emoji 0.7s ease-in-out 3s backwards;
}

.information-logo {
  position: relative;
  z-index: 1;
}

.information-logo img {
  width: 0.81vw;
  height: 0.81vw;
  position: fixed;
  top: 10px;
  right: 10px;
  display: flex;
  align-items: flex-start;
  cursor: pointer;
}

.information-logo img:hover {
  content: url("../icons/smile_2.svg");
}

.close-information img {
  content: url("../icons/close_1.svg");
}

.close-information img:hover {
  content: url("../icons/close_2.svg");
}

.information-wrapper {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  z-index: 0;
}

.accordion {
  transition: all 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}

.panel {
  padding: 0 10px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s cubic-bezier(0.65, 0, 0.35, 1);
}

.biography {
  width: 33.3333333%;
  padding: 200px 0 10px 0;
}

.biography span {
  font-family: "AB", Helvetica, sans-serif;
  font-weight: 600;
  font-style: normal;
  text-transform: uppercase;
}

.contacts-wrapper {
  width: 16.6666667%;
  padding: 200px 0 10px 0;
  margin-left: calc(16.6666667% + 5px);
  display: grid;
}

.contacts-wrapper .contacts-title {
  font-family: "AR", Helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.contacts-wrapper a,
.contacts-wrapper h3 {
  display: inline;
  width: fit-content;
  line-height: 112%;
}

.dont-scroll {
  overflow: hidden;
}

.main-wrapper {
  opacity: 1;
  transition: all 0.5s ease-in-out;
  animation: fading 0.5s ease-in-out;
}

body.independent-researcher-lightbox .main-wrapper,
body.writer-lightbox .main-wrapper,
body.photographer-lightbox .main-wrapper {
  animation: fading 1s ease-in-out;
}

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

.pointer-events {
  pointer-events: none;
  opacity: 0.15;
  transition: opacity 0.4s cubic-bezier(0.65, 0, 0.35, 1);
}

.writer-image-link {
  width: 25%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 10px;
  display: none;
}

.photographer-image-link,
.independentresearcher-image-link {
  width: 16.6666667%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 10px;
  display: none;
}

@media (max-width: 1920px) {
  .information-logo img {
    width: 1vw;
    height: 1vw;
  }
}

@media (max-width: 1680px) {
  .information-logo img {
    width: 1.2vw;
    height: 1.2vw;
  }
}

@media (max-width: 1280px) {
  .information-logo img {
    width: 1.32vw;
    height: 1.32vw;
  }
}

@media (max-width: 1024px) {
  .information-logo img {
    width: 1.66vw;
    height: 1.66vw;
  }
  .biography br {
    display: none;
  }
  .writer-image-link {
    width: 25%;
  }
  .photographer-image-link,
  .independentresearcher-image-link {
    width: 33.3333333%;
  }
}

@media (max-width: 768px) {
  .information-logo,
  .information-logo img {
    width: 1.92vw;
    height: 1.92vw;
  }
  .information-wrapper {
    flex-wrap: wrap;
  }
  .biography {
    width: 100%;
    padding: 50px 0 0 0;
  }
  .contacts-wrapper {
    width: 100%;
    margin-left: 0;
    padding: 25px 0 0 0;
  }
  .contacts-wrapper a,
  .contacts-wrapper h3 {
    line-height: 100%;
  }
  .writer-image-link,
  .photographer-image-link,
  .independentresearcher-image-link {
    display: none;
  }
}

@media (max-width: 560px) {
  .links-header h3:nth-child(4) {
    display: none;
  }
  .links-header a:nth-child(3) {
    padding-right: 0;
  }
  .links-header a:nth-child(5)::before {
    content: ", ";
    display: block;
    color: #000000;
    padding-right: 2px;
  }
  .links-header a.active:nth-child(5)::before {
    color: #000000;
  }
  body.index .links-header h3:nth-child(2) {
    animation: fade-up 0.5s ease-in-out 0.45s backwards;
  }
  body.index .photographer-link h3 {
    animation: fade-up 0.7s ease-in-out 0.45s backwards;
  }
  body.index .independentresearcher-link h3 {
    animation: fade-up 0.9s ease-in-out 0.45s backwards;
  }
  .header-description {
    display: none;
  }
  .information-logo img {
    width: 3.9vw;
    height: 3.9vw;
  }
}

/* WRITER PAGE SETTINGS *******************************************************/

body.writer .main-wrapper {
  width: 100%;
  padding: 32dvh 5px 0 5px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

a.writer-project-wrapper,
a.writer-project-wrapper:hover {
  color: #000000;
  text-decoration: none;
}

.writer-project-wrapper {
  width: 25%;
  padding: 0 5px;
  margin-bottom: 100px;
  cursor: pointer;
}

.writer-project-wrapper:nth-last-child(-n + 4) {
  margin-bottom: 0;
}

.writer-project-title {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  font-family: "AR", Helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 25px;
}

.writer-project-title h3:nth-child(1) {
  padding-right: 6px;
}

.writer-project-title h3:nth-child(2) {
  color: #000000;
  text-decoration: underline;
  transition: all 0.3s linear;
}

.writer-project-wrapper:hover .writer-project-title h3:nth-child(2) {
  color: #ff0000;
  text-decoration: none;
  transition: all 0.3s linear;
}

.writer-project-description {
  width: 100%;
  margin-bottom: 50px;
}

.writer-project-year-image {
  width: 100%;
}

.writer-project-year-image h3 {
  margin-bottom: 5px;
}

.writer-project-year-image img {
  width: 28%;
  transform: scale(0.7);
  transform-origin: 0 0;
  transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

.writer-project-wrapper:hover .writer-project-year-image img {
  transform: scale(1);
  transition: all 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

footer {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 25dvh 10px 10px 10px;
}

footer a {
  color: #000000;
  text-decoration: none;
  transition: all 0.3s linear;
}

footer a:hover {
  color: #ff0000;
  text-decoration: underline;
  transition: all 0.3s linear;
}

@media (max-width: 1024px) {
  body.writer .main-wrapper {
    padding: 44dvh 5px 0 5px;
  }
  footer {
    padding: 15dvh 10px 10px 10px;
  }
}

@media (max-width: 768px) {
  body.writer .main-wrapper {
    padding: 40dvh 5px 0 5px;
  }
  .writer-project-year-image img {
    transform: scale(1);
  }
  footer {
    padding: 12dvh 10px 10px 10px;
  }
}

@media (max-width: 560px) {
  body.writer .main-wrapper {
    padding: 38dvh 5px 0 5px;
  }
  .writer-project-wrapper {
    width: 50%;
    margin-bottom: 75px;
  }
  .writer-project-wrapper:nth-last-of-type(3),
  .writer-project-wrapper:nth-last-of-type(4) {
    margin-bottom: 75px;
  }
  .writer-project-wrapper:nth-last-child(-n + 2) {
    margin-bottom: 0;
  }
  .writer-project-title {
    margin-bottom: 20px;
  }
  .writer-project-title h3:nth-child(1) {
    padding-right: 4px;
  }
  .writer-project-wrapper:hover .writer-project-title h3:nth-child(2) {
    color: #000000;
    text-decoration: underline;
  }
  .writer-project-description {
    margin-bottom: 35px;
  }
  .writer-project-year-image img {
    width: 35%;
    transform: scale(1);
  }
  footer {
    padding: 18dvh 10px 10px 10px;
  }
}

/* WRITER LIGHTBOX PAGE SETTINGS *******************************************************/

body.writer-lightbox .main-wrapper {
  width: 100%;
}

.writer-lightbox-wrapper {
  width: 100%;
  padding: 10px;
}

.writer-lightbox-header {
  width: 100%;
  position: fixed;
  top: 10px;
  z-index: 1;
}

.writer-lightbox-title {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  font-family: "AR", Helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 25px;
}

.writer-lightbox-title h3:nth-child(1) {
  padding-right: 6px;
}

.writer-lightbox-title h3:nth-child(2) {
  color: #ff0000;
}

.language-versions {
  width: fit-content;
  margin-top: 25px;
}

.language-versions a {
  text-decoration: none;
}

.writer-lightbox-content {
  width: 100%;
  margin-top: 50dvh;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

#enversion.writer-lightbox-content {
  margin-top: 22dvh;
}

.writer-left {
  width: 75%;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  padding-right: 5px;
}

.writer-image {
  width: 33.3333333%;
  margin-right: 66.6666667%;
  padding-right: 5px;
}

.writer-lightbox-content h1 {
  width: 33.3333333%;
  position: absolute;
  top: -3px;
  left: -33.333333%;
  transform: translateX(-50%);
  margin-top: 50px;
  color: #ff0000;
}

.writer-image p {
  padding-top: 3px;
}

.writer-text {
  width: 66.6666667%;
  position: relative;
  margin-left: 33.3333333%;
  padding: 50px 0 50px 5px;
}

.writer-text span {
  font-family: "AR", Helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;
  padding-right: 70px;
}

.writer-text sup {
  line-height: 80%;
}

.writer-text sup,
.writer-right-footnotes {
  color: #ff0000;
}

.writer-right-footnotes {
  width: 25%;
  max-height: calc(100dvh - 9.8dvh);
  padding-left: 5px;
  margin-bottom: 50px;
  position: sticky;
  top: 10dvh;
  overflow: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.writer-right-footnotes::-webkit-scrollbar {
  display: none;
}

.writer-right-footnotes h3 {
  color: #d7d7d7;
  transition: color 0.3s linear;
  padding-bottom: 10px;
}

.writer-right-footnotes:hover h3 {
  color: #000000;
  transition: color 0.3s linear;
}

.writer-right-footnotes sup {
  color: #ff0000;
  line-height: 80%;
}

.credits-lightbox {
  width: 50%;
  margin: auto;
  margin-top: calc(25dvh - 50px);
  text-align: center;
}

.credits-lightbox span {
  font-family: "AR", Helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.credits-lightbox a {
  font-family: "AR", Helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;
  text-decoration: underline !important;
}

.credits-lightbox a:hover {
  text-decoration: none !important;
}

.next-text-wrapper {
  width: 66.6666667%;
  margin: auto;
  margin-top: 50dvh;
  margin-bottom: 47dvh;
}

body.writer-lightbox a {
  text-decoration: none;
}

body.writer-lightbox .next-text-wrapper a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

body.writer-lightbox .next-project-header:hover + .next-project-title h1:nth-child(2) {
  color: #ff0000;
  text-decoration: none;
  transition: color 0.3s linear;
}

body.writer-lightbox .next-project-header h3 {
  padding-bottom: 10px;
}

body.writer-lightbox .next-project-title {
  display: flex;
  justify-content: center;
  align-items: center;
}

body.writer-lightbox .next-project-header:hover + .next-project-title img,
body.writer-lightbox .next-project-title:hover img {
  outline: #000000 solid 1px;
}

.next-project-title img {
  width: 10%;
  margin-left: 15px;
}

@media (max-width: 1024px) {
  .writer-text span {
    padding-right: 40px;
  }
  .writer-right-footnotes {
    max-height: 100dvh;
    top: 7dvh;
  }
  .writer-right-footnotes h3 {
    color: #000000;
  }
  .credits-lightbox {
    margin-top: calc(22dvh - 50px);
  }
  body.writer-lightbox .next-text-wrapper {
    width: 100%;
  }
}

@media (max-width: 560px) {
  .writer-lightbox-content {
    margin-top: 15dvh;
  }
  .writer-lightbox-title {
    margin-bottom: 15px;
  }
  .language-versions {
    margin-top: 0;
  }
  .writer-left {
    width: 100%;
    padding-right: 0;
  }
  .writer-image {
    width: 100%;
    margin-right: 0;
    padding-right: 0;
  }
  .writer-image p {
    padding-top: 0;
  }
  .writer-lightbox-content h1 {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    margin-top: 0;
    margin-bottom: 17px;
    transform: translateX(0);
  }
  .writer-text {
    width: 100%;
    margin-left: 0;
    padding: 40px 0;
  }
  .writer-right-footnotes {
    width: 100%;
    max-height: 100%;
    position: relative;
    top: 0;
    padding-left: 0;
    margin-bottom: 0;
  }
  .writer-right-footnotes h3 {
    color: #000000;
    padding-top: 7px;
    padding-bottom: 7px;
    border-top: 0.5px solid #ff0000;
    border-bottom: 0.5px solid #ff0000;
  }
  .credits-lightbox {
    width: 100%;
    padding: 0 10px;
    margin-top: calc(22dvh - 40px);
  }
  body.writer-lightbox .next-project-header h3 {
    padding-bottom: 5px;
  }
  .next-project-title img {
    width: 12%;
    margin-left: 10px;
  }
}

/* PHOTOGRAPHER PAGE SETTINGS *******************************************************/

body.photographer .main-wrapper {
  width: 100%;
  padding: 50dvh 10px 0 10px;
}

.photographer-project-wrapper {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.photographer-project-title {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  font-family: "AR", Helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;
  position: sticky;
  top: 50dvh;
  cursor: pointer;
  color: #000000;
  text-decoration: none;
  transition: color 0.15s linear;
}

a.photographer-project-title:hover {
  color: #000000;
}

.photographer-project-title h3:nth-child(1) {
  padding-right: 6px;
}

.photographer-project-title h3:nth-child(2) {
  color: #000000;
  text-decoration: underline;
  transition: all 0.3s linear;
}

.photographer-project-title h3:nth-child(2):hover {
  color: #ff0000;
  text-decoration: none;
  transition: all 0.3s linear;
}

.photographer-project-title.sticked h3:nth-child(2) {
  color: #ff0000;
  text-decoration: none;
  transition: all 0.15s linear;
}

.photographer-project-description {
  width: 50%;
  text-align: center;
  color: #ff0000;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.3s linear;
  transition-delay: 0.2s;
}

.photographer-project-title:hover + .photographer-project-description {
  opacity: 1;
  transition: opacity 0.3s linear;
}

.photographer-project-images {
  width: 4%;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  cursor: pointer;
  opacity: 0.5;
  transition: all 0.3s linear;
}

.photographer-project-images.in-view {
  opacity: 1;
  width: 6%;
  transition: all 0.3s linear;
}

.photographer-project-images-placeholder {
  display: none;
}

.photographer-project-images a {
  line-height: 0;
}

.photographer-project-images:hover {
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

.photographer-project-images img {
  margin-bottom: 5px;
}

.photographer-project-images img:hover {
  outline: #000000 solid 1px;
}

body.photographer footer {
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 1680px) {
  .photographer-project-images {
    width: 6%;
  }
  .photographer-project-images.in-view {
    width: 7%;
  }
}

@media (max-width: 1680px) {
  .photographer-project-images {
    width: 5%;
  }
  .photographer-project-images.in-view {
    width: 7%;
  }
}

@media (max-width: 1024px) {
  .photographer-project-wrapper {
    margin-bottom: 95px;
  }
  .photographer-project-wrapper:last-of-type {
    margin-bottom: 0;
  }
  .photographer-project-images,
  .photographer-project-images.in-view {
    width: 7%;
    opacity: 1;
  }
  body.photographer footer {
    padding: 15dvh 0 10px 0;
  }
}

@media (max-width: 768px) {
  .photographer-project-images,
  .photographer-project-images.in-view {
    width: 8%;
  }
}

@media (max-width: 560px) {
  .photographer-project-wrapper {
    margin-bottom: 75px;
  }
  .photographer-project-wrapper:last-of-type {
    margin-bottom: 0;
  }
  .photographer-project-title {
    top: 50vh;
  }
  .photographer-project-images,
  .photographer-project-images.in-view {
    width: 17%;
  }
  body.photographer footer {
    padding: 18dvh 0 10px 0;
  }
}

/* PHOTOGRAPHER LIGHTBOX PAGE SETTINGS *******************************************************/

body.photographer-lightbox .main-wrapper {
  width: 100%;
}

.photographer-lightbox-wrapper {
  width: 100%;
  padding: 10px;
}

.photographer-lightbox-header {
  width: 100%;
  position: fixed;
  top: 10px;
  z-index: 1;
}

.photographer-lightbox-title {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  font-family: "AR", Helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;
  margin-bottom: 25px;
}

.photographer-lightbox-title h3:nth-child(1) {
  padding-right: 6px;
}

.photographer-lightbox-title h3:nth-child(2) {
  color: #ff0000;
}

.lightbox-description {
  animation: gray-description 6s ease;
}

.duplicated-div {
  width: 66.6666667%;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  animation: fading 1s linear;
}

.close-lightbox img {
  width: 0.81vw;
  height: 0.81vw;
  position: fixed;
  top: 10px;
  right: 10px;
  display: flex;
  align-items: flex-start;
  cursor: pointer;
}

.close-lightbox img:hover {
  content: url("../icons/close_2.svg");
}

.photographer-lightbox-images {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 22dvh;
}

.photographer-lightbox-images img {
  margin-bottom: 5px;
  transition: width 0.3s ease;
}

.photographer-lightbox-images .horizontal {
  width: 50%;
}

.photographer-lightbox-images .square,
.photographer-lightbox-images .vertical {
  width: 33.3333333%;
}

.next-project-wrapper {
  width: 100%;
  height: 100dvh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.next-project-wrapper a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #000000;
  text-decoration: none;
  cursor: crosshair;
}

.next-project-wrapper a:hover,
.next-project-wrapper a:hover h3 {
  text-decoration: none;
  color: #000000;
}

.next-project-header {
  width: fit-content;
  color: #000000;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.next-project-header h3 {
  line-height: 90%;
}

.next-project-image {
  width: 16.6666667%;
  padding: 10px;
  line-height: 0;
  cursor: pointer;
}

.next-project-image:hover img,
.next-project-title:hover ~ .next-project-image img {
  outline: #000000 solid 1px;
}

.next-project-title {
  display: flex;
  font-family: "AR", Helvetica, sans-serif;
  color: #000000;
  text-align: center;
  cursor: pointer;
}

.next-project-title h1:nth-child(1) {
  padding-right: 15px;
}

.next-project-title h1:nth-child(2) {
  color: #000000;
  text-decoration: underline;
  transition: color 0.3s linear;
}

.next-project-image:hover + .next-project-title h1:nth-child(2),
.next-project-title:hover h1:nth-child(2) {
  color: #ff0000;
  text-decoration: none;
  transition: color 0.3s linear;
}

@media (max-width: 1920px) {
  .close-lightbox img {
    width: 1vw;
    height: 1vw;
  }
}

@media (max-width: 1680px) {
  .close-lightbox img {
    width: 1.2vw;
    height: 1.2vw;
  }
}

@media (max-width: 1280px) {
  .close-lightbox img {
    width: 1.32vw;
    height: 1.32vw;
  }
}

@media (max-width: 1024px) {
  .close-lightbox img {
    width: 1.66vw;
    height: 1.66vw;
  }
  .duplicated-div {
    width: 100%;
  }
  .photographer-lightbox-images .horizontal {
    width: 83.3333333%;
  }
  .photographer-lightbox-images .square,
  .photographer-lightbox-images .vertical {
    width: 50%;
  }
  .next-project-image {
    width: 25%;
  }
}

@media (max-width: 768px) {
  .close-lightbox img {
    width: 1.92vw;
    height: 1.92vw;
  }
}

@media (max-width: 560px) {
  .close-lightbox img {
    width: 3.9vw;
    height: 3.9vw;
  }
  .lightbox-description {
    display: none;
  }
  .duplicated-div {
    width: 100%;
    display: block;
  }
  .close-lightbox {
    width: 14px;
    height: 14px;
    display: flex;
    align-items: flex-start;
  }
  .photographer-lightbox-images {
    margin-top: 12dvh;
  }
  .photographer-lightbox-images .horizontal,
  .photographer-lightbox-images .square,
  .photographer-lightbox-images .vertical {
    width: 100%;
  }
  .next-project-title h1:nth-child(1) {
    padding-right: 6px;
  }
  .next-project-image {
    width: 33.3333333%;
    padding: 5px;
  }
}

/* INDEPENDENT-RESEARCHER PAGE SETTINGS *******************************************************/

body.independent-researcher .main-wrapper {
  width: 100%;
  padding: 32dvh 10px 0 10px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

a.independent-researcher-project-wrapper {
  width: 16.6666667%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
  margin-bottom: 80px;
  color: #000000;
  text-decoration: none;
}

.independent-researcher-project-wrapper:nth-last-child(-n + 4) {
  margin-bottom: 0;
}

.centered-left {
  margin-left: 20.8333333%;
  margin-right: 10.4166667%;
}

.centered-right {
  margin-left: 10.4166667%;
  margin-right: 20.8333333%;
}

.left {
  margin-right: 12.5%;
}

.centered {
  margin-left: 12.5%;
  margin-right: 12.5%;
}

.right {
  margin-left: 12.5%;
}

.independent-researcher-project-title {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  font-family: "AR", Helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;
  text-align: center;
  margin-bottom: 10px;
}

.independent-researcher-project-title h3 span {
  padding-left: 6px;
  color: #000000;
  text-decoration: underline;
  transition: color 0.3s linear;
}

.independent-researcher-project-wrapper:hover .independent-researcher-project-title h3 span {
  color: #ff0000;
  text-decoration: none;
  transition: color 0.15s linear;
}

.independent-researcher-project-image {
  text-align: center;
  line-height: 0;
}

.independent-researcher-project-image img {
  width: 53%;
  transform: scale(0.55);
  transform-origin: top center;
  transition: transform 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

.independent-researcher-project-wrapper:hover .independent-researcher-project-image img {
  transform: scale(1);
  transition: all 0.3s cubic-bezier(0.65, 0, 0.35, 1);
}

.independent-researcher-project-description {
  text-align: center;
  color: #969696;
  margin-top: 10px;
  opacity: 0;
  transition: opacity 0.3s linear;
}

.independent-researcher-project-wrapper:hover .independent-researcher-project-description {
  opacity: 1;
  transition: opacity 0.3s linear;
}

body.independent-researcher footer {
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 1024px) {
  body.independent-researcher .main-wrapper {
    padding-top: 44dvh;
  }
  body.independent-researcher footer {
    padding: 10dvh 0 10px 0;
  }
}

@media (max-width: 768px) {
  body.independent-researcher .main-wrapper {
    padding-top: 40dvh;
  }
  a.independent-researcher-project-wrapper {
    margin-bottom: 100px;
  }
  .independent-researcher-project-image img {
    width: 50%;
    transform: scale(1);
  }
  .independent-researcher-project-description {
    display: none;
  }
  body.independent-researcher footer {
    padding: 12dvh 0 10px 0;
  }
}

@media (max-width: 560px) {
  body.independent-researcher .main-wrapper {
    padding-top: 38dvh;
    column-gap: 10px;
  }
  a.independent-researcher-project-wrapper {
    width: calc(50% - 5px);
    margin-bottom: 75px;
  }
  .centered-left,
  .centered-right,
  .left,
  .centered,
  .right {
    margin-left: 0;
    margin-right: 0;
  }
  .independent-researcher-project-title {
    margin-bottom: 5px;
  }
  .independent-researcher-project-title h3 span {
    padding-left: 4px;
  }
  .independent-researcher-project-image img {
    width: 33.3333333%;
    transform: scale(1);
    padding: 0 5px;
  }
  .independent-researcher-project-wrapper:nth-last-of-type(3),
  .independent-researcher-project-wrapper:nth-last-of-type(4) {
    margin-bottom: 75px;
  }
  .independent-researcher-project-wrapper:nth-last-child(-n + 2) {
    margin-bottom: 0;
  }
  body.independent-researcher footer {
    padding: 18dvh 0 10px 0;
  }
}

/* INDEPENDENT-RESEARCHER LIGHTBOX PAGE SETTINGS *******************************************************/

body.independent-researcher-lightbox .main-wrapper {
  width: 100%;
}

body.independent-researcher-lightbox a {
  text-decoration: none;
}

body.independent-researcher-lightbox .writer-lightbox-content {
  margin-top: 20dvh;
}

body.independent-researcher-lightbox .writer-image {
  width: 66.6666667%;
  margin: auto;
  margin-right: 0;
  padding: 0 5px;
}

body.independent-researcher-lightbox .next-text-wrapper a {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

body.independent-researcher-lightbox .next-project-header:hover + .next-project-title h1:nth-child(2) {
  color: #ff0000;
  text-decoration: none;
  transition: color 0.3s linear;
}

body.independent-researcher-lightbox .next-project-header h3 {
  padding-bottom: 10px;
}

body.independent-researcher-lightbox .next-project-title {
  display: flex;
  justify-content: center;
  align-items: center;
}

body.independent-researcher-lightbox .next-project-header:hover + .next-project-title img,
body.independent-researcher-lightbox .next-project-title:hover img {
  outline: #000000 solid 1px;
}

@media (max-width: 1024px) {
  body.independent-researcher-lightbox .next-text-wrapper {
    width: 100%;
  }
  body.independent-researcher-lightbox .writer-lightbox-content {
    margin-top: 35dvh;
  }
}

@media (max-width: 560px) {
  body.independent-researcher-lightbox .next-project-header h3 {
    padding-bottom: 5px;
  }
  body.independent-researcher-lightbox .writer-lightbox-content {
    margin-top: 15dvh;
  }
  body.independent-researcher-lightbox .writer-image {
    width: 100%;
    padding: 0;
  }
}