:root{--navy:#052d5b;--blue:#07549a;--steel:#68737d;--ink:#14202b;--pale:#f2f5f7;--white:#fff;--line:#dce3e8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}.site-header{min-height:150px;display:flex;align-items:center;justify-content:space-between;padding:10px clamp(22px,5vw,78px);position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;flex:0 0 auto}.brand img{height:128px;width:auto;display:block;object-fit:contain}.site-header nav{display:flex;align-items:center;gap:24px;font-weight:650;font-size:14px}.site-header nav a:hover{color:var(--blue)}.nav-cta{background:var(--navy);color:white!important;padding:12px 18px}.menu{display:none;border:0;background:none;font-size:28px}.hero{min-height:670px;display:flex;align-items:center;padding:80px clamp(24px,8vw,130px);color:white;background:linear-gradient(110deg,rgba(2,22,44,.96),rgba(5,45,91,.82) 55%,rgba(5,84,154,.54)),radial-gradient(circle at 85% 25%,#547483 0,#263d4d 35%,#0b1e2c 75%);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-110px;bottom:-180px;width:520px;height:520px;border:65px solid rgba(255,255,255,.055);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.025)}.hero-inner{max-width:900px;position:relative;z-index:1}.eyebrow,.section-kicker{font-size:12px;letter-spacing:.2em;font-weight:800;color:#7ba6cb;margin-bottom:18px}.hero h1{font-size:clamp(46px,7vw,88px);line-height:.98;margin:0 0 26px;letter-spacing:-.045em}.hero h1 span{color:#9ab9d2}.lead{font-size:clamp(18px,2vw,23px);max-width:780px;color:#d9e2e9}.actions{display:flex;gap:12px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;padding:14px 22px;font-weight:800;cursor:pointer;font:inherit}.primary{background:#fff;color:var(--navy)}.ghost{border-color:#b8cad8;color:#fff}.section{padding:100px clamp(24px,8vw,130px)}.split{display:grid;grid-template-columns:.35fr 1fr;gap:70px}.section h2,.contact h2{font-size:clamp(34px,4vw,54px);line-height:1.08;letter-spacing:-.035em;margin:0 0 26px;color:var(--navy)}.section p{max-width:850px}.alt{background:var(--pale)}.section-head{max-width:900px;margin-bottom:45px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cards article,.quotes article{background:white;border:1px solid var(--line);padding:30px;min-height:220px}.cards b{font-size:12px;color:var(--blue);letter-spacing:.15em}.cards h3{font-size:20px;line-height:1.2;margin:35px 0 12px}.industries{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.industries span{padding:28px 20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-weight:800;font-size:18px}.dark{background:#0c1c29;color:white}.dark h2{color:white}.muted{color:#b9c4cc}.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.quotes article{background:#122b3e;border-color:#284358}.quotes p{font-size:18px}.quotes small{color:#8fb0c8;font-weight:800;letter-spacing:.08em}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.why-grid>div{background:white;padding:28px}.why-grid h3{color:var(--navy)}.contact{background:var(--blue);color:white;padding:100px clamp(24px,8vw,130px);display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact h2{color:white}.light{color:#c9e1f4}.contact-details{display:flex;flex-direction:column;font-size:clamp(20px,2vw,28px);font-weight:750;margin-bottom:28px}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact input,.contact textarea{width:100%;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.1);padding:15px;color:white;font:inherit}.contact input::placeholder,.contact textarea::placeholder{color:#dceaf5}.contact textarea{grid-column:1/-1;min-height:130px}.light-btn{background:white;color:var(--navy)}.contact small{align-self:center}footer{padding:35px clamp(24px,5vw,78px);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:30px;border-top:1px solid var(--line);font-size:13px;color:#55616b}footer img{height:70px}footer>div:last-child{text-align:right}@media(max-width:900px){.site-header{min-height:105px}.brand img{height:88px}.menu{display:block}.site-header nav{display:none;position:absolute;top:105px;left:0;right:0;background:white;padding:25px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.hero{min-height:600px}.split,.contact{grid-template-columns:1fr;gap:30px}.cards,.quotes{grid-template-columns:1fr 1fr}.industries,.why-grid{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr}footer>div:last-child{text-align:left}}@media(max-width:600px){.site-header{min-height:90px;padding:8px 18px}.brand img{height:72px}.site-header nav{top:90px}.section,.contact{padding:72px 22px}.hero{padding:70px 22px}.cards,.quotes,.industries,.why-grid{grid-template-columns:1fr}.contact form{grid-template-columns:1fr}.contact textarea{grid-column:auto}.actions{flex-direction:column;align-items:flex-start}}

/* Genuine LJFH header logo — cropped from original supplied artwork */
img[src*="ljfh-logo-header"] {
  width: min(650px, 48vw) !important;
  height: auto !important;
  max-height: 190px !important;
  object-fit: contain !important;
}
@media (max-width: 800px) {
  img[src*="ljfh-logo-header"] {
    width: min(460px, 86vw) !important;
    max-height: 140px !important;
  }
}


/* ===== LJFH V4 launch refinements ===== */

/* Testimonials are retained in source but not shown until genuine reviews are supplied. */
#testimonials,
.testimonials {
  display: none !important;
}

/* Seven industries: balanced grid rather than an apparent missing eighth tile. */
.industries-grid,
.industry-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.industries-grid > *:nth-child(n+5),
.industry-grid > *:nth-child(n+5) {
  grid-column: span 1;
}

/* Contact area: compact, aligned and with safe top spacing. */
#contact,
.contact-section,
.contact {
  overflow: visible;
}
#contact .container,
.contact-section .container,
.contact .container {
  padding-top: clamp(3rem, 6vw, 5rem);
  padding-bottom: clamp(3rem, 6vw, 5rem);
}
#contact h2,
.contact-section h2,
.contact h2 {
  margin-top: 0;
  line-height: 1.08;
}

/* Avoid oversized empty areas in the enquiry section. */
#contact form,
.contact-section form,
.contact form {
  margin-bottom: 0;
}

/* Mobile/tablet refinements */
@media (max-width: 900px) {
  .industries-grid,
  .industry-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .industries-grid,
  .industry-grid {
    grid-template-columns: 1fr;
  }

  header img,
  .site-logo,
  .logo img {
    max-width: min(88vw, 390px);
    height: auto;
  }

  #contact .container,
  .contact-section .container,
  .contact .container {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}

/* ===== V6 refinements ===== */
/* Make the seventh service card span the full row on desktop. */
.cards > article:nth-child(7) {
  grid-column: 1 / -1;
}

/* Contact links remain visually consistent while being clickable. */
.contact-details a,
footer a {
  color: inherit;
  text-decoration: none;
}
.contact-details a:hover,
.contact-details a:focus,
footer a:hover,
footer a:focus {
  text-decoration: underline;
}

@media (max-width: 900px) {
  .cards > article:nth-child(7) {
    grid-column: 1 / -1;
  }
}

@media (max-width: 600px) {
  .cards > article:nth-child(7) {
    grid-column: auto;
  }

  /* Fix navigation anchor position below header */
#about,
#services,
#industries,
#contact {
    scroll-margin-top: 210px;
}
