: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}
}