body .relative.z-10.flex.flex-col.items-center.text-center.pt-6,
body .relative.z-10.flex.flex-col.items-center.text-center[class*="pt-"] {
  padding-top: clamp(0.5rem, 3vh, 1.2rem) !important;
}

.relative.z-10.flex.flex-col.items-center.text-center.pt-6 h1 {
  font-family: "Cinzel", serif;
  font-weight: 400 !important;
  letter-spacing: 0.08em;
  font-size: clamp(1.9rem, 6vw, 3.75rem);
  background-image: linear-gradient(90deg,#8B6C2B 0%,#D2AE6D 50%,#8B6C2B 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  text-shadow: 0 0 6px rgba(210,174,109,0.15);
}

.relative.z-10.flex.flex-col.items-center.text-center.pt-6 .animate-fade-in-delay-1 p:last-child {
  font-family: "Cinzel", serif;
  font-weight: 400 !important;
  letter-spacing: 0.14em;
  font-size: clamp(1.35rem, 5.2vw, 3rem);
  background-image: linear-gradient(90deg,#8B6C2B 0%,#D2AE6D 50%,#8B6C2B 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  text-shadow: 0 0 6px rgba(210,174,109,0.15);
}

.relative.z-10.flex.flex-col.items-center.text-center.pt-6 .animate-fade-in-delay-1 p:last-child + svg,
.relative.z-10.flex.flex-col.items-center.text-center.pt-6 .animate-fade-in-delay-1 p:last-child + img {
  margin-top: 0.25rem;
}

.relative.z-10.flex.flex-col.items-center.text-center.pt-6 .animate-fade-in-delay-1 p:first-child {
  font-size: clamp(0.8rem, 2.2vw, 1rem);
  letter-spacing: 0.12em;
  color: #D2D3D5;
}

.relative.z-10.flex.flex-col.items-center.text-center.pb-3 .animate-fade-in-delay-2 {
  margin-top: 0.75rem;
}

.animate-fade-in-delay-2 input {
  font-size: clamp(12px, 2.6vw, 14px);
  padding: clamp(10px, 2.8vw, 14px) clamp(12px, 4vw, 20px);
}

.animate-fade-in-delay-2 button {
  padding-left: clamp(12px, 4vw, 24px);
  padding-right: clamp(12px, 4vw, 24px);
}

.animate-fade-in-delay-2 button span {
  font-size: clamp(10px, 2.4vw, 12px);
}

.animate-fade-in-delay-4 .flex.items-center {
  flex-wrap: wrap;
  gap: clamp(0.5rem, 2vw, 1.25rem);
}

.relative.z-10.flex.flex-col.items-center.text-center > .flex-1 {
  min-height: 28dvh;
}
.relative.z-10.flex.flex-col.items-center.text-center .pb-3 {
  padding-bottom: clamp(1rem, 4vh, 2.5rem);
}

.bg-gradient-to-r.from-gold-dark.via-gold-light.to-gold-dark {
  background-image: linear-gradient(90deg,#8B6C2B 0%,#D2AE6D 50%,#8B6C2B 100%) !important;
}

@media (max-width: 480px) {
  body .relative.z-10.flex.flex-col.items-center.text-center.pt-6,
  body .relative.z-10.flex.flex-col.items-center.text-center[class*="pt-"] {
    padding-top: clamp(0.25rem, 2vh, 0.75rem) !important;
  }
  .relative.z-10.flex.flex-col.items-center.text-center.pt-6 h1 {
    letter-spacing: 0.12em;
  }
}

/* Z Fold Folded - Very Narrow */
@media (max-width: 320px) {
  .relative.z-10.flex.flex-col.items-center.text-center.pt-6 h1 {
    font-size: 1.6rem !important;
    letter-spacing: 0.05em;
  }
  .relative.z-10.flex.flex-col.items-center.text-center.pt-6 .animate-fade-in-delay-1 p:last-child {
    font-size: 1.2rem !important;
  }
  .animate-fade-in-delay-2 form {
    flex-direction: column !important;
    gap: 0.5rem;
  }
  .animate-fade-in-delay-2 input {
    width: 100% !important;
    text-align: center;
  }
  .animate-fade-in-delay-2 button {
    width: 100% !important;
  }
}

/* Z Fold Unfolded - Square-ish */
@media (min-width: 600px) and (max-width: 850px) and (min-height: 600px) {
  .relative.z-10.flex.flex-col.items-center.text-center > .flex-1 {
    min-height: 12dvh !important;
  }
  .relative.z-10.flex.flex-col.items-center.text-center.pt-6 h1 {
    font-size: clamp(2.5rem, 8vw, 3.5rem) !important;
  }
  .relative.z-10.flex.flex-col.items-center.text-center .pb-3 {
    padding-bottom: 2rem;
  }
}

/* Specific fix for Z Fold Folded (very narrow screens) */
@media (max-width: 300px) {
  .relative.z-10.flex.flex-col.items-center.text-center.pt-6 h1 {
    font-size: 1.4rem !important;
  }
  .animate-fade-in-delay-2 input {
    padding: 8px 12px !important;
  }
}

@media (orientation: portrait) and (min-height: 900px) {
  .relative.z-10.flex.flex-col.items-center.text-center > .flex-1 {
    min-height: 26dvh;
  }
  .relative.z-10.flex.flex-col.items-center.text-center .pb-3 {
    padding-bottom: clamp(1rem, 3vh, 2rem);
  }
}

@media (orientation: portrait) and (min-width: 600px) and (min-height: 1000px) {
  .relative.z-10.flex.flex-col.items-center.text-center > .flex-1 {
    min-height: 24dvh;
  }
}

@media (max-width: 360px) {
  .relative.z-10.flex.flex-col.items-center.text-center.pt-6 h1 {
    font-size: clamp(1.6rem, 7vw, 2.1rem);
    letter-spacing: 0.06em;
  }
  .relative.z-10.flex.flex-col.items-center.text-center.pt-6 .animate-fade-in-delay-1 p:last-child {
    font-size: clamp(1.2rem, 6vw, 1.8rem);
    letter-spacing: 0.1em;
  }
}

/* Z Fold Landscape - Height is limited */
@media (orientation: landscape) and (max-height: 600px) {
  .relative.z-10.flex.flex-col.items-center.text-center.pt-6 {
    padding-top: 1vh !important;
  }
  .relative.z-10.flex.flex-col.items-center.text-center.pt-6 h1 {
    font-size: clamp(1.4rem, 4vh, 2.2rem) !important;
  }
  .relative.z-10.flex.flex-col.items-center.text-center.pt-6 .animate-fade-in-delay-1 p:last-child {
    font-size: clamp(1.1rem, 3.5vh, 1.8rem) !important;
  }
  .relative.z-10.flex.flex-col.items-center.text-center > .flex-1 {
    min-height: 5dvh !important;
  }
  .relative.z-10.flex.flex-col.items-center.text-center .pb-3 {
    padding-bottom: 0.5rem !important;
  }
  .animate-fade-in-delay-2 form {
    margin-top: 0.25rem;
  }
  .animate-fade-in-delay-2 input {
    padding: 6px 12px !important;
  }
  .animate-fade-in-delay-4 {
    margin-top: 0.5rem !important;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .relative.z-10.flex.flex-col.items-center.text-center.pt-6 {
    padding-top: 3vh !important;
  }
  .relative.z-10.flex.flex-col.items-center.text-center.pt-6 h1 {
    font-size: clamp(2.5rem, 5vw, 3.5rem);
  }
  .relative.z-10.flex.flex-col.items-center.text-center.pt-6 .animate-fade-in-delay-1 p:last-child {
    font-size: clamp(2rem, 4vw, 2.8rem);
  }
  .relative.z-10.flex.flex-col.items-center.text-center > .flex-1 {
    min-height: 25dvh !important;
  }
  .relative.z-10.flex.flex-col.items-center.text-center .pb-3 {
    padding-bottom: 3rem !important;
  }
}

@media (min-width: 1440px) {
  .relative.z-10.flex.flex-col.items-center.text-center.pt-6 {
    padding-top: 4vh !important;
  }
  .relative.z-10.flex.flex-col.items-center.text-center.pt-6 h1 {
    font-size: 4rem;
  }
  .relative.z-10.flex.flex-col.items-center.text-center.pt-6 .animate-fade-in-delay-1 p:last-child {
    font-size: 3.2rem;
  }
  .relative.z-10.flex.flex-col.items-center.text-center > .flex-1 {
    min-height: 32dvh !important;
  }
  .relative.z-10.flex.flex-col.items-center.text-center .pb-3 {
    padding-bottom: 4rem !important;
  }
}

/* Background Video Responsiveness */
video {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  width: auto !important;
  height: auto !important;
  transform: translate(-50%, -50%) !important;
  object-fit: cover !important;
  z-index: -1 !important;
}

/* Ensure background transparency to show video */
html, body, #root, .min-h-screen, main, div[class*="bg-"] {
  background-color: transparent !important;
  background-image: none !important;
}

/* Re-apply specific backgrounds that SHOULD exist */
.bg-gradient-to-r.from-gold-dark.via-gold-light.to-gold-dark {
  background-image: linear-gradient(90deg,#8B6C2B 0%,#D2AE6D 50%,#8B6C2B 100%) !important;
}