:root{
      --eyebrow:#6b6f76;
      --text:#333;
      --hero-gold:#f3b41a;        /* tweak if your brand gold differs */
      --hero-text:#ffffff;
    }
    /* 50/50 layout that matches the PSD */
    .intro-psd{background:#fff;}
    .intro-psd .wrap{display:flex; flex-wrap:wrap; margin:0;}
    .intro-psd .col{flex:0 0 100%; max-width:100%;}
    @media (min-width: 768px){
      .intro-psd .col{flex:0 0 50%; max-width:50%;}
    }

    /* Image column */
    .intro-psd .img-col{position:relative; overflow:hidden;}
    .intro-psd .img-cover{
      width:100%; height:100%; object-fit:cover; display:block;
    }

    /* Text column */
    .intro-psd .text-col{
      display:flex; align-items:flex-start; /* top-align like PSD */
      color:var(--text);
      font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    }
    .intro-psd .inner{
      padding:48px 28px; max-width:640px;
    }
    @media (min-width: 992px){
      .intro-psd .inner{ padding:64px 56px; }
    }

    .intro-psd .eyebrow{
      text-transform:uppercase; letter-spacing:.12em;
      font-weight:700; color:var(--eyebrow);
      font-size:12.5px; margin:0 0 14px;
    }
    .intro-psd h2{
      font-family: Montserrat, Inter, Arial, sans-serif;
      font-weight:800; line-height:1.08; margin:0 0 6px;
      font-size:clamp(28px,4.1vw,52px);
    }
    .intro-psd .sub{
      font-weight:700; margin:0 0 18px; font-size:clamp(16px,1.4vw,20px);
    }
    .intro-psd p{margin:0 0 16px; line-height:1.6; font-size:16px;}
    .intro-psd ul{margin:0 0 18px 18px; padding:0;}
    .intro-psd li{margin:0 0 8px; line-height:1.6; font-size:16px;}

    /* Match heights: image fills the tallest column */
    .intro-psd .wrap{align-items:stretch;}
    /* Remove default gaps so the split is flush like PSD */
    .intro-psd{--gap:0;}

    /* --- Force mobile order: Text first, Image second --- */
@media (max-width: 767.98px){
  .intro-psd .text-col { order: 1; }   /* always comes first on mobile */
  .intro-psd .img-col  { order: 2; }   /* image comes after text       */

  /* small breathing room between stacked text & image */
  .intro-psd .img-col { margin-top: 14px; }
}

/* Reset to natural DOM order on tablet/desktop */
@media (min-width: 768px){
  .intro-psd .text-col,
  .intro-psd .img-col { order: initial; margin-top: 0; }
}

/* --- Ensure bullets show like the original design --- */
.intro-psd ul{
  list-style: disc !important;       /* some themes remove bullets */
  list-style-position: outside;
  padding-left: 1.25rem;             /* indent */
  margin: 0 0 18px;                  /* match your text spacing */
}
.intro-psd li{
  margin: 0 0 8px;
  line-height: 1.6;
}

/* ===== Centered hero contents ===== */


.hero-center{
  color:var(--hero-text);
  text-align:center;
  max-width:880px;
  margin:0 auto;
  padding: 0 16px;            /* safe side padding on mobile */
}

.hero-logo{
  width: clamp(78px, 9vw, 130px);
  height:auto;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,.35));
}

.hero-eyebrow{
  margin: 8px 0 6px;
  text-transform: uppercase;
  letter-spacing: .18em;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 600;
  font-size: clamp(12px, 2.2vw, 16px);
  opacity:.95;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}

.hero-title{
  margin: 0 0 6px;
  font-family: Montserrat, Inter, Arial, sans-serif;
  font-weight: 800;
  line-height: 1.05;
  letter-spacing: .4px;
  font-size: clamp(28px, 6vw, 46px);
  color: var(--hero-gold);
  text-shadow: 0 2px 0 rgba(0,0,0,.25), 0 0 30px rgba(0,0,0,.35);
}

.hero-sub{
  margin: 0 0 22px;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-weight: 600;
  font-style: italic;
  font-size: clamp(14px, 2.6vw, 18px);
  opacity:.95;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}

/* Button styled to look like translucent framed CTA */
.btn-hero{
  display:inline-block;
  padding: clamp(.55rem, 1.2vw, .7rem) clamp1rem 1.35rem;
  padding: clamp(.55rem, 1.2vw, .7rem) clamp(1rem, 2.5vw, 1.35rem);
  border: 2px solid rgba(255,255,255,.6);
  border-radius: 6px;
  color: var(--hero-gold);
  font-weight: 700;
  text-decoration:none;
  backdrop-filter: saturate(120%) blur(1px);
  background: rgba(0, 55, 80, .35);
  box-shadow: 0 6px 16px rgba(0,0,0,.25) inset, 0 6px 18px rgba(0,0,0,.25);
  transition: transform .15s ease, background .2s ease, border-color .2s ease;
}
.btn-hero:hover{ background: rgba(0, 70, 100, .45); border-color:#fff;color:#ccc8c8; transform: translateY(-1px); }
.btn-hero:active{ transform: translateY(0); }

.hero-address{
  margin: 18px auto 0;
  max-width: 980px;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: clamp(12px, 2.2vw, 14px);
  line-height: 1.55;
  opacity:.9;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
}

/* Mobile view For Footer Logo & email*/
@media (max-width: 767px) {
  .footer .flogo img {
    display: block;
    margin: 0 auto;   /* centers the logo */
    width: 160px;     /* set logo width */
    max-width: 100%;  /* prevent overflow */
  }
  .flogo{
    width:auto;
  }
  .femail{
    font-size: 10px;
  }
}