/* Title Page Styling - Fullscreen */
body.title-page {
    background-color: #faf7f7;
    margin: 0;
    padding: 0;
    height: 100vh;
    overflow: hidden;
    font-family: 'Montserrat', sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
}

  
  .hero-container {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background: rgb(255, 255, 255); /* letterbox background */
  }
  
  .hero-video {
    width: 100%;
    height: 100%;
    object-fit: contain;   /* ⬅️ CRITICAL */
    object-position: center center;
  }
  .title-container {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
  }
  
  .title-link {
    pointer-events: auto;
    color: rgb(0, 4, 251);
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(16px, 4vw, 28px);
    text-decoration: none;
  }

.title-link:hover {
    opacity: 0.5;
}
@media (min-width: 900px) {
  .hero-video {
    object-fit: cover;
  }
}
@supports (-webkit-touch-callout: none) {
  .hero-container {
    height: 100svh;
  }
}