@charset "UTF-8";

/* TITLON CAPITAL - Institutional Typography and Core Theme */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,400&family=Inter:wght@200;300;400;500;600&display=swap');

:root {
  --color-gold-light: #f5dfb8;
  --color-gold: #cca972;
  --color-gold-dark: #9f7d46;
  --color-bg-dark: #07090D;
  --color-card-dark: #121418;
}

body {
  margin: 0;
  padding: 0;
  background-color: var(--color-bg-dark);
  color: #E4E4E7;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

/* Atmospheric landscape background helper */
.bg-atmospheric {
  background-image: url('../images/titlon_coastal_twilight_bg.jpg'), url('../images/background.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.font-cinzel {
  font-family: 'Cinzel', serif;
}

.font-cormorant {
  font-family: 'Cormorant Garamond', Georgia, serif;
}

.font-sans-clean {
  font-family: 'Inter', sans-serif;
}

/* Request Access Button Transition */
#btn-request-access {
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1), transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  transform-origin: center;
}

#btn-request-access.is-faded {
  opacity: 0 !important;
  transform: translateY(-10px) scale(0.93) !important;
  pointer-events: none !important;
}

/* Slide Down / Up Container Transition from Button Location */
#intake-container {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transform: translateY(-25px) scale(0.96);
  transform-origin: top center;
  transition: max-height 0.45s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.35s ease, transform 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}

#intake-container.is-open {
  opacity: 1;
  transform: translateY(0) scale(1);
}

/* Gold Gradient Button */
.btn-gold {
  background: linear-gradient(135deg, #cca972 0%, #e2c792 50%, #c19c62 100%);
  color: #120f09;
  font-family: 'Cinzel', serif;
  font-weight: 600;
  letter-spacing: 0.2em;
  transition: all 0.25s ease;
  box-shadow: 0 0 30px rgba(204, 169, 114, 0.35);
}

.btn-gold:hover {
  filter: brightness(1.1);
  box-shadow: 0 0 40px rgba(204, 169, 114, 0.5);
}

.btn-gold:active {
  transform: scale(0.98);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: #07090D;
}
::-webkit-scrollbar-thumb {
  background: #cca97244;
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: #cca97288;
}