@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Baskerville:wght@400;700&display=swap');
:root{--navy:#071d30;--navy2:#103b52;--sea:#d7e9eb;--sea2:#edf5f4;--foam:#f8f8f2;--paper:#fffdf7;--sand:#e9ddc4;--gold:#c9a66b;--gold2:#ead5a7;--ink:#183345;--muted:#687d86;--line:#d9e2df;--red:#a64c46;--shadow:0 15px 45px rgba(6,29,47,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--foam);color:var(--ink);font:16px/1.68 'DM Sans',system-ui,sans-serif;background-image:radial-gradient(rgba(13,59,82,.045) .7px,transparent .7px);background-size:9px 9px}
a{color:#17617e;text-decoration:none;transition:color .18s}a:hover{color:#a77935;text-decoration:none}
.shell{width:min(1200px,calc(100% - 42px));margin:auto}
.topbar{background:linear-gradient(110deg,#061a2b,#0c3046 70%,#123e51);color:#fff;border-bottom:1px solid rgba(201,166,107,.7);box-shadow:0 5px 22px rgba(5,24,39,.14);position:relative;z-index:20}
.topbar:after{content:"";display:block;height:3px;background:repeating-linear-gradient(90deg,var(--gold) 0 22px,transparent 22px 28px)}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:16px 0 18px;flex-wrap:wrap}
.brand{font-family:'Libre Baskerville',Georgia,serif;font-size:1.22rem;letter-spacing:.01em;color:#fff;display:flex;align-items:center;gap:12px}
.brand:before{content:"✦";display:grid;place-items:center;border:1px solid rgba(234,213,167,.65);border-radius:50%;width:42px;height:42px;color:var(--gold2);font-size:1.25rem;box-shadow:inset 0 0 0 4px rgba(234,213,167,.08)}
.brand small{display:block;color:#a9c4ce;font: .65rem/1.5 'DM Sans',sans-serif;letter-spacing:.18em;text-transform:uppercase;margin-top:3px}
nav{display:flex;gap:8px 18px;flex-wrap:wrap;align-items:center}nav a{color:#e1edf0;font-size:.87rem;letter-spacing:.015em}nav a:hover{color:var(--gold2)}
.hero{background:linear-gradient(115deg,rgba(4,25,41,.97),rgba(12,54,75,.91) 57%,rgba(23,76,91,.84)),radial-gradient(circle at 78% 40%,#558d9b,transparent 43%);color:white;padding:68px 0 80px;position:relative;overflow:hidden;border-bottom:1px solid rgba(201,166,107,.65)}
.hero:before{content:"";position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(220,238,239,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(220,238,239,.25) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,black,transparent 90%)}
.hero:after{content:"";position:absolute;left:-3%;right:-3%;bottom:-39px;height:72px;background:var(--foam);border-top:2px solid rgba(201,166,107,.8);border-radius:50% 50% 0 0/38% 38% 0 0}
.hero .shell{position:relative;z-index:1}.eyebrow{font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--gold2);font-weight:700;display:flex;align-items:center;gap:12px}.eyebrow:before{content:"";width:32px;height:1px;background:var(--gold)}
.hero h1{font:clamp(2.3rem,5vw,4.4rem)/1.12 'Libre Baskerville',Georgia,serif;letter-spacing:-.045em;max-width:880px;margin:16px 0 18px;text-wrap:balance}
.hero p{max-width:730px;color:#d2e2e6;font-size:1.06rem;line-height:1.8}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-flex;align-items:center;gap:9px;padding:11px 17px;border-radius:3px;font-weight:700;font-size:.9rem;letter-spacing:.01em;border:1px solid #d9e9ee;transition:transform .18s,background .18s;box-shadow:0 4px 12px rgba(0,0,0,.08)}
.btn:hover{transform:translateY(-2px);text-decoration:none}.btn-light{background:var(--gold2);border-color:var(--gold2);color:#152f40}.btn-light:hover{background:#f4e5c3;color:#102a3a}.btn-outline{color:white;border-color:rgba(226,239,241,.55);background:rgba(255,255,255,.04)}.btn-outline:hover{background:rgba(255,255,255,.1);color:#fff}
main{padding:18px 0 68px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:42px 0 17px}.section-head h2{font:clamp(1.55rem,3vw,2.2rem)/1.28 'Libre Baskerville',Georgia,serif;color:var(--navy);margin:0;letter-spacing:-.03em}.section-head p{margin:7px 0 0;color:var(--muted);font-size:.94rem}.section-head:after{content:"";flex-basis:100%;height:1px;background:linear-gradient(90deg,var(--gold),var(--line) 32%,transparent);order:3;margin-top:2px}
.panel{background:var(--paper);border:1px solid #d8e0dc;border-radius:8px;box-shadow:var(--shadow);overflow:hidden}.map{height:540px;width:100%;background:#dbe9e7}.map-note{padding:12px 16px;color:var(--muted);font-size:.84rem;border-top:1px solid var(--line);background:#fffdf8}
.legend{display:flex;flex-wrap:wrap;gap:12px 21px;padding:16px 19px;background:linear-gradient(#fffefa,#f8f7f0);border-bottom:1px solid var(--line)}.legend-item{display:flex;align-items:center;gap:9px;font-size:.88rem;font-weight:600;color:#345160}.swatch{width:28px;height:4px;border-radius:3px;display:inline-block;box-shadow:0 1px 1px rgba(0,0,0,.12)}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}.stat{padding:20px 22px;background:linear-gradient(145deg,#fffefa,#f3f6f1);border:1px solid var(--line);border-radius:7px;position:relative;overflow:hidden}.stat:after{content:"";position:absolute;right:-20px;bottom:-27px;width:90px;height:90px;border:1px solid rgba(201,166,107,.26);border-radius:50%;box-shadow:0 0 0 8px rgba(201,166,107,.05),0 0 0 17px rgba(201,166,107,.04)}
.stat strong{display:block;font:1.85rem 'Libre Baskerville',Georgia,serif;color:var(--navy);letter-spacing:-.04em}.stat span{color:var(--muted);font-size:.82rem;letter-spacing:.025em}
.year-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.year-card{display:block;background:rgba(255,254,250,.95);border:1px solid var(--line);border-radius:5px;padding:14px 16px;position:relative;overflow:hidden;transition:transform .18s,border-color .18s,box-shadow .18s}.year-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gold);opacity:.8}.year-card:hover{transform:translateY(-3px);border-color:#b8c8c7;box-shadow:0 8px 20px rgba(10,44,61,.08)}.year-card strong{display:block;font:1.28rem 'Libre Baskerville',Georgia,serif;color:var(--navy)}.year-card span{font-size:.8rem;color:var(--muted)}
.boat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.boat-card{background:var(--paper);border:1px solid var(--line);border-radius:7px;overflow:hidden;box-shadow:0 5px 17px rgba(12,48,67,.04);transition:transform .18s,box-shadow .18s}.boat-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(12,48,67,.1)}.boat-card img{width:100%;height:150px;object-fit:cover;display:block;background:#e7eef0;border-bottom:3px solid var(--gold)}.boat-card .pad{padding:14px 14px 16px}.boat-card h3{margin:0;color:var(--navy);font:1.13rem 'Libre Baskerville',Georgia,serif}.boat-card p{font-size:.83rem;color:var(--muted);margin:5px 0 0;line-height:1.55}
.year-intro{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:28px;align-items:center;margin:26px 0 12px}.year-intro h1{font:clamp(2.4rem,5vw,3.8rem)/1.1 'Libre Baskerville',Georgia,serif;color:var(--navy);margin:9px 0 14px;letter-spacing:-.05em}.year-intro p{color:var(--muted);max-width:750px}.year-boat{width:100%;height:170px;object-fit:cover;border-radius:6px;border:1px solid #d1dcd9;box-shadow:0 8px 22px rgba(6,29,47,.12)}
.track-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:19px}.track{padding:17px 18px;background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:5px;box-shadow:0 4px 12px rgba(12,48,67,.035)}.track h3{margin:0;font-size:1rem;color:var(--navy);overflow-wrap:anywhere}.track p{margin:6px 0;color:var(--muted);font-size:.86rem}.track .nm{font-weight:800;color:var(--ink);font-size:1rem}
.notice{padding:16px 19px;background:#f1f5f1;border:1px solid #dce5dc;border-left:3px solid var(--gold);border-radius:4px;color:#465f6b;margin:22px 0}.notice strong{color:var(--navy)}
.footer{background:linear-gradient(110deg,#061a2b,#0c3046 70%,#123e51);color:#c7dce4;padding:30px 0 34px;border-top:3px solid var(--gold);position:relative}.footer:before{content:"";display:block;width:100%;height:7px;position:absolute;top:-10px;background:repeating-linear-gradient(90deg,transparent 0 12px,rgba(201,166,107,.5) 12px 13px)}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer a{color:#fff}.footer a:hover{color:var(--gold2)}.small{font-size:.82rem;color:var(--muted)}
.loading{padding:20px;color:var(--muted)}.error{color:#8d4438}.map-tools{display:flex;gap:8px;flex-wrap:wrap;padding:12px 14px;background:#f8fbfc;border-bottom:1px solid var(--line)}.map-tools button{border:1px solid var(--line);background:white;color:var(--navy);border-radius:4px;padding:7px 10px;cursor:pointer}.map-tools button:hover{background:var(--sea)}
.leaflet-popup-content-wrapper{border-radius:5px!important;box-shadow:0 5px 22px rgba(0,0,0,.18)!important}.leaflet-popup-content{font:13px/1.6 'DM Sans',sans-serif}.leaflet-control-attribution{font-size:10px!important}
@media(max-width:900px){.year-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.boat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.year-intro{grid-template-columns:1fr 190px}.map{height:480px}}
@media(max-width:600px){.shell{width:calc(100% - 26px)}.topbar-inner{align-items:flex-start}.brand{font-size:1.08rem}.hero{padding:46px 0 58px}.hero h1{font-size:2.35rem}.map{height:390px}.year-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.boat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.boat-card img{height:120px}.track-list{grid-template-columns:1fr}.year-intro{grid-template-columns:1fr}.year-boat{max-width:300px;height:155px}.stats{grid-template-columns:1fr;gap:9px}.stat{padding:15px 18px}.section-head{margin-top:32px}nav{gap:8px 13px}nav a{font-size:.81rem}}

/* Boat photo lightbox */
.boat-photo-open{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;text-align:left}
.boat-photo-open img{transition:filter .2s,transform .2s}
.boat-photo-open:hover img{filter:brightness(1.06)}
.boat-image-modal{border:1px solid #c9a66b;border-radius:8px;padding:18px;background:#fffdf7;max-width:min(92vw,1100px);max-height:92vh;box-shadow:0 24px 80px rgba(0,0,0,.4);text-align:center}
.boat-image-modal::backdrop{background:rgba(3,19,31,.82);backdrop-filter:blur(3px)}
.boat-image-modal .modal-image{display:block;max-width:calc(92vw - 40px);max-height:calc(86vh - 85px);width:auto;height:auto;object-fit:contain;margin:auto;border-radius:3px}
.boat-image-modal .modal-caption{margin:12px 0 0;font:1.1rem 'Libre Baskerville',Georgia,serif;color:#09263c}
.boat-image-modal form{margin:0}
.boat-image-modal .modal-close{position:absolute;right:9px;top:7px;border:1px solid #d8e0dc;background:#fffdf7;border-radius:50%;width:36px;height:36px;font-size:1.5rem;line-height:1;cursor:pointer;color:#09263c}