/* Arrow down base styles - hidden by default */
.arrow-down,
.arrow-down-intro,
.arrow-down-last {
  position: absolute;
  z-index: 3000;
  top: 50%;
  right: 30px;
  margin-top: -24px;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  transition: all 1s ease;
}

/* Fullpage.js slide navigation dots styling */
.fp-slidesNav {
  position: absolute !important;
  z-index: 9999 !important;
  right: 30px !important;
  bottom: 30px !important;
  opacity: 1 !important;
}

.fp-slidesNav ul {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  gap: 12px !important;
}

.fp-slidesNav ul li {
  display: inline-block !important;
  width: 8px !important;
  height: 8px !important;
  margin: 0 !important;
  position: relative !important;
}

.fp-slidesNav ul li a {
  display: block !important;
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  height: 100% !important;
  cursor: pointer !important;
  text-decoration: none !important;
  font-size: 0 !important;
  color: transparent !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
}

.fp-slidesNav ul li a span {
  border-radius: 50% !important;
  position: absolute !important;
  z-index: 1 !important;
  height: 8px !important;
  width: 8px !important;
  border: 0 !important;
  background: white !important;
  opacity: 0.3 !important;
  left: 0 !important;
  top: 0 !important;
  margin: 0 !important;
  transition: opacity 0.3s ease !important;
}

.fp-slidesNav ul li:hover a span {
  opacity: 0.6 !important;
}

.fp-slidesNav ul li a.active span {
  opacity: 1 !important;
}

/* Show dots for Unmanifested when viewing those slides */
.fp-viewing-portfolio-unmanifested-0 #unmanifested-dots,
.fp-viewing-portfolio-unmanifested-1 #unmanifested-dots,
.fp-viewing-portfolio-unmanifested-2 #unmanifested-dots,
.fp-viewing-portfolio-unmanifested-3 #unmanifested-dots,
.fp-viewing-portfolio-unmanifested-4 #unmanifested-dots,
.fp-viewing-portfolio-unmanifested-5 #unmanifested-dots,
.fp-viewing-portfolio-unmanifested-6 #unmanifested-dots,
.fp-viewing-portfolio-unmanifested-7 #unmanifested-dots,
.fp-viewing-portfolio-unmanifested-8 #unmanifested-dots {
  display: flex;
}

/* Show dots for Elements when viewing those slides */
.fp-viewing-portfolio-elements-0 #elements-dots,
.fp-viewing-portfolio-elements-1 #elements-dots,
.fp-viewing-portfolio-elements-2 #elements-dots,
.fp-viewing-portfolio-elements-3 #elements-dots,
.fp-viewing-portfolio-elements-4 #elements-dots,
.fp-viewing-portfolio-elements-5 #elements-dots,
.fp-viewing-portfolio-elements-6 #elements-dots {
  display: flex;
}

/* Show dots only when viewing Unmanifested slides */
body[class*="fp-viewing-portfolio-unmanifested"] #unmanifestedstyle .slide-dots {
  display: flex !important;
}

/* Show dots only when viewing Elements slides */
body[class*="fp-viewing-portfolio-elements"] #elementsstyle .slide-dots {
  display: flex !important;
}

.slide-dots .dot {
  display: block;
  opacity: 0.3;
  transition: opacity 0.3s ease;
  cursor: pointer;
}

.slide-dots .dot img {
  display: block;
  width: 8px;
  height: 8px;
}

.slide-dots .dot:hover {
  opacity: 0.6;
}

/* Active dot states for Unmanifested */
.fp-viewing-portfolio-unmanifested-0 .slide-dots .dot[data-slide="0"],
.fp-viewing-portfolio-unmanifested-1 .slide-dots .dot[data-slide="1"],
.fp-viewing-portfolio-unmanifested-2 .slide-dots .dot[data-slide="2"],
.fp-viewing-portfolio-unmanifested-3 .slide-dots .dot[data-slide="3"],
.fp-viewing-portfolio-unmanifested-4 .slide-dots .dot[data-slide="4"],
.fp-viewing-portfolio-unmanifested-5 .slide-dots .dot[data-slide="5"],
.fp-viewing-portfolio-unmanifested-6 .slide-dots .dot[data-slide="6"],
.fp-viewing-portfolio-unmanifested-7 .slide-dots .dot[data-slide="7"],
.fp-viewing-portfolio-unmanifested-8 .slide-dots .dot[data-slide="8"] {
  opacity: 1;
}

