/* Hammerhead Flow Co. — v2 look for the resource pages (matches the Option F homepage).
   Loads after each page's own <style> and hf-v2.css. Presentation only; remove the <link> to revert. */
:root{--hf-tick:rgba(0,63,146,.5)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--hf-tick:rgba(77,195,245,.55)}}

/* Sticky navy bar */
.subnav{position:sticky;top:0;z-index:40;background:rgba(0,17,31,.94) !important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:3px solid #009CE4 !important}
.subnav .home{color:#fff !important;font-family:"Barlow Condensed",sans-serif;font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:1.15rem}
.subnav .home svg{color:#4DC3F5}
@media (max-width:1099px){.subnav .wrap{flex-wrap:nowrap !important;gap:12px}.subnav .home{flex:none}.subnav .links{flex-wrap:nowrap !important;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;min-width:0;mask-image:linear-gradient(90deg,#000 88%,transparent)}.subnav .links::-webkit-scrollbar{display:none}.subnav .links a{white-space:nowrap;flex:none}}
@media (max-width:640px){.subnav .wrap{flex-direction:column;align-items:stretch;gap:6px;padding-top:8px;padding-bottom:6px}.subnav .links{width:100%}}
.subnav .links a{color:#C9D9E8 !important;font-family:"Barlow Condensed",sans-serif;font-weight:600;letter-spacing:.06em;text-transform:uppercase;border-radius:0 !important}
.subnav .links a:hover{color:#fff !important;background:rgba(0,156,228,.14) !important}
.subnav .links a[aria-current="page"]{color:#fff !important;box-shadow:inset 0 -3px 0 #009CE4;background:transparent !important}
.subnav .links a[href="index.html#request"]{background:#009CE4 !important;color:#001A33 !important;font-weight:700}

/* Page heads: navy, blueprint grid, coast collage behind */
.pagehead,.hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;
  background:linear-gradient(rgba(77,195,245,.07) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,rgba(77,195,245,.07) 1px,transparent 1px) 0 0/48px 48px,radial-gradient(ellipse at 20% 0%,#03305C,#001A33 60%,#00111F) !important;
  border-bottom:0 !important}
.pagehead .wrap,.hero .wrap{position:relative;z-index:1;padding-top:clamp(56px,9vw,110px) !important;padding-bottom:clamp(56px,8vw,96px) !important}
.hf-collage{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.hf-collage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32}
.hf-collage .l{clip-path:polygon(0 0,57% 0,43% 100%,0 100%)}
.hf-collage .r{clip-path:polygon(57% 0,100% 0,100% 100%,43% 100%)}
.hf-collage .seam{position:absolute;inset:0;background:#009CE4;opacity:.8;clip-path:polygon(56.8% 0,57.2% 0,43.2% 100%,42.8% 100%)}
.hf-collage .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,17,31,.92) 0%,rgba(0,17,31,.7) 45%,rgba(0,17,31,.35) 100%)}
.pagehead h1,.hero h1{color:#fff !important;font-size:clamp(2.8rem,7.4vw,5.6rem) !important;line-height:.88 !important;letter-spacing:-.01em;text-transform:uppercase;text-shadow:0 6px 30px rgba(0,0,0,.35);max-width:15ch}
.pagehead .kicker,.hero .kicker{color:#4DC3F5 !important}
.pagehead .lead,.hero p:not(.kicker){color:#D6E3EF !important;max-width:62ch;font-size:1.12rem}
.pagehead .bluerule{border:0 !important;height:3px !important;width:120px;background:linear-gradient(90deg,#009CE4,rgba(0,156,228,0)) !important;margin:22px 0 !important}

/* Sections: rhythm + bigger section titles */
main > section,body > section{position:relative}
body > section:not(.ctaband):nth-of-type(even){background:var(--wash)}
section h2{text-transform:uppercase}
section h2 + .sub,section h2 + .lead{color:var(--muted)}
section h3{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.03em}

/* Blueprint objects: square, hairline, corner ticks, bright top edge */
.case,.mech > div,.callout,.keybox,.notebox,.notice,.card,.formcard,.q,.qbox,.sym,.dev,.prov,.buyer,.who,.cols > div,.triage > *,.tablewrap{
  border-radius:0 !important;border:1px solid var(--line) !important;border-top:3px solid #009CE4 !important;
  background-color:var(--card);
  background-image:linear-gradient(var(--hf-tick),var(--hf-tick)),linear-gradient(var(--hf-tick),var(--hf-tick)),linear-gradient(var(--hf-tick),var(--hf-tick)),linear-gradient(var(--hf-tick),var(--hf-tick));
  background-size:12px 1px,1px 12px,12px 1px,1px 12px;
  background-position:6px 6px,6px 6px,calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) calc(100% - 6px);background-repeat:no-repeat;
  box-shadow:0 1px 0 rgba(0,26,51,.04);transition:box-shadow .2s,transform .2s}
.case:hover,.dev:hover,.prov:hover,.sym:hover,.buyer:hover{box-shadow:0 18px 40px rgba(0,26,51,.12);transform:translateY(-2px)}
.notice{border-top-color:#F0B462 !important}
.case .yr{font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:2.4rem;color:#009CE4;line-height:1}
.chip,.chip-ok,.chip-wait,.mechtag,.tag{border-radius:0 !important}

/* Tables */
table{border-collapse:collapse}
table th{background:#001A33 !important;color:#fff !important;font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.06em}
table tr:nth-child(even) td{background:rgba(0,63,146,.04)}

/* Form fields square */
input,select,textarea,.pickbtn,.drop{border-radius:0 !important}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #009CE4;outline-offset:1px}

/* Buttons */
.btn{border-radius:0 !important;font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.06em}
.btn-blue,.btn-cta{background:#009CE4 !important;color:#001A33 !important;box-shadow:0 10px 30px rgba(0,156,228,.3)}
.btn-blue:hover,.btn-cta:hover{background:#27B3F2 !important}

/* CTA band: navy with grid, like the homepage */
.ctaband,.cta-sec{background:linear-gradient(rgba(77,195,245,.07) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,rgba(77,195,245,.07) 1px,transparent 1px) 0 0/48px 48px,#001A33 !important;color:#fff;border-top:3px solid #009CE4}
.ctaband h2,.cta-sec h2{color:#fff !important}
.ctaband .lead,.cta-sec p{color:#C9D9E8 !important}

/* Footer */
footer{background:#00111F !important;color:#9FB2C6}
footer .promise{background:#009CE4 !important;color:#001A33 !important;font-family:"Barlow Condensed",sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
footer .promise b,footer .promise i{color:#001A33 !important}
footer a{color:#C9D9E8}footer a:hover{color:#4DC3F5}

@media (prefers-reduced-motion:no-preference){.pagehead .wrap > *,.hero .wrap > *{animation:hf-rise .6s ease both}.pagehead .wrap > :nth-child(2){animation-delay:.08s}.pagehead .wrap > :nth-child(3){animation-delay:.14s}.pagehead .wrap > :nth-child(4){animation-delay:.2s}}
@keyframes hf-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media print{.subnav,.hf-collage{display:none}.pagehead,.hero{background:#fff !important;color:#000}.pagehead h1,.hero h1{color:#000 !important;text-shadow:none}}

section .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}

/* town pages: one local photo behind the page head */
.hf-collage.hf-one .one{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.hf-collage.hf-one .shade{background:linear-gradient(90deg,rgba(0,17,31,.9) 0%,rgba(0,17,31,.62) 50%,rgba(0,17,31,.3) 100%)}
.hf-credit{margin:18px 0 0 !important;font-size:.72rem !important;color:rgba(214,227,239,.7) !important;letter-spacing:.02em}

/* Footer columns are not cards: keep them on the navy footer so the text is readable (30 Oct 2026) */
body > footer .cols > div{border:0 !important;background:none;box-shadow:none;transition:none}