@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#123c42;--ocean:#00686d;--gold:#ffd34e;--paper:#f7f8f3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:17px;line-height:1.65}a{color:inherit}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 7px #092d35}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.1;letter-spacing:-.045em}h2{font-size:clamp(38px,4.2vw,68px);font-weight:600}h3{font-size:27px}.wrap{max-width:1440px;margin:auto;width:88%}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.17em;margin-bottom:22px}.skip{position:absolute;top:-100px;left:20px;z-index:10;background:white;padding:15px}.skip:focus{top:20px}.hero{height:100svh;min-height:760px;position:relative;color:white;overflow:hidden;background:#123c42}.hero-photo,.shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 76%}.shade{background:linear-gradient(180deg,rgba(2,27,34,.63),rgba(2,30,40,.25) 40%,rgba(1,30,39,.65))}header{position:relative;display:flex;justify-content:space-between;align-items:flex-start;padding:30px 4%;gap:30px}.brand{display:flex;align-items:center;text-decoration:none;line-height:1.1;letter-spacing:.07em;font-size:20px}.brand svg{width:60px;margin-right:13px;stroke:white;fill:none;stroke-width:2}.brand small{display:block;font-size:8px;letter-spacing:.12em;margin-top:9px}.header-right{text-align:right}.utility{display:flex;justify-content:flex-end;gap:25px;font-size:12px;margin:0 0 24px}.utility a{text-decoration:none}.utility span{border-left:1px solid #ffffff80;padding-left:25px}nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:700}nav>a{text-decoration:none}.pill{display:inline-flex;align-items:center;justify-content:center;gap:30px;text-decoration:none;border-radius:40px;padding:14px 25px;font-size:14px;font-weight:700;min-height:48px}.yellow{background:var(--gold);color:#12343b}.yellow:hover{background:#ffe78a}.hero-copy{position:absolute;top:49%;left:50%;transform:translate(-50%,-50%);width:90%;text-align:center}.hero-copy h1{font-size:clamp(52px,5.3vw,86px);font-weight:700;margin-bottom:26px;line-height:1.08}.hero-copy>p:not(.eyebrow){font-size:20px;line-height:1.55;margin-bottom:32px}.hero-bottom{position:absolute;bottom:30px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:12px}.hero-bottom a{text-underline-offset:5px}.menu{display:none}.intro{padding:110px 0 90px;display:grid;grid-template-columns:1fr 1fr;column-gap:12%}.intro>.eyebrow{grid-column:1/-1}.intro h2{margin:0}.intro>div{padding-top:5px}.intro p:not(.eyebrow){font-size:21px;max-width:520px}.text-action{font-weight:700;text-decoration:none;border-bottom:2px solid var(--ink);padding:10px 0;display:inline-block}.text-action span{margin-left:35px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.feature{min-height:610px;position:relative;overflow:hidden;text-decoration:none;padding:40px;display:flex;flex-direction:column;justify-content:space-between}.feature h2{font-size:clamp(36px,3.7vw,57px);margin-bottom:22px}.feature-water{background:linear-gradient(#06324155,#062e3ae8),url('assets/coast.webp') center 70%/cover;color:white}.feature-fish{background:#007c80;color:white}.feature-fish img{width:105%;align-self:center;filter:drop-shadow(0 12px 13px #00373a55);margin:0 -30px 30px}.feature-action{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff80;padding-top:20px;font-weight:700}.feature-action b{display:grid;place-items:center;background:var(--gold);color:var(--ink);width:48px;height:48px;border-radius:50%;font-size:24px}.feature:hover .feature-action b{transform:rotate(45deg)}.species{padding:110px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px}.section-head h2{margin-bottom:0}.filter label{display:block;font-size:13px;font-weight:700}.filter input{border:0;border-bottom:2px solid var(--ink);background:transparent;padding:12px 0;border-radius:0;max-width:100%;width:310px}.species-note{max-width:720px;margin:30px 0 50px;color:#496369}#fish-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 55px}.fish{padding:25px 0 40px;border-top:1px solid #bbc9c5}.fish>a{display:block;text-decoration:none}.fish-visual{height:230px;display:grid;place-items:center;position:relative}.fish-visual img{width:94%;height:207px;max-height:207px;min-height:0;object-fit:contain;transition:transform .5s ease}.fish:hover img{transform:translateX(10px) rotate(-2deg)}.fish .fish-label{display:flex;justify-content:space-between;align-items:center;gap:20px}.fish h3{margin:12px 0}.fish .round{border:1px solid #6b8989;min-width:48px;height:48px;display:grid;place-items:center;border-radius:50%;font-size:23px}.fish p{max-width:440px;font-size:16px;color:#496369;margin:0}.fish small{font-size:11px;color:#4b6468}#fish-count{font-size:13px;margin-bottom:0}.care{background:var(--ink);color:white;position:relative}.care-inner{padding:90px 0;display:grid;grid-template-columns:1.2fr 1fr;gap:12%;align-items:center}.care h2{margin:0}.care p:not(.eyebrow){font-size:21px}.before{display:grid;grid-template-columns:1fr 1.3fr;gap:10%;padding:110px 0}.before h2{margin-bottom:25px}.checklist a{display:flex;align-items:center;gap:20px;text-decoration:none;border-top:1px solid #b9c9c5;padding:30px 0;min-height:130px}.checklist> a:last-child{border-bottom:1px solid #b9c9c5}.checklist h3{font-size:23px;margin:0 0 8px}.checklist p{font-size:15px;margin:0}.checklist a>span{font-size:12px;align-self:start;padding-top:5px}.checklist b{font-size:26px;margin-left:auto}.about{border-top:1px solid #b9c9c5;padding:65px 0 75px}.about h2{font-size:36px}.about>p:not(.eyebrow){max-width:800px;font-size:16px}.about details{max-width:850px;margin-top:30px;font-size:13px}.about summary{cursor:pointer;padding:10px 0;font-weight:700}footer{display:flex;gap:9%;justify-content:space-between;background:#092d35;color:white;padding:60px 6%;font-size:15px}.footer-brand{font-size:23px;letter-spacing:.07em;line-height:1.2;text-decoration:none}footer>p{font-size:23px;line-height:1.4}footer>div{display:flex;flex-direction:column;gap:12px;font-size:13px}footer a{text-underline-offset:5px}
@media(min-width:1800px){.hero-photo{object-position:50% 80%}.hero-copy h1{font-size:92px}}@media(max-width:1000px){header{padding:24px 5%}.utility{display:none}nav{gap:18px;font-size:12px}.brand{font-size:15px}.brand svg{width:45px}.feature{padding:28px;min-height:540px}.intro{column-gap:6%}.care-inner{gap:6%}}
@media(max-width:760px){.hero{min-height:720px;max-height:1000px}header{align-items:center}.brand small{font-size:7px}.menu{display:flex;align-items:center;gap:18px;background:transparent;color:white;border:1px solid #ffffff80;border-radius:30px;padding:10px 18px;font-size:14px;min-height:46px}.header-right nav{display:none;position:absolute;top:100px;left:5%;right:5%;background:#0c3840;padding:24px;z-index:3;text-align:left}.header-right nav.open{display:flex;flex-direction:column;align-items:stretch;gap:8px}.header-right nav a{padding:12px;font-size:15px}.hero-copy{top:51%}.hero-copy h1{font-size:49px}.hero-copy>p:not(.eyebrow){font-size:17px}.hero-photo{object-position:62% 72%}.hero-bottom{font-size:10px;bottom:20px;gap:20px}.intro{padding:65px 0;grid-template-columns:1fr;gap:22px}.intro>.eyebrow{margin-bottom:0}.intro p:not(.eyebrow){font-size:18px}.feature-grid{grid-template-columns:1fr}.feature{min-height:540px}.feature h2{font-size:45px}.feature-fish img{max-height:240px;object-fit:contain;margin:0 0 25px;width:100%}.species{padding:65px 0}.section-head{display:block}.filter{margin-top:30px}.filter input{width:100%}#fish-grid{grid-template-columns:1fr}.fish-visual{height:220px}.care-inner,.before{grid-template-columns:1fr;gap:30px;padding:65px 0}.care-inner h2{font-size:48px}.care-inner p:not(.eyebrow){font-size:18px}.care .pill{font-size:13px}.before h2{font-size:48px}.about h2{font-size:32px}footer{flex-direction:column;gap:30px}footer>p{margin-bottom:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.profile-action{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700;white-space:nowrap}.brand small{font-size:10px}.hero-copy>.concept-label{display:none}.fish-label{flex-wrap:wrap}.fish h3{margin-right:auto}
@media(max-width:760px){.brand small{font-size:9px;letter-spacing:.04em}.hero-copy>.concept-label{display:block;font-size:12px;letter-spacing:.04em;margin:0 0 20px;color:white}.fish-label{gap:8px!important}.profile-action{font-size:12px}.hero-copy h1{font-size:clamp(39px,12vw,49px)}}

/* Field guide and publication preview */
.fish-open{display:block;width:100%;border:0;background:transparent;text-align:left;color:inherit;padding:0;cursor:pointer}.fish-open:hover .round{background:var(--ink);color:white}.publication{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%;padding:0 0 110px}.publication-copy>p:not(.eyebrow){max-width:440px}.sample-disclosure{font-size:13px;color:#496369}.publication-view{background:#e3ebe6;padding:32px 38px 20px}.page-open{display:block;border:0;padding:0;background:white;cursor:zoom-in;width:100%;box-shadow:0 15px 30px #10384120}.page-open img{display:block;width:100%;height:auto}.page-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:22px auto 0;max-width:620px}.page-controls button,.dialog-close{cursor:pointer;min-height:48px;min-width:48px;border:1px solid #728c8b;background:transparent;color:inherit;border-radius:30px}.page-controls button{font-size:23px}.page-controls p{font-size:13px;text-align:center;margin:0}.page-controls button:disabled{opacity:.35;cursor:default}.page-hint{text-align:center;font-size:12px;color:#496369;margin:16px 0 0}.dialog-open{overflow:hidden}dialog{color:var(--ink);border:0;padding:36px 48px;border-radius:0;width:min(1160px,94vw);max-height:92svh;background:var(--paper);overflow:auto;box-shadow:0 30px 100px #001e3080}dialog::backdrop{background:#032631dc;backdrop-filter:blur(7px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #b9c9c5;padding-bottom:20px}.dialog-top .eyebrow{margin:0}.dialog-close{padding:8px 22px;font-size:14px;flex-shrink:0}.explorer-heading{margin-top:26px}.explorer-heading .eyebrow{margin-bottom:12px}.explorer-heading h2{font-size:55px;margin-bottom:12px}.explorer-heading p:not(.eyebrow){font-size:15px;margin-bottom:0}.specimen{position:relative;width:100%;height:300px;margin:25px 0;background:radial-gradient(ellipse,#d4e4db88,transparent 70%)}.specimen>img{width:100%;height:100%;object-fit:contain;display:block}.point{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;min-width:44px;border-radius:50%;border:2px solid white;background:var(--ink);color:white;font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 3px 12px #092d3540}.point.active{background:var(--gold);color:var(--ink)}.explorer-bottom{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;border-top:1px solid #b9c9c5;padding-top:28px}.detail-buttons{display:flex;flex-direction:column;gap:8px}.detail-buttons button{cursor:pointer;text-align:left;border:1px solid #b9c9c5;background:transparent;color:var(--ink);padding:12px 16px;min-height:48px;font-size:14px;font-weight:700}.detail-buttons button span{margin-right:14px;font-size:11px}.detail-buttons button.active{background:var(--ink);border-color:var(--ink);color:white}.detail-copy h3{font-size:28px;margin:10px 0 14px}.detail-copy p{font-size:16px;max-width:460px}.detail-copy .eyebrow{font-size:11px}.explorer-source{display:flex;align-items:center;gap:30px;justify-content:space-between;margin-top:25px;padding-top:20px;border-top:1px solid #b9c9c5}.explorer-source>a{font-size:13px;flex-shrink:0}.explorer-source p{font-size:11px;line-height:1.6;max-width:400px;margin:0}.sample-dialog{text-align:center;width:min(1000px,94vw)}.sample-dialog .dialog-top h2{font-size:24px;margin:0}.sample-dialog>p{font-size:12px;margin:18px 0}.sample-dialog>img{display:block;max-width:100%;height:auto;width:670px;margin:0 auto;box-shadow:0 10px 25px #123c4220}.sample-dialog>.text-action{font-size:13px;margin-top:20px}
@media(max-width:760px){.publication{grid-template-columns:1fr;gap:35px;padding-bottom:65px}.publication-view{padding:22px 20px 16px}.publication h2{font-size:46px}dialog{padding:20px;width:94vw;max-height:94svh}.dialog-top .eyebrow{font-size:9px;letter-spacing:.1em}.dialog-close{padding:7px 14px}.explorer-heading h2{font-size:38px}.specimen{height:220px;margin:20px 0}.point{width:44px;height:44px}.explorer-bottom{grid-template-columns:1fr;gap:22px}.detail-buttons{gap:6px}.detail-copy{min-height:150px}.explorer-source{display:block}.explorer-source p{margin-top:20px}.sample-dialog .dialog-top h2{font-size:21px}.profile-action{white-space:normal}}

.specimen{height:auto!important;margin-left:auto;margin-right:auto}.specimen>img{position:absolute;inset:0}.fish-dialog{scrollbar-gutter:stable}

.feature-water{background-image:linear-gradient(#052f3c55,#052d3ce8),url('assets/virginia-marsh.webp');background-position:center}.location-credit{display:block;font-size:10px;letter-spacing:.03em;line-height:1.5;margin-top:12px;font-weight:500}.scientific{font-family:Georgia,serif!important;font-style:italic;font-size:18px!important;letter-spacing:.01em}.fish p.scientific{font-size:16px!important;margin:0 0 13px}.explorer-heading p.scientific{margin-bottom:20px}.species-browser{display:flex;align-items:center;gap:14px;max-width:520px;margin:22px 0}.species-browser button{width:48px;min-width:48px;height:48px;border:1px solid #728c8b;border-radius:50%;background:transparent;color:var(--ink);font-size:22px;cursor:pointer}.species-browser label{display:block;font-size:10px;letter-spacing:.07em;font-weight:700;text-transform:uppercase}.species-browser select{font:inherit;font-size:16px;color:var(--ink);background:transparent;border:0;border-bottom:1px solid #728c8b;padding:6px 24px 6px 0;width:100%}.species-browser>div{flex:1}.species-browser select:focus-visible{outline:3px solid white;outline-offset:3px;box-shadow:0 0 0 7px #092d35}.sample-connection{margin-top:25px}.sample-connection .pill{border:0;cursor:pointer}.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}.publication-view{background:transparent;padding:25px 18px 20px}.page-open{position:relative;transform:rotate(-1.2deg);border:1px solid #d4dcd7;box-shadow:3px 3px 0 #f9faf6,4px 4px 0 #c7cfcb,7px 7px 0 #fff,8px 8px 0 #c7cfcb,18px 25px 35px #123c4225;transition:transform .2s ease}.page-open:hover{transform:rotate(0)}.page-controls{margin-top:36px}.sample-dialog .page-controls{margin-top:22px}
@media(max-width:760px){.species-browser{gap:10px}.species-browser select{font-size:15px}.sample-connection .pill{font-size:12px;gap:10px}.publication-view{padding:15px 12px 20px}.location-credit{font-size:11px}.dialog-top{position:sticky;top:-20px;background:var(--paper);z-index:5}}

/* Deep-water field guide: decorative contours, not a navigation chart. */
.species-band{background-color:#092f3b;background-image:url('assets/water-contours.svg'),radial-gradient(ellipse at 85% 10%,#14616a88,transparent 55%),linear-gradient(145deg,#103f49,#062632 85%);background-size:1200px 950px,auto,auto;color:#f4faf5;position:relative;margin-top:90px}.species-band .species{position:relative}.species-band .eyebrow{color:#ffda70}.species-band .species-note{color:#c0d7d8}.species-band .filter input{color:#f4faf5;border-bottom-color:#b3d4d5}.species-band .filter input::placeholder{color:#bbd4d7}.species-band .filter input::-webkit-search-cancel-button{filter:grayscale(1) brightness(3)}.species-band .fish{border-color:#65919a66}.species-band .fish-open{color:#f4faf5}.species-band .fish small{color:#b4d3d5}.species-band .fish p{color:#c0d7d8}.species-band .fish .scientific{color:#c2dcd5}.species-band .fish .round{border-color:#e7c256;background:#ffda70;color:#092f3b}.species-band .fish:hover .round{background:#fff2b8;color:#092f3b}.species-band .fish-visual{background:radial-gradient(ellipse at center,#90c3bd3b,transparent 69%)}.species-band .fish-visual img{filter:drop-shadow(0 12px 14px #00000045)}.species-band #fish-count{color:#b5d0d2}.publication{padding-top:100px}.species-band .fish-open:focus-visible{outline-color:#ffda70;box-shadow:0 0 0 7px #062632}
@media(max-width:760px){.species-band{margin-top:60px;background-size:850px 700px,auto,auto}.publication{padding-top:65px}}

.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}.hero-video[hidden],.video-controls[hidden]{display:none}.video-controls{position:absolute;z-index:2;bottom:85px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:20px;white-space:nowrap;font-size:12px}.video-controls button{background:#072f3ddb;border:1px solid #ffffffa0;border-radius:30px;min-height:44px;padding:10px 18px;color:white;cursor:pointer}.video-controls a{color:white;text-underline-offset:5px;background:#072f3dbb;padding:8px 12px;border-radius:20px}.video-test .shade{background:linear-gradient(180deg,#021b22b5,#021e2870 40%,#011e27aa)}
@media(max-width:760px){.video-controls{bottom:70px;gap:10px;font-size:10px}.video-controls button{padding:9px 12px}.video-test .hero-copy{top:38%}}

/* Small editorial extension; the approved opening remains intact. */
.water-notes{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding:105px 0 20px;align-items:center}.water-image{height:650px;position:relative;overflow:hidden}.water-image img{width:100%;height:100%;object-fit:cover}.water-image:after{content:"";position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#052f3bd9)}.water-image>span{position:absolute;bottom:22px;left:24px;right:24px;z-index:1;font-size:10px;letter-spacing:.08em;color:white}.water-copy h2{font-size:clamp(38px,4vw,62px);margin-bottom:24px}.water-copy h2 em,.departure h2 em{font-family:Georgia,serif;font-weight:400}.water-copy>p:not(.eyebrow){max-width:530px}.water-copy details{border-top:1px solid #9eb6b3;padding:18px 0}.water-copy summary{font-weight:700;cursor:pointer;display:flex;justify-content:space-between;gap:20px;list-style:none}.water-copy summary::-webkit-details-marker{display:none}.water-copy summary span{font-size:22px;line-height:1}.water-copy details[open] summary span{transform:rotate(45deg)}.water-copy details p{font-size:15px;margin:14px 0}.water-copy details a{font-size:14px;font-weight:700;text-underline-offset:5px;display:inline-block;padding:8px 0;min-height:44px}.water-footnote{font-family:Georgia,serif;font-style:italic;font-size:18px;margin:25px 0 0}.departure{background:#0a303b;color:#f7f8f3;padding:85px 0 25px;position:relative;overflow:hidden}.departure-inner{display:grid;grid-template-columns:.9fr 1.3fr;gap:9%}.departure-lead{position:relative;padding-top:25px}.departure h2{font-size:clamp(48px,5.5vw,82px);margin-bottom:28px}.departure .eyebrow,.route-number{color:#ffda70}.departure-lead>p:not(.eyebrow){max-width:330px;font-size:19px;color:#c9dfe0}.departure-stamp{display:block;position:relative;margin:55px 0 25px;font-weight:800;font-family:Manrope,Arial,sans-serif;font-size:clamp(35px,4vw,65px);line-height:1;letter-spacing:-.04em;color:#688d93;transform:rotate(-6deg);width:max-content;border-left:6px solid #ffda70;padding-left:20px}.departure-routes>a{display:block;position:relative;text-decoration:none;padding:30px 32px 32px;border-top:1px solid #61828a;background:linear-gradient(110deg,#174b5555,transparent);transition:background .2s}.departure-routes>a:last-child{border-bottom:1px solid #61828a}.departure-routes>a:hover{background:#1b4f59}.route-number{font-size:11px;font-weight:700;letter-spacing:.11em}.departure h3{font-size:clamp(28px,3vw,42px);margin:14px 0 12px}.departure-routes p{font-size:16px;max-width:430px;color:#c9dfe0;margin-bottom:22px}.route-action{display:flex;align-items:center;justify-content:space-between;gap:20px;width:max-content;max-width:100%;min-height:46px;padding:10px 18px;background:#ffda70;color:#092f3b;border-radius:3px;font-size:13px;font-weight:700}.route-action b{font-size:21px;margin-left:24px}.departure-note{font-size:12px;color:#c9dfe0;border-top:1px solid #61828a;padding-top:22px;margin-top:40px}.departure-routes>a:focus-visible{outline-offset:-5px}.about{border-top:0}.water-image img{transition:transform .6s}.water-image:hover img{transform:scale(1.025)}
@media(max-width:760px){.water-notes{grid-template-columns:1fr;gap:30px;padding:60px 0 0}.water-image{height:330px}.water-copy h2{font-size:44px}.water-copy>p{font-size:16px}.departure{padding:55px 0 25px}.departure-inner{grid-template-columns:1fr;gap:25px}.departure h2{font-size:57px}.departure-stamp{display:none}.departure-lead{padding:0}.departure-lead>p:not(.eyebrow){max-width:100%;font-size:17px}.departure-routes>a{padding:25px 18px}.departure h3{font-size:34px}.departure-note{font-size:12px;margin-top:30px}.water-image>span{left:18px;bottom:18px;font-size:9px}}@media(prefers-reduced-motion:reduce){.water-image:hover img{transform:none}}