/* Active dot states for Elements */
.fp-viewing-portfolio-elements-0 .slide-dots .dot[data-slide="0"],
.fp-viewing-portfolio-elements-1 .slide-dots .dot[data-slide="1"],
.fp-viewing-portfolio-elements-2 .slide-dots .dot[data-slide="2"],
.fp-viewing-portfolio-elements-3 .slide-dots .dot[data-slide="3"],
.fp-viewing-portfolio-elements-4 .slide-dots .dot[data-slide="4"],
.fp-viewing-portfolio-elements-5 .slide-dots .dot[data-slide="5"],
.fp-viewing-portfolio-elements-6 .slide-dots .dot[data-slide="6"] {
  opacity: 1;
}

/* ELEMENTS */

#elementsstyle .details-container {
  max-width: 600px;
}

#elementsstyle .details { transition: 1.4s ease; margin-left: 20px; }

.fp-viewing-portfolio-elements-0 #elementsstyle .details { margin-left: 0; }

#elementsstyle .subdetails { 
  transition: 1.4s ease; 
  margin-left: 20px;
  position: relative;
}

.fp-viewing-portfolio-elements-0 #elementsstyle .subdetails { margin-left: 0; }

#elements2 .content-container,
#elements3 .content-container,
#elements4 .content-container,
#elements5 .content-container,
#elements6 .content-container,
#elements7 .content-container {
  padding-left: 80px;
  justify-content: space-between;
  padding-right: 80px;
}

#elements2 .description {flex: 0 0 35%;max-width:35%;color:#fff;font-family:'Avenir Next';text-align:left;font-size:16px;line-height:24px;margin-left:20px;margin-top:70px;margin-bottom:16px;}

#elements2 .description span {
  font-family: 'Avenir Next DemiBold';
}

#elements3 .description {flex:0 0 35%;max-width:35%;color:#fff;font-family:'Avenir Next';text-align:left;font-size:16px;line-height:24px;margin-left:20px;margin-top:70px;margin-bottom:16px;}

#elements3 .description span {
  font-family: 'Avenir Next DemiBold';
}

#elements4 .description {flex:0 0 35%;max-width:35%;color:#fff;font-family:'Avenir Next';text-align:left;font-size:16px;line-height:24px;margin-left:20px;margin-top:70px;margin-bottom:16px;}

#elements4 .description span {
  font-family: 'Avenir Next DemiBold';
}

#elements5 .description,
#elements6 .description,
#elements7 .description {
  flex:0 0 35%;
  max-width:35%;
  color:#fff;
  font-family:'Avenir Next';
  text-align:left;
  font-size:16px;
  line-height:24px;
  margin-left:20px;
  margin-top:70px;
  margin-bottom:16px;
}

.elements-image-2 {
  width: 100%;
  height: auto;
}

.elements-image-2 video,
.elements-image-3 video,
.elements-image-4 video,
.elements-image-5 video,
.elements-image-6 video {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.elements-image-2,
.elements-image-3,
.elements-image-4,
.elements-image-5,
.elements-image-6 {
  width: 100%;
  max-width: 100%;
}

#elements1  .poimg { }
#elements2  .poimg { flex: 0 0 58%; margin-left: 0; margin-right: 0; }
#elements3  .poimg { flex: 0 0 58%; margin-left: 0; margin-right: 0; }
#elements4  .poimg { flex: 0 0 58%; margin-left: 0; margin-right: 0; }
#elements5  .poimg { flex: 0 0 58%; margin-left: 0; margin-right: 0; }
#elements6  .poimg { flex: 0 0 58%; margin-left: 0; margin-right: 0; }

.fp-viewing-portfolio-elements-1 #elements2  .poimg  { margin-left: 0; }
.fp-viewing-portfolio-elements-2 #elements3  .poimg  { margin-left: 0; }
.fp-viewing-portfolio-elements-3 #elements4  .poimg  { margin-left: 0; }
.fp-viewing-portfolio-elements-4 #elements5  .poimg  { margin-left: 0; }
.fp-viewing-portfolio-elements-5 #elements6  .poimg  { margin-left: 0; }

/* Show arrow-down-last on last Elements slide, hide right arrow */
.fp-viewing-portfolio-elements-6 .arrow-down-last {
  opacity: .4 !important;
  visibility: visible !important;
  transform: rotate(0deg) !important;
}

.fp-viewing-portfolio-elements-6 .fp-controlArrow.fp-next {
  opacity: 0 !important;
  visibility: hidden !important;
}

#elements7 {
  display: flex;
  align-items: center;
  justify-content: center;
}

#elements7 .hello-text {
  text-align: center;
  max-width: 1200px;
  padding: 0 10%;
}

/* ELEMENTS */

#elementsstyle { 
  width: 100%; 
  height: 100%; 
  position: relative; top: 0; 
  padding-top: 0px;
  overflow: hidden; 
}

