/* Minnetonka Chimney & Masonry Services -- lakeside sheet.
   Warm brick over bay blue; birch-cream ground. */
:root {
 --mt3-brick: #B2482A;
 --mt3-brick-dark: #7B2F16;
 --mt3-ember: #F1953C;
 --mt3-ember-glow: #FFCB92;
 --mt3-coast: #38647A;
 --mt3-charcoal: #171512;
 --mt3-charcoal-2: #221F1A;
 --mt3-charcoal-3: #2F2B25;
 --mt3-cream: #F8F5EE;
 --mt3-cream-2: #EFE7DA;
 --mt3-ink: #191713;
 --mt3-muted: #6F645C;
 --mt3-line: rgba(23,21,18,.12);
 --mt3-gold: #E6AE3D;
 --mt3-green-ok: #2E7C54;
 --mt3-radius: 16px;
 --mt3-radius-lg: 26px;
 --mt3-shadow-sm: 0 4px 14px rgba(23,21,18,.08);
 --mt3-shadow: 0 14px 40px rgba(23,21,18,.14);
 --mt3-shadow-lg: 0 30px 70px rgba(23,21,18,.26);
 --mt3-wrap: 1200px;
 --mt3-font: 'DM Sans',system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
 --mt3-display: 'Alumni Sans','Arial Narrow',var(--mt3-font);
 --mt3-header-h: 76px; }
*,*::before,*::after {
 box-sizing: border-box; }
html {
 scroll-behavior: smooth;
 scroll-padding-top: 90px;
 -webkit-text-size-adjust: 100%; }
body {
 margin: 0;
 font-family: var(--mt3-font);
 color: var(--mt3-ink);
 background: var(--mt3-cream);
 font-size: 17px;
 line-height: 1.65;
 overflow-x: hidden;
 -webkit-font-smoothing: antialiased; }
img {
 max-width: 100%;
 height: auto;
 display: block; }
a {
 color: var(--mt3-brick);
 text-decoration: none; }
a:hover {
 color: var(--mt3-brick-dark); }
button {
 font-family: inherit; }
h1,h2,h3,h4 {
 font-family: var(--mt3-display);
 font-weight: 700;
 line-height: 1.08;
 margin: 0 0 .5em;
 letter-spacing: .4px;
 text-transform: uppercase; }
h1 {
 font-size: clamp(2.15rem,5.4vw,4.15rem); }
h2 {
 font-size: clamp(1.85rem,3.9vw,3rem); }
h3 {
 font-size: clamp(1.15rem,1.7vw,1.45rem); }
p {
 margin: 0 0 1.1em; }
.coveband {
 width: min(var(--mt3-wrap),92%);
 margin-inline: auto; }
.midchannel {
 text-align: center; }
.stillwater-aid {
 position: absolute;
 width: 1px;
 height: 1px;
 padding: 0;
 margin: -1px;
 overflow: hidden;
 clip: rect(0,0,0,0);
 white-space: nowrap;
 border: 0; }
.painter-link {
 position: absolute;
 left: -9999px;
 top: 0;
 background: var(--mt3-brick);
 color: #fff;
 padding: 12px 20px;
 z-index: 9999; }
.painter-link:focus {
 left: 10px;
 top: 10px; }
:focus-visible {
 outline: 3px solid var(--mt3-ember);
 outline-offset: 3px; }
#bg-fx-mt {
 position: fixed;
 inset: 0;
 z-index: 0;
 pointer-events: none;
 overflow: hidden; }
#emberCanvas-mt {
 position: absolute;
 inset: 0;
 width: 100%;
 height: 100%;
 opacity: .55; }
.lakehaze3 {
 position: absolute;
 border-radius: 50%;
 filter: blur(70px);
 opacity: .34;
 will-change: transform; }
.lakehaze3-a {
 width: 520px;
 height: 520px;
 background: radial-gradient(circle at 30% 30%,var(--mt3-ember),transparent 68%);
 top: -140px;
 left: -120px;
 animation: float1 26s ease-in-out infinite; }
.lakehaze3-b {
 width: 640px;
 height: 640px;
 background: radial-gradient(circle at 60% 40%,var(--mt3-brick),transparent 66%);
 top: 38%;
 right: -220px;
 animation: float2 32s ease-in-out infinite; }
.lakehaze3-c {
 width: 420px;
 height: 420px;
 background: radial-gradient(circle at 50% 50%,var(--mt3-gold),transparent 65%);
 bottom: -120px;
 left: 22%;
 animation: float3 29s ease-in-out infinite; }
@keyframes float1 {
 0%,100% {
  transform: translate3d(0,0,0) scale(1); }
 50% {
  transform: translate3d(90px,120px,0) scale(1.16); } }
@keyframes float2 {
 0%,100% {
  transform: translate3d(0,0,0) scale(1.05); }
 50% {
  transform: translate3d(-120px,-90px,0) scale(.9); } }
@keyframes float3 {
 0%,100% {
  transform: translate3d(0,0,0) scale(.95); }
 50% {
  transform: translate3d(70px,-110px,0) scale(1.2); } }
main,header,footer,.burgeeline {
 position: relative;
 z-index: 1; }
.oarpull {
 --mt3-bg: var(--mt3-brick);
 --mt3-fg: #fff;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: .6rem;
 background: var(--mt3-bg);
 color: var(--mt3-fg);
 font-weight: 700;
 font-size: 1.02rem;
 padding: 16px 30px;
 border-radius: 60px;
 border: 0;
 cursor: pointer;
 letter-spacing: .3px;
 box-shadow: 0 10px 26px rgba(178,58,33,.32);
 transition: transform .22s cubic-bezier(.2,.8,.3,1),box-shadow .22s,background .22s;
 position: relative;
 overflow: hidden;
 text-align: center; }
