:root{--ink:#1C2A36;--ocean:#0B3A5B;--lagoon:#1D5F8A;--seafoam:#E7F0F6;--line:#CFDFEA;--orange:#F9A01B;--yellow:#FFE100;--paper:#FAF6EE;--muted:#4a4640}
*{box-sizing:border-box}body{margin:0;font:17px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--paper)}
a{color:var(--lagoon);text-decoration-color:var(--orange);text-decoration-thickness:2px;text-underline-offset:3px}
.wrap{max-width:1100px;margin:auto;padding:0 22px}
header{background:var(--ocean);color:#fff}header .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:14px 22px}
.brand{color:#fff;text-decoration:none;font-weight:900;font-size:19px;letter-spacing:.22em;display:flex;align-items:center;gap:12px}.brand img{height:36px;width:auto}
nav a{color:#eee;text-decoration:none;margin-left:18px;font-size:15px}nav a[aria-current]{color:var(--yellow);border-bottom:2px solid var(--orange)}
.hero{background:var(--ocean);color:#fff;padding:70px 0 80px;position:relative}
.hero h1{font-size:clamp(30px,5vw,52px);line-height:1.12;max-width:780px;margin:.2em 0;font-weight:900}.hero p{max-width:640px;color:#E7F0F6}
.stripes{height:14px;background:repeating-linear-gradient(90deg,var(--orange) 0 64px,var(--yellow) 64px 104px,var(--orange) 104px 168px,var(--ocean) 168px 176px)}
.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:13px;font-weight:700;color:var(--muted)}.hero .eyebrow{color:var(--yellow)}
.btn{display:inline-block;background:var(--orange);color:var(--ocean);font-weight:700;padding:12px 22px;border-radius:3px;text-decoration:none;margin-top:12px}.btn:hover{background:var(--yellow)}
section{padding:56px 0}h1,h2,h3{color:var(--ocean)}h1,h2{font-weight:900}.hero h1{color:#fff}h2{font-size:30px;margin-top:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px}
.card{background:#fff;border-top:5px solid var(--orange);padding:22px}.card h3{margin-top:0}
.ph{background:#fff3b0;border:1px dashed #8a5a00;padding:2px 6px;font-family:monospace;font-size:14px}
.band{background:var(--seafoam)}ul.tick{padding-left:20px}
table{width:100%;border-collapse:collapse;font-size:15px;margin:10px 0}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{background:var(--ocean);color:var(--yellow)}td.r{white-space:nowrap}
.tablewrap{overflow-x:auto}.note{color:var(--muted);font-size:15px}
footer{background:var(--ocean);color:#E7F0F6;font-size:14px;padding:28px 0}footer a{color:var(--yellow)}footer .wrap{display:flex;gap:14px;align-items:center}footer img{height:28px;width:auto}
@media(max-width:600px){nav a{margin:0 14px 0 0}section{padding:40px 0}}
.slot{aspect-ratio:4/3;background:var(--seafoam);border:1px solid var(--line);margin:-22px -22px 18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--lagoon);font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.slot .wm{height:40px;width:auto;opacity:.35}.slot>img:not(.wm){width:100%;height:100%;object-fit:cover}
a:hover{color:var(--ocean)}nav a:hover{color:var(--yellow)}footer a:hover{color:#fff}.btn:hover{color:var(--ocean)}
.hero-photo{background-color:#0B3A5B;background-image:linear-gradient(90deg,rgba(11,58,91,.88) 0%,rgba(11,58,91,.72) 45%,rgba(11,58,91,.25) 100%),url(img/hero-lake-2400.jpg);background-image:linear-gradient(90deg,rgba(11,58,91,.88) 0%,rgba(11,58,91,.72) 45%,rgba(11,58,91,.25) 100%),image-set(url(img/hero-lake-2400.webp) type("image/webp"),url(img/hero-lake-2400.jpg) type("image/jpeg"));background-size:cover;background-position:center 60%;min-height:520px;display:flex;align-items:center}
.hero-photo .wrap{width:100%}.hero-photo h1,.hero-photo p{text-shadow:0 1px 3px rgba(0,0,0,.35)}
@media(max-width:700px){.hero-photo{min-height:560px;background-image:linear-gradient(180deg,rgba(11,58,91,.85) 0%,rgba(11,58,91,.75) 60%,rgba(11,58,91,.5) 100%),url(img/hero-lake-1200.jpg);background-image:linear-gradient(180deg,rgba(11,58,91,.85) 0%,rgba(11,58,91,.75) 60%,rgba(11,58,91,.5) 100%),image-set(url(img/hero-lake-1200.webp) type("image/webp"),url(img/hero-lake-1200.jpg) type("image/jpeg"));background-position:center 65%}}
.cphoto{display:block;margin:-22px -22px 18px}.cphoto img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.cphoto.wide img{aspect-ratio:2/1;max-height:420px;object-position:center 30%}.cphoto.top img{object-position:center 15%}.cphoto.plain{margin:0 0 8px}.cphoto.plain img{border-top:5px solid var(--orange)}

.cphoto{background:var(--seafoam)}