#elementsstyle .details-container {
  max-width: 600px;
}

#elementsstyle .details { transition: 1.4s ease; margin-left: 20px; }

.fp-viewing-portfolio-elements-0 #elementsstyle .details { margin-left: 0; }

#elementsstyle .subdetails { 
  transition: 1.4s ease; 
  margin-left: 20px;
  position: relative;
}

.fp-viewing-portfolio-elements-0 #elementsstyle .subdetails { margin-left: 0; }

#elements1  .poimg { transition: 2s ease; transform: scale(1.1);  }

.fp-viewing-portfolio-elements-0 #elements1  .poimg  { margin-left: 0; transform: scale(1);}

.fp-viewing-portfolio-elements-0 #elementsstyle .fp-controlArrow.fp-prev { visibility: hidden; transition: none; }

/* UNMANIFESTED */

#unmanifestedstyle { 
  width: 100%; 
  height: 100%; 
  position: relative; top: 0; 
  padding-top: 0px;
  overflow: hidden; 
}

.image-1 {
  position: absolute;
  top: 16%;
  right: 0;
  max-width: 100%;
  width: 64%;
  margin-right: 40px;
}

.image-1 video {
  width: 90%;
  height: auto;
}

.intro-video-container {
  position: absolute;
  top: 16%;
  right: 0;
  width: 64%;
  margin-right: 40px;
}

.intro-video {
  width: 90%;
  height: auto;
  aspect-ratio: 16 / 9;
}

.intro-video-mobile {
  display: none;
}

.unmanifested-image-2 {
  width: 100%;
  height: auto;
}

#unmanifested5 .description,
#unmanifested6 .description,
#unmanifested7 .description,
#unmanifested8 .description {
  flex:0 0 35%;
  max-width:35%;
  color:#fff;
  font-family:'Avenir Next';
  text-align:left;
  font-size:16px;
  line-height:24px;
  margin-left:20px;
  margin-top:70px;
  margin-bottom:16px;
}

.unmanifested-image-2,
.unmanifested-image-3,
.unmanifested-image-4,
.unmanifested-image-5,
.unmanifested-image-6,
.unmanifested-image-7,
.unmanifested-image-8 {
  width: 100%;
  max-width: 100%;
}

.unmanifested-image-2 video,
.unmanifested-image-3 video,
.unmanifested-image-4 video,
.unmanifested-image-5 video,
.unmanifested-image-6 video,
.unmanifested-image-7 video,
.unmanifested-image-8 video {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}


.source-image-3 img {
  max-width: 100%;
  max-height: auto;
}

.unmanifested-image-4 {
  margin-left: 40px;
  margin-top: 44px;
}

.source-image-4 img {
  max-width: 70%;
  max-height: auto;
}

#unmanifested2 .content-container,
#unmanifested3 .content-container,
#unmanifested4 .content-container,
#unmanifested5 .content-container,
#unmanifested6 .content-container,
#unmanifested7 .content-container,
#unmanifested8 .content-container {
  padding-left: 80px;
  justify-content: space-between;
  padding-right: 80px;
}

#unmanifested2 .description {flex: 0 0 35%;max-width:35%;color:#fff;font-family:'Avenir Next';text-align:left;font-size:16px;line-height:24px;margin-left:20px;margin-top:70px;margin-bottom:16px;}

#unmanifested2 .description span {
  font-family: 'Avenir Next DemiBold';
}

#unmanifested2 .description a {color:#680aff;}

#unmanifested3 .description {flex:0 0 35%;max-width:35%;color:#fff;font-family:'Avenir Next';text-align:left;font-size:16px;line-height:24px;margin-left:20px;margin-top:70px;margin-bottom:16px;}

#unmanifested3 .description span {
  font-family: 'Avenir Next DemiBold';
}

#unmanifested4 .description {flex:0 0 35%;max-width:35%;color:#fff;font-family:'Avenir Next';text-align:left;font-size:16px;line-height:24px;margin-left:20px;margin-top:70px;margin-bottom:16px;}

#unmanifested4 .description span {
  font-family: 'Avenir Next DemiBold';
}

#unmanifestedstyle .details-container {
  max-width: 500px;
}

#unmanifestedstyle .details { transition: 1.4s ease; margin-left: 20px; }

.fp-viewing-portfolio-unmanifested-0 #unmanifestedstyle .details { margin-left: 0; }

#unmanifestedstyle .subdetails { transition: 1.4s ease; margin-left: 20px; }

.fp-viewing-portfolio-unmanifested-0 #unmanifestedstyle .subdetails { margin-left: 0; }

