/* ESS site: cohesive blue palette
   navy #1f3a5f (headings, header, footer, primary buttons)
   slate #4a6fa5 (secondary accent; decorative + large text only)
   slate-dark #3b5b8c (slate used for small text/links, AA on light bgs)
   steel tint #e8eef5 (alternating sections, callouts)
   cream #faf7f1, sand #f1ebe0 (warm neutrals)
   charcoal #2b2f33 (body text)
   The ONLY red on the page is the tiny stripe beside the Veteran-Owned badge (#9b2c2c). */
:root{
  --navy:#1f3a5f; --navy-dark:#16294a; --slate:#4a6fa5; --slate-dark:#3b5b8c;
  --steel:#e8eef5; --steel-line:#c9d6e6; --cream:#faf7f1; --sand:#f1ebe0; --sand-line:#e2d8c6;
  --ink:#2b2f33; --muted:#555c63; --white:#ffffff;
  --radius:14px; --container:1120px; --content:820px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Inter","Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--cream);line-height:1.6}
img{max-width:100%;display:block}
a{color:var(--slate-dark)}
a:hover{color:var(--navy)}
.wrap{max-width:var(--container);margin:0 auto;padding:0 24px}
.content{max-width:var(--content)}           /* single-column sections: left-aligned, same left edge as two-col sections */
h1,h2,h3{line-height:1.2;margin:0 0 .5em;color:var(--navy)}
h2{font-size:1.9rem;padding-bottom:.35em;border-bottom:3px solid var(--steel-line);display:inline-block;min-width:4em}
.small{font-size:.9rem}.muted{color:var(--muted)}

