@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@600;700&family=Caveat:wght@600;700&display=swap');
/* Direction 03: WATER PLAYGROUND. The shared base contains form and mobile behavior. */
:root{--ink:#061c35;--teal:#064dff;--muted:#506073;--line:#dce3ef;--light:#edf4ff;--radius:5px;--yellow:#ffe342;--coral:#ff7868;--display:Oswald,'Arial Narrow',Arial,sans-serif;background:#fffefa}
body{background:#fffefa}h1,h2,h3{text-transform:uppercase;font-family:var(--display);font-weight:700;letter-spacing:-.025em;line-height:1.15}h2{font-size:clamp(32px,3.9vw,54px)}.topline{background:var(--ink);color:#fff;font-size:12px}.topline b{color:var(--yellow)}.header{border-bottom:1px solid #dce3ef;background:#fffffff5}.nav-wrap{height:85px}.brand{font-size:37px;color:var(--teal);font-style:italic;font-weight:800;letter-spacing:-.075em}.brand svg{stroke:var(--teal);width:114px;stroke-width:4}.button{background:var(--yellow);border:1px solid var(--yellow);color:var(--ink);border-radius:100px;font-size:15px;font-weight:800;box-shadow:none}.button:hover{background:#ffda10;border-color:#ffda10;color:var(--ink)}.button.outline{border:1px solid var(--ink);color:var(--ink);background:transparent}.button.outline:hover{background:var(--yellow);border-color:var(--yellow)}.header .button{font-size:13px}.hero{margin-top:0;min-height:600px;padding:38px 35px 38px;background:#ebf5fd;border-radius:0;overflow:hidden}.hero-photo{inset:0 0 0 29%;border-radius:0}.hero-photo img{object-position:50% 67%;filter:saturate(1.07)}.hero-photo:after{background:linear-gradient(90deg,#f3faff 0%,#f3faffea 13%,#f3faffa6 31%,transparent 55%)}.hero-copy{position:relative;z-index:2}.hero h1{font-family:var(--display);font-size:clamp(72px,8.8vw,128px);line-height:.98;letter-spacing:-.045em;max-width:750px;margin:15px 0 25px}.hero .eyebrow{font-size:11px;letter-spacing:.08em;color:var(--ink)}.hero-description{display:flex;align-items:center;gap:50px}.hero-description>p{font-size:15px;line-height:1.3;font-weight:750;text-transform:uppercase;color:var(--ink);letter-spacing:.025em}.hand-note{font-family:Caveat,cursive;font-size:33px;line-height:.8;color:var(--teal);transform:rotate(-9deg);font-weight:700}.hero-copy .hero-location{font-size:13px;font-weight:700;color:var(--ink);margin:23px 0 20px}.hero-location:before{content:'●';color:var(--teal);font-size:15px;margin-right:8px}.hero .hero-cta{font-size:22px;font-family:var(--display);text-transform:none;padding:13px 35px;min-width:260px}.hero-no-prepay{display:block;font-size:11px;margin-top:11px;color:#33485c}.photo-note{display:block;background:transparent;font-family:Caveat,cursive;font-size:38px;line-height:1;color:#fff;text-shadow:0 2px 6px #001f37;right:35px;top:55px;transform:rotate(-10deg);border-radius:0;padding:0;z-index:2}.section{padding-top:55px}.section-heading{margin-bottom:25px}.section-heading p{font-size:14px}.eyebrow{font-size:11px;letter-spacing:.08em}.text-link{color:var(--teal)}
#now{display:grid;grid-template-columns:1fr 3fr;gap:28px;padding-top:27px;align-items:center}#now .section-heading{display:block;margin:0}#now .section-heading .eyebrow{display:none}#now h2{font-size:34px}#now .section-heading>.text-link{font-size:12px;margin-top:12px}.now-grid{gap:12px}.camera{min-height:125px;border-radius:4px}.camera>div{bottom:12px;left:14px}.status-card{border:0;border-radius:4px;min-height:125px;padding:16px;background:#f0f3f7;gap:12px}.status-card h3{text-transform:none;font-family:Manrope,Arial,sans-serif;font-size:16px;letter-spacing:-.025em;margin:6px 0}.status-card small{font-size:11px}.line-icon{color:var(--teal)}.quick-panel{margin-top:18px;border-bottom:1px solid var(--line)}.quick-panel summary{display:flex;justify-content:space-between;gap:18px;font-size:13px;padding:13px 0;cursor:pointer;list-style:none}.quick-panel summary>span{color:var(--teal);font-weight:750}.quick-panel .quick-book{position:relative;left:auto;right:auto;bottom:auto;border-radius:5px;border:1px solid var(--line);margin:5px 0 20px;box-shadow:none}.quick-book .button{border-radius:100px}.route-layout{display:flex;flex-direction:column;border:0;border-radius:0;overflow:visible;gap:0}.map-frame{display:block;background:#063b5b;min-height:0!important;overflow:hidden;border-radius:5px}.map-frame svg{display:block;width:100%;height:auto;min-height:0!important;max-width:100%;margin:0;aspect-ratio:16/9}.map-route{stroke-width:4;opacity:.38;stroke-dasharray:12 12;filter:drop-shadow(0 1px 2px #092f47)}.map-route.active{stroke-width:6;opacity:1}.map-caption{bottom:25px;left:22px;right:22px;color:#fff;font-size:12px;align-items:center}.map-caption span:first-child{background:#061c35e8;border:1px solid #ffffff45;border-radius:4px;padding:6px 12px}.map-caption span:last-child{background:#061c35c9;padding:5px 10px;border-radius:4px}.route-picker{padding:18px 0 0;background:transparent;display:grid;grid-template-columns:1fr auto;gap:12px 28px}.route-picker>.eyebrow{display:none}.route-tabs{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.route-tab{padding:18px 20px;border:1px solid var(--line);border-radius:5px;background:#fff;margin:0}.route-tab[data-route=sup] .route-number{background:var(--yellow)}.route-tab[data-route=catamaran] .route-number{background:var(--coral)}.route-tab[data-route=boat] .route-number{background:var(--ink);color:#fff}.route-number{font-family:var(--display);font-size:17px;color:var(--ink);border-radius:50%;width:36px;height:36px;display:grid;place-content:center;flex-shrink:0}.route-tab.active{background:#fff7cc;border-color:#e1c522}.route-tab[data-route=catamaran].active{background:#fff0ec;border-color:var(--coral)}.route-tab[data-route=boat].active{background:#edf3ff;border-color:var(--teal)}.route-tab strong{font-size:14px}.route-tab b{font-size:13px;color:var(--ink)}.route-picker>p{margin:8px 0;min-height:0;font-size:14px;align-self:center}.route-picker>.button{width:auto;grid-column:2;grid-row:2;align-self:center;min-width:225px}.map-warning{grid-column:1/-1;font-size:12px;margin:0;max-width:960px;line-height:1.6}.fleet-grid{gap:16px}.fleet-card{display:flex;flex-direction:column;border-radius:5px;border:0;background:var(--teal);color:#fff}.fleet-card:nth-child(2){background:var(--yellow);color:var(--ink)}.fleet-card:nth-child(3){background:var(--coral);color:var(--ink)}.fleet-card:nth-child(4){background:var(--teal);color:#fff}.fleet-photo{height:220px;background:transparent;border:7px solid transparent;border-bottom:0;border-radius:5px 5px 0 0;order:2}.fleet-photo img{border-radius:2px}.fleet-content{display:contents}.fleet-content h3{font-size:clamp(21px,2.4vw,30px);padding:22px 18px 0;order:1;min-height:0}.fleet-content>p{order:3;font-size:12px;margin:14px 18px;color:inherit;min-height:38px}.fleet-bottom{order:4;margin:0 18px 20px}.fleet-price{font-size:18px}.fleet-price small{color:inherit;opacity:.9}.round-button{background:#fff;color:var(--ink);border:0}.round-button:hover{background:#dfeaff}.extra-item .round-button{background:var(--yellow)}.extra-item h3{font-size:21px}.plans-section{margin-top:58px;background:#f0f4ff;padding:48px 0}.plans{gap:16px}.plan{border:1px solid #d2dced;border-radius:5px;padding:30px}.plan h3{font-size:35px;margin-top:20px}.plan-index{font-size:11px}.plan.featured{background:var(--teal);border-color:var(--teal)}.featured .plan-index,.featured p{color:#fff}.featured .button{background:var(--yellow);color:var(--ink);border:1px solid var(--yellow)}.featured li:before{color:var(--yellow)}.featured .button:hover{background:#ffda10}.plan li{font-size:13px}.plan>p{font-size:15px}.price{font-family:var(--display);font-size:43px}.price span{font-family:Manrope,Arial,sans-serif}.amenities{border:0;gap:25px}.amenities>div{border:0!important;border-bottom:3px solid var(--ink)!important;padding:10px 0 23px}.amenities h3{font-size:26px}.amenities span{font-size:15px;font-weight:800;color:var(--teal)}.amenities p{font-size:13px}.included{background:var(--yellow);border-radius:5px;color:var(--ink);font-size:13px}.included span{font-size:13px}.events-grid a{border:0;border-radius:4px;background:#e9f0ff;min-height:150px;padding:26px}.events-grid a:nth-child(2){background:#fff1ba}.events-grid a:nth-child(3){background:#ffe5df}.event-symbol{font-size:56px;color:var(--ink)}.events-grid h3{font-size:28px}.events-grid p{font-size:13px;color:#263d58}.storage{border-top:3px solid var(--ink);border-bottom:1px solid var(--line)}.storage h3{font-size:34px}.faq summary{font-size:15px}.contact-section{background:var(--ink);border-top:10px solid var(--teal);margin-top:65px}.contact-section .eyebrow{color:var(--yellow)}.contact-section .button{background:var(--yellow);color:var(--ink)}.contact-section .text-link{color:var(--yellow)}.contact-section h2{font-size:60px}.footer .brand{color:var(--teal);font-size:33px}.mobile-dock .button{background:var(--yellow);color:var(--ink)}.close-dialog{color:var(--ink)}dialog{border-radius:8px}.form-grid input,.form-grid select,textarea{border-radius:4px}dialog h2{font-size:38px}.full-button{border-radius:100px}.route-image-link{display:inline-flex;align-items:center;color:var(--teal);font-size:13px;text-decoration:underline;margin-top:10px}
@media(max-width:1100px){.hero h1{font-size:100px}.hero{min-height:600px}.hero-description{gap:35px}.photo-note{right:20px;font-size:32px}.hero-photo{left:24%}.nav-wrap{gap:18px}#now{grid-template-columns:1fr}#now .section-heading{display:flex;align-items:center;justify-content:space-between}.route-tab{padding:16px 12px;gap:10px}.route-tab strong{font-size:13px}.route-number{width:30px;height:30px;font-size:15px}.fleet-content h3{font-size:25px}.fleet-photo{height:185px}.plan h3{font-size:29px}.plan{padding:25px}.price{font-size:38px}}
@media(max-width:850px){.hero{min-height:550px;padding:32px 28px}.hero h1{font-size:84px}.hero-description>p{font-size:13px}.hand-note{font-size:29px}.photo-note{display:none}.hero .hero-cta{font-size:21px}.hero-photo{inset:0 0 0 20%}.hero-photo:after{background:linear-gradient(90deg,#f3faff,#f3faffd9 25%,transparent 80%)}.hero-no-prepay{font-size:10px}.now-grid{grid-template-columns:1fr 1fr 1fr}.camera{grid-column:auto;height:140px}.status-card{min-height:140px;flex-direction:column;gap:6px;align-items:flex-start}.line-icon{font-size:27px;line-height:1}.route-tab strong{font-size:13px}.route-tab b{margin-left:auto}.route-tab small{font-size:11px}.route-tabs{display:grid;grid-template-columns:1fr 1fr 1fr}.route-tab{flex-wrap:wrap}.route-number{display:none}.route-picker>p{font-size:13px}.fleet-grid{grid-template-columns:1fr 1fr;gap:18px}.fleet-photo{height:250px}.fleet-content h3{font-size:30px}.fleet-content>p{min-height:0;font-size:13px}.plan h3{font-size:27px}.plan{padding:22px 18px}.price{font-size:33px}.plan li{font-size:12px}.amenities{grid-template-columns:1fr 1fr}.events-grid{grid-template-columns:repeat(3,1fr)}.events-grid a{flex-direction:column;align-items:flex-start;gap:10px;padding:22px}.events-grid h3{font-size:25px}.events-grid p{font-size:12px}.contact-section h2{font-size:46px}}
@media(max-width:580px){.wrap{width:calc(100% - 28px)}.topline{font-size:10px}.header .button{font-size:11px;padding:10px 12px}.nav-wrap{height:72px;gap:12px}.brand{font-size:31px}.brand svg{width:96px}.hero{min-height:660px;padding:27px 21px 26px;display:flex;align-items:flex-start;margin-top:0;border-radius:0}.hero-copy{width:100%}.hero .eyebrow{font-size:9px;letter-spacing:.045em}.hero h1{font-size:clamp(64px,17vw,91px);line-height:1.03;letter-spacing:-.04em;margin:18px 0 20px;max-width:none}.hero-description{gap:26px}.hero-description>p{font-size:12px;line-height:1.35;max-width:170px}.hand-note{font-size:28px}.hero-copy .hero-location{font-size:11px;margin:17px 0}.hero-photo{inset:220px 0 0;z-index:-1}.hero-photo img{object-position:60% 78%}.hero-photo:after{background:linear-gradient(#f3faff 0%,#f3faffd0 12%,#f3faff15 38%,#09284b00 75%,#062b4866 100%)}.hero .hero-cta{margin-top:200px;width:100%;font-size:22px;padding:12px 20px}.hero-no-prepay{font-size:10px;color:white;text-align:center;text-shadow:0 1px 3px #001f30;margin-top:8px}#now{padding-top:23px;gap:18px}#now h2{font-size:31px}#now .section-heading>.text-link{font-size:11px;margin:0}.now-grid{grid-template-columns:1fr 1fr;gap:10px}.camera{grid-column:1/-1;height:140px}.status-card{flex-direction:row;padding:16px 12px;min-height:120px;gap:9px}.status-card h3{font-size:15px}.status-card small{font-size:11px}.status-card p{font-size:12px}.line-icon{font-size:25px}.quick-panel summary{font-size:12px;gap:12px}.quick-panel summary>span{max-width:130px;text-align:right}.quick-panel .quick-book{left:auto;right:auto;bottom:auto;grid-template-columns:1fr 1fr}.section{padding-top:38px}h2{font-size:34px}.section-heading{margin-bottom:18px}.section-heading p{font-size:13px}.eyebrow{font-size:10px}.map-frame{overflow-x:auto;overscroll-behavior-x:contain}.map-frame svg{width:100%;max-width:100%;height:auto;min-height:0!important;aspect-ratio:16/9;margin:0}.map-caption{position:static;padding:10px;display:block;font-size:10px;background:var(--ink)}.map-caption span:first-child{display:block;background:none;padding:0;border:0}.map-caption span:last-child{display:none}.map-route{stroke-width:5;opacity:.25}.map-route.active{stroke-width:8}.route-picker{display:block;padding-top:12px}.route-tabs{display:flex;flex-direction:column;gap:8px}.route-tab{flex-wrap:nowrap;padding:13px;gap:12px}.route-number{display:grid;width:32px;height:32px}.route-tab strong{font-size:14px}.route-tab small{font-size:12px}.route-tab b{font-size:13px}.route-picker>p{font-size:13px;margin:16px 0}.route-picker>.button{width:100%}.map-warning{font-size:11px;margin-top:13px}.fleet-grid{grid-template-columns:1fr;gap:12px}.fleet-card{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;min-height:178px;overflow:hidden}.fleet-content h3{grid-column:1;grid-row:1;font-size:26px;padding:18px 0 0 17px;align-self:start;overflow-wrap:anywhere}.fleet-photo{grid-column:2;grid-row:1/4;height:100%;min-height:178px;border:5px solid transparent;border-radius:0;order:initial}.fleet-photo img{height:100%;min-height:178px;width:100%;object-fit:cover}.fleet-content>p{grid-column:1;grid-row:2;margin:9px 10px 9px 17px;font-size:11px;line-height:1.4;min-height:0}.fleet-bottom{grid-column:1;grid-row:3;margin:0 12px 15px 17px;gap:8px}.fleet-price{font-size:14px}.fleet-price small{font-size:10px}.round-button{width:30px;height:30px}.plans-section{margin-top:40px;padding:35px 0}.plans{grid-template-columns:1fr;gap:15px}.plan{padding:26px}.plan h3{font-size:35px}.plan-index{font-size:11px}.plan>p{font-size:15px}.plan li{font-size:13px}.price{font-size:44px}.amenities{gap:20px}.amenities>div{padding:10px 0 20px}.amenities h3{font-size:23px;margin:14px 0 8px}.amenities p{font-size:12px}.included{gap:10px 15px;padding:18px}.included span{font-size:12px}.events-grid{grid-template-columns:1fr;gap:12px}.events-grid a{flex-direction:row;align-items:center;padding:20px;gap:20px;min-height:110px}.event-symbol{font-size:47px;width:50px;text-align:center}.events-grid h3{font-size:27px}.events-grid p{font-size:12px}.storage{margin-top:24px;padding:24px 0}.storage h3{font-size:29px}.faq-section h2 br{display:none}.faq-section h2{font-size:34px}.faq summary{font-size:14px}.contact-section{margin-top:40px;padding:37px 0}.contact-section h2{font-size:44px}.contact-section p{font-size:14px}.footer{padding-top:26px;padding-bottom:110px}.footer .brand{font-size:31px}.mobile-dock{gap:14px}.mobile-dock .button{font-size:14px}.route-image-link{font-size:12px}dialog h2{font-size:34px}}

/* Keep the desktop reservoir overview 20% smaller, with its original proportions. */
@media(min-width:851px){.map-frame{width:80%;margin-inline:auto}}