.unmanifested-description {
  text-decoration: none;
  line-height: 1.4;
  color: #fff;
}

.unmanifested-description a {
  text-decoration: none;
  color: #fff;
}

.unmanifested-description span {
  color: #fff;
  opacity: 1 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  display: inline-block;
  max-width: 480px;
}

#unmanifested1  .poimg { }
#unmanifested2  .poimg { flex: 0 0 58%; margin-left: 0; margin-right: 0; }
#unmanifested3  .poimg { flex: 0 0 58%; margin-left: 0; margin-right: 0; }
#unmanifested4  .poimg { flex: 0 0 58%; margin-left: 0; margin-right: 0; }
#unmanifested5  .poimg { flex: 0 0 58%; margin-left: 0; margin-right: 0; }
#unmanifested6  .poimg { flex: 0 0 58%; margin-left: 0; margin-right: 0; }
#unmanifested7  .poimg { flex: 0 0 58%; margin-left: 0; margin-right: 0; }
#unmanifested8  .poimg { flex: 0 0 58%; margin-left: 0; margin-right: 0; }

.fp-viewing-portfolio-unmanifested-0 #unmanifested1  .poimg  { margin-left: 0; }
.fp-viewing-portfolio-unmanifested-1 #unmanifested2  .poimg  { margin-left: 0; }
.fp-viewing-portfolio-unmanifested-2 #unmanifested3  .poimg  { margin-left: 0; }
.fp-viewing-portfolio-unmanifested-3 #unmanifested4  .poimg  { margin-left: 0; }
.fp-viewing-portfolio-unmanifested-4 #unmanifested5  .poimg  { margin-left: 0; }
.fp-viewing-portfolio-unmanifested-5 #unmanifested6  .poimg  { margin-left: 0; }
.fp-viewing-portfolio-unmanifested-6 #unmanifested7  .poimg  { margin-left: 0; }
.fp-viewing-portfolio-unmanifested-7 #unmanifested8  .poimg  { margin-left: 0; }

/* Show arrow-down-last on last Unmanifested slide, hide right arrow */
.fp-viewing-portfolio-unmanifested-8 .arrow-down-last {
  opacity: .4 !important;
  visibility: visible !important;
  transform: rotate(0deg) !important;
}

.fp-viewing-portfolio-unmanifested-8 .fp-controlArrow.fp-next {
  opacity: 0 !important;
  visibility: hidden !important;
}

#unmanifested9 {
  display: flex;
  align-items: center;
  justify-content: center;
}

#unmanifested9 .hello-text {
  text-align: center;
  max-width: 1200px;
  padding: 0 10%;
}

.fp-viewing-portfolio-unmanifested-0 #unmanifestedstyle .fp-controlArrow.fp-prev { visibility: hidden; transition: none; }

/* PLEROMA */

.fp-viewing-portfolio-pleroma-0 #pleroma-dots,
.fp-viewing-portfolio-pleroma-1 #pleroma-dots,
.fp-viewing-portfolio-pleroma-2 #pleroma-dots,
.fp-viewing-portfolio-pleroma-3 #pleroma-dots,
.fp-viewing-portfolio-pleroma-4 #pleroma-dots,
.fp-viewing-portfolio-pleroma-5 #pleroma-dots,
.fp-viewing-portfolio-pleroma-6 #pleroma-dots {
  display: flex;
}

body[class*="fp-viewing-portfolio-pleroma"] #pleromastyle .slide-dots {
  display: flex !important;
}

.fp-viewing-portfolio-pleroma-0 .slide-dots .dot[data-slide="0"],
.fp-viewing-portfolio-pleroma-1 .slide-dots .dot[data-slide="1"],
.fp-viewing-portfolio-pleroma-2 .slide-dots .dot[data-slide="2"],
.fp-viewing-portfolio-pleroma-3 .slide-dots .dot[data-slide="3"],
.fp-viewing-portfolio-pleroma-4 .slide-dots .dot[data-slide="4"],
.fp-viewing-portfolio-pleroma-5 .slide-dots .dot[data-slide="5"],
.fp-viewing-portfolio-pleroma-6 .slide-dots .dot[data-slide="6"] {
  opacity: 1;
}

#pleromastyle .details-container {
  max-width: 600px;
}

#pleromastyle .details { transition: 1.4s ease; margin-left: 20px; }

.fp-viewing-portfolio-pleroma-0 #pleromastyle .details { margin-left: 0; }

#pleromastyle .subdetails {
  transition: 1.4s ease;
  margin-left: 20px;
  position: relative;
}

.fp-viewing-portfolio-pleroma-0 #pleromastyle .subdetails { margin-left: 0; }

