@font-face{font-family:Barlow Condensed;src:url('assets/barlow-condensed-bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--cyan:#9af5fd;--lime:#f0ff53;--ink:#152124;--paper:#f4f3ed;--olive:#8e9182;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--serif:Georgia,'Times New Roman',serif;--mono:'Courier New',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--serif)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-underline-offset:5px}button:focus-visible,a:focus-visible{outline:3px solid #ea3e21;outline-offset:5px}img{display:block;max-width:100%}figure{margin:0}.mono{font-family:var(--mono);font-size:12px;font-weight:400;line-height:1.45;letter-spacing:-.02em}.display{font-family:var(--display);font-weight:700;line-height:.8;letter-spacing:-.025em}.eyebrow{margin:0 0 35px;text-transform:uppercase}.reading-progress{position:fixed;z-index:120;left:0;top:0;width:100%;height:4px;background:var(--lime);transform:scaleX(0);transform-origin:left;pointer-events:none}.brand{position:fixed;top:0;left:0;z-index:100;width:108px;height:170px;background:var(--cyan);color:var(--lime);text-decoration:none;display:flex;align-items:center;justify-content:center;overflow:hidden}.brand>span:first-child{font:700 100px/.7 Arial,sans-serif;letter-spacing:-12px;transform:rotate(90deg);margin-left:-5px;margin-top:-12px}.brand-caption{position:absolute;bottom:8px;font:9px var(--mono);letter-spacing:-.4px;color:var(--ink)}.index-toggle{position:fixed;right:24px;top:24px;z-index:100;border:0;padding:12px 16px;background:var(--lime);min-height:43px}.index-toggle span{font-size:22px;line-height:0;margin-left:24px}.cover{height:max(900px,108svh);position:relative;overflow:hidden;color:var(--paper);isolation:isolate}.cover-photo{position:absolute;width:100%;height:100%;object-fit:cover;object-position:48% 65%;filter:saturate(.75) brightness(.78);z-index:-2}.cover-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(4,25,30,.45),transparent 45%)}.cover-credits{position:absolute;top:39px;left:calc(108px + 5vw);margin:0;font-size:13px;line-height:1.5}.cover-title{margin:0;position:absolute;right:3.4vw;top:107px;font-size:clamp(130px,13.7vw,240px);color:var(--cyan);width:43%;line-height:.79}.cover-title span{display:block}.cover-oh{margin-top:.54em}.cover-title span:last-child{margin-top:.06em}.cover-description{position:absolute;left:6.2vw;bottom:145px;font-size:clamp(27px,3.1vw,48px);line-height:1.05;letter-spacing:-1px;margin:0}.cover-scroll{position:absolute;bottom:120px;right:5.2vw;text-decoration:none;border-bottom:1px solid var(--paper);padding:0 0 14px;font-size:13px}.cover-scroll span{font:40px var(--serif);margin-left:50px;vertical-align:middle}.cover-footnote{position:absolute;bottom:28px;right:5.2vw;font-size:10px}.opening{position:relative;background:var(--olive);color:white;display:grid;grid-template-columns:1fr 1fr;gap:4vw;padding:110px 6vw 160px 11vw;overflow:hidden}.opening-copy{padding-top:12px;z-index:1}.opening-statement{font-size:clamp(48px,5.7vw,92px);line-height:.99;letter-spacing:-.065em;margin:0 0 50px}.opening-statement em{font-weight:400}.opening-intro{font-size:clamp(22px,2vw,29px);line-height:1.35;max-width:430px;margin:0 0 40px}.text-link{display:inline-block;text-decoration:none;border-bottom:1px solid;padding-bottom:8px}.text-link span{margin-left:15px;font-size:25px}.opening-image{padding-top:90px;transform:rotate(2deg);z-index:1}.opening-image img{width:100%;max-height:730px;object-fit:cover}.opening-image figcaption{font-size:10px;margin-top:12px;line-height:1.6}.opening-number{position:absolute;bottom:-65px;right:0;font-size:240px;color:rgba(255,255,255,.08);pointer-events:none}.image-zoom{display:block;width:100%;border:0;padding:0;background:none;cursor:zoom-in}.image-zoom img{transition:filter .3s}.image-zoom:hover img{filter:brightness(1.06)}
.chapter{padding:100px 7vw 120px 11vw;scroll-margin-top:0;position:relative}.chapter-meta{display:flex;justify-content:space-between;gap:20px;border-top:1px solid currentColor;padding-top:15px;margin-bottom:45px;font-size:11px}.chapter-heading{font-size:clamp(72px,9vw,150px);max-width:1080px;text-transform:uppercase;margin:0 0 40px;line-height:.9;letter-spacing:-.02em}.chapter-lede{font-size:clamp(27px,3.1vw,49px);line-height:1.07;letter-spacing:-.04em;max-width:760px;margin:0 0 70px}.chapter-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7vw;align-items:start}.chapter-prose{font-size:22px;line-height:1.43;letter-spacing:-.035em}.chapter-prose p{margin:0 0 1.5em}.chapter-prose a{font-style:italic;text-decoration-thickness:1px}.chapter-prose>p:first-child::first-letter{float:left;font-size:82px;line-height:.73;margin:9px 8px 0 0}.chapter-visuals{position:sticky;top:40px}.chapter-visuals figure{margin-bottom:35px}.chapter-visuals img{width:100%;height:auto}.chapter-visuals figcaption{font:11px/1.5 var(--mono);text-transform:uppercase;margin-top:12px;letter-spacing:-.03em}.diagram{background:var(--cyan);padding:18px}.diagram svg{width:100%;height:auto;display:block}.figure-counter{display:block;font:11px var(--mono);margin:12px 0 8px}.note-end{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:60px;border-top:1px solid currentColor;padding-top:16px;font-size:10px}.copy-link{background:none;border:0;padding:5px 0;font:inherit;border-bottom:1px solid;min-height:30px}.chapter-1{background:var(--paper)}.chapter-2{background:#b2c7ce}.chapter-2 .chapter-heading{max-width:860px}.chapter-2 .chapter-visuals{padding-top:25px}.chapter-2 .rental-photo{padding:30px 0;background:#eff0e9;transform:rotate(-3deg)}.chapter-2 .rental-photo img{image-rendering:auto}.chapter-3{background:#e9ee65}.chapter-3 .chapter-layout{grid-template-columns:1.1fr .9fr;gap:5vw}.chapter-3 .chapter-visuals{margin-left:-5vw}.chapter-3 .chapter-visuals figure{transform:rotate(-2deg)}.chapter-4{background:#154449;color:#f3f0e6}.chapter-4 .chapter-visuals{padding-top:15px}.chapter-4 .chapter-heading{color:var(--cyan)}.chapter-4 .chapter-layout{grid-template-columns:1.1fr .9fr;gap:5vw}.chapter-5{background:#202828;color:var(--paper)}.chapter-5 .chapter-heading{font-size:clamp(95px,14vw,215px);color:var(--lime);max-width:900px}.chapter-5 .chapter-visuals{order:2;transform:rotate(2deg)}.chapter-5 .chapter-prose{order:1}.chapter-5 .chapter-visuals img{max-height:800px;object-fit:cover}.photo-break{height:100svh;min-height:720px;position:relative;overflow:hidden;background:#435957;color:var(--lime);isolation:isolate}.photo-break>img{position:absolute;width:100%;height:100%;object-fit:cover;filter:brightness(.68);z-index:-1}.photo-break .display{font-size:clamp(105px,18vw,290px);line-height:.8;margin:0;position:absolute;left:12vw;top:12%;letter-spacing:-.025em}.photo-break .photo-caption{position:absolute;right:35px;bottom:30px;max-width:320px;font-size:10px;color:white}.photo-break .small-note{position:absolute;right:5vw;top:36%;color:#fff;font-size:32px;line-height:1.1;max-width:230px;font-style:italic}.photo-break .small-note span{display:block;font:11px/1.5 var(--mono);margin-bottom:18px}.closing{padding:110px 7vw 100px 11vw;background:var(--cyan)}.closing-title{font-size:clamp(100px,19vw,320px);margin:40px 0 65px;line-height:.78;letter-spacing:-.02em}.closing-title span{color:#30757c}.closing-bottom{display:flex;justify-content:space-between;align-items:end;gap:25px}.closing-bottom p{font-size:28px;line-height:1.15;margin:0}.footer{background:var(--paper);padding:40px 7vw 85px 11vw;display:grid;grid-template-columns:1fr 1.3fr;gap:15px 60px;font-size:15px;line-height:1.4}.footer p{margin:0}.footer-links{grid-column:1/-1;display:flex;gap:30px;flex-wrap:wrap;margin-top:20px;font-size:10px}.footer-links button{border:0;padding:0;background:none;font:inherit;text-decoration:underline;text-underline-offset:5px}.preview-label{position:fixed;bottom:15px;left:20px;z-index:100;background:#f4f3ed;color:#152124;border:1px solid #15212433;padding:8px 11px;font-size:9px;box-shadow:0 2px 6px #0001;display:flex;align-items:center;gap:8px}.preview-label a{text-decoration:none}.preview-dot{width:5px;height:5px;background:#385c31;border-radius:100%}.preview-divider{color:#888}dialog{color:var(--ink);border:0;padding:0}dialog::backdrop{background:#061519c9;backdrop-filter:blur(5px)}body:has(dialog[open]){overflow:hidden}.dialog-top{display:flex;justify-content:space-between;gap:20px;align-items:center}.dialog-close{border:0;background:none;font:inherit;min-height:44px;padding:12px 0 12px 25px}.index-dialog{max-width:100vw;max-height:100dvh;width:100vw;height:100dvh;background:var(--cyan);padding:35px 10vw;overflow:auto}.index-title{font-size:clamp(95px,12vw,180px);margin:40px 0;color:#1d5055}.index-dialog nav{display:grid}.index-dialog nav a{display:flex;gap:26px;align-items:baseline;border-top:1px solid #15212460;text-decoration:none;padding:20px 0;font-size:clamp(24px,3.3vw,50px);letter-spacing:-.05em}.index-dialog nav a:hover{color:#4e7377}.index-dialog nav a span{font:12px var(--mono);letter-spacing:0}.index-footer{margin-top:40px;font-size:10px}.image-dialog{background:#182525;color:white;max-width:96vw;max-height:96dvh;padding:18px;min-width:250px}.image-dialog .dialog-close{display:block;margin-left:auto}.image-dialog img{max-height:78dvh;max-width:90vw;object-fit:contain;margin:auto}.image-dialog p{max-width:700px;font-size:11px}.credits-dialog{padding:30px 40px;max-width:min(650px,94vw);max-height:90dvh;background:var(--paper);font-size:17px;line-height:1.45}.credits-dialog h2{font-size:45px;line-height:1.05;font-weight:400;letter-spacing:-.05em;margin-top:30px}.reveal{transition:opacity .7s,translate .7s}.js-motion .reveal:not(.is-visible){opacity:0;translate:0 25px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:10px;left:120px;z-index:150;background:var(--lime);padding:16px;transform:translateY(-200%)}.skip-link:focus{transform:none}.no-script{padding:40px;font-size:22px}
/* Original notebook diagrams, recolored for the editorial layout. */
.jig-illustration__water{fill:none;stroke:#597e80;stroke-width:2}.jig-illustration__weed{fill:none;stroke:#286b55;stroke-width:5;stroke-linecap:round}.jig-illustration__body{fill:#f1ee70;stroke:#263c3b;stroke-width:3}.jig-illustration__tail{fill:#ecea6c;stroke:#263c3b;stroke-width:3}.jig-illustration__ribs,.jig-illustration__hook,.jig-illustration__guard,.jig-illustration__leader,.jig-illustration__label path{fill:none;stroke:#263c3b;stroke-width:3}.jig-illustration__hook{stroke-width:5}.jig-illustration__guard{stroke:#535c58}.jig-illustration__head{fill:url(#jig-head-fill);stroke:#263c3b;stroke-width:3}.jig-illustration__eye{fill:#263c3b}.jig-illustration__label text{font:14px var(--mono);fill:#263c3b}.area-schematic__water{fill:#c8e9e9}.area-schematic__texture{fill:url(#water-lines)}.area-schematic__shore{fill:#719d7c}.area-schematic__kelp-band{fill:#628f5c}.area-schematic__boundary{fill:none;stroke:#b16245;stroke-width:4;stroke-dasharray:10 9}.area-schematic__fish-school path,.area-schematic__cast{fill:none;stroke:#265965;stroke-width:3}.area-schematic__cast{stroke-dasharray:5 7}.area-schematic__boat{fill:#e7a457;stroke:#3c5355;stroke-width:3}.area-schematic__text text{font:bold 22px var(--mono);fill:#234a45}.area-schematic__small-label text{font:16px var(--mono);fill:#234a45}
@media(min-width:1800px){.cover-title{width:41%;font-size:240px}.chapter-prose{font-size:26px}.chapter{padding-left:12vw;padding-right:10vw}.cover-description{bottom:130px}}
@media(max-width:1000px){.brand{width:80px;height:125px}.brand>span:first-child{font-size:76px;letter-spacing:-9px}.brand-caption{font-size:7px}.cover{height:100svh;min-height:800px}.cover-credits{left:115px;font-size:11px}.cover-title{width:50%;font-size:16vw;top:145px}.cover-description{font-size:32px}.opening{padding-left:8vw;gap:6vw}.opening-statement{font-size:7vw}.opening-image{padding-top:60px}.chapter{padding-left:8vw;padding-right:6vw}.chapter-layout{gap:5vw}.chapter-prose{font-size:20px}.chapter-3 .chapter-layout,.chapter-4 .chapter-layout{grid-template-columns:1fr 1fr}.photo-break .small-note{font-size:25px;max-width:170px;top:auto;bottom:100px}.closing,.footer{padding-left:8vw}.closing-bottom p{font-size:23px}}
@media(max-width:650px){html{scroll-padding-top:10px}.brand{width:65px;height:103px}.brand>span:first-child{font-size:61px;letter-spacing:-7px;margin-top:-9px}.brand-caption{font-size:5.8px;bottom:5px}.index-toggle{top:15px;right:15px;padding:9px 12px;font-size:10px;min-height:37px}.index-toggle span{margin-left:14px}.cover{min-height:720px;height:100svh}.cover-photo{object-position:46% 65%}.cover-credits{top:28px;left:84px;font-size:8px;max-width:180px}.cover-title{font-size:24.5vw;right:20px;top:155px;width:65%;line-height:.8}.cover-oh{margin-top:.35em}.cover-description{left:23px;bottom:112px;font-size:29px;line-height:1.04}.cover-scroll{bottom:55px;right:23px;font-size:9px;padding-bottom:7px}.cover-scroll span{font-size:30px;margin-left:23px}.cover-footnote{display:none}.opening{display:block;padding:70px 24px 90px}.opening .eyebrow{font-size:9px;padding-left:60px;margin-bottom:40px}.opening-statement{font-size:16vw;letter-spacing:-.06em;margin-bottom:35px}.opening-intro{font-size:24px;max-width:330px}.opening .text-link{font-size:10px}.opening-image{padding-top:55px;max-width:90%;margin-left:auto;transform:rotate(2deg)}.opening-image img{max-height:520px}.opening-number{font-size:140px;bottom:-30px}.chapter{padding:70px 24px 80px}.chapter-meta{font-size:9px;margin-bottom:35px;padding-left:58px;min-height:32px}.chapter-heading{font-size:20vw;line-height:.91;margin-bottom:30px}.chapter-lede{font-size:30px;line-height:1.12;margin-bottom:45px}.chapter-layout,.chapter-3 .chapter-layout,.chapter-4 .chapter-layout{display:flex;flex-direction:column;gap:25px}.chapter-visuals{position:static;width:100%;top:auto}.chapter-prose{font-size:21px;line-height:1.45;letter-spacing:-.025em}.chapter-visuals figure{margin-bottom:25px}.chapter-3 .chapter-visuals{margin-left:0}.chapter-2 .chapter-visuals{padding-top:0}.chapter-5 .chapter-visuals{order:0;max-width:92%;margin:auto}.chapter-5 .chapter-prose{order:1}.chapter-5 .chapter-heading{font-size:26vw;line-height:.87}.chapter-5 .chapter-visuals img{max-height:580px}.note-end{margin-top:35px;font-size:9px}.photo-break{min-height:660px;height:90svh}.photo-break .display{left:24px;top:80px;font-size:28vw}.photo-break>img{object-position:65% center}.photo-break .small-note{right:25px;bottom:105px;font-size:24px}.photo-break .photo-caption{right:24px;bottom:30px;font-size:8px;max-width:240px}.closing{padding:80px 24px 60px}.closing .eyebrow{font-size:9px;padding-left:60px}.closing-title{font-size:25vw;line-height:.83;margin:50px 0}.closing-bottom{display:block}.closing-bottom p{font-size:26px;margin-bottom:30px}.closing-bottom .text-link{font-size:11px}.footer{padding:35px 24px 100px;display:block;font-size:14px}.footer>p{margin-bottom:18px}.footer-links{gap:20px;font-size:9px}.preview-label{left:10px;bottom:10px;font-size:8px;padding:7px 8px;gap:6px}.index-dialog{padding:20px 24px}.index-dialog nav a{font-size:29px;padding:22px 0;gap:17px;line-height:1.08}.index-dialog nav a span{font-size:10px}.index-title{font-size:27vw;margin:45px 0}.dialog-top{font-size:10px}.credits-dialog{padding:20px 24px;font-size:15px}.credits-dialog h2{font-size:38px}.image-dialog{padding:12px}.image-dialog img{max-width:88vw}.diagram{padding:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.js-motion .reveal:not(.is-visible){opacity:1;translate:0 0}}

/* The end-of-day note keeps its location map inside the story. */
.chapter-6{background:#e4d8bd;color:var(--ink)}
.chapter--inline .chapter-layout{display:block}
.chapter--inline .chapter-visuals{display:none}
.chapter--inline .chapter-prose{max-width:740px;margin-inline:auto}
.chapter--inline .chapter-prose figure{max-width:460px;margin:38px auto 46px}
.chapter--inline .chapter-prose figure img{width:100%;height:auto}
.chapter--inline .chapter-prose figcaption{font:11px/1.5 var(--mono);text-transform:uppercase;margin-top:12px;letter-spacing:-.03em}

/* Safety story: one worn-gear photograph and a compact gear pair. */
#before-leaving-the-dock{background:#dce7e2;color:var(--ink)}
#before-leaving-the-dock .chapter-prose{max-width:740px}
#before-leaving-the-dock .safety-worn-gear{margin:30px 0 38px}
#before-leaving-the-dock .safety-worn-gear figure{max-width:100%;margin:0}
#before-leaving-the-dock .safety-worn-gear img{aspect-ratio:3/2;object-fit:cover}
#before-leaving-the-dock .safety-gear-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:30px 0 38px}
#before-leaving-the-dock .safety-gear-gallery figure{max-width:none;min-width:0;margin:0}
#before-leaving-the-dock .safety-gear-gallery img{width:100%;aspect-ratio:3/2;object-fit:contain}
#before-leaving-the-dock figcaption{overflow-wrap:anywhere}
#before-leaving-the-dock figcaption a{font-style:normal;text-underline-offset:3px}
@media(max-width:600px){
  #before-leaving-the-dock .safety-gear-gallery{gap:12px;margin:24px 0 30px}
  #before-leaving-the-dock .safety-worn-gear{margin:24px 0 30px}
  #before-leaving-the-dock figcaption{font-size:10px;line-height:1.6}
}
@media(max-width:340px){#before-leaving-the-dock .safety-gear-gallery{grid-template-columns:1fr}}