:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-fb7599c *//* =====================================================================
   FORD'S COLONY — HOMEPAGE STYLES
   Scoped to #home so the site-wide header/footer CSS is untouched.
   Palette: dark #001f1e · buttons #ddac01 · cream #f8f6d6 · white #ffffff
===================================================================== */

#home{
  /* Client palette */
  --dark:#001f1e;
  --dark-2:#0a2c2a;              /* slightly lifted dark for cards on dark */
  --gold:#f7f5d5;
  --gold-hover:#fff;
  --cream:#f8f6d6;
  --white:#ffffff;

  /* Working tokens */
  --ink:var(--dark);
  --text-muted:rgba(0,31,30,.72);
  --text-soft:rgba(0,31,30,.58);
  --light-muted:rgba(248,246,214,.78);
  --light-soft:rgba(248,246,214,.6);
  --line:rgba(0,31,30,.14);
  --line-light:rgba(248,246,214,.2);
  --shadow:0 14px 34px rgba(0,31,30,.10);

  /* Course accents (kept from original) */
  --pine:#1D4A3B;
  --heron:#4E6B71;
  --marsh:#8A7A46;

  --serif:"Fraunces",Georgia,serif;
  --sans:"Libre Franklin",system-ui,sans-serif;
  --wrap:1180px;
  --gutter:24px;
}

#home, #home *{box-sizing:border-box}
@media (prefers-reduced-motion:reduce){
  #home, #home *{animation:none!important;transition:none!important}
}

#home{
  margin:0;
  background:var(--white);
  color:var(--ink);
  font-family:var(--sans);
  font-size:17px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}

/* anchor links land below the fixed header */
#home [id]{scroll-margin-top:90px}

#home h1,#home h2,#home h3,#home h4{
  font-family:var(--serif);
  font-weight:500;
  line-height:1.1;
  margin:0;
  letter-spacing:-.01em;
  color:inherit;
}
#home p{margin:0 0 1em}
#home a{color:inherit}
#home .wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gutter);width:100%}

/* =====================================================================
   BUTTONS
===================================================================== */
#home .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-family:var(--sans);
  font-size:15px;
  font-weight:500;
  line-height:1.2;
  padding:14px 24px;
  text-decoration:none;
  border:1px solid var(--cream);
  border-radius:2px;
  background:none;
  color:var(--cream);
  cursor:pointer;
  transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease;
}
#home .btn:hover{background:var(--cream);color:var(--dark)}
#home .btn.primary{background:var(--gold);border-color:var(--gold);color:var(--dark);font-weight:600}
#home .btn.primary:hover{background:var(--gold-hover);border-color:var(--gold-hover);color:var(--dark);transform:translateY(-1px)}

/* outline buttons sitting on light backgrounds */
#home section:not(#membership) .btn:not(.primary){border-color:var(--dark)!important;color:var(--dark)!important}
#home section:not(#membership) .btn:not(.primary):hover{background:var(--dark);color:var(--cream)!important}

/* a CTA row whose buttons are all hidden takes no space */
#home .cta-row:not(:has(> :not([hidden]))){display:none}

/* =====================================================================
   HERO — full-screen background video
===================================================================== */
#home .hero.hero-video{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:var(--dark);
  color:var(--cream);
  min-height:100vh;
  min-height:100svh;
  display:flex;
  flex-direction:column;
  padding:0;
}

#home .hero-bg-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  z-index:-3;
  pointer-events:none;
}

#home .hero-video-overlay{
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(0,31,30,.55) 0%, rgba(0,31,30,0) 22%),
    linear-gradient(0deg, rgba(0,31,30,.75) 0%, rgba(0,31,30,0) 35%),
    linear-gradient(90deg, rgba(0,31,30,.62) 0%, rgba(0,31,30,.42) 45%, rgba(0,31,30,.2) 100%);
}

/* text block sits vertically centred in the space above the course strip */
#home .hero-content{
  position:relative;
  z-index:2;
  flex:1;
  align-items: center;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding-top:130px;   /* clears the fixed header */
  padding-bottom:56px;
}

