/* ==========================================================================
   Points West landing page — self-contained styles
   Only what THIS page uses. No dependency on the site-wide application.css.
   Fonts are served from the same Adobe Fonts (Typekit) CDN the main site uses.
   ========================================================================== */

/* --- Fonts: athelas (headings) + open-sans (body), weights 400 & 700 --- */
@font-face{font-family:"athelas";src:url("https://use.typekit.net/af/adf251/00000000000000000000d834/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/adf251/00000000000000000000d834/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/adf251/00000000000000000000d834/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");font-display:swap;font-style:normal;font-weight:400}
@font-face{font-family:"athelas";src:url("https://use.typekit.net/af/a358fc/00000000000000000000d836/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/a358fc/00000000000000000000d836/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/a358fc/00000000000000000000d836/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");font-display:swap;font-style:normal;font-weight:700}
@font-face{font-family:"open-sans";src:url("https://use.typekit.net/af/827015/000000000000000000011c3b/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/827015/000000000000000000011c3b/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/827015/000000000000000000011c3b/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");font-display:swap;font-style:normal;font-weight:400}
@font-face{font-family:"open-sans";src:url("https://use.typekit.net/af/2553b3/000000000000000000011c34/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/2553b3/000000000000000000011c34/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/2553b3/000000000000000000011c34/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");font-display:swap;font-style:normal;font-weight:700}

/* --- Reset --- */
* { box-sizing: border-box; }
html, body { height: 100%; margin: 0; }

body {
  font-family: "open-sans", sans-serif;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* --- Header: centered logo only --- */
.landing-header {
  background: #fff;
  padding: 22px 16px;
  text-align: center;
  flex: 0 0 auto;
}
.landing-header img {
  height: 60px;
  width: auto;
}

/* --- Hero: full-bleed background image, split into two columns --- */
.landing-hero {
  position: relative;
  flex: 1 1 auto;
  display: flex;
  align-items: flex-start;
  background-image: url("berkley_bank_background.jpg");
  background-size: cover;
  background-position: center;
}

/* Left column: empty, lets the background image show through */
.landing-left {
  flex: 1 1 50%;
}

/* Right column: translucent block, content aligned to top */
.landing-card {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background: rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  padding: 64px 6vw;
  box-shadow: -12px 0 40px rgba(0, 0, 0, 0.18);
}

.landing-card h1 {
  color: #293240;
  font-family: "athelas", serif;
  font-size: 55px;
  font-weight: 700;
  line-height: 52px;
  letter-spacing: -1.3px;
  margin: 0 0 22px;
}
.landing-card p {
  color: #13171a;
  font-size: 17px;
  line-height: 26px;
  margin: 0 0 18px;
}
.landing-card .cta {
  margin-top: 8px;
  margin-bottom: 0;
}
.landing-card a {
  color: #000;
  text-decoration: none;
}

/* --- Gold pill button (self-contained; mirrors the site's .goldpill) --- */
.goldpill {
  display: inline-block;
  border: 0;
  border-radius: 50px;
  padding: 0.7rem 2rem;
  font-family: "open-sans", sans-serif;
  font-size: 1.1em;
  font-weight: 700;
  color: #000;
  text-decoration: none;
  background: linear-gradient(135deg, #c67502 0%, #ffa300 100%);
}

/* --- Tablet / iPad: shrink the left column so the message block breathes --- */
@media (min-width: 768px) and (max-width: 1024px) {
  .landing-left { flex: 0 0 20%; }
  .landing-card { flex: 1 1 80%; }
}

/* --- Mobile: hide the empty left column; message block takes full width --- */
@media (max-width: 767.98px) {
  .landing-left { display: none; }
  .landing-card {
    flex: 1 1 100%;
    padding: 10px 26px;
    background: rgba(255, 255, 255, 0.85);
    box-shadow: none;
  }
  .landing-card h1 {
    font-size: 40px;
    line-height: 38px;
  }
  .landing-card p {
    font-size: 14px;
    line-height: 22px;
  }
  .landing-header img { height: 46px; }
}