/* ===========================================================
   Bridge Capital Partners — Stylesheet
   Minimal landing page: logo + Contact Us + email, centered.
   =========================================================== */

:root{
  /* ---------- Official Bridge Capital Partners palette ---------- */
  --quiet-blue-dark: #18232e;
  --quiet-blue: #354f66;
  --quiet-blue-light: #6395ba;
  --quiet-blue-pale: #d7dce1;   /* extended tint used only for the background gradient's lightest edge */
  --leather-brown: #af6c46;
  --off-white: #f5f1ec;

  --font-head: 'Marcellus', Georgia, 'Times New Roman', serif;
  --font-body: 'Manrope', 'Helvetica Neue', Arial, sans-serif;

  --text-primary: var(--off-white);
  --text-secondary: #a7bdce;
  --accent: var(--leather-brown);
}

*,*::before,*::after{ box-sizing: border-box; }
html{ height:100%; }
body{
  margin:0;
  min-height:100%;
  color: var(--text-primary);
  font-family: var(--font-body);
  font-weight:200;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
img{ max-width:100%; display:block; }
a{ color: inherit; text-decoration:none; }

.landing{
  min-height: 100vh;
  min-height: 100dvh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 40px 24px;
  background: var(--quiet-blue-dark);
  background: linear-gradient(135deg, var(--quiet-blue-dark) 0%, var(--quiet-blue) 48%, var(--quiet-blue-pale) 100%);
}

.landing-inner{
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  max-width: 640px;
}

.logo{
  width: min(72vw, 440px);
  height:auto;
  margin: 0 auto;
}

.divider{
  width:32px;
  height:9px;
  margin: 40px 0 28px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 9'%3E%3Cpath d='M0 4.5 Q4 0 8 4.5 T16 4.5 T24 4.5 T32 4.5' fill='none' stroke='%23af6c46' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:center;
}

.contact-label{
  margin: 0 0 8px;
  font-size: 20.4px;
  font-weight:500;
  letter-spacing: 0.01em;
  color: var(--text-primary);
}

.contact-email{
  font-size: 16.8px;
  font-weight:300;
  color: var(--text-secondary);
  letter-spacing: 0.01em;
  transition: color .2s ease;
}
.contact-email:hover{ color: var(--text-primary); }

@media (max-width: 480px){
  .logo{ width: min(80vw, 320px); }
  .divider{ margin: 32px 0 24px; }
  .contact-label{ font-size:19.2px; }
}