#home .hero h1{
  font-size:clamp(40px,5.6vw,76px);
  line-height:1.06;
  max-width:18ch;
  text-align: center;
  color:var(--cream);
}
#home .hero h1 em{font-style:normal;display:block}

#home .rule{width:64px;height:2px;background:var(--gold);margin:30px 0 24px}
#home .lede{max-width:54ch;color:var(--light-muted);font-size:18.5px;margin:0}
#home .cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
#home .hero .cta-row{margin:34px 0 0}

#home .hero-video .btn:not(.primary){
  background:rgba(0,31,30,.22);
  border-color:rgba(248,246,214,.7);
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
}
#home .hero-video .btn:not(.primary):hover{background:var(--cream);color:var(--dark)}

/* Course strip — full-width band, content aligned to the page container */
#home .courses{
  position:relative;
  z-index:2;
  border-top:1px solid var(--line-light);
  background:rgba(0,31,30,.55);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}
#home .courses-grid{display:grid;grid-template-columns:repeat(3,1fr)}

#home .course{
  position:relative;
  display:block;
  padding:26px 24px 28px;
  border-left:1px solid var(--line-light);
  text-decoration:none;
  color:var(--cream);
  transition:background .3s ease;
}
#home .course:first-child{border-left:0;padding-left:0}
#home .course::before{
  content:"";
  position:absolute;
  top:-1px;left:24px;
  width:40px;height:3px;
  background:var(--gold);
  transition:width .3s ease;
}
#home .course:first-child::before{left:0}
#home .course:hover::before{width:72px}
#home .course b{font-family:var(--serif);font-weight:500;font-size:27px;display:block;line-height:1.15}
#home .course .meta{font-size:13.5px;color:var(--light-soft);margin-top:8px}

@media (max-width:760px){
  #home .hero-content{padding-top:110px;padding-bottom:40px}
  #home .hero-video-overlay{background:rgba(0,31,30,.72)}
  #home .courses-grid{grid-template-columns:1fr}
  #home .course,
  #home .course:first-child{border-left:0;border-top:1px solid var(--line-light);padding:20px 0 22px}
  #home .course:first-child{border-top:0}
  #home .course::before,
  #home .course:first-child::before{left:0}
}

/* =====================================================================
   FACTS BAR
===================================================================== */
#home .facts{background:var(--white);border-bottom:1px solid var(--line)}
#home .facts .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
#home .fact{padding:28px 24px;border-left:1px solid var(--line)}
#home .fact:first-child{border-left:0;padding-left:0}
#home .fact b{display:block;font-family:var(--serif);font-size:34px;font-weight:500;line-height:1.1;color:var(--dark)}
#home .fact span{display:block;margin-top:6px;font-size:14px;color:var(--text-muted)}

@media (max-width:760px){
  #home .facts .wrap{grid-template-columns:1fr 1fr}
  #home .fact{padding:22px 0 22px 20px;border-bottom:1px solid var(--line)}
  #home .fact:nth-child(odd){border-left:0;padding-left:0}
  #home .fact:nth-last-child(-n+2){border-bottom:0}
}

/* =====================================================================
   SECTIONS — alternating cream / white
===================================================================== */
#home section{padding:96px 0;border-bottom:1px solid var(--line)}
#home #paths{background:var(--cream)}
#home #golf{background:var(--white)}
#home #community{background:var(--cream)}
#home #dining{background:var(--white)}
#home #events{background:var(--cream)}
#home #visit{background:var(--white)}

/* Sub-heading (kicker) — dark text + gold accent on light, gold on dark */
#home .kicker{
  display:inline-flex;
  align-items:center;
  gap:12px;
  font-family:var(--sans);
  font-size:17px;
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--dark);
  margin-bottom:18px;
}
/*#home .kicker::before{*/
/*  content:"";*/
/*  width:32px;height:2px;*/
/*  background:black;*/
/*  flex-shrink:0;*/
/*}*/

