@font-face{font-family:"YardDisplay";src:url("/rigging/baloo-yard.ttf") format("truetype-variations");
 font-weight:400 800;font-display:swap}
@font-face{font-family:"YardText";src:url("/rigging/asap-yard.ttf") format("truetype-variations");
 font-weight:400 700;font-display:swap}
:root{--ink:#121415;--yel:#fcc900;--teal:#107b8f;--paper:#f7f2e6;--moss:#b0bb92;
 --line:#ded5bf;--dim:#5a6564}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.62 "YardText",
 "Segoe UI",Arial,sans-serif;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:#0d6475;text-decoration-thickness:1px;text-underline-offset:2px}
h1,h2,h3{font-family:"YardDisplay","Segoe UI",Arial,sans-serif;font-weight:800;line-height:1.12;
 letter-spacing:-.01em;margin:0 0 .5em}
h1{font-size:clamp(28px,4.4vw,46px)}
h2{font-size:clamp(23px,2.9vw,31px);margin-top:1.5em}
h3{font-size:19px}
p{margin:0 0 1em}
.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 20px}
.strip{margin:0;background:var(--teal);color:#eef9fb;font-size:13px;line-height:1.4;
 padding:9px 16px;text-align:center}
.helm{background:var(--ink);color:#fff;position:relative;z-index:5}
.helm__row{display:flex;align-items:center;gap:18px;min-height:68px;flex-wrap:wrap}
.brandmark{font:800 25px/1 "YardDisplay","Segoe UI",Arial,sans-serif;color:#fff;
 text-decoration:none;letter-spacing:-.02em;margin-right:auto;padding:6px 0}
.brandmark__b{color:var(--yel)}
.mast ul{display:flex;gap:22px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.mast a{color:#f3efe2;text-decoration:none;font-weight:600;font-size:15px;
 text-transform:uppercase;letter-spacing:.06em}
.mast a:hover{color:var(--yel)}
.mast--wide{display:none}
.burger>summary{list-style:none;cursor:pointer;display:flex;flex-direction:column;gap:4px;
 padding:10px 2px}
.burger>summary::-webkit-details-marker{display:none}
.burger i{display:block;width:24px;height:3px;background:var(--yel);border-radius:2px}
.burger:not([open])>.mast{display:none}
.burger[open]>.mast{position:absolute;left:0;right:0;top:100%;background:var(--ink);
 padding:14px 20px 20px;border-top:3px solid var(--yel)}
.burger[open]>.mast ul{flex-direction:column;gap:12px}

.quay{background:var(--ink);color:#f7f2e6;background-image:radial-gradient(
 circle at 12px 12px,rgba(252,201,0,.12) 4px,transparent 5px);background-size:46px 46px;
 overflow:hidden;padding:34px 0 40px}
.quay__grid{display:grid;gap:26px}
.quay h1{color:#fff}
.quay .lede{font-size:19px;color:#e6e0cd;max-width:46ch}
.quay__under{font-size:14px;color:#aab2ac;margin:0}
.quay__cta{margin:22px 0 10px}
.quay__art{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.quay__pic{margin:0;background:#fff;padding:9px 9px 26px;box-shadow:0 10px 26px rgba(0,0,0,.45)}
.quay__pic--1{transform:rotate(-4deg)}
.quay__pic--2{transform:rotate(3deg)}
.quay__pic--3{transform:rotate(2.5deg)}
.quay__pic--4{transform:rotate(-2deg)}

.sheet{padding:30px 0 10px;max-width:none}
.sheet p,.sheet li{max-width:74ch}
.lede{font-size:19px;line-height:1.55}
.note{font-size:15px;color:var(--dim)}
.trail{padding:16px 0 0;font-size:14px}
.trail ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0;color:var(--dim)}
.trail li+li::before{content:"›";margin-right:8px;color:var(--moss)}

.tiles{display:grid;gap:14px;margin:18px 0 8px}
.tile{position:relative;display:block;border:3px solid var(--ink);text-decoration:none;
 color:var(--ink);overflow:hidden;background:var(--moss)}
.tile--lamp{background:var(--yel)}
.tile--wave{background:#8fd0dc}
.tile--moss{background:var(--moss)}
.tile img{mix-blend-mode:multiply}
.tile__cap{position:absolute;left:0;right:0;bottom:0;background:rgba(18,20,21,.9)}
.tile__name{display:block;color:#fff;font:800 21px/1.1 "YardDisplay",Arial,sans-serif;
 padding:11px 14px 0}
.tile__note{display:block;color:#f1ecdc;font-size:13px;padding:5px 14px 9px}

.fleet{display:grid;gap:18px;margin:18px 0 6px;align-items:start}
.hull{border:3px solid var(--ink);background:#fff;padding:14px;display:flex;flex-direction:column}
.hull__shot{display:block;background:#f2ecdd;margin:-14px -14px 12px}
.hull__tag{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--teal);
 font-weight:700;margin:0 0 4px}
.hull__name{font-size:18px;margin:0 0 6px}
.hull__name a{color:inherit;text-decoration:none}
.hull__name a:hover{text-decoration:underline}
.hull__mark{font-size:14px;color:var(--dim);margin:0 0 6px;display:flex;align-items:center;gap:7px}
.hull__sum{font:800 22px/1 "YardDisplay",Arial,sans-serif;margin:0 0 12px}
.hull .stamp{margin-top:auto}
.fleet--thin .hull__sum{font-size:19px}

.pips{display:inline-flex;gap:2px}
.pip{width:11px;height:11px;background:#d9d2bf;display:inline-block;
 clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.pip.on{background:var(--yel)}
.pip.half{background:linear-gradient(90deg,var(--yel) 50%,#d9d2bf 50%)}

.stamp{border:0;background:none;padding:0;line-height:0;cursor:pointer;width:min(300px,100%);
 display:block}
.stamp img{width:100%}
.stamp--hero{width:min(320px,100%)}

.pitch{display:grid;gap:20px;align-items:center;margin:34px 0;padding:20px 0;
 border-top:3px solid var(--line)}
.pitch__pic{margin:0;background:#fff;border:3px solid var(--ink)}
.pitch__say h2{margin-top:0}
.link-arrow{font-weight:700;text-decoration:none}
.link-arrow::after{content:" →"}

.voices{display:grid;gap:16px;margin:16px 0;align-items:start}
.voice{margin:0;border-left:5px solid var(--yel);background:#fffdf5;padding:14px 16px;
 border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.voice h3{margin:0 0 6px;font-size:17px}
.voice__pips{margin:0 0 6px}
.voice blockquote{margin:0;font-size:16px}
.voice figcaption{font-size:13px;color:var(--dim);margin-top:8px}

.asked{margin:14px 0 6px;border-top:1px solid var(--line);max-width:860px}
.ask{border-bottom:1px solid var(--line)}
.ask>summary{cursor:pointer;list-style:none;padding:14px 34px 14px 0;font-weight:700;
 position:relative;font-size:17px}
.ask>summary::-webkit-details-marker{display:none}
.ask>summary::after{content:"+";position:absolute;right:6px;top:11px;color:var(--teal);
 font:800 24px/1 "YardDisplay",Arial,sans-serif}
.ask[open]>summary::after{content:"–"}
.ask__body{padding:0 0 12px}
.ask__body p{margin:0}

.berth__grid{display:grid;gap:22px}
.berth__main{margin:0;border:3px solid var(--ink);background:#fff}
.berth__strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}
.berth__thumb{margin:0;border:2px solid var(--ink);background:#fff}
.berth__price{font:800 32px/1 "YardDisplay",Arial,sans-serif;margin:4px 0 10px}
.berth__mark{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--dim);margin:0}
.berth__ship{font-size:14px;color:var(--dim);margin-top:10px}
.spec{border-collapse:collapse;width:100%;max-width:660px;font-size:16px}
.spec th,.spec td{border-bottom:1px solid var(--line);padding:9px 10px;text-align:left;
 vertical-align:top}
.spec th{width:40%;color:var(--dim);font-weight:600}
.pointlist{padding-left:20px}
.pointlist li{margin-bottom:9px}
.notes{display:grid;gap:16px;align-items:start}
.note--card,.notes .note{border:3px solid var(--ink);background:#fff;padding:16px}

.tiderail{position:fixed;left:0;right:0;bottom:0;background:var(--ink);color:#fff;z-index:9;
 display:flex;align-items:center;gap:12px;padding:9px 16px;box-shadow:0 -6px 18px rgba(0,0,0,.25)}
.tiderail span{font:800 20px/1 "YardDisplay",Arial,sans-serif}
.stamp--rail{width:min(216px,56%);margin-left:auto}
body:has(.tiderail){padding-bottom:76px}

.dock{background:var(--ink);color:#e9e3d2;margin-top:40px;padding:30px 0 18px}
.dock h2{font-size:15px;text-transform:uppercase;letter-spacing:.09em;color:var(--yel);
 margin:0 0 10px}
.dock__grid{display:grid;gap:22px}
.dock ul{list-style:none;margin:0;padding:0}
.dock li{margin-bottom:7px}
.dock a{color:#e9e3d2;text-decoration:none;font-size:15px}
.dock a:hover{color:var(--yel);text-decoration:underline}
.dock__addr{font-size:15px;line-height:1.6}
.dock__legal{border-top:1px solid #2c3031;margin-top:22px;padding-top:14px}
.dock__legal p{font-size:13px;color:#9aa29c;margin:0 0 6px;max-width:95ch}

@media (min-width:620px){
 .tiles{grid-template-columns:repeat(3,1fr)}
 .fleet{grid-template-columns:repeat(2,1fr)}
 .berth__strip{grid-template-columns:repeat(3,1fr)}
 .dock__grid{grid-template-columns:repeat(2,1fr)}
}
@media (min-width:900px){
 .mast--wide{display:block}
 .burger{display:none}
 .quay__grid{grid-template-columns:1.05fr .95fr;align-items:center}
 .quay{padding:48px 0 56px}
 .fleet{grid-template-columns:repeat(3,1fr)}
 .fleet--thin{grid-template-columns:repeat(3,1fr)}
 .pitch{grid-template-columns:.9fr 1.1fr;gap:34px}
 .pitch--flip .pitch__pic{order:2}
 .voices{grid-template-columns:repeat(3,1fr)}
 .notes{grid-template-columns:repeat(3,1fr)}
 .berth__grid{grid-template-columns:1.05fr .95fr;gap:34px}
 .dock__grid{grid-template-columns:repeat(4,1fr)}
 .tiderail{display:none}
 body:has(.tiderail){padding-bottom:0}
}