
:root{--ink:#0b0f0d;--forest:#10251d;--forest2:#17382d;--cream:#f6f1e7;--paper:#fffaf1;--soft:#ebe3d4;--gold:#c8a45d;--gold2:#e0c98f;--white:#fff;--muted:#68736c;--line:rgba(16,37,29,.14);--darkline:rgba(255,255,255,.16);--shadow:0 28px 90px rgba(16,37,29,.16);--radius:32px;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}p{line-height:1.68}.skip-link{position:absolute;left:-999px;top:auto}.skip-link:focus{left:18px;top:18px;z-index:999;background:var(--gold2);color:var(--ink);padding:12px 18px;border-radius:12px}.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4vw,68px);color:var(--white);transition:.35s var(--ease)}.site-header.scrolled{background:rgba(246,241,231,.92);color:var(--ink);box-shadow:0 16px 50px rgba(16,37,29,.08);backdrop-filter:blur(18px)}.brand,.footer-brand{font-family:Georgia,'Times New Roman',serif;font-size:30px;letter-spacing:.18em}.primary-nav{display:flex;gap:clamp(14px,2vw,28px);align-items:center}.nav-link{font-size:12px;text-transform:uppercase;letter-spacing:.11em;font-weight:800;opacity:.82;position:relative;padding:10px 0}.nav-link.active,.nav-link:hover{opacity:1}.nav-link:after{content:'';position:absolute;left:0;bottom:4px;width:0;height:1px;background:currentColor;transition:.25s}.nav-link:hover:after,.nav-link.active:after{width:100%}.menu-toggle{display:none}.hero{min-height:100vh;position:relative;color:var(--white);display:grid;align-items:end;isolation:isolate;background:var(--forest);overflow:hidden}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.74),rgba(0,0,0,.12) 50%,rgba(0,0,0,.52)),url('../images/cortea-hero-misty-field.webp');background-size:cover;background-position:center;z-index:-2}.hero:after{content:'';position:absolute;inset:auto 0 0;height:30%;background:linear-gradient(transparent,var(--cream));z-index:-1}.hero-inner{width:min(1440px,100%);margin:0 auto;display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(28px,5vw,80px);align-items:end;padding:132px clamp(20px,5vw,76px) 86px}.kicker{color:var(--gold2);text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:900;margin:0 0 18px}.hero h1,.page-hero h1,.section-title h2{font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-.045em;line-height:.96}.hero h1{font-size:clamp(58px,8vw,126px);max-width:780px;margin:0}.hero-copy{max-width:620px;color:rgba(255,255,255,.78);font-size:clamp(17px,1.4vw,21px);margin:28px 0 0}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 22px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:900;border:1px solid transparent;transition:.28s var(--ease);cursor:pointer}.btn-primary{background:var(--white);color:var(--ink)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(255,255,255,.18)}.btn-gold{background:var(--gold2);color:var(--ink)}.btn-outline{border-color:rgba(255,255,255,.34);color:var(--white);background:rgba(255,255,255,.08);backdrop-filter:blur(14px)}.btn-outline:hover{background:rgba(255,255,255,.16);transform:translateY(-2px)}.btn-dark{border-color:var(--line);background:var(--ink);color:var(--white)}.hero-media-frame{border-radius:34px;overflow:hidden;box-shadow:0 36px 100px rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.16);position:relative}.hero-media-frame img{width:100%;aspect-ratio:4/3;object-fit:cover}.hero-media-frame:after{content:'Signature coastal luxury';position:absolute;top:24px;right:24px;background:rgba(11,15,13,.52);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(14px);border-radius:999px;padding:12px 16px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:900}.hero-specs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.spec-pill{padding:16px;border-radius:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px)}.spec-pill strong{display:block;font-size:clamp(20px,2.1vw,30px);line-height:1}.spec-pill span{display:block;margin-top:5px;font-size:12px;text-transform:uppercase;color:rgba(255,255,255,.6);font-weight:800}.section{padding:clamp(64px,9vw,132px) clamp(20px,5vw,76px);width:min(1440px,100%);margin:0 auto}.section.narrow{width:min(1040px,100%)}.section-title{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,5vw,78px);align-items:end;margin-bottom:36px}.section-title h2{font-size:clamp(38px,5vw,82px);margin:0}.section-lead{color:rgba(11,15,13,.64);font-size:18px;margin:0}.page-hero{position:relative;background:linear-gradient(145deg,rgba(16,37,29,.98),rgba(11,15,13,.95));color:var(--white);padding:138px clamp(20px,5vw,76px) 64px;overflow:hidden}.page-hero:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 80% 15%,rgba(224,201,143,.22),transparent 30%);pointer-events:none}.page-hero-copy{position:relative;z-index:1;width:min(1120px,100%);margin:0 auto}.page-hero h1{font-size:clamp(46px,7vw,104px);margin:0 0 20px}.page-hero p:not(.kicker){max-width:760px;color:rgba(255,255,255,.72);font-size:19px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card,.feature-card,.seo-card,.faq-card,.contact-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 14px 46px rgba(16,37,29,.07);transition:.35s var(--ease)}.product-card:hover,.seo-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.product-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.product-content{padding:26px}.product-content h2,.product-content h3,.feature-card h3,.seo-card h3{font-family:Georgia,'Times New Roman',serif;font-size:clamp(28px,2.8vw,40px);line-height:1;margin:0 0 12px;font-weight:500}.product-content p,.feature-card p,.seo-card p{color:rgba(11,15,13,.65);margin:0}.price{font-weight:900;color:var(--forest2);margin:14px 0 0}.spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.spec{border:1px solid var(--line);border-radius:18px;padding:15px;background:rgba(255,255,255,.62)}.spec strong{display:block;font-size:20px}.spec span{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:900;margin-top:4px}.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,5vw,72px);align-items:center}.split img{border-radius:var(--radius);box-shadow:var(--shadow)}.dark-band{background:var(--ink);color:var(--white)}.dark-band .section-lead,.dark-band p{color:rgba(255,255,255,.68)}.dark-band .feature-card{background:rgba(255,255,255,.06);border-color:var(--darkline)}.dark-band .feature-card p{color:rgba(255,255,255,.64)}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.feature-card,.seo-card,.faq-card,.contact-card{padding:26px}.feature-card .num{color:var(--gold2);font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:900;margin-bottom:16px}.image-band{min-height:620px;background-size:cover;background-position:center;display:grid;align-items:end;color:var(--white);position:relative;isolation:isolate;padding:clamp(50px,7vw,90px)}.image-band:before{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.76),rgba(0,0,0,.05) 60%);z-index:-1}.image-band-content{width:min(760px,100%)}.image-band h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(42px,5vw,86px);line-height:.96;margin:0 0 18px;font-weight:500}.image-band p{color:rgba(255,255,255,.74);font-size:18px}.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:22px}.breadcrumb a{text-decoration:underline;text-underline-offset:3px}.copy-block h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px,4vw,62px);line-height:1;margin:0 0 18px}.copy-block h3{font-size:24px;margin:28px 0 8px}.copy-block p,.copy-block li{color:rgba(11,15,13,.68);font-size:17px}.copy-block ul{padding-left:22px}.table-wrap{overflow:auto;border-radius:24px;border:1px solid var(--line);background:var(--paper)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:18px;border-bottom:1px solid var(--line)}th{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}tr:last-child td{border-bottom:none}.faq-card details{border-bottom:1px solid var(--line);padding:18px 0}.faq-card details:last-child{border-bottom:0}.faq-card summary{font-weight:900;cursor:pointer}.faq-card details p{color:rgba(11,15,13,.66);margin:12px 0 0}.contact-band{background:var(--forest);color:var(--white)}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px}.contact-card{background:rgba(255,255,255,.06);border-color:var(--darkline);box-shadow:none}.contact-card label{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold2);font-weight:900;margin-bottom:8px}.contact-card input,.contact-card select,.contact-card textarea{width:100%;padding:15px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:var(--white);outline:none}.contact-card option{color:var(--ink)}.contact-card textarea{min-height:140px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.full{grid-column:1/-1}.footer{display:grid;grid-template-columns:1.1fr .8fr 1fr;gap:28px;padding:46px clamp(20px,5vw,76px);background:#07100c;color:var(--white)}.footer p,.footer span{color:rgba(255,255,255,.62);max-width:460px}.footer-links,.footer-contact{display:grid;gap:10px}.footer a:hover{color:var(--gold2)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.visible{opacity:1;transform:none}@media(max-width:1040px){.primary-nav{position:fixed;inset:74px 14px auto;display:none;flex-direction:column;align-items:stretch;background:rgba(246,241,231,.96);color:var(--ink);padding:18px;border-radius:22px;box-shadow:var(--shadow)}.primary-nav.open{display:flex}.menu-toggle{display:block;border:1px solid currentColor;background:transparent;border-radius:999px;padding:8px 14px;color:inherit}.hero-inner,.section-title,.split,.contact-grid,.footer{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.hero-specs,.spec-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.hero-inner{padding-top:120px}.hero h1{font-size:54px}.page-hero h1{font-size:44px}.form-grid{grid-template-columns:1fr}.hero-specs,.spec-grid{grid-template-columns:1fr}.section{padding-left:18px;padding-right:18px}.image-band{padding:42px 20px;min-height:520px}.footer{padding:38px 20px}}

/* Latest Cortéa content alignment */
.product-card{display:flex;flex-direction:column;height:100%}
.product-card .product-content{display:flex;flex-direction:column;flex:1}
.product-card .product-content .cta-row{margin-top:auto;padding-top:24px}
.card-grid{align-items:stretch}
.hero:before{background-position:center center}
.hero-media-frame img{object-position:center 60%}
.dark-band .product-card{background:var(--paper);color:var(--ink);border-color:var(--line)}
.dark-band .product-card p{color:rgba(11,15,13,.65)}
.section .product-card>img{min-height:260px}
@media(max-width:1040px){.section .product-card>img{min-height:0}}

/* =========================================================
   UI refinement pass — bounded media, above-fold hero,
   consistent cards and responsive rhythm
   ========================================================= */

/* Global vertical rhythm */
.section{
  padding:clamp(56px,6.5vw,96px) clamp(20px,5vw,76px);
}
.section-title{
  margin-bottom:32px;
}

/* HERO: designed to stay inside the first viewport on desktop */
.hero{
  height:min(860px,100svh);
  min-height:0;
  align-items:center;
}
.hero-inner{
  height:100%;
  align-items:center;
  padding:clamp(92px,11vh,118px) clamp(20px,5vw,76px) clamp(38px,6vh,58px);
  grid-template-columns:minmax(0,.88fr) minmax(430px,1.12fr);
  gap:clamp(28px,4vw,64px);
}
.hero h1{
  font-size:clamp(48px,5.6vw,78px);
  line-height:.94;
  max-width:650px;
  text-wrap:balance;
}
.hero-copy{
  font-size:clamp(15px,1.15vw,18px);
  line-height:1.58;
  max-width:560px;
  margin-top:20px;
}
.hero .cta-row{
  margin-top:24px;
}
.hero-media-frame{
  width:100%;
  height:clamp(320px,50vh,500px);
  max-width:720px;
  margin-left:auto;
  border-radius:28px;
}
.hero-media-frame img{
  width:100%;
  height:100%;
  aspect-ratio:auto;
  object-fit:cover;
  object-position:center 54%;
}
.hero-media-frame:after{
  top:18px;
  right:18px;
  padding:10px 14px;
  font-size:10px;
}
.hero-specs{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin-top:12px;
}
.spec-pill{
  padding:12px 14px;
  border-radius:15px;
}
.spec-pill strong{
  font-size:clamp(18px,1.8vw,26px);
}
.spec-pill span{
  font-size:10px;
}

/* Inner-page heroes */
.page-hero{
  padding:112px clamp(20px,5vw,76px) 48px;
}
.page-hero h1{
  font-size:clamp(42px,5.6vw,78px);
  line-height:.96;
  text-wrap:balance;
}
.page-hero p:not(.kicker){
  font-size:clamp(16px,1.25vw,18px);
  line-height:1.6;
}

/* Product / image cards: one consistent landscape system */
.card-grid{
  align-items:stretch;
  gap:20px;
}
.product-card,
.seo-card,
.feature-card{
  min-width:0;
}
.product-card{
  display:flex;
  flex-direction:column;
  height:100%;
}
.product-card>img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:3 / 2;
  min-height:0 !important;
  max-height:none;
  object-fit:cover;
  object-position:center center;
  flex:0 0 auto;
}
/* The three portrait collection photographs need individual focal points. */
.card-grid>.product-card:nth-child(1)>img[src*="cortea-apex"]{object-position:center 48%}
.card-grid>.product-card:nth-child(2)>img[src*="cortea-aegis"]{object-position:center 61%}
.card-grid>.product-card:nth-child(3)>img[src*="cortea-monarch"]{object-position:center 61%}
.product-content{
  display:flex;
  flex:1;
  flex-direction:column;
  padding:24px;
}
.product-content h2,
.product-content h3,
.feature-card h3,
.seo-card h3{
  font-size:clamp(26px,2.2vw,36px);
  line-height:1.05;
}
.product-content .cta-row,
.seo-card .cta-row{
  margin-top:auto;
  padding-top:22px;
}
.seo-card{
  display:flex;
  flex-direction:column;
  height:100%;
}