#home h2{font-size:clamp(32px,4vw,48px);max-width:20ch;color:var(--dark)}
#home .sub{max-width:58ch;margin-top:18px;color:var(--text-muted);font-size:17.5px}

/* =====================================================================
   THREE WAYS IN
===================================================================== */
#home .paths{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  margin-top:44px;
}
#home .path{
  position:relative;
  display:flex;
  flex-direction:column;
  background:var(--white);
  border:1px solid var(--line);
  border-radius:2px;
  padding:32px 28px 30px;
  text-decoration:none;
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}
#home .path::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;
  height:3px;
  background:var(--gold);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .35s ease;
}
#home .path:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
#home .path:hover::after{transform:scaleX(1)}
#home .path h3{font-size:28px;margin-bottom:10px;color:var(--dark)}
#home .path p{font-size:15.5px;color:var(--text-muted);margin-bottom:22px}
#home .path .go{
  margin-top:auto;
  align-self:flex-start;
  font-size:14px;
  font-weight:600;
  color:var(--dark);
  border-bottom:2px solid var(--gold);
  padding-bottom:3px;
}
@media (max-width:860px){#home .paths{grid-template-columns:1fr}}

/* =====================================================================
   SPLIT LAYOUTS / LISTS
===================================================================== */
#home .split{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:start}
@media (max-width:900px){#home .split{grid-template-columns:1fr;gap:36px}}

#home .holes{margin-top:34px;border-top:1px solid var(--line)}
#home .hole{
  display:grid;
  grid-template-columns:1fr auto;
  gap:20px;
  padding:20px 0;
  border-bottom:1px solid var(--line);
  align-items:start;
}
#home .hole h3{font-size:24px;color:var(--dark)}
#home .hole p{font-size:15px;color:var(--text-muted);margin:6px 0 0;max-width:46ch}
#home .hole .num{
  font-size:13.5px;
  font-weight:600;
  line-height:1.5;
  color:var(--dark);
  text-align:right;
  white-space:nowrap;
  padding-top:4px;
}

/* Photo frames — gentle zoom on hover */
#home .ph{border-radius:2px;background:var(--cream)}
#home .ph img{transition:transform .6s ease}
#home .ph:hover img{transform:scale(1.035)}

/* =====================================================================
   MEMBERSHIP (dark)
===================================================================== */
#home #membership{background:var(--dark);color:var(--cream);border-bottom:0}
#home #membership h2{color:var(--cream)}
#home #membership .sub{color:var(--light-muted)}
#home #membership .kicker{color:var(--gold)}
#home #membership .note{color:var(--light-soft)!important}
#home #membership .note a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}

#home .toggle{display:inline-flex;border:1px solid var(--line-light);border-radius:2px;margin-top:28px;overflow:hidden}
#home .toggle button{background:none;border:0;color:var(--cream);font:inherit;font-size:14px;padding:10px 20px;cursor:pointer;transition:background .25s ease}
#home .toggle button[aria-pressed="true"]{background:var(--gold);color:var(--dark);font-weight:600}

#home .tiers{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
  margin-top:28px;
}
#home .tier{
  position:relative;
  background:var(--dark-2);
  border:1px solid var(--line-light);
  border-radius:2px;
  padding:30px 24px 28px;
  display:flex;
  flex-direction:column;
  transition:transform .3s ease,border-color .3s ease;
}
#home .tier:hover{transform:translateY(-4px);border-color:rgba(221,172,1,.55)}
#home .tier.feat{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}
#home .tier.feat::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:4px;
  background:var(--gold);
}
#home .tier h3{font-size:26px;color:var(--cream)}
#home .tier .who{font-size:14px;color:var(--light-soft);margin:10px 0 22px;min-height:88px}
#home .price{font-family:var(--serif);font-size:42px;line-height:1;color:var(--cream)}
#home .price sup{font-size:20px;top:-16px;position:relative}
#home .per{font-size:13px;color:var(--light-soft);margin-top:8px;min-height:20px}
#home .tier ul{list-style:none;padding:0;margin:22px 0 26px;font-size:14.5px;color:var(--light-muted)}
#home .tier li{padding:8px 0;border-top:1px solid var(--line-light)}
#home .tier .btn{margin-top:auto;width:100%;font-size:14px;padding:12px}

