body{margin:0;font-family:"Helvetica Neue", Arial}

.play-btn {
    background-color: hsla(0,0%,100%,.85);
    font-size: 24px;
    line-height: 32px;
    position: relative
}

.play-btn:before {
    animation-delay: 0s;
    animation: pulsate1 2s;
    animation-direction: forwards;
    animation-iteration-count: infinite;
    animation-timing-function: steps;
    border: 5px solid var(--bs-border-color);
    border-radius: 50%;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);
    content: "";
    height: 150%;
    opacity: 1;
    position: absolute;
    width: 150%
}
.album{
    background: black;
}
.navbar{
    background-color: black !important;
}
.navbar-brand{
    margin-right: 0 !important;
}
.icon-shape {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    text-align: center;
    vertical-align: middle
}
.icon-xl {
    height: 3.5rem;
    line-height: 3.5rem;
    width: 3.5rem
}
.albumTitle{
    font-size: 18px;
    font-weight: bold;
    margin-top: 8px;
    text-align: center;
    color: white;
}
@keyframes pulsate1 {
    0% {
        opacity: 1;
        transform: scale(.8)
    }

    to {
        box-shadow: none;
        opacity: 0;
        transform: scale(1)
    }
}
footer ul{
    justify-content: end;
}

@media (max-width: 600px){
    .navbar-brand{
        margin-right: 0;
    }
}

@media (max-width: 768px){
    footer p{
        text-align: center;
    }
    footer ul{
        justify-content: center ;
    }
}

.logo-section{position:absolute; width: 100%;
    padding-top: 10px; z-index:10;}

.hero-section{position:relative;width:100%;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#fff}
.hero-section h1{font-family: orpheus-pro; text-align: center; white-space: pre-wrap; transition-timing-function: ease; transition-duration: 0.65s; transition-delay: 0.195s;}

/* iframe wrapper sits behind content */
.video-embed{
    position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none;
}


/* make iframe cover the container */
.video-embed iframe{
    position:absolute;top:50%;left:50%;width:177.77vh;height:100vh; /* 16:9 aspect ratio hack */
    transform:translate(-50%,-50%);min-width:100%;min-height:100%;
    pointer-events:none; /* let clicks pass through */
}


/* Overlay and centered content */
.overlay{position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,0.35), rgba(0,0,0,0.55));z-index:1}
.hero-content{position:relative;z-index:2;text-align:center;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}
h1{font-size:clamp(1.8rem, 4vw + 1rem, 4rem);line-height:1.05;font-weight:700;text-shadow:0 6px 30px rgba(0,0,0,0.45)}
p.lead{max-width:900px;margin:0 auto;font-size:clamp(1rem, 1.4vw + 0.2rem, 1.25rem);opacity:0.95}


/* Responsive adjustments */
@media (max-width:520px){.video-embed iframe{width:300vw;height:56.25vw;} .overlay{background:linear-gradient(180deg, rgba(0,0,0,0.45), rgba(0,0,0,0.7));}}


/* Contact Form */

.contact-section {
  position: relative;
  width: 100%;
  padding: 80px 0;
  color: #fff;
  overflow: hidden;
}

/* Background Video */
.contact-video-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
}
/* Background Image */
.contact-image-bg {
  position: absolute;
  inset: 0;
  background: url("../imgs/heroImg.jpg") center/cover no-repeat;
  z-index: 0;
}
.contact-video-bg iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 177.77vh;
  height: 100vh;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

/* Dark overlay */
.contact-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.45);
  z-index: 1;
}

/* Content container */
.contact-container {
  position: relative;
  z-index: 2;
  max-width: 800px;
  margin-left: 60px;
}

/* Form Styles */
.contact-form label {
  font-size: 14px;
  margin-bottom: 6px;
  display: block;
}

.contact-form input,
.contact-form textarea {
  width: 100%;
  padding: 14px;
  border: none;
  background: #fff;
  color: #000;
  font-size: 16px;
  margin-bottom: 16px;
}

.two-cols {
  display: flex;
  gap: 18px;
}

.checkbox {
  display: flex;
  gap: 10px;
  align-items: center;
}

.submit-btn {
  background: #a7b29b;
  padding: 14px 28px;
  border: none;
  cursor: pointer;
  color: #000;
  font-size: 18px;
  margin-top: 10px;
}

.social-icons {
  display: flex;
  gap: 18px;
  margin-top: 20px;
}

.social-icons a {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
}

@media(max-width: 768px) {
  .two-cols { flex-direction: column; }
  .contact-container { margin-left: 20px; margin-right: 20px; }
  .contact-video-bg iframe { width: 300vw; height: 56.25vw; }
}

/* header section */

.logo-text{font-family: "Helvetica Neue", Aria; color: #FFF; text-align:center; font-size: 18px;font-weight: bold;text-transform: uppercase; padding-top: 20px;}

/* Video Section */
.video-section { padding:40px 0 20px 0; background-image: url('../imgs/bg-image.webp'); }
.film-button{padding:20px 0; text-align:right;}
.film-button a{text-decoration: none; text-transform: uppercase; font-size: 20px; color:#FFF;}
  /* Main Video */
  #mainVideoWrapper iframe {
    width:100%;
    height:540px;
    border:none;
    border-radius:6px;
  }

  /* Carousel */
  .carousel-wrapper {
    margin-top:40px;
    display:flex;
    align-items:center;
  }

  .carousel {
    overflow:hidden;
    width:100%;
  }

  .carousel-track {
    display:flex;
    gap:20px;
    transition:transform .3s ease;
  }

  .thumb {
    width:320px;
    height:180px;
    position:relative;
    cursor:pointer;
    border-radius:6px;
    overflow:hidden;
    box-shadow: 0 8px 20px rgba(0,0,0,0.35);
  }

  .thumb iframe {
    width:100%;
    height:100%;
    pointer-events:none; /* so clicking loads main video instead of playing tiny video */
  }

  /* Arrows */
  .arrow {
    width:46px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    background:rgba(255,255,255,0.06);
    margin:0 12px;
    border-radius:4px;
  }

  .arrow svg { width:20px; height:20px; stroke:#fff; }

  @media (max-width:768px) {
    #mainVideoWrapper iframe { height:260px; }
    .thumb { width:220px; height:120px; }
  }


/* Founder Section */
.founder-sec{background-image: url(../imgs/bg-image.webp);}
.founder-section p{padding: 20px 0;}


/* Logo Section */
.logo-sec{background: #000;}