#pleroma2 .content-container,
#pleroma3 .content-container,
#pleroma4 .content-container,
#pleroma5 .content-container,
#pleroma6 .content-container,
#pleroma7 .content-container {
  padding-left: 80px;
  justify-content: space-between;
  padding-right: 80px;
}

#pleroma2 .description,
#pleroma3 .description,
#pleroma4 .description,
#pleroma5 .description,
#pleroma6 .description,
#pleroma7 .description {
  flex: 0 0 35%;
  max-width: 35%;
  color: #fff;
  font-family: 'Avenir Next';
  text-align: left;
  font-size: 16px;
  line-height: 24px;
  margin-left: 20px;
  margin-top: 70px;
  margin-bottom: 16px;
}

#pleroma4 .description ul {
  margin: 0 0 16px 0;
  padding-left: 20px;
}

#pleroma4 .description li {
  margin-bottom: 8px;
}

.pleroma-image-2 video,
.pleroma-image-3 video,
.pleroma-image-4 video,
.pleroma-image-5 video,
.pleroma-image-6 video {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.pleroma-image-2,
.pleroma-image-3,
.pleroma-image-4,
.pleroma-image-5,
.pleroma-image-6 {
  width: 100%;
  max-width: 100%;
}

#pleroma2 .poimg,
#pleroma3 .poimg,
#pleroma4 .poimg,
#pleroma5 .poimg,
#pleroma6 .poimg {
  flex: 0 0 58%;
  margin-left: 0;
  margin-right: 0;
}

.fp-viewing-portfolio-pleroma-1 #pleroma2 .poimg { margin-left: 0; }
.fp-viewing-portfolio-pleroma-2 #pleroma3 .poimg { margin-left: 0; }
.fp-viewing-portfolio-pleroma-3 #pleroma4 .poimg { margin-left: 0; }
.fp-viewing-portfolio-pleroma-4 #pleroma5 .poimg { margin-left: 0; }
.fp-viewing-portfolio-pleroma-5 #pleroma6 .poimg { margin-left: 0; }

.fp-viewing-portfolio-pleroma-6 .arrow-down-last {
  opacity: .4 !important;
  visibility: visible !important;
  transform: rotate(0deg) !important;
}

.fp-viewing-portfolio-pleroma-6 .fp-controlArrow.fp-next {
  opacity: 0 !important;
  visibility: hidden !important;
}

#pleroma7 {
  display: flex;
  align-items: center;
  justify-content: center;
}

#pleroma7 .hello-text {
  text-align: center;
  max-width: 1200px;
  padding: 0 10%;
}

#pleromastyle {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  padding-top: 0px;
  overflow: hidden;
}

#pleroma1 .poimg { transition: 2s ease; transform: scale(1.1); }

.fp-viewing-portfolio-pleroma-0 #pleroma1 .poimg { margin-left: 0; transform: scale(1); }

.fp-viewing-portfolio-pleroma-0 #pleromastyle .fp-controlArrow.fp-prev { visibility: hidden; transition: none; }

#pleroma1,
#unmanifested1,
#elements1 {
  position: relative;
}

#pleroma1 .intro-video-container,
#unmanifested1 .intro-video-container,
#elements1 .intro-video-container {
  z-index: 1;
}

/* Pleroma text — explicit white so it stays visible if child elements don't inherit */
#pleromastyle .description,
#pleromastyle .description h1,
#pleromastyle .description p,
#pleromastyle .description li {
  color: #fff;
}

#pleromastyle .content-container {
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
}

/* Desktop portfolio layout — keep video in the slide, not pushed off-screen */
@media screen and (min-width: 1024px) {
  #pleroma2 .poimg,
  #pleroma3 .poimg,
  #pleroma4 .poimg,
  #pleroma5 .poimg,
  #pleroma6 .poimg {
    flex: 0 0 58%;
    width: auto;
    max-width: 58%;
    height: auto;
    margin-left: 0;
    margin-right: 0;
  }

  #pleroma2 .pleroma-image-2,
  #pleroma3 .pleroma-image-3,
  #pleroma4 .pleroma-image-4,
  #pleroma5 .pleroma-image-5,
  #pleroma6 .pleroma-image-6 {
    width: 100%;
    height: auto;
  }

  #pleroma2 .pleroma-image-2 video,
  #pleroma3 .pleroma-image-3 video,
  #pleroma4 .pleroma-image-4 video,
  #pleroma5 .pleroma-image-5 video,
  #pleroma6 .pleroma-image-6 video {
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
    aspect-ratio: 16 / 9;
    object-fit: cover;
  }
}