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

html {
  -webkit-text-size-adjust: 100%;
}

body{
  margin:0;
  padding:0;
  background:#000;

  color:white;

  font-family: 'Inter', sans-serif;

  padding:0px;

  overflow-x:hidden;
}

p{
  line-height: 1.5;
}

.site-header{
  width:100%;

  display:flex;

  justify-content:flex-end;

  align-items:center;

  padding:20px 20px;

  position:relative;

  z-index:1000;
}


.desktop-nav{
  display:flex;

  gap:32px;
}

.desktop-nav a{
  color:white;

  text-decoration:none;

  font-size:1rem;

  letter-spacing:0.08em;

  transition:0.2s ease;
}

.desktop-nav a:hover{
  color:rgb(250, 187, 234);
}


.menu-toggle{
  display:none;

  background:none;

  border:none;

  cursor:pointer;

  width:30px;
  height:12px;

  position:relative;
}

.menu-toggle span{
  position:absolute;

  width:100%;
  height:1px;

  background:white;

  left:0;

  transition:0.3s ease;
}

.menu-toggle span:nth-child(1){
  top:0;
}

.menu-toggle span:nth-child(2){
  top:10px;
}

.menu-toggle span:nth-child(3){
  top:20px;
}


.mobile-menu{
  position:fixed;

  top:0;
  right:-100%;

  width:150px;
  height:350px;

  background:#000;

  padding:120px 40px;

  display:flex;
  flex-direction:column;

  gap:24px;

  transition:0.4s ease;

  z-index:999;
}

.mobile-menu.active{
  right:0;
}

.mobile-menu a{
  color:white;

  text-decoration:none;

  font-size:0.8rem;

  letter-spacing:0.08em;
}

.site-footer{
  width:100%;

  display:flex;
  justify-content:space-between;
  align-items:flex-end;

  padding:40px 40px 40px;

  margin-top:10px;
}

.footer-left{
  display:flex;
  flex-direction:column;

  gap:6px;
}

.footer-name{
  font-size:1rem;
  color:rgb(250, 187, 234);
  letter-spacing:0.08em;
}

.footer-left a{
  color:white;

  text-decoration:none;

  font-size:1rem;

  opacity:0.7;
}

.footer-right{
  display:flex;
  flex-direction:column;

  align-items:flex-end;

  gap:6px;
}

.footer-right a{
  color:white;

  text-decoration:none;

  font-size:0.9rem;

  letter-spacing:0.08em;

  opacity:0.7;
}

.footer-right a:hover{
  color:rgb(250, 187, 234);
  opacity: 1;
}

.project-gallery img:hover,
.project-gallery video:hover {
  opacity: 0.75;
  transform: scale(1.01);
  transition: 0.2s ease;
}
.glightbox-container .gprev,
.glightbox-container .gnext {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;

  opacity: 0.85;
  transition: 0.2s ease;
}

.glightbox-container .gprev *,
.glightbox-container .gnext * {
  stroke: rgb(250, 187, 234) !important;
  fill: rgb(250, 187, 234) !important;
  stroke-width: 5px !important;  
}

.glightbox-container .gprev:hover,
.glightbox-container .gnext:hover {
  opacity: 1;
  transform: scale(1.1);
}
.glightbox-container video {

  max-width: 90vw;
  max-height: 90vh;

  object-fit: contain;
}

@media (max-width:1100px){

  body{
    padding:0px;
  }

  .desktop-nav{
    display:none;
  }

  .menu-toggle{
    display:block;
    margin-top: 20px;
    margin-right: 20px;
  }

  .site-header{
    padding:5px 5px 10px 5px;
  }

  .site-footer{
    flex-direction:column;

    align-items:flex-start;

    gap:40px;

    padding:20px 20px 40px;
  }

  .footer-right{
    align-items:flex-start;
  }

  .footer-left a{
    font-size: 0.7em;
  }
  .footer-right a{
    font-size: 0.7em;
  }

}