:root{
  --deep:#0d232a; --deep2:#102d35; --teal:#1a767a; --aqua:#52a9a8; --gold:#c9a45a; --white:#f1eee7; --sand:#d7c9ae; --ink:#0b171b;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--deep);color:var(--white);font-family:Arial,Helvetica,sans-serif;line-height:1.55} img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}.site-header{height:96px;position:absolute;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;padding:0 5vw;border-bottom:1px solid rgba(255,255,255,.12)}
.brand img{width:205px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.45))}.desktop-nav{margin-left:auto;display:flex;gap:32px;text-transform:uppercase;letter-spacing:.18em;font-size:12px}.desktop-nav a{opacity:.9}.desktop-nav a:hover{color:var(--gold)}.menu-button{display:none;background:none;border:1px solid rgba(255,255,255,.35);color:white;padding:10px 14px;text-transform:uppercase;letter-spacing:.15em}.mobile-menu{position:fixed;z-index:50;top:76px;left:0;right:0;background:rgba(13,35,42,.97);padding:24px 6vw}.mobile-menu a{display:block;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1);text-transform:uppercase;letter-spacing:.15em}
.hero{min-height:900px;position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);overflow:hidden;background:linear-gradient(125deg,#0b2027 0%,#11323b 48%,#0d232a 100%)}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 38%,transparent 0,transparent 22%,rgba(5,15,18,.12) 55%,rgba(5,15,18,.55) 100%);pointer-events:none}.hero-image{grid-column:2;background-image:linear-gradient(to right,var(--deep) 0%,rgba(13,35,42,.12) 30%),url('assets/hero_right.jpg');background-size:cover;background-position:center;min-height:900px;filter:saturate(.95) contrast(1.03)}.hero-copy{position:absolute;z-index:4;left:6vw;top:200px;max-width:760px}.eyebrow{text-transform:uppercase;letter-spacing:.3em;font-weight:700;font-size:12px;color:var(--sand)}.hero-location-tag{font-family:Georgia,serif;font-style:italic;color:var(--aqua);font-size:18px;margin:2px 0 0;letter-spacing:.02em}.gold{color:var(--gold)}.hero-kicker{font-size:clamp(54px,7vw,112px);font-family:Georgia,serif;letter-spacing:.04em;line-height:.86;margin-top:36px}.hero-script{font-family:Georgia,serif;font-style:italic;color:var(--aqua);font-size:clamp(32px,4vw,64px);margin:4px 0 38px}.hero h1,.why h2,.machine h2,.editions h2,.connect h2,.belief h2,.join h2,.section-intro h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.035em}.hero h1{font-size:clamp(42px,5.5vw,78px);line-height:1.08;margin:0 0 22px;max-width:860px}.hero h1 em{color:var(--gold);font-weight:400}.hero-note{text-transform:uppercase;letter-spacing:.25em;font-size:12px}.text-link{display:inline-block;margin-top:36px;border-bottom:1px solid var(--gold);padding-bottom:7px;text-transform:uppercase;letter-spacing:.18em;font-size:12px}.hero-footer{position:absolute;z-index:4;bottom:36px;left:6vw;right:6vw;display:flex;justify-content:space-between;color:rgba(255,255,255,.68);font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.split{display:grid;grid-template-columns:.82fr 1.18fr;min-height:720px}.why-copy{padding:110px 7vw;background:#10252c}.why-copy h2{font-size:clamp(42px,5vw,74px);line-height:1.05;margin:18px 0 38px}.why-copy h2 em{color:var(--gold)}.why-copy p{max-width:600px;color:var(--sand);font-size:17px}.why-copy .closing{color:var(--white);font-weight:700}.why-photo{min-height:720px}.why-photo img{height:100%;width:100%;object-fit:cover}
.chapters{background:#f0ece3;color:var(--ink);padding:110px 5vw 120px}.section-intro{text-align:center;margin-bottom:55px}.section-intro .eyebrow{color:#8f6d2f}.section-intro h2{font-size:clamp(42px,5vw,72px);margin:8px}.chapter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1400px;margin:auto}.chapter{background:#fff;box-shadow:0 20px 60px rgba(20,28,30,.08)}.chapter img{width:100%;height:270px;object-fit:cover}.chapter div{padding:30px}.chapter h3{font-family:Georgia,serif;font-size:30px;line-height:1.15;margin:12px 0 18px}.chapter p{color:#4f5556}
.machine{padding:120px 6vw;background:#0b1e24}.machine-heading{max-width:1100px}.machine h2{font-size:clamp(48px,6vw,86px);line-height:1.05;margin:15px 0 70px}.machine h2 em{color:var(--aqua)}.principles{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}.principles article{padding:38px 28px;min-height:240px;border-right:1px solid rgba(255,255,255,.18)}.principles article:last-child{border-right:0}.principles span{color:var(--gold);font-family:Georgia,serif;font-size:24px}.principles h3{text-transform:uppercase;letter-spacing:.12em;font-size:16px;margin:28px 0 12px}.principles p{color:var(--sand)}.machine-quote{margin:80px auto 0;max-width:1000px;text-align:center;font-family:Georgia,serif;font-size:clamp(28px,3vw,44px);color:var(--sand)}.machine-quote strong{color:var(--white)}
.editions{padding:130px 5vw 120px;background:linear-gradient(180deg,#0b1e24 0%,#0e2931 100%)}
.editions-intro{max-width:920px;margin:0 auto 60px;text-align:center}.editions h2{font-size:clamp(52px,6vw,88px);line-height:1.0;margin:18px 0 28px}.editions h2 em{color:var(--gold)}.editions-intro>p:last-child{max-width:760px;margin:0 auto;color:var(--sand);font-size:18px}
.edition-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1500px;margin:0 auto}.edition-card{background:#0a171c;border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 70px rgba(0,0,0,.22);overflow:hidden}.edition-image{aspect-ratio:.9/1;overflow:hidden;background:#08161b}.edition-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease,filter .8s ease}.edition-card:hover .edition-image img{transform:scale(1.025);filter:saturate(1.06)}.edition-body{padding:30px 30px 34px}.edition-type{text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:700;margin:0 0 5px;color:var(--gold)}.wahoo .edition-type{color:var(--aqua)}.edition-card h3{font-family:Georgia,serif;font-size:clamp(44px,4vw,64px);font-weight:400;letter-spacing:.02em;line-height:.92;margin:4px 0 14px}.edition-tag{font-family:Georgia,serif;font-style:italic;color:var(--white);font-size:20px;margin:0 0 22px}.edition-body>p:not(.edition-type):not(.edition-tag){color:var(--sand);font-size:16px}.edition-detail{display:block;margin-top:24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);text-transform:uppercase;letter-spacing:.12em;font-size:10px;color:rgba(255,255,255,.68)}.editions-foot{max-width:1100px;margin:48px auto 0;text-align:center}.editions-foot p{color:rgba(255,255,255,.66);font-size:13px;max-width:800px;margin:0 auto}.editions-foot strong{color:var(--white)}.editions-foot .button{margin-top:28px}
.connect{padding:140px 6vw;background:#f1ede5;color:#10252c}.connect-inner{max-width:1120px;margin:auto}.connect h2{font-size:clamp(42px,5vw,74px);line-height:1.09;margin:20px 0 32px}.connect p:not(.eyebrow){font-size:22px;color:#47575a}.signature{font-family:Georgia,serif;font-style:italic;font-size:40px;color:var(--teal);margin-top:50px}
.belief{position:relative;min-height:680px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.belief-bg{position:absolute;inset:0;background:linear-gradient(rgba(8,26,31,.74),rgba(8,26,31,.82)),url('assets/belief_water.jpg') center/cover no-repeat;transform:scale(1.08)}.belief-copy{position:relative;z-index:2;max-width:1250px;padding:60px}.belief h2{font-size:clamp(48px,6vw,90px);line-height:1.05;margin:0 0 28px}.belief p{font-family:Georgia,serif;font-style:italic;color:var(--gold);font-size:clamp(34px,5vw,70px);margin:0}
.join{padding:130px 6vw;background:#efe9dd;color:#13242a;text-align:center}.join-inner{max-width:900px;margin:auto}.join h2{font-size:clamp(54px,7vw,90px);margin:5px 0 20px}.join p{font-size:18px;color:#4f5555}.join-form{display:flex;gap:12px;margin:45px auto 20px;max-width:800px}.join-form input{flex:1;border:1px solid #9da7a4;border-radius:50px;padding:19px 26px;background:transparent;font-size:16px}.join-form button{border:0;border-radius:50px;padding:19px 34px;background:var(--deep);color:white;text-transform:uppercase;letter-spacing:.16em;font-size:12px}.thanks{display:none;align-items:center;font-weight:700;color:var(--teal)}.join-form.submitted input,.join-form.submitted button{display:none}.join-form.submitted .thanks{display:flex;margin:auto}.join small{color:#6b716f}
.site-footer{padding:55px 5vw 35px;background:#08191f;display:grid;grid-template-columns:200px 1fr 1.2fr auto;gap:30px;align-items:center;border-top:1px solid rgba(255,255,255,.12)}.site-footer img{width:160px}.site-footer strong{display:block;text-transform:uppercase;letter-spacing:.2em;font-size:12px}.site-footer em{display:block;color:var(--sand);font-family:Georgia,serif;margin-top:5px}.footer-beacon{font-size:11px;letter-spacing:.18em;text-transform:uppercase;text-align:center}.footer-beacon span{color:var(--gold)}.coords{font-size:11px;letter-spacing:.15em;color:#8b9997}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.in{opacity:1;transform:none}
@media(max-width:980px){.desktop-nav{display:none}.menu-button{display:block;margin-left:auto}.site-header{height:76px}.brand img{width:150px}.hero{grid-template-columns:1fr;min-height:820px}.hero-image{grid-column:1;position:absolute;inset:0;opacity:.52;min-height:820px}.hero-copy{top:155px;left:7vw;right:7vw}.hero-footer{display:none}.split{grid-template-columns:1fr}.why-photo{min-height:500px}.chapter-grid{grid-template-columns:1fr}.chapter img{height:360px}.principles{grid-template-columns:1fr 1fr}.principles article:nth-child(2){border-right:0}.principles article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.18)}.site-footer{grid-template-columns:1fr;text-align:center}.site-footer img{margin:auto}.edition-grid{grid-template-columns:1fr}.edition-card{display:grid;grid-template-columns:minmax(280px,.9fr) 1.1fr}.edition-image{aspect-ratio:auto;min-height:520px}}
@media(max-width:600px){.hero{min-height:760px}.hero-copy{top:130px}.hero-kicker{margin-top:25px}.hero h1{font-size:42px}.why-copy,.machine,.editions,.connect,.join{padding:85px 7vw}.why-photo{min-height:360px}.chapter img{height:240px}.principles{grid-template-columns:1fr}.principles article{border-right:0;border-bottom:1px solid rgba(255,255,255,.18)!important}.edition-card{display:block}.edition-image{min-height:0;aspect-ratio:.92/1}.join-form{flex-direction:column}.join-form input,.join-form button{width:100%}.belief-copy{padding:30px}.belief{min-height:540px}}

/* APPROVED FRONT PORCH — exact visual lock, 14 Aug 2026 */
.approved-front-porch{position:relative;background:#071b22;line-height:0;overflow:hidden}
.approved-front-porch>img{display:block;width:100%;height:auto;max-width:none}
.approved-front-porch .hotspot{position:absolute;display:block;z-index:5;border-radius:3px;outline-offset:4px}
.approved-front-porch .hotspot:focus-visible{outline:2px solid #52a9a8;background:rgba(82,169,168,.08)}
/* percentage hotspots map to the approved 1536×1024 composition */
.hs-story{left:50.4%;top:1.4%;width:6.8%;height:4.8%}
.hs-kingfish{left:57.2%;top:1.4%;width:7.8%;height:4.8%}
.hs-lifestyle{left:64.8%;top:1.4%;width:6.3%;height:4.8%}
.hs-editions{left:70.6%;top:1.4%;width:5.7%;height:4.8%}
.hs-contact{left:76.2%;top:1.4%;width:5.3%;height:4.8%}
.hs-beacon{left:82.2%;top:1.2%;width:15.3%;height:5.1%}
.hs-discover{left:1.8%;top:43.2%;width:13.8%;height:4.2%}
.anchor-marker{position:absolute;left:0;width:1px;height:1px;pointer-events:none}
.marker-story{top:48%}.marker-chapters{top:53%}.marker-kingfish{top:80%}
@media(max-width:700px){
.approved-front-porch{overflow-x:auto;scrollbar-width:thin}
.approved-front-porch>img{width:1150px;max-width:none}
  .approved-front-porch .hotspot{display:none}
}
/* =========================================================
   KINGFISH 2026 REFRESH — WAHOO + FLORIDA LIFESTYLE
   ========================================================= */

.wahoo-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
}

.wahoo-grid .edition-card {
  display: flex;
  flex-direction: column;
}

.wahoo-grid .edition-image {
  background: #fff;
  padding: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 420px;
}

.wahoo-grid .edition-image img {
  width: 100%;
  height: auto;
  object-fit: contain;
  display: block;
}

.wahoo-comparison {
  max-width: 1320px;
  margin: 72px auto 30px;
}

.wahoo-comparison > img {
  display: block;
  width: 100%;
  height: auto;
  background: #fff;
}

.comparison-copy {
  max-width: 900px;
  margin: 32px auto 0;
  text-align: center;
}

.comparison-copy p:not(.eyebrow) {
  font-size: clamp(1.05rem, 1.6vw, 1.3rem);
  line-height: 1.75;
}

.florida-feeling {
  min-height: 72vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 110px 32px;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.florida-feeling::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(6,14,19,.82), rgba(6,14,19,.90)),
    url("assets/chapter_water.jpg") center/cover no-repeat;
}

.florida-feeling-inner {
  position: relative;
  z-index: 1;
  max-width: 1050px;
  margin: 0 auto;
}

.florida-feeling h2 {
  margin: 18px 0 38px;
  font-size: clamp(2.5rem, 6vw, 5.5rem);
  line-height: .98;
  letter-spacing: -.03em;
}

.florida-feeling h2 em {
  font-style: italic;
}

.feeling-scenes {
  margin: 0 auto 36px;
  font-size: clamp(1.05rem, 1.8vw, 1.35rem);
  line-height: 1.8;
}

.feeling-close {
  font-size: clamp(1.15rem, 2vw, 1.55rem);
  line-height: 1.65;
}

.feeling-close strong {
  font-size: 1.08em;
}

.site-footer img {
  max-width: 320px;
  height: auto;
}

@media (max-width: 800px) {
  .wahoo-grid {
    grid-template-columns: 1fr;
  }

  .wahoo-grid .edition-image {
    min-height: 0;
    padding: 16px;
  }

  .wahoo-comparison {
    margin-top: 45px;
  }

  .florida-feeling {
    min-height: auto;
    padding: 85px 22px;
  }
}
/* =========================================
   WAHOO VEHICLE CARD FIX
   ========================================= */

.wahoo-grid {
    max-width: 1500px;
    margin: 0 auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
}

.wahoo-grid .edition-card {
    width: 100%;
    min-width: 0;
}

.wahoo-grid .edition-image {
    width: 100%;
    min-height: 0;
    height: 520px;
    padding: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #08161b;
}

.wahoo-grid .edition-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

/* Mobile */
@media (max-width: 800px) {
    .wahoo-grid {
        grid-template-columns: 1fr;
    }

    .wahoo-grid .edition-image {
        height: auto;
        min-height: 0;
    }

    .wahoo-grid .edition-image img {
        width: 100%;
        height: auto;
    }
}
/* =========================================
   WAHOO IMAGE CONTAINMENT FIX
   ========================================= */

.wahoo-grid .edition-image {
    aspect-ratio: auto !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 20px !important;
    background: #08161b !important;
    overflow: visible !important;
}

.wahoo-grid .edition-image img {
    width: 100% !important;
    height: auto !important;
    max-height: 520px !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
}

.wahoo-grid .edition-card:hover .edition-image img {
    transform: none !important;
}
/* FRONT PORCH — NEW KINGFISH LOGO */

.front-porch-logo {
    position: absolute;
    z-index: 4;
    left: 2%;
top: 0.2%;
width: 7%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    pointer-events: none;
}

.front-porch-logo img {
    width: 100%;
    height: auto;
    max-width: 100%;
    object-fit: contain;
    object-position: left top;
}

@media (max-width: 700px) {
    .front-porch-logo {
        display: flex;
        width: 70px;
        left: 18px;
        top: 12px;
    }
}