/* Split editorial images: never allow portrait assets to lengthen a section */
.split{
  align-items:center;
}
.split>img,
.split>picture,
.split>figure{
  min-width:0;
}
.split>img{
  width:100%;
  height:auto;
  aspect-ratio:3 / 2;
  max-height:540px;
  object-fit:cover;
  object-position:center center;
}
img[src*="garden-driveway"]{object-position:center 48%}
img[src*="tropical-palms"]{object-position:center 52%}
img[src*="cortea-aegis-premium"]{object-position:center 61%}
img[src*="cortea-monarch-six-seat"]{object-position:center 61%}
img[src*="cortea-electric-golf-cart-charging-resort"]{object-position:center 58%}

/* Reference / detail photography */
.product-card>img[src*="/reference/"]{
  object-position:center center;
  background:#f3efe6;
}

/* Large cinematic band kept intentional rather than over-tall */
.image-band{
  min-height:0;
  height:clamp(460px,62vh,590px);
  padding:clamp(42px,5.5vw,72px);
  background-position:center 58%;
}
.image-band h2{
  font-size:clamp(38px,4.6vw,70px);
  max-width:760px;
}
.image-band p{
  font-size:clamp(16px,1.2vw,18px);
  max-width:650px;
}

/* Consistent lower-card spacing */
.feature-grid{
  align-items:stretch;
}
.feature-card{
  height:100%;
  padding:24px;
}