.oarpull:hover {
 transform: translateY(-3px);
 box-shadow: 0 18px 40px rgba(178,58,33,.42);
 color: #fff; }
.oarpull:active {
 transform: translateY(-1px); }
.oarpull::after {
 content: "";
 position: absolute;
 top: 0;
 left: -60%;
 width: 40%;
 height: 100%;
 background: linear-gradient(100deg,transparent,rgba(255,255,255,.42),transparent);
 transform: skewX(-18deg);
 animation: sheen 4.5s ease-in-out infinite; }
@keyframes sheen {
 0%,72% {
  left: -60%; }
 88%,100% {
  left: 135%; } }
.oarpull-ember3 {
 --mt3-bg: linear-gradient(135deg,var(--mt3-ember),var(--mt3-brick));
 box-shadow: 0 10px 26px rgba(240,128,60,.4); }
.oarpull-mist3 {
 --mt3-bg: transparent;
 --mt3-fg: #fff;
 border: 2px solid rgba(255,255,255,.6);
 box-shadow: none; }
.oarpull-mist3:hover {
 background: rgba(255,255,255,.12);
 box-shadow: none; }
.oarpull-dusk3 {
 --mt3-bg: var(--mt3-charcoal);
 box-shadow: 0 10px 26px rgba(23,21,18,.3); }
.oarpull-long {
 padding: 19px 38px;
 font-size: 1.12rem; }
.oarpull-beam {
 display: flex;
 width: 100%; }
.burgeeline {
 background: var(--mt3-charcoal);
 color: #E0D4C4;
 font-size: .86rem;
 letter-spacing: .3px; }
.burgeeline .coveband {
 display: flex;
 flex-wrap: wrap;
 gap: 8px 26px;
 align-items: center;
 justify-content: space-between;
 padding: 9px 0; }
.burgeeline b {
 color: #fff; }
.burgeeline .bg3-bead {
 display: inline-flex;
 align-items: center;
 gap: 7px; }
.beacon-dot3 {
 width: 8px;
 height: 8px;
 border-radius: 50%;
 background: #4CC682;
 box-shadow: 0 0 0 0 rgba(73,199,126,.7);
 animation: pulseDot 2s infinite; }
@keyframes pulseDot {
 70% {
  box-shadow: 0 0 0 9px rgba(73,199,126,0); }
 100% {
  box-shadow: 0 0 0 0 rgba(73,199,126,0); } }
.mastline3 {
 position: sticky;
 top: 0;
 z-index: 900;
 background: rgba(246,240,231,.86);
 backdrop-filter: blur(14px);
 -webkit-backdrop-filter: blur(14px);
 border-bottom: 1px solid var(--mt3-line);
 transition: box-shadow .3s,background .3s; }
.mastline3.wakeworn {
 box-shadow: 0 8px 30px rgba(23,21,18,.13);
 background: rgba(246,240,231,.96); }
.mastline3 .coveband {
 width: min(1360px,94%); }
.foredeck3 {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 18px;
 min-height: var(--mt3-header-h); }
.transom {
 display: flex;
 align-items: center;
 gap: 12px;
 color: var(--mt3-ink);
 flex: 0 0 auto; }
.transom:hover {
 color: var(--mt3-ink); }
.transom-burgee {
 width: 46px;
 height: 46px;
 flex: 0 0 auto;
 filter: drop-shadow(0 4px 8px rgba(178,58,33,.3)); }
.transom-tag {
 display: flex;
 flex-direction: column;
 line-height: 1.05; }
.transom-tag strong {
 font-family: var(--mt3-display);
 font-size: 1.06rem;
 letter-spacing: .6px;
 text-transform: uppercase; }
.transom-tag span {
 font-size: .7rem;
 letter-spacing: 2.4px;
 text-transform: uppercase;
 color: var(--mt3-brick);
 font-weight: 600; }
.gangline {
 display: flex;
 align-items: center;
 gap: 22px;
 list-style: none;
 margin: 0;
 padding: 0; }
.gangline a {
 color: var(--mt3-ink);
 font-weight: 600;
 font-size: .92rem;
 white-space: nowrap;
 position: relative;
 padding: 6px 0; }
.gangline a::after {
 content: "";
 position: absolute;
 left: 0;
 bottom: 0;
 height: 2px;
 width: 0;
 background: var(--mt3-brick);
 transition: width .28s; }
.gangline a:hover::after,.gangline a.helmed::after {
 width: 100%; }
.foredeck3-drive {
 display: flex;
 align-items: center;
 gap: 14px;
 flex: 0 0 auto; }
.foredeck3-digits {
 display: flex;
 flex-direction: column;
 line-height: 1.1;
 text-align: right; }
.foredeck3-digits small {
 font-size: .68rem;
 text-transform: uppercase;
 letter-spacing: 1.4px;
 color: var(--mt3-muted); }
.foredeck3-digits b {
 font-family: var(--mt3-display);
 font-size: 1.22rem;
 color: var(--mt3-brick); }
.hatchway3 {
 display: none;
 width: 48px;
 height: 44px;
 border: 1px solid var(--mt3-line);
 background: #fff;
 border-radius: 12px;
 cursor: pointer;
 padding: 0;
 position: relative; }
.hatchway3 span {
 position: absolute;
 left: 13px;
 width: 22px;
 height: 2px;
 background: var(--mt3-ink);
 transition: .3s; }
.hatchway3 span:nth-child(1) {
 top: 15px; }
.hatchway3 span:nth-child(2) {
 top: 21px; }
.hatchway3 span:nth-child(3) {
 top: 27px; }
.hatchway3[aria-expanded="true"] span:nth-child(1) {
 top: 21px;
 transform: rotate(45deg); }
.hatchway3[aria-expanded="true"] span:nth-child(2) {
 opacity: 0; }
.hatchway3[aria-expanded="true"] span:nth-child(3) {
 top: 21px;
 transform: rotate(-45deg); }
.baysweep {
 position: relative;
 color: #fff;
 padding: clamp(56px,8vw,104px) 0 clamp(70px,9vw,120px);
 overflow: hidden;
 isolation: isolate; }
.baysweep-backwater {
 position: absolute;
 inset: 0;
 z-index: -2; }
.baysweep-backwater img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 transform: scale(1.06);
 animation: kenburns 24s ease-in-out infinite alternate; }
@keyframes kenburns {
 to {
  transform: scale(1.17) translate3d(-1.5%,-1.5%,0); } }
.baysweep::before {
 content: "";
 position: absolute;
 inset: 0;
 z-index: -1;
 background: linear-gradient(100deg,rgba(18,14,12,.95) 0%,rgba(26,18,14,.86) 38%,rgba(181,57,31,.6) 74%,rgba(242,145,63,.42) 100%); }
.baysweep-moorings {
 display: grid;
 grid-template-columns: 1.15fr .85fr;
 gap: 52px;
 align-items: center; }
.shoretag3 {
 display: inline-flex;
 align-items: center;
 gap: 9px;
 background: rgba(255,255,255,.12);
 border: 1px solid rgba(255,255,255,.26);
 color: #fff;
 padding: 8px 17px;
 border-radius: 60px;
 font-size: .79rem;
 font-weight: 700;
 letter-spacing: 1.6px;
 text-transform: uppercase;
 margin-bottom: 22px;
 backdrop-filter: blur(6px); }
.baysweep h1 {
 color: #fff;
 text-shadow: 0 6px 30px rgba(0,0,0,.4); }
.baysweep h1 .sunstreak3 {
 color: var(--mt3-ember-glow);
 display: inline-block; }
.baysweep-underswell {
 font-size: clamp(1.02rem,1.5vw,1.2rem);
 color: #ECE2D7;
 max-width: 610px; }
.baysweep-cleats {
 display: flex;
 flex-wrap: wrap;
 gap: 14px;
 margin: 30px 0 26px; }
.baysweep-buoys {
 display: flex;
 flex-wrap: wrap;
 gap: 10px 22px;
 list-style: none;
 padding: 0;
 margin: 0;
 font-size: .92rem;
 color: #E9DDD3; }
.baysweep-buoys li {
 display: flex;
 align-items: center;
 gap: 8px; }
.buoy-check {
 width: 20px;
 height: 20px;
 flex: 0 0 auto;
 border-radius: 50%;
 background: rgba(73,199,126,.2);
 display: grid;
 place-items: center; }
.buoy-check svg {
 width: 12px;
 height: 12px;
 stroke: #6EE1A0;
 fill: none;
 stroke-width: 3; }
.surveycard {
 background: linear-gradient(160deg,rgba(255,255,255,.98),rgba(246,240,231,.94));
 color: var(--mt3-ink);
 border-radius: var(--mt3-radius-lg);
 padding: 30px 28px;
 box-shadow: var(--mt3-shadow-lg);
 border: 1px solid rgba(255,255,255,.6);
 position: relative;
 animation: floaty 6.5s ease-in-out infinite; }
@keyframes floaty {
 0%,100% {
  transform: translateY(0); }
 50% {
  transform: translateY(-13px); } }
.surveycard-burgee {
 position: absolute;
 top: -18px;
 right: -10px;
 background: var(--mt3-brick);
 color: #fff;
 font-family: var(--mt3-display);
 font-size: .82rem;
 letter-spacing: 1.4px;
 padding: 9px 16px;
 border-radius: 40px;
 box-shadow: 0 8px 20px rgba(178,58,33,.4);
 text-transform: uppercase;
 animation: wobble 5s ease-in-out infinite; }
@keyframes wobble {
 0%,100% {
  transform: rotate(-3deg); }
 50% {
  transform: rotate(3deg); } }
.surveycard-figure3 {
 font-family: var(--mt3-display);
 font-size: clamp(3.4rem,7vw,4.6rem);
 line-height: 1;
 color: var(--mt3-brick);
 display: flex;
 align-items: flex-start;
 gap: 4px;
 justify-content: center;
 margin: 6px 0 2px; }
.surveycard-figure3 sup {
 font-size: .42em;
 margin-top: .32em; }
.surveycard h2 {
 font-size: 1.32rem;
 margin-bottom: 4px;
 text-align: center; }
.surveycard .surveycard-underline {
 text-align: center;
 color: var(--mt3-muted);
 font-size: .9rem;
 margin-bottom: 16px; }
.surveycard-soundings {
 list-style: none;
 margin: 0 0 20px;
 padding: 0;
 display: grid;
 gap: 9px;
 font-size: .95rem; }
.surveycard-soundings li {
 display: flex;
 gap: 10px;
 align-items: flex-start; }
.surveycard-soundings svg {
 width: 18px;
 height: 18px;
 flex: 0 0 auto;
 margin-top: 3px;
 stroke: var(--mt3-brick);
 fill: none;
 stroke-width: 3; }
.surveycard-margin3 {
 font-size: .76rem;
 color: var(--mt3-muted);
 text-align: center;
 margin: 12px 0 0;
 line-height: 1.5; }
.wakeline {
 background: var(--mt3-charcoal-2);
 color: #CDC0B2;
 overflow: hidden;
 padding: 13px 0;
 border-block: 1px solid rgba(255,255,255,.07); }
.wakeline-current {
 display: flex;
 gap: 52px;
 white-space: nowrap;
 width: max-content;
 animation: scrollX 34s linear infinite;
 font-family: var(--mt3-display);
 letter-spacing: 2px;
 font-size: .94rem;
 text-transform: uppercase; }
.wakeline-current span {
 display: inline-flex;
 align-items: center;
 gap: 12px; }
.wakeline-current b {
 color: var(--mt3-ember); }
@keyframes scrollX {
 to {
  transform: translateX(-50%); } }
section {
 padding: clamp(56px,7vw,100px) 0;
 position: relative; }
.charthead {
 max-width: 760px;
 margin: 0 auto 52px; }
.charthead.portreach {
 margin-inline: 0; }
.pennantline {
 display: inline-flex;
 align-items: center;
 gap: 9px;
 color: var(--mt3-brick);
 font-weight: 800;
 letter-spacing: 2.4px;
 text-transform: uppercase;
 font-size: .78rem;
 margin-bottom: 14px; }
.pennantline::before {
 content: "";
 width: 28px;
 height: 2px;
 background: var(--mt3-brick); }
.foreswell {
 font-size: 1.06rem;
 color: var(--mt3-muted); }
.tone-birch {
 background: linear-gradient(180deg,rgba(237,227,213,.75),rgba(246,240,231,.4)); }
.tone-nightlake {
 background: var(--mt3-charcoal);
 color: #DFD4C8; }
.tone-nightlake h2,.tone-nightlake h3 {
 color: #fff; }
.tone-nightlake .foreswell {
 color: #B9AC9E; }
.tone-nightlake .pennantline {
 color: var(--mt3-ember-glow); }
.tone-nightlake .pennantline::before {
 background: var(--mt3-ember); }
.pierledger {
 display: grid;
 grid-template-columns: repeat(4,1fr);
 gap: 22px; }
.pierledger-plank {
 background: #fff;
 border-radius: var(--mt3-radius);
 padding: 26px 20px;
 text-align: center;
 box-shadow: var(--mt3-shadow-sm);
 border: 1px solid var(--mt3-line);
 transition: transform .3s,box-shadow .3s; }
.pierledger-plank:hover {
 transform: translateY(-7px);
 box-shadow: var(--mt3-shadow); }
.pierledger-plank b {
 display: block;
 font-family: var(--mt3-display);
 font-size: clamp(2rem,3.6vw,2.9rem);
 color: var(--mt3-brick);
 line-height: 1; }
.pierledger-plank span {
 font-size: .87rem;
 color: var(--mt3-muted);
 letter-spacing: .6px; }
.boatworks-slips {
 display: grid;
 grid-template-columns: repeat(auto-fit,minmax(295px,1fr));
 gap: 26px; }
.boatworks {
 background: #fff;
 border-radius: var(--mt3-radius-lg);
 overflow: hidden;
 box-shadow: var(--mt3-shadow-sm);
 border: 1px solid var(--mt3-line);
 display: flex;
 flex-direction: column;
 transition: transform .35s cubic-bezier(.2,.8,.3,1),box-shadow .35s; }
.boatworks:hover {
 transform: translateY(-10px);
 box-shadow: var(--mt3-shadow-lg); }
.boatworks-plate3 {
 position: relative;
 aspect-ratio: 16/10;
 overflow: hidden;
 background: var(--mt3-charcoal-3); }
.boatworks-plate3 img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 transition: transform .7s cubic-bezier(.2,.8,.3,1); }
.boatworks:hover .boatworks-plate3 img {
 transform: scale(1.09); }
.boatworks-plate3::after {
 content: "";
 position: absolute;
 inset: 0;
 background: linear-gradient(180deg,transparent 42%,rgba(20,16,14,.72)); }
.boatworks-burgee {
 position: absolute;
 left: 18px;
 bottom: 16px;
 z-index: 2;
 width: 46px;
 height: 46px;
 border-radius: 13px;
 background: var(--mt3-brick);
 display: grid;
 place-items: center;
 box-shadow: 0 8px 20px rgba(178,58,33,.45); }
.boatworks-burgee svg {
 width: 24px;
 height: 24px;
 stroke: #fff;
 fill: none;
 stroke-width: 1.9;
 stroke-linecap: round;
 stroke-linejoin: round; }
.boatworks-notes3 {
 padding: 24px 24px 26px;
 display: flex;
 flex-direction: column;
 flex: 1; }
.boatworks-notes3 h3 {
 margin-bottom: 8px; }
.boatworks-notes3 p {
 font-size: .95rem;
 color: var(--mt3-muted);
 margin-bottom: 16px; }
.boatworks-notes3 ul {
 list-style: none;
 margin: 0 0 18px;
 padding: 0;
 font-size: .9rem;
 display: grid;
 gap: 6px; }
.boatworks-notes3 li {
 display: flex;
 gap: 9px;
 align-items: flex-start;
 color: #48423B; }
.boatworks-notes3 li::before {
 content: "";
 width: 7px;
 height: 7px;
 border-radius: 50%;
 background: var(--mt3-ember);
 flex: 0 0 auto;
 margin-top: 8px; }
.boatworks-line {
 margin-top: auto;
 font-weight: 700;
 display: inline-flex;
 align-items: center;
 gap: 8px;
 font-size: .95rem; }
.boatworks-line svg {
 width: 16px;
 height: 16px;
 stroke: currentColor;
 fill: none;
 stroke-width: 2.4;
 transition: transform .3s; }
.boatworks:hover .boatworks-line svg {
 transform: translateX(5px); }
.markboard-slips {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 52px;
 align-items: center; }
.markboard-marks {
 display: grid;
 gap: 14px;
 margin: 0;
 padding: 0;
 list-style: none; }
.markboard-marks li {
 display: flex;
 gap: 15px;
 background: rgba(255,255,255,.05);
 border: 1px solid rgba(255,255,255,.1);
 border-radius: 14px;
 padding: 16px 18px;
 align-items: flex-start;
 transition: transform .3s,border-color .3s,background .3s; }
.markboard-marks li:hover {
 transform: translateX(7px);
 border-color: rgba(240,128,60,.55);
 background: rgba(240,128,60,.08); }
.markboard-marks .mk3 {
 width: 38px;
 height: 38px;
 flex: 0 0 auto;
 border-radius: 11px;
 background: rgba(240,128,60,.16);
 display: grid;
 place-items: center; }
.markboard-marks .mk3 svg {
 width: 20px;
 height: 20px;
 stroke: var(--mt3-ember-glow);
 fill: none;
 stroke-width: 2;
 stroke-linecap: round;
 stroke-linejoin: round; }
.markboard-marks b {
 display: block;
 color: #fff;
 font-family: var(--mt3-display);
 letter-spacing: .5px;
 font-size: 1.02rem;
 text-transform: uppercase; }
.markboard-marks span {
 font-size: .92rem;
 color: #B5A89B; }
.markboard-plate {
 position: relative;
 border-radius: var(--mt3-radius-lg);
 overflow: hidden;
 box-shadow: var(--mt3-shadow-lg); }
.markboard-plate img {
 width: 100%;
 aspect-ratio: 4/5;
 object-fit: cover; }
.markboard-slip3 {
 position: absolute;
 left: 20px;
 bottom: 20px;
 right: 20px;
 background: rgba(23,21,18,.82);
 backdrop-filter: blur(9px);
 border: 1px solid rgba(255,255,255,.14);
 border-radius: 16px;
 padding: 16px 18px;
 color: #fff; }
.markboard-slip3 b {
 font-family: var(--mt3-display);
 display: block;
 color: var(--mt3-ember-glow);
 letter-spacing: 1px; }
.markboard-slip3 span {
 font-size: .88rem;
 color: #C9BCAE; }
.crossinglegs {
 display: grid;
 grid-template-columns: repeat(4,1fr);
 gap: 24px;
 counter-reset: step;
 position: relative; }
.crossinglegs-leg3 {
 background: #fff;
 border-radius: var(--mt3-radius);
 padding: 34px 24px 26px;
 box-shadow: var(--mt3-shadow-sm);
 border: 1px solid var(--mt3-line);
 position: relative;
 transition: transform .35s,box-shadow .35s; }
.crossinglegs-leg3:hover {
 transform: translateY(-8px);
 box-shadow: var(--mt3-shadow); }
.crossinglegs-knot {
 position: absolute;
 top: -20px;
 left: 24px;
 width: 44px;
 height: 44px;
 border-radius: 14px;
 background: linear-gradient(140deg,var(--mt3-ember),var(--mt3-brick));
 color: #fff;
 font-family: var(--mt3-display);
 font-size: 1.3rem;
 display: grid;
 place-items: center;
 box-shadow: 0 10px 22px rgba(178,58,33,.35); }
.crossinglegs-leg3 h3 {
 font-size: 1.12rem;
 margin-top: 8px; }
.crossinglegs-leg3 p {
 font-size: .93rem;
 color: var(--mt3-muted);
 margin: 0; }
.lakelog {
 display: grid;
 grid-template-columns: repeat(4,1fr);
 gap: 16px; }
.lakelog-entry {
 position: relative;
 border-radius: 18px;
 overflow: hidden;
 box-shadow: var(--mt3-shadow-sm);
 aspect-ratio: 1;
 background: var(--mt3-charcoal-3); }
.lakelog-entry:nth-child(1),.lakelog-entry:nth-child(6) {
 grid-row: span 2;
 aspect-ratio: 1/2.06; }
.lakelog-entry img {
 width: 100%;
 height: 100%;
 object-fit: cover;
 transition: transform .8s cubic-bezier(.2,.8,.3,1); }
.lakelog-entry:hover img {
 transform: scale(1.1); }
.lakelog-entry figcaption {
 position: absolute;
 inset: auto 0 0 0;
 padding: 34px 16px 14px;
 background: linear-gradient(transparent,rgba(20,16,14,.86));
 color: #fff;
 font-size: .85rem;
 font-weight: 600;
 transform: translateY(6px);
 opacity: 0;
 transition: .35s; }
.lakelog-entry:hover figcaption {
 transform: translateY(0);
 opacity: 1; }
.logwords3 {
 display: grid;
 grid-template-columns: repeat(3,1fr);
 gap: 24px; }
.logword3 {
 background: #fff;
 border-radius: var(--mt3-radius);
 padding: 28px 26px;
 box-shadow: var(--mt3-shadow-sm);
 border: 1px solid var(--mt3-line);
 position: relative;
 transition: transform .35s,box-shadow .35s; }
.logword3:hover {
 transform: translateY(-8px);
 box-shadow: var(--mt3-shadow); }
.logword3 .bellquote {
 position: absolute;
 top: 16px;
 right: 22px;
 font-family: var(--mt3-display);
 font-size: 4.2rem;
 color: rgba(178,58,33,.13);
 line-height: 1; }
.northstars3 {
 display: flex;
 gap: 3px;
 margin-bottom: 12px; }
.northstars3 svg {
 width: 18px;
 height: 18px;
 fill: var(--mt3-gold); }
.logword3 p {
 font-size: .98rem;
 color: #48423B; }
.logword3 footer {
 display: flex;
 align-items: center;
 gap: 12px;
 margin-top: 16px;
 border-top: 1px solid var(--mt3-line);
 padding-top: 14px; }
.portrait3b {
 width: 42px;
 height: 42px;
 border-radius: 50%;
 background: linear-gradient(140deg,var(--mt3-brick),var(--mt3-ember));
 color: #fff;
 display: grid;
 place-items: center;
 font-family: var(--mt3-display);
 font-size: 1.05rem;
 flex: 0 0 auto; }
.logword3 footer b {
 display: block;
 font-size: .95rem; }
.logword3 footer span {
 font-size: .8rem;
 color: var(--mt3-muted); }
.baychart {
 display: flex;
 flex-wrap: wrap;
 gap: 11px;
 justify-content: center;
 list-style: none;
 padding: 0;
 margin: 0 0 30px; }
.baychart li {
 background: #fff;
 border: 1px solid var(--mt3-line);
 border-radius: 60px;
 padding: 10px 20px;
 font-size: .92rem;
 font-weight: 600;
 box-shadow: var(--mt3-shadow-sm);
 transition: transform .25s,background .25s,color .25s,border-color .25s; }
.baychart li:hover {
 transform: translateY(-4px);
 background: var(--mt3-brick);
 color: #fff;
 border-color: var(--mt3-brick); }
.dockside-qa {
 max-width: 880px;
 margin-inline: auto; }
.dockside-qa details {
 background: #fff;
 border: 1px solid var(--mt3-line);
 border-radius: 14px;
 margin-bottom: 12px;
 box-shadow: var(--mt3-shadow-sm);
 overflow: hidden;
 transition: box-shadow .3s; }
.dockside-qa details[open] {
 box-shadow: var(--mt3-shadow); }
.dockside-qa summary {
 cursor: pointer;
 list-style: none;
 padding: 20px 58px 20px 22px;
 font-weight: 700;
 font-size: 1.03rem;
 position: relative; }
.dockside-qa summary::-webkit-details-marker {
 display: none; }
.dockside-qa summary::after {
 content: "";
 position: absolute;
 right: 22px;
 top: 50%;
 width: 12px;
 height: 12px;
 border-right: 2.6px solid var(--mt3-brick);
 border-bottom: 2.6px solid var(--mt3-brick);
 transform: translateY(-70%) rotate(45deg);
 transition: transform .3s; }
.dockside-qa details[open] summary::after {
 transform: translateY(-25%) rotate(-135deg); }
.dockside-qa .dockside-qa-notes {
 padding: 0 22px 20px;
 color: var(--mt3-muted);
 font-size: .97rem; }
.dockside-qa .dockside-qa-notes p:last-child {
 margin-bottom: 0; }
.beaconreach {
 position: relative;
 color: #fff;
 text-align: center;
 overflow: hidden;
 isolation: isolate; }
.beaconreach .beaconreach-backwater {
 position: absolute;
 inset: 0;
 z-index: -2; }
.beaconreach .beaconreach-backwater img {
 width: 100%;
 height: 100%;
 object-fit: cover; }
.beaconreach::before {
 content: "";
 position: absolute;
 inset: 0;
 z-index: -1;
 background: linear-gradient(120deg,rgba(140,43,22,.94),rgba(23,21,18,.9)); }
.beaconreach h2 {
 color: #fff;
 font-size: clamp(2rem,4.4vw,3.3rem); }
.beaconreach p {
 color: #F1E6DA;
 max-width: 660px;
 margin-inline: auto;
 font-size: 1.06rem; }
.beaconreach-cleats {
 display: flex;
 gap: 15px;
 justify-content: center;
 flex-wrap: wrap;
 margin-top: 28px; }
.beaconreach-digits3 {
 display: block;
 font-family: var(--mt3-display);
 font-size: clamp(2rem,5vw,2.9rem);
 color: #fff;
 margin-top: 20px;
 letter-spacing: 1px; }
.beaconreach-digits3:hover {
 color: var(--mt3-ember-glow); }
.landing-slips {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 44px;
 align-items: start; }
.landing-slips>* {
 min-width: 0; }
.landing-lines3 a,.keelbed address a {
 overflow-wrap: anywhere; }
.manifestcard {
 background: #fff;
 border-radius: var(--mt3-radius-lg);
 padding: 34px 32px;
 box-shadow: var(--mt3-shadow);
 border: 1px solid var(--mt3-line); }
.berthfield {
 margin-bottom: 16px; }
.berthfield label {
 display: block;
 font-weight: 700;
 font-size: .86rem;
 margin-bottom: 7px;
 letter-spacing: .4px; }
.berthfield input,.berthfield select,.berthfield textarea {
 width: 100%;
 padding: 14px 16px;
 border: 1.6px solid var(--mt3-line);
 border-radius: 12px;
 font-size: 1rem;
 font-family: inherit;
 background: #FCFBF7;
 color: var(--mt3-ink);
 transition: border-color .25s,box-shadow .25s,background .25s; }
.berthfield input:focus,.berthfield select:focus,.berthfield textarea:focus {
 outline: none;
 border-color: var(--mt3-brick);
 background: #fff;
 box-shadow: 0 0 0 4px rgba(178,58,33,.12); }
.berthfield textarea {
 resize: vertical;
 min-height: 110px; }
.twinbay {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 16px; }
.manifestaside {
 font-size: .79rem;
 color: var(--mt3-muted);
 margin-top: 12px;
 text-align: center; }
.manifestline {
 display: none;
 padding: 14px 16px;
 border-radius: 12px;
 font-size: .94rem;
 margin-bottom: 16px; }
.manifestline.oncourse3b {
 display: block;
 background: rgba(46,125,81,.1);
 color: #2E7C54;
 border: 1px solid rgba(46,125,81,.3); }
.manifestline.offcourse3 {
 display: block;
 background: rgba(178,58,33,.1);
 color: var(--mt3-brick-dark);
 border: 1px solid rgba(178,58,33,.3); }
.landing-lines3 {
 list-style: none;
 padding: 0;
 margin: 0 0 26px;
 display: grid;
 gap: 16px; }
.landing-lines3 li {
 display: flex;
 gap: 16px;
 align-items: flex-start; }
.landing-burgee {
 width: 48px;
 height: 48px;
 flex: 0 0 auto;
 border-radius: 14px;
 background: rgba(178,58,33,.1);
 display: grid;
 place-items: center; }
.landing-burgee svg {
 width: 22px;
 height: 22px;
 stroke: var(--mt3-brick);
 fill: none;
 stroke-width: 1.9;
 stroke-linecap: round;
 stroke-linejoin: round; }
.landing-lines3 b {
 display: block;
 font-family: var(--mt3-display);
 letter-spacing: .6px;
 text-transform: uppercase;
 font-size: .95rem; }
.landing-lines3 a,.landing-lines3 span {
 color: var(--mt3-muted);
 font-size: 1rem; }
.landing-lines3 a:hover {
 color: var(--mt3-brick); }
.chartpane-inset {
 border-radius: var(--mt3-radius);
 overflow: hidden;
 box-shadow: var(--mt3-shadow-sm);
 border: 1px solid var(--mt3-line);
 line-height: 0; }
.chartpane-inset iframe {
 width: 100%;
 height: 290px;
 border: 0; }
.harborwatch {
 background: #fff;
 border: 1px solid var(--mt3-line);
 border-radius: var(--mt3-radius);
 padding: 22px 24px;
 box-shadow: var(--mt3-shadow-sm);
 margin-bottom: 26px; }
.harborwatch dl {
 display: grid;
 grid-template-columns: auto 1fr;
 gap: 8px 18px;
 margin: 0;
 font-size: .95rem; }
.harborwatch dt {
 font-weight: 700; }
.harborwatch dd {
 margin: 0;
 text-align: right;
 color: var(--mt3-muted); }
.keelbed {
 background: var(--mt3-charcoal);
 color: #AB9E90;
 padding: 70px 0 0;
 font-size: .95rem; }
.keelbed-slips {
 display: grid;
 grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
 gap: 38px;
 padding-bottom: 44px; }
.keelbed h4 {
 color: #fff;
 font-size: 1rem;
 letter-spacing: 1.6px;
 margin-bottom: 18px; }
.keelbed a {
 color: #AB9E90; }
.keelbed a:hover {
 color: var(--mt3-ember-glow); }
.keelbed-lines {
 list-style: none;
 padding: 0;
 margin: 0;
 display: grid;
 gap: 10px; }
.keelbed-burgee {
 display: flex;
 align-items: center;
 gap: 12px;
 margin-bottom: 16px;
 color: #fff; }
.keelbed-burgee strong {
 font-family: var(--mt3-display);
 font-size: 1.1rem;
 letter-spacing: .6px;
 text-transform: uppercase; }
.keelbed-waterline {
 border-top: 1px solid rgba(255,255,255,.1);
 padding: 20px 0;
 display: flex;
 flex-wrap: wrap;
 gap: 10px 24px;
 justify-content: space-between;
 font-size: .84rem; }
.harborlamp {
 position: fixed;
 right: 22px;
 bottom: 26px;
 z-index: 950;
 display: inline-flex;
 align-items: center;
 gap: 12px;
 background: linear-gradient(135deg,var(--mt3-brick),var(--mt3-brick-dark));
 color: #fff;
 padding: 15px 24px 15px 17px;
 border-radius: 60px;
 font-weight: 800;
 letter-spacing: .4px;
 box-shadow: 0 16px 40px rgba(178,58,33,.5);
 transition: transform .3s cubic-bezier(.2,.8,.3,1),box-shadow .3s; }
.harborlamp:hover {
 transform: scale(1.06) translateY(-3px);
 color: #fff;
 box-shadow: 0 22px 52px rgba(178,58,33,.6); }
.harborlamp .hl3-ripple {
 position: relative;
 width: 40px;
 height: 40px;
 border-radius: 50%;
 background: rgba(255,255,255,.18);
 display: grid;
 place-items: center;
 flex: 0 0 auto; }
.harborlamp .hl3-ripple::before,.harborlamp .hl3-ripple::after {
 content: "";
 position: absolute;
 inset: 0;
 border-radius: 50%;
 border: 2px solid rgba(255,255,255,.6);
 animation: ring 2.6s ease-out infinite; }
.harborlamp .hl3-ripple::after {
 animation-delay: 1.3s; }
@keyframes ring {
 0% {
  transform: scale(1);
  opacity: .85; }
 100% {
  transform: scale(2.1);
  opacity: 0; } }
.harborlamp svg {
 width: 20px;
 height: 20px;
 stroke: #fff;
 fill: none;
 stroke-width: 2;
 animation: shake 3.2s ease-in-out infinite; }
@keyframes shake {
 0%,86%,100% {
  transform: rotate(0); }
 90% {
  transform: rotate(-14deg); }
 94% {
  transform: rotate(14deg); } }
.harborlamp .hl3-tag {
 display: flex;
 flex-direction: column;
 line-height: 1.15; }
.harborlamp .hl3-tag small {
 font-size: .66rem;
 text-transform: uppercase;
 letter-spacing: 1.4px;
 opacity: .85;
 font-weight: 600; }
.harborlamp .hl3-tag b {
 font-family: var(--mt3-display);
 font-size: 1.12rem;
 letter-spacing: .6px; }
.gunwale3 {
 display: none;
 position: fixed;
 left: 0;
 right: 0;
 bottom: 0;
 z-index: 960;
 background: rgba(23,21,18,.97);
 backdrop-filter: blur(12px);
 border-top: 1px solid rgba(255,255,255,.12);
 padding: 9px 10px calc(9px + env(safe-area-inset-bottom)); }
.gunwale3 ul {
 list-style: none;
 margin: 0;
 padding: 0;
 display: grid;
 grid-template-columns: 1.4fr 1fr 1fr;
 gap: 8px; }
.gunwale3 a {
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 gap: 3px;
 padding: 9px 4px;
 border-radius: 12px;
 color: #EADED4;
 font-size: .72rem;
 font-weight: 700;
 letter-spacing: .4px;
 text-transform: uppercase; }
.gunwale3 a svg {
 width: 19px;
 height: 19px;
 stroke: currentColor;
 fill: none;
 stroke-width: 2;
 stroke-linecap: round;
 stroke-linejoin: round; }
.gunwale3 .gw3-pull {
 background: linear-gradient(135deg,var(--mt3-brick),var(--mt3-brick-dark));
 color: #fff;
 box-shadow: 0 6px 18px rgba(178,58,33,.5);
 animation: mbPulse 2.4s ease-in-out infinite; }
@keyframes mbPulse {
 0%,100% {
  box-shadow: 0 6px 18px rgba(178,58,33,.5); }
 50% {
  box-shadow: 0 6px 26px rgba(240,128,60,.85); } }
.mastrise3 {
 position: fixed;
 right: 26px;
 bottom: 104px;
 z-index: 940;
 width: 46px;
 height: 46px;
 border-radius: 50%;
 background: var(--mt3-charcoal);
 color: #fff;
 display: grid;
 place-items: center;
 box-shadow: var(--mt3-shadow);
 opacity: 0;
 visibility: hidden;
 transform: translateY(10px);
 transition: .3s;
 border: 0;
 cursor: pointer; }
.mastrise3.bobbed {
 opacity: 1;
 visibility: visible;
 transform: translateY(0); }
.mastrise3 svg {
 width: 18px;
 height: 18px;
 stroke: #fff;
 fill: none;
 stroke-width: 2.6; }
.surface3 {
 opacity: 0;
 transform: translateY(34px);
 transition: opacity .8s cubic-bezier(.2,.8,.3,1),transform .8s cubic-bezier(.2,.8,.3,1); }
.surface3.docked {
 opacity: 1;
 transform: none; }
.surface3.mtk1 {
 transition-delay: .1s; }
.surface3.mtk2 {
 transition-delay: .2s; }
.surface3.mtk3 {
 transition-delay: .3s; }
.surface3.mtk4 {
 transition-delay: .4s; }
.surface3.mtk5 {
 transition-delay: .5s; }
.surface3.mtk6 {
 transition-delay: .6s; }
@media (max-width:1080px) {
 .baysweep-moorings {
  grid-template-columns: 1fr;
  gap: 44px; }
 .surveycard {
  max-width: 520px; }
 .pierledger {
  grid-template-columns: repeat(2,1fr); }
 .crossinglegs {
  grid-template-columns: repeat(2,1fr);
  row-gap: 38px; }
 .logwords3 {
  grid-template-columns: 1fr; }
 .keelbed-slips {
  grid-template-columns: 1fr 1fr; }
 .lakelog {
  grid-template-columns: repeat(3,1fr); } }
@media (max-width:1440px) {
 .gangline {
  gap: 18px; }
 .gangline a {
  font-size: .9rem; }
 .foredeck3-digits {
  display: none; } }
@media (max-width:1240px) {
 .gangline {
  gap: 15px; }
 .gangline a {
  font-size: .86rem; }
 .gangline li:has(.foredeck3-dim) {
  display: none; }
 .foredeck3-dim {
  display: none; } }
@media (max-width:1150px) {
 .gangline {
  position: fixed;
  inset: var(--mt3-header-h) 0 auto 0;
  background: var(--mt3-cream);
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  padding: 10px 6% 26px;
  border-bottom: 1px solid var(--mt3-line);
  box-shadow: var(--mt3-shadow);
  transform: translateY(-135%);
  transition: transform .4s cubic-bezier(.2,.8,.3,1);
  max-height: calc(100vh - var(--mt3-header-h));
  overflow: auto; }
 .gangline.castoff {
  transform: translateY(0); }
 .gangline li:has(.foredeck3-dim) {
  display: block; }
 .foredeck3-dim {
  display: block; }
 .gangline li {
  border-bottom: 1px solid var(--mt3-line); }
 .gangline a {
  display: block;
  padding: 15px 0;
  font-size: 1.05rem; }
 .hatchway3 {
  display: block; }
 .foredeck3-digits {
  display: none; }
 .foredeck3-drive .oarpull {
  padding: 12px 20px;
  font-size: .92rem; }
 .markboard-slips,.landing-slips {
  grid-template-columns: 1fr;
  gap: 34px; }
 .harborlamp {
  display: none; }
 .gunwale3 {
  display: block; }
 body {
  padding-bottom: 74px; }
 .mastrise3 {
  bottom: 88px;
  right: 16px; } }
@media (max-width:640px) {
 body {
  font-size: 16px; }
 .burgeeline .coveband {
  justify-content: center;
  text-align: center;
  font-size: .8rem;
  gap: 6px 16px;
  padding: 7px 0; }
 .burgeeline .bg3-stow,.burgeeline .bg3-wire {
  display: none; }
 .foredeck3-pull-tag {
  display: none; }
 .foredeck3-drive .oarpull {
  padding: 12px 14px;
  border-radius: 50%; }
 .foredeck3-drive {
  gap: 9px; }
 .pierledger,.crossinglegs {
  grid-template-columns: 1fr 1fr;
  gap: 14px; }
 .lakelog {
  grid-template-columns: repeat(2,1fr);
  gap: 10px; }
 .lakelog-entry:nth-child(1),.lakelog-entry:nth-child(6) {
  grid-row: span 1;
  aspect-ratio: 1; }
 .twinbay {
  grid-template-columns: 1fr; }
 .manifestcard {
  padding: 26px 20px; }
 .keelbed-slips {
  grid-template-columns: 1fr;
  gap: 30px; }
 .baysweep-cleats .oarpull {
  flex: 1 1 100%; }
 .foredeck3 {
  gap: 8px; }
 .transom {
  min-width: 0;
  gap: 9px; }
 .transom-burgee {
  width: 38px;
  height: 38px; }
 .transom-tag {
  min-width: 0; }
 .transom-tag span {
  font-size: .56rem;
  letter-spacing: 1.2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
 .transom-tag strong {
  font-size: .85rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
 .pierledger .pierledger-plank {
  padding: 20px 12px; }
 .boatworks-notes3,.manifestcard {
  overflow-wrap: break-word; } }
@media (max-width:400px) {
 .coveband {
  width: 94%; }
 .crossinglegs {
  grid-template-columns: 1fr;
  row-gap: 34px; }
 .pierledger {
  gap: 10px; }
 .transom-burgee {
  width: 34px;
  height: 34px; }
 .transom-tag strong {
  font-size: .8rem; }
 .foredeck3-drive .oarpull {
  padding: 11px 13px; }
 .hatchway3 {
  width: 44px; } }
@media (prefers-reduced-motion:reduce) {
 *,*::before,*::after {
  animation-duration: .001ms!important;
  animation-iteration-count: 1!important;
  transition-duration: .001ms!important; }
 html {
  scroll-behavior: auto; }
 .surface3 {
  opacity: 1;
  transform: none; } }
@media print {
 .mastline3,.harborlamp,.gunwale3,.mastrise3,#bg-fx-mt,.wakeline {
  display: none!important; }
 body {
  background: #fff;
  color: #000; } }
.surveycard-penny {
 font-family: var(--mt3-display);
 font-size: clamp(3rem,6.4vw,4.3rem);
 line-height: 1;
 color: var(--mt3-brick);
 text-align: center;
 letter-spacing: 2px;
 margin: 8px 0 2px; }
.surveycard-penny small {
 display: block;
 font-family: var(--mt3-font);
 font-size: .31em;
 letter-spacing: 3.4px;
 color: var(--mt3-coast);
 font-weight: 800;
 margin-top: 6px; }
.surveycard .surveycard-soundings svg {
 stroke: var(--mt3-coast); }
.burgee-penny {
 background: var(--mt3-coast);
 box-shadow: 0 8px 20px rgba(30,111,104,.42); }
.buoy-check-bay {
 background: rgba(30,111,104,.22); }
.buoy-check-bay svg {
 stroke: #A5CCDD; }
.chop-aside {
 display: flex;
 gap: 12px;
 align-items: flex-start;
 background: rgba(242,145,63,.1);
 border: 1px solid rgba(242,145,63,.34);
 border-radius: 14px;
 padding: 16px 18px;
 margin-top: 24px; }
.chop-aside svg {
 width: 22px;
 height: 22px;
 flex: 0 0 auto;
 margin-top: 2px;
 stroke: var(--mt3-brick);
 fill: none;
 stroke-width: 2;
 stroke-linecap: round;
 stroke-linejoin: round; }
.chop-aside p {
 margin: 0;
 font-size: .94rem; }
.helmsman-card {
 background: linear-gradient(158deg,var(--mt3-charcoal) 0%,var(--mt3-charcoal-2) 55%,#3B271E 100%);
 color: #DED2C6;
 border-radius: var(--mt3-radius-lg);
 padding: 38px 34px;
 box-shadow: var(--mt3-shadow-lg);
 border: 1px solid rgba(255,255,255,.09);
 position: relative;
 overflow: hidden; }
.helmsman-card::before {
 content: "";
 position: absolute;
 top: -90px;
 right: -70px;
 width: 260px;
 height: 260px;
 border-radius: 50%;
 background: radial-gradient(circle,rgba(242,145,63,.34),transparent 68%);
 filter: blur(14px);
 animation: float1 18s ease-in-out infinite; }
.helmsman-card>* {
 position: relative;
 z-index: 1; }
.helmsman-pennant {
 display: inline-flex;
 align-items: center;
 gap: 9px;
 color: var(--mt3-ember-glow);
 font-weight: 800;
 letter-spacing: 2.4px;
 text-transform: uppercase;
 font-size: .74rem;
 margin-bottom: 12px; }
.helmsman-pennant::before {
 content: "";
 width: 26px;
 height: 2px;
 background: var(--mt3-ember); }
.helmsman-card h3 {
 color: #fff;
 font-size: clamp(1.4rem,2.4vw,1.9rem);
 margin-bottom: 10px; }
.helmsman-card p {
 color: #B7AA9C;
 font-size: .99rem; }
.helmsman-digits {
 display: block;
 font-family: var(--mt3-display);
 font-size: clamp(2.1rem,4.6vw,3rem);
 color: #fff;
 letter-spacing: 1px;
 margin: 20px 0 18px;
 text-align: center;
 transition: color .25s,transform .25s; }
.helmsman-digits:hover {
 color: var(--mt3-ember-glow);
 transform: scale(1.03); }
.helmsman-watch {
 text-align: center;
 font-size: .92rem;
 margin: 18px 0 0;
 color: #B7AA9C; }
.helmsman-watch strong {
 color: #fff; }
.helmsman-briefing3 {
 margin-top: 26px;
 padding-top: 22px;
 border-top: 1px solid rgba(255,255,255,.12); }
.helmsman-briefing3 h4 {
 color: #fff;
 font-size: .92rem;
 letter-spacing: 1.8px;
 margin-bottom: 14px; }
.helmsman-briefing3 ol {
 margin: 0;
 padding: 0;
 list-style: none;
 counter-reset: ce;
 display: grid;
 gap: 12px; }
.helmsman-briefing3 li {
 counter-increment: ce;
 display: flex;
 gap: 13px;
 align-items: flex-start;
 font-size: .94rem;
 color: #C5B8AA; }
.helmsman-briefing3 li::before {
 content: counter(ce);
 flex: 0 0 auto;
 width: 26px;
 height: 26px;
 border-radius: 8px;
 background: rgba(242,145,63,.18);
 color: var(--mt3-ember-glow);
 font-family: var(--mt3-display);
 font-size: .9rem;
 display: grid;
 place-items: center;
 margin-top: 1px; }
@media (max-width:640px) {
 .helmsman-card {
  padding: 28px 22px; } }
.logword3 p {
 font-size: .95rem;
 line-height: 1.62; }
.logword3 footer b {
 font-size: .92rem;
 line-height: 1.3; }
.logword3 .portrait3b svg {
 display: block; }
@media (max-width:1080px) {
 .logwords3 {
  gap: 22px; } }
.gunwale3 ul.gw3-pair {
 grid-template-columns: 1.7fr 1fr; }

/* trims for the narrowest slips */
@media (max-width: 392px) {
 .transom-tag strong {
  max-width: 46vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
 .foredeck3-pull {
  padding-inline: 13px; } }
.gunwale3 ul {
 grid-template-columns: 1fr; }
.crossinglegs > * {
 min-width: 0; }
.crossinglegs-leg3 h3 {
 overflow-wrap: anywhere; }
.pierledger-plank b span {
 font-size: inherit;
 color: inherit;
 letter-spacing: 0; }