@media (max-width:1000px){
  #home .tiers{grid-template-columns:1fr 1fr}
  #home .tier .who{min-height:66px}
}
@media (max-width:600px){
  #home .tiers{grid-template-columns:1fr}
  #home .tier .who{min-height:0}
}

/* =====================================================================
   CLUB LIFE — resident callout (dark card on cream)
===================================================================== */
#home .resident{
  background:var(--dark);
  color:var(--cream);
  border-left:4px solid var(--gold);
  border-radius:2px;
  padding:32px 36px;
  margin-top:36px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:28px;
  align-items:center;
}
#home .resident h3{font-size:26px;margin-bottom:8px;color:var(--cream)}
#home .resident p{font-size:15.5px;color:var(--light-muted);max-width:60ch;margin:0}
@media (max-width:760px){
  #home .resident{grid-template-columns:1fr;padding:26px 24px}
}

#home .grid-photos{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px}
#home .grid-photos .ph{aspect-ratio:3/4}
@media (max-width:760px){#home .grid-photos{grid-template-columns:1fr 1fr}}
@media (max-width:560px){#home #events .grid-photos{grid-template-columns:1fr!important}}

/* =====================================================================
   EVENTS
===================================================================== */
#home .proof{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:22px 0 8px}
#home .stars{color:var(--gold);font-size:20px;letter-spacing:2px}
#home .proof span{font-size:15px;color:var(--text-muted)}
#home .proof strong{color:var(--dark)}

#home .checks{columns:2;column-gap:34px;font-size:15.5px;margin:22px 0 0;padding:0;list-style:none}
#home .checks li{padding:7px 0 7px 22px;position:relative;break-inside:avoid;color:var(--ink)}
#home .checks li:before{content:"";position:absolute;left:0;top:16px;width:10px;height:2px;background:var(--gold)}
@media (max-width:640px){#home .checks{columns:1}}

/* =====================================================================
   FORMS
===================================================================== */
#home form{margin-top:28px}
#home .field{margin-bottom:16px}
#home label{display:block;font-size:12.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:7px}
#home input,
#home select,
#home textarea{
  width:100%;
  font:inherit;
  font-size:16px;
  padding:12px 14px;
  border:1px solid rgba(0,31,30,.22);
  background:var(--white);
  border-radius:2px;
  color:var(--ink);
  transition:border-color .2s ease,box-shadow .2s ease;
}
#home #visit input,
#home #visit select,
#home #visit textarea{background:rgba(248,246,214,.45)}
#home input:focus,
#home select:focus,
#home textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(221,172,1,.25);background:var(--white)}
#home button:focus-visible,
#home a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

#home .two{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:560px){#home .two{grid-template-columns:1fr}}

#home .radios{display:flex;flex-wrap:wrap;gap:8px}
#home .radios label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  text-transform:none;
  letter-spacing:0;
  font-weight:400;
  font-size:15px;
  border:1px solid rgba(0,31,30,.22);
  background:var(--white);
  padding:9px 14px;
  border-radius:2px;
  cursor:pointer;
  color:var(--ink);
  margin:0;
  transition:border-color .2s ease,background .2s ease;
}
#home .radios label:has(input:checked){border-color:var(--gold);background:rgba(221,172,1,.12)}
#home .radios input{width:auto;accent-color:var(--dark);box-shadow:none}

#home .note{font-size:13.5px;color:var(--text-soft)}
#home .ok{background:var(--dark);color:var(--cream);border-left:4px solid var(--gold);padding:14px 16px;font-size:15px;margin-top:16px;border-radius:2px}
#home [hidden]{display:none!important}

/* =====================================================================
   RESPONSIVE SPACING
===================================================================== */
@media (max-width:760px){
  #home section{padding:68px 0}
  #home{--gutter:20px}
}/* End custom CSS */