/* Contact contrast */
.contact-band .copy-block p,
.contact-band .copy-block li,
.contact-band .breadcrumb,
.contact-band .breadcrumb a{
  color:rgba(255,255,255,.78);
}

/* Desktop screens with limited height */
@media (min-width:1041px) and (max-height:760px){
  .hero-inner{
    padding-top:86px;
    padding-bottom:26px;
  }
  .hero h1{font-size:clamp(44px,5vw,64px)}
  .hero-copy{font-size:15px;margin-top:14px;line-height:1.5}
  .hero .cta-row{margin-top:18px}
  .hero-media-frame{height:clamp(300px,46vh,390px)}
  .hero-specs{margin-top:9px}
  .spec-pill{padding:9px 12px}
}

/* Tablet */
@media (max-width:1040px){
  .hero{
    height:auto;
    min-height:0;
    align-items:start;
  }
  .hero-inner{
    height:auto;
    grid-template-columns:1fr;
    padding:108px clamp(22px,5vw,48px) 48px;
    gap:30px;
    align-items:start;
  }
  .hero h1{
    font-size:clamp(48px,8vw,72px);
    max-width:760px;
  }
  .hero-copy{max-width:680px}
  .hero-media-frame{
    margin:0;
    max-width:none;
    height:clamp(360px,54vw,500px);
  }
  .hero-specs{grid-template-columns:repeat(4,1fr)}
  .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .split>img{max-height:500px}
  .section-title{grid-template-columns:1fr}
}