/* Placeholders stay yellow so they're obvious */
.ph,.ph-inline{background:#fff3c4;border:1px dashed #c9a227;color:#6b5100;padding:1px 6px;border-radius:4px;font-style:italic}
p.ph{display:block;padding:8px 12px}


/* Header */
.site-header{background:var(--navy);border-bottom:3px solid var(--slate);position:sticky;top:0;z-index:10}
.header-inner{display:flex;align-items:center;gap:20px;padding-top:12px;padding-bottom:12px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff}
.brand-mark{background:#fff;color:var(--navy);font-weight:800;border-radius:10px;padding:8px 10px;letter-spacing:.05em}
.brand-text{font-weight:700;display:flex;flex-direction:column;line-height:1.15;color:#fff}
.brand-text small{font-weight:400;color:#d6e0ec;font-size:.78rem}
.nav{display:flex;gap:16px;margin-left:auto;flex-wrap:wrap}
.nav a{text-decoration:none;color:#fff;font-weight:600;font-size:.95rem}
.nav a:hover{color:#d6e0ec;text-decoration:underline}
.nav-cta{background:var(--steel);color:var(--navy)!important;padding:2px 12px;border-radius:999px}
.call-btn{background:#fff;color:var(--navy);text-decoration:none;font-weight:700;padding:8px 14px;border-radius:999px;font-size:.92rem;white-space:nowrap}
.call-btn:hover{background:var(--steel);color:var(--navy)}

/* Hero */
.hero{background:linear-gradient(180deg,var(--steel) 0%,var(--cream) 100%);padding:56px 0}
.hero-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}
.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;color:var(--slate-dark);font-weight:700;margin:0 0 10px}
.hero h1{font-size:2.7rem;color:var(--navy)}
.lead{font-size:1.15rem;color:var(--muted);max-width:34em}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.hero-img{margin:0;border-radius:var(--radius);overflow:hidden;box-shadow:0 12px 30px rgba(31,58,95,.18);aspect-ratio:4/5}
.hero-img img{width:100%;height:100%;object-fit:cover;object-position:center 40%}

/* Buttons */
.btn{display:inline-block;border:2px solid transparent;cursor:pointer;font:inherit;font-weight:700;padding:11px 22px;border-radius:999px;text-decoration:none}
.btn-primary{background:var(--navy);color:#fff}
.btn-primary:hover{background:var(--navy-dark);color:#fff}
.btn-secondary{background:var(--steel);color:var(--navy);border-color:var(--slate)}
.btn-secondary:hover{background:#dbe5f0;color:var(--navy)}
.btn-ghost{background:transparent;border-color:var(--navy);color:var(--navy)}
.btn-ghost:hover{background:var(--navy);color:#fff}

/* Sections: one padding, one container, alternating warm/steel backgrounds */
.section{padding:64px 0;border-top:1px solid var(--sand-line)}
.about{background:var(--cream)}
.courses-section{background:var(--steel)}
.hours{background:var(--sand)}
.directions{background:var(--cream)}
.rules{background:var(--steel)}
.events{background:var(--sand)}
.waiver{background:var(--cream)}
.book{background:var(--steel)}

.two-col{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}

/* Owner quote */
.owner-quote{margin:1.25rem 0 0;padding:1rem 1.25rem;border-left:4px solid var(--navy);background:#fff;border-radius:8px;font-style:normal}
.owner-quote p{margin:0 0 .75rem}
.owner-quote footer{font-weight:600;color:var(--navy)}

/* Instruction & Courses */
.callout{background:#fff;border:1px solid var(--steel-line);border-left:4px solid var(--slate);border-radius:var(--radius);padding:18px 20px}
.callout-main{font-weight:700;font-size:1.08rem;margin:0 0 6px;color:var(--navy)}
.callout-cred{margin:0;font-size:.95rem}
.courses{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--steel-line)}
.courses-title{font-weight:700;color:var(--navy);margin:0 0 .35rem}
.courses ul{margin:0 0 .4rem 1.1rem;padding:0}
.courses li{margin:.15rem 0}
.side-img{margin:0;border-radius:var(--radius);overflow:hidden;box-shadow:0 10px 26px rgba(31,58,95,.15);aspect-ratio:4/3}
.side-img img{width:100%;height:100%;object-fit:cover;object-position:center 45%}

/* Hours */
.hours-table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius);overflow:hidden}
.hours-table th,.hours-table td{text-align:left;padding:10px 16px;border-bottom:1px solid var(--sand)}
.hours-table th{width:40%;color:var(--navy)}
.hours-table td.ph{display:table-cell;border:0;border-bottom:1px solid var(--sand);border-radius:0}
.note{margin-top:14px;background:#fff;border-left:4px solid var(--slate);padding:10px 14px;border-radius:8px;font-weight:600}

/* Directions */
.map-box{min-height:280px;border:2px dashed var(--slate);border-radius:var(--radius);background:repeating-linear-gradient(45deg,#eef2f7,#eef2f7 14px,#e3eaf3 14px,#e3eaf3 28px);display:flex;align-items:center;justify-content:center;text-align:center;padding:20px}
.map-box div{display:flex;flex-direction:column;gap:4px;background:rgba(255,255,255,.9);padding:16px 20px;border-radius:10px}
.map-pin{color:var(--navy);font-size:1.6rem;line-height:1}

/* Rules */
.rules-list{background:#fff;border-radius:var(--radius);padding:20px 20px 20px 48px;margin:0 0 16px}
.rules-list li{margin:6px 0}
.rules-list li::marker{color:var(--navy);font-weight:700}

/* Waiver */
.waiver-card{background:#fff;border-radius:var(--radius);padding:22px;border:1px solid var(--steel-line);border-top:5px solid var(--navy);display:flex;flex-direction:column;gap:6px;align-items:flex-start;margin:18px 0}
.waiver-card h3{color:var(--navy);margin:0}
.waiver-card p{margin:0 0 6px}

/* Booking */
.book-main{max-width:var(--content)}
.waiver-line{background:#fff;border-left:4px solid var(--navy);padding:10px 14px;border-radius:8px;font-weight:600}
.contact-list{list-style:none;padding:0;margin:0 0 18px}
.contact-list li{padding:3px 0}
.book-form{background:#fff;border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:14px;box-shadow:0 6px 18px rgba(31,58,95,.08);border:1px solid var(--steel-line)}
.book-form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.book-form label{display:flex;flex-direction:column;font-weight:600;font-size:.92rem;gap:4px}
.book-form label.check{display:block;font-weight:400}
.book-form label.check input{margin-right:8px;vertical-align:middle}
.book-form input,.book-form select,.book-form textarea{font:inherit;padding:10px 12px;border:1.5px solid var(--steel-line);border-radius:8px;background:var(--cream);color:var(--ink)}
.book-form input:focus,.book-form select:focus,.book-form textarea:focus{outline:2px solid var(--slate);outline-offset:1px}
.book-form button{align-self:flex-start}

/* Purchase item: outline style, distinct from rentals */
.purchase-note{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin:.25rem 0 1rem;padding:.6rem .8rem;border:1.5px dashed var(--slate);border-radius:8px;background:var(--steel);font-size:.95rem}
.purchase-tag{display:inline-block;padding:.12rem .5rem;border-radius:999px;background:#fff;border:1.5px solid var(--navy);color:var(--navy);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}

/* Footer */
.site-footer{background:var(--navy);color:#e6ecf3;padding:36px 0;border-top:4px solid var(--slate)}
.site-footer a{color:#fff}
.site-footer .ph{color:#6b5100}
.footer-inner{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px}
.hh-note{opacity:.9;font-style:italic}
/* Veteran-Owned badge (not an official certification seal) */
.vosb{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;letter-spacing:.03em;color:#fff;border:1px solid rgba(255,255,255,.55);border-radius:999px;padding:3px 10px 3px 6px;margin-bottom:6px}
.vosb-stripes{display:block;border-radius:2px;outline:1px solid rgba(255,255,255,.35)}

/* Upcoming Club Shoots */
.events-list{display:flex;flex-direction:column;gap:18px;margin-top:18px}
.event-card{display:flex;background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:0 6px 18px rgba(31,58,95,.10);border:1px solid var(--steel-line)}
.event-date{flex:0 0 130px;background:var(--navy);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px 10px;text-align:center}
.ev-dow{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;opacity:.9}
.ev-mon{font-size:1.1rem;font-weight:700;text-transform:uppercase;margin-top:4px;color:#c9d6e6}
.ev-day{font-size:3rem;font-weight:800;line-height:1}
.event-body{padding:18px 22px}
.ev-club{margin:0;color:var(--muted);font-weight:600;font-size:.92rem}
.ev-title{margin:2px 0 8px;color:var(--navy);font-size:1.4rem}
.ev-meta{list-style:none;padding:0;margin:0 0 8px}
.ev-meta li{padding:2px 0}
.ev-note{background:var(--steel);border-left:4px solid var(--slate);padding:8px 12px;border-radius:6px;margin:0 0 14px;font-size:.95rem}
.events-empty{background:#fff;border-radius:var(--radius);padding:18px 22px;font-weight:600}

@media (max-width:860px){
  .header-inner{gap:10px}
  .nav{order:3;width:100%;margin-left:0;gap:12px;font-size:.9rem}
  .call-btn{margin-left:auto}
  .hero-inner,.two-col,.footer-inner{grid-template-columns:1fr}
  .hero h1{font-size:2rem}
  .hero-img{aspect-ratio:4/3}
  .book-form .row{grid-template-columns:1fr}
  .hours-table th,.hours-table td{padding:10px 12px}
  .hours-table th{width:34%}
  .section{padding:44px 0}
  .event-card{flex-direction:column}
  .event-date{flex-direction:row;gap:10px;padding:12px;flex-basis:auto}
  .ev-mon{margin-top:0}
  .ev-day{font-size:2rem}
}

/* Dawn-to-dusk hours */
.hours-headline{font-size:1.45rem;font-weight:800;color:var(--navy);margin:0 0 .4rem}
.sun-caption{margin:0 0 .5rem;color:var(--muted);font-weight:600;font-size:.95rem}
.sun-table thead th{background:var(--navy);color:#fff;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;width:auto}
.sun-table th[scope=row]{width:36%}
.sun-table td strong{color:var(--ink);font-size:1.05rem}
.sun-date{display:block;font-weight:400;font-size:.85rem;color:var(--muted)}
.sun-sub{display:block;font-size:.8rem;color:var(--muted)}
.sun-table tr.today{background:var(--steel)}
.sun-table tr.today th[scope=row]{border-left:4px solid var(--slate)}
.section{scroll-margin-top:72px}
.sun-sub{white-space:nowrap}
@media (max-width:860px){.sun-table th,.sun-table td{padding:9px 8px}.sun-table th[scope=row]{width:30%}.sun-sub{font-size:.74rem}}

/* Directions */
.dir-buttons{display:flex;gap:.5rem;flex-wrap:wrap;margin:.5rem 0 1rem}
.map-embed{border-radius:12px;overflow:hidden;border:1px solid #c9d6e6;min-height:300px}
.map-embed iframe{width:100%;height:100%;min-height:300px;border:0;display:block}

/* Membership */
.member-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:1rem 0}
.member-card{background:#fff;border:1px solid #c9d6e6;border-top:4px solid #1f3a5f;border-radius:10px;padding:1rem 1.1rem;display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}
.member-card h3{margin:0 0 .4rem;color:#1f3a5f;display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}
.member-card .price{font-size:1.4rem;color:#1f3a5f}
.member-card p{margin:0}
.member-card h3{align-self:stretch}
.btn-sm{padding:8px 16px;font-size:.88rem;line-height:1.35;text-align:center;border-radius:12px;text-wrap:balance}

/* Directions: aerial + checkpoint photo, spanning both columns */
.dir-photos{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);gap:16px;align-items:start}
.checkpoint-photo{margin:0;background:#fff;border:1px solid var(--steel-line);border-radius:12px;overflow:hidden}
.checkpoint-photo img{width:100%;height:auto;display:block}
.checkpoint-photo figcaption{font-size:.9rem;color:var(--ink);padding:8px 12px}
@media (max-width:860px){.dir-photos{grid-template-columns:1fr}.checkpoint-photo{max-width:420px}}
.aerial{margin:0;background:#fff;border:1px solid var(--steel-line);border-radius:12px;overflow:hidden}
.aerial img{width:100%;height:auto;display:block}
.aerial figcaption{font-size:.9rem;color:var(--ink);padding:8px 12px}
.aerial .credit{display:block;font-size:.75rem;color:var(--muted)}

/* Desktop header: keep brand, nav and call button on one row */
@media (min-width:861px){.header-inner{flex-wrap:nowrap;gap:16px}.nav{gap:14px;flex-wrap:nowrap}.nav a{white-space:nowrap;font-size:.92rem}}
@media (min-width:861px) and (max-width:1100px){.brand-text small{display:none}.nav{gap:10px}.nav a{font-size:.86rem}}

/* Real ESS photos: portrait slots */
.side-img.photo-portrait{aspect-ratio:4/5}
.side-img.photo-tall{aspect-ratio:3/4}
.side-img.photo-portrait img,.side-img.photo-tall img{object-position:center 40%}
.about-grid,.book-grid{align-items:start}
.book-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
.book-main{max-width:none}
@media (min-width:861px){.book-photo{position:sticky;top:96px}}
@media (max-width:860px){
  .book-grid{grid-template-columns:1fr}
  .side-img.photo-portrait,.side-img.photo-tall{aspect-ratio:4/3;max-width:560px}
  .side-img.photo-portrait img{object-position:center 30%}
  .book-photo img{object-position:center 55%}
  .hero-img img{object-position:center 45%}
}

/* Range layout map (Directions) */
.range-layout{grid-column:1/-1;margin:0;background:#fff;border:1px solid var(--steel-line);border-radius:12px;overflow:hidden;scroll-margin-top:90px}
.range-layout img{width:100%;height:auto;display:block}
.range-layout figcaption{font-size:.95rem;color:var(--ink);padding:10px 14px}
.book-form .field-note{font-weight:400;font-size:.85rem;color:var(--muted)}