/* Mobile */
@media (max-width:680px){
  .site-header{height:68px}
  .primary-nav{inset:68px 12px auto}
  .hero-inner{
    padding:94px 18px 34px;
    gap:24px;
  }
  .hero h1{
    font-size:clamp(43px,13vw,58px);
    line-height:.95;
  }
  .hero-copy{
    font-size:16px;
    margin-top:16px;
  }
  .hero .cta-row{
    margin-top:20px;
    gap:10px;
  }
  .hero .btn{
    width:100%;
  }
  .hero-media-frame{
    height:clamp(300px,86vw,390px);
    border-radius:22px;
  }
  .hero-media-frame:after{
    display:none;
  }
  .hero-specs{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
  }
  .spec-pill{padding:11px 12px}
  .card-grid,
  .feature-grid{
    grid-template-columns:1fr;
  }
  .product-card>img{
    aspect-ratio:4 / 3;
  }
  .split>img{
    aspect-ratio:4 / 3;
    max-height:none;
  }
  .page-hero{
    padding:96px 18px 38px;
  }
  .page-hero h1{
    font-size:clamp(40px,12vw,54px);
  }
  .section{
    padding:52px 18px;
  }
  .section-title h2{
    font-size:clamp(34px,10vw,48px);
  }
  .image-band{
    height:480px;
    padding:36px 20px;
  }
}

/* Hero vertical position refinement */
.hero-inner{transform:translateY(-24px)}
@media(max-width:1040px){.hero-inner{transform:translateY(-14px)}}
@media(max-width:640px){.hero-inner{transform:translateY(-8px)}}
