/* Shared interior design: homepage colors, calmer typography, generous spacing. */
:root{--site-bg:#081524;--site-panel:#0e2036;--site-line:#243b52;--site-text:#e8eef4;--site-muted:#b4c3d2;--site-accent:#ff858c;--site-red:#e42430}
html{scroll-padding-top:92px}@media (min-width:1101px){html{scroll-padding-top:104px}}
body.site-interior{background:var(--site-bg)!important;color:var(--site-muted)!important;font-family:Geist,Arial,sans-serif;line-height:1.65;--disp:Geist,Arial,sans-serif;--body:Geist,Arial,sans-serif;--maxw:1240px;--d-base:#081524;--d-panel:#0e2036;--d-card:#0e2036;--d-line:#243b52;--cream:#081524;--cream-2:#0e2036;--card:#0e2036}
.site-interior *, .site-interior *:before,.site-interior *:after{box-sizing:border-box}
.site-interior a:focus-visible,.site-interior button:focus-visible,.site-interior summary:focus-visible,.site-interior input:focus-visible,.site-interior select:focus-visible,.site-interior textarea:focus-visible{outline:3px solid #ff858c;outline-offset:4px}
.site-interior h1{font-family:'Bricolage Grotesque',Arial,sans-serif!important;font-weight:700!important;font-size:clamp(38px,4.7vw,66px)!important;line-height:1.06!important;letter-spacing:-.035em!important;text-wrap:balance}
.site-interior h2{font-family:Geist,Arial,sans-serif!important;font-weight:600!important;font-size:clamp(25px,3vw,38px)!important;line-height:1.18!important;letter-spacing:-.03em!important}
.site-interior h3,.site-interior h4{font-family:Geist,Arial,sans-serif!important;line-height:1.3!important;letter-spacing:-.02em!important;font-weight:600!important}
.site-interior .wrap{width:min(100%,1240px);max-width:1240px;padding-left:32px;padding-right:32px}
.site-interior .eyebrow{font:600 11px/1.5 Geist,Arial,sans-serif!important;letter-spacing:.14em!important;color:var(--site-accent)!important}
.site-interior .btn{border-radius:999px!important;min-height:48px;padding:13px 23px!important;font:600 14px/1.4 Geist,Arial,sans-serif!important;box-shadow:none!important;justify-content:center;transform:none!important}
.site-interior .btn-bronze{background:var(--site-red)!important;color:#fff!important}
.site-interior .btn-bronze:hover{background:#c41b27!important;color:#fff!important}
.site-interior .btn-outline,.site-interior .btn-navy{border:1px solid #39546d!important;background:transparent!important;color:var(--site-text)!important}
.site-interior .btn-outline:hover,.site-interior .btn-navy:hover{background:#183049!important}
/* Match the homepage's navigation without coupling it to page runtimes. */
.ds-wrap{width:min(100%,1240px);margin:auto;padding:0 32px}
.ds-contact-strip{background:#061320;border-bottom:1px solid #243b52;font:400 11px/1.65 Geist,Arial,sans-serif;letter-spacing:.04em}
.ds-contact-strip .ds-wrap{display:flex;justify-content:space-between;gap:16px;padding-top:10px;padding-bottom:10px}
.ds-contact-strip a{color:#b9c7d6;white-space:nowrap}
.ds-header{position:sticky;top:0;z-index:50;background:#0a1a2bf5;border-bottom:1px solid #243b52;backdrop-filter:blur(12px)}
.ds-nav{min-height:88px;display:flex;align-items:center;gap:24px}
.ds-brand{display:block;flex-shrink:0}
.ds-brand img,.ds-brand .ds-mark{width:174px!important;height:auto!important;display:block;object-fit:contain}
.ds-navlinks{margin-left:auto;display:flex;align-items:center;gap:20px}
.ds-navlinks a{font:600 12px/1.4 Geist,Arial,sans-serif;color:#b9c7d6;padding:12px 0}
.ds-navlinks a[aria-current=page],.ds-navlinks a:hover{color:#ff858c}
.ds-quote{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 23px;border-radius:999px;background:#e42430;color:#fff!important;font:600 13px/1.4 Geist,Arial,sans-serif;white-space:nowrap}
.ds-quote:hover{background:#c41b27}
.ds-mobile-nav{display:none}
.ds-footer{background:#061320;border-top:1px solid #243b52;padding:64px 0 24px;font-family:Geist,Arial,sans-serif}
.ds-footer .ds-wrap{padding:0 32px}
.ds-footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.3fr;gap:36px}
.ds-footer-grid h4{color:#fff;font-size:12px!important;text-transform:uppercase;letter-spacing:.1em!important;margin:0 0 18px}
.ds-footer-grid a:not(.ds-brand){display:block;font-size:12px;line-height:1.7;color:#b9c7d6;margin-top:9px}
.ds-footer-grid a:hover{color:#ff858c}
.ds-footer-grid p{font-size:12px!important;line-height:1.9;color:#b9c7d6!important}
.ds-footer-bottom{border-top:1px solid #243b52;margin-top:44px;padding-top:22px;display:flex;justify-content:space-between;gap:25px;font-size:10px;color:#9fb2c6}
/* Editorial pages */
.site-interior .crumb{background:var(--site-bg)!important;border-bottom:0!important}
.site-interior .crumb .wrap{padding-top:22px;padding-bottom:0}
.site-interior :is(.ab-hero,.qhero,.chero,.ins-hero,.art-hero,.pihero){background:var(--site-bg)!important;padding:56px 0 64px!important;border-bottom:1px solid #1b3049}
.site-interior :is(.ab-hero,.qhero,.chero,.ins-hero,.art-hero,.pihero) h1{max-width:22ch!important;margin:16px 0 20px!important}
.site-interior :is(.ab-hero,.qhero,.chero,.ins-hero,.art-hero,.pihero) p{font-size:17px!important;line-height:1.7!important;max-width:60ch!important;color:var(--site-muted)!important}
.site-interior .interior-photo-hero>.wrap{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:56px}
.site-interior .interior-photo-hero h1{font-size:clamp(38px,4.2vw,58px)!important;max-width:18ch!important}
.interior-photo-hero figure,.interior-story-photo{margin:0;min-width:0;border-radius:24px;overflow:hidden}
.interior-photo-hero figure img{width:100%;aspect-ratio:1.1;object-fit:cover;display:block}
.interior-story-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.site-interior :is(.ab-story,.ab-foot,.qsec){padding:72px 0!important}
.site-interior :is(.ab-story,.ab-foot) .grid{gap:56px;align-items:center}
.site-interior :is(.netcard,.certcard,.faccard,.impactcard,.cform,.cinfo,.post,.aside,.rel,.pcard,.factlist,.fiplist){border-radius:22px!important;border:1px solid var(--site-line)!important;background:var(--site-panel)!important;box-shadow:none!important;overflow:hidden}
.site-interior :is(.certcard,.faccard,.impactcard,.netcard){padding:28px!important}
.site-interior :is(.certgrid,.facgrid,.impact,.ins-grid){gap:24px!important}
.site-interior :is(.certcard,.faccard,.impactcard,.post,.netcard) h3{font-size:23px!important}
.site-interior .certs span,.site-interior .phero .tag{border-radius:999px}
.site-interior .fiprow{padding:22px 26px!important;gap:20px}
.site-interior .fiprow:last-child{border-bottom:0}
.site-interior .post .ph{overflow:hidden}
.site-interior .post img{width:100%;object-fit:cover}
.site-interior .post .b{padding:28px!important}
.site-interior .post:hover{transform:none!important;box-shadow:none!important;border-color:#607386!important}
.site-interior .cgrid{gap:32px!important;padding-top:48px!important;padding-bottom:72px!important}
.site-interior :is(.cform,.cinfo){padding:32px!important}
.site-interior .cfield :is(input,textarea,select){border-radius:10px!important}
.site-interior .cfield label{letter-spacing:.02em!important;text-transform:none!important;font-size:13px!important}
.site-interior .cseg .o label,.site-interior .spchip{border-radius:10px!important}
.site-interior .qnote{border-radius:14px;padding:20px 24px;background:#0e2036}
.site-interior :is(.qcta,.ab-cta,.art-cta,.reqband){border-radius:24px!important;background:#f3f1ec!important;color:#081524!important;border:0!important;padding:36px!important;margin-top:28px}
.site-interior :is(.qcta,.ab-cta,.art-cta,.reqband) :is(h2,h3){color:#081524!important;font-family:'Bricolage Grotesque',Arial,sans-serif!important;font-weight:800!important;font-size:clamp(25px,3vw,36px)!important;letter-spacing:-.035em!important}
.site-interior :is(.qcta,.ab-cta,.art-cta,.reqband) p{color:#4a5a6a!important}
.site-interior .mcta{border-radius:0!important;background:#081524!important}
.site-interior .reveal{transition:opacity .35s,transform .35s}
/* New catalog and species templates retain every binding and data field. */
/* Keep the embedded catalog and species pages in normal document flow. */
body.site-interior{height:auto;min-height:100%}
.site-interior #dc-root,.site-interior #dc-root>.sc-host{height:auto}
.site-interior .dc-page>section{max-width:1240px!important;padding-left:32px!important;padding-right:32px!important}
.site-interior .catalog-intro{padding-top:64px!important;padding-bottom:48px!important}
.site-interior .catalog-intro h1{max-width:16ch!important;font-size:clamp(40px,5.2vw,72px)!important}
.site-interior .catalog-intro p{max-width:44ch!important;font-size:17px!important}
.site-interior .catalog-filters{margin:0 auto;top:88px!important;border:1px solid #243b52!important;border-radius:20px;background:#0e2036!important;padding:0!important}
.site-interior .catalog-filters>div{padding:20px 24px!important;gap:16px!important}
.site-interior .catalog-filters :is(button,input,select){min-height:44px;max-width:100%}
.site-interior .catalog-filters input{border-radius:999px!important}
.site-interior .catalog-results{padding-top:32px!important;padding-bottom:72px!important}
.site-interior .catalog-fish-card{border:1px solid #243b52!important;border-radius:24px!important}
.site-interior .catalog-fish-card:hover{border-color:#607386!important;background:#13294a!important}
.site-interior .catalog-fish-card>div:first-child{background-size:contain!important;margin:12px 16px 0}
.site-interior .catalog-fish-card>div:last-child{padding:18px 24px 26px!important;gap:8px!important}
.site-interior .catalog-fish-card>div:last-child>div:nth-child(2){font-size:22px!important;font-weight:600!important;line-height:1.25!important}
.site-interior .catalog-inquiry{padding-bottom:80px!important}
.site-interior .catalog-inquiry h2{max-width:20ch!important}
.site-interior .species-intro{padding-top:28px!important}
.site-interior .species-intro h1{font-size:clamp(40px,5vw,70px)!important;line-height:1.03!important}
.site-interior .species-photo{background-size:contain!important;min-width:0!important;border:1px solid #243b52}
.site-interior .species-details{gap:40px!important;padding-top:64px!important;padding-bottom:80px!important}
.site-interior .species-details main{gap:48px!important}
.site-interior .species-details main p{font-size:16px!important;line-height:1.75!important}
.site-interior .species-details aside{flex-basis:320px!important;min-width:0!important;top:112px!important}
.site-interior .species-details aside>div{padding:28px!important}
.site-interior .species-details aside>div>div:nth-child(2){font-size:26px!important;font-weight:600!important;line-height:1.2!important}
.site-interior .species-details summary{font-size:16px!important;line-height:1.5!important}
@media(max-width:1100px){
 .ds-navlinks{display:none}.ds-nav{min-height:76px}.ds-quote{margin-left:auto}.ds-mobile-nav{display:block;position:relative}.ds-mobile-nav summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;color:#e8eef4;border:1px solid #39546d;border-radius:999px;padding:10px 14px;font-size:13px;min-height:44px}.ds-mobile-nav summary::-webkit-details-marker{display:none}
 .ds-mobile-nav nav{position:absolute;right:0;top:calc(100% + 18px);width:min(320px,calc(100vw - 44px));max-height:calc(100dvh - 110px);overflow:auto;background:#0e2036;border:1px solid #39546d;border-radius:18px;padding:16px;box-shadow:0 20px 45px #0005}
 .ds-mobile-nav nav a{display:block;color:#e8eef4;padding:12px;border-radius:8px;font-size:15px}.ds-mobile-nav nav a:hover,.ds-mobile-nav nav a[aria-current=page]{background:#183049;color:#ff858c}
 .site-interior .catalog-filters{position:static!important;margin-left:32px!important;margin-right:32px!important}
 .site-interior .interior-photo-hero>.wrap{gap:32px}.ds-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
 .site-interior .wrap,.ds-wrap,.ds-footer .ds-wrap{padding-left:22px;padding-right:22px}.ds-nav{gap:12px}.ds-brand img{width:150px!important}.ds-quote{display:none}.ds-mobile-nav{margin-left:auto}.ds-contact-strip{font-size:9px}
 .site-interior :is(.ab-hero,.qhero,.chero,.ins-hero,.art-hero,.pihero){padding:36px 0 44px!important}.site-interior .interior-photo-hero>.wrap{grid-template-columns:1fr;gap:26px}.interior-photo-hero figure img{aspect-ratio:3/2}.site-interior :is(.ab-story,.ab-foot,.qsec){padding:48px 0!important}
 .site-interior :is(.ab-story,.ab-foot) .grid{grid-template-columns:minmax(0,1fr);gap:28px}.site-interior :is(.certgrid,.facgrid,.impact,.cgrid){grid-template-columns:minmax(0,1fr)!important}
 .site-interior :is(.cform,.cinfo,.certcard,.faccard,.impactcard,.netcard){padding:24px!important}.site-interior .fiprow{flex-wrap:wrap}.site-interior :is(.qcta,.ab-cta,.art-cta,.reqband){padding:28px 24px!important}
 .site-interior .dc-page>section{padding-left:22px!important;padding-right:22px!important}.site-interior .catalog-intro{padding-top:40px!important}.site-interior .catalog-filters{margin-left:22px!important;margin-right:22px!important;padding:0!important}.site-interior .catalog-filters>div{padding:16px!important}
 .site-interior .species-details{padding-top:40px!important;gap:32px!important}.site-interior .species-details main{flex-basis:100%!important}.site-interior .species-details aside{position:static!important;flex-basis:100%!important;width:100%}
 .site-interior .species-photo{flex-basis:100%!important}.site-interior .species-intro>div:nth-child(2)>div:first-child{min-width:0;flex-basis:100%!important}
 .ds-footer-grid{gap:30px 20px}.ds-footer-bottom{flex-direction:column;gap:12px}.ds-footer{padding-top:44px}
}
@media(max-width:420px){.ds-footer-grid{grid-template-columns:1fr}.ds-contact-strip .ds-wrap{font-size:8px;gap:8px}.site-interior .crow{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site-interior *{animation:none!important;transition:none!important}.site-interior .reveal{opacity:1!important;transform:none!important}}

/* Photo-led editorial refinement. Keep content open and let the imagery lead. */
.site-interior .interior-photo-hero{padding-bottom:0!important;border-bottom:0}
.site-interior .interior-photo-hero>.wrap{display:block}
.site-interior .interior-hero-copy{display:grid;grid-template-columns:1.15fr 1fr;column-gap:80px;align-items:end;margin-bottom:38px}
.site-interior .interior-hero-copy .eyebrow{grid-column:1/-1;margin-bottom:16px}
.site-interior .interior-photo-hero h1{max-width:20ch!important;margin:0!important;font-size:clamp(38px,4.5vw,62px)!important}
.site-interior .interior-photo-hero .interior-hero-copy p{margin:0!important;font-size:16px!important;max-width:48ch!important}
.site-interior .interior-photo-hero figure{border-radius:16px}
.site-interior .interior-photo-hero figure img{aspect-ratio:2.35;width:100%;height:auto;object-fit:cover;object-position:center 45%}
.site-interior .interior-story-photo{border-radius:16px}
.site-interior .interior-story-photo img{aspect-ratio:1.25}
.site-interior :is(.ab-story,.ab-foot,.qsec){padding:80px 0!important}
.site-interior .band-alt{background:#0b1b2b!important;border-block:1px solid #203347}
.site-interior :is(.certcard,.faccard,.impactcard,.netcard){background:transparent!important;border:0!important;border-radius:0!important;padding:26px 0!important;overflow:visible}
.site-interior :is(.certcard,.faccard,.impactcard){border-top:1px solid #395066!important}
.site-interior :is(.certgrid,.facgrid,.impact){gap:20px 44px!important}
.site-interior .certgrid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:36px}
.site-interior :is(.certcard,.faccard,.impactcard) h3{font-size:22px!important}
.site-interior .certcard .verify{font-size:12px;border-top:0;padding-top:6px;color:#91a5b9}
.site-interior .certcard .verify b{font-weight:400;color:#91a5b9}
.site-interior .netcard .n{padding:18px 0;border-color:#2a4158}
.site-interior .netcard .n:first-child{border-top:1px solid #2a4158}
.site-interior .fiplist{border:0!important;border-radius:0!important;background:transparent!important;margin-top:32px}
.site-interior .fiprow{padding:20px 0!important;border-top:1px solid #2a4158;border-bottom:0}
.site-interior .fiprow:last-child{border-bottom:1px solid #2a4158}
.site-interior .qnote{background:transparent;padding:18px 0;border-radius:0;border-top:1px solid #2a4158}
.site-interior .catalog-filters{background:#081524f5!important;border:0!important;border-top:1px solid #243b52!important;border-bottom:1px solid #243b52!important;border-radius:0;backdrop-filter:blur(12px)}
.site-interior .catalog-filters>div{padding:18px 0!important}
.site-interior .catalog-fish-card{background:transparent!important;border:0!important;border-radius:0!important}
.site-interior .catalog-fish-card>div:first-child{background-color:#0e2036!important;border-radius:16px;margin:0;transition:background-color .2s}
.site-interior .catalog-fish-card:hover>div:first-child{background-color:#172f49!important}
.site-interior .catalog-fish-card>div:last-child{padding:20px 0 30px!important}
.site-interior .catalog-fish-card:hover{background:transparent!important}
.site-interior .post{border:0!important;border-radius:0!important;background:transparent!important}
.site-interior .post .ph{border-radius:16px}
.site-interior .post .b{padding:24px 0!important}
.site-interior .post:hover{background:transparent!important}
.site-interior .species-photo{border:0!important;border-radius:16px!important}
.site-interior .cinfo{background:transparent!important;border:0!important;border-radius:0!important}
@media(max-width:900px){
 .site-interior .interior-hero-copy{column-gap:36px;grid-template-columns:1.1fr 1fr}
 .site-interior .interior-photo-hero figure img{aspect-ratio:1.8}
}
@media(max-width:760px){
 .site-interior .interior-hero-copy{grid-template-columns:1fr;gap:18px;margin-bottom:28px}
 .site-interior .interior-hero-copy .eyebrow{margin-bottom:0}
 .site-interior .interior-photo-hero .interior-hero-copy p{max-width:100%!important}
 .site-interior .interior-photo-hero figure img{aspect-ratio:1.45}
 .site-interior :is(.ab-story,.ab-foot,.qsec){padding:48px 0!important}
 .site-interior :is(.certgrid,.facgrid,.impact){gap:12px!important;grid-template-columns:1fr}
 .site-interior :is(.certcard,.faccard,.impactcard,.netcard){padding:24px 0!important}
 .site-interior .catalog-filters>div{padding:16px 0!important}
}

/* Insights: two readable lead articles, followed by compact upcoming topics. */
.insights-page .ins-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px!important;padding:48px 0 72px}
.insights-page .post{min-width:0}
.insights-page .post.feat{grid-column:auto;flex-direction:column}
.insights-page .post .ph,.insights-page .post.feat .side{height:auto;aspect-ratio:1.9;background:#0e2036;border-radius:16px;position:relative;overflow:hidden;flex:none;padding:0}
.insights-page .post .ph img,.insights-page .post.feat .side img{width:100%;height:100%;object-fit:cover;display:block}
.insights-page .post.feat .side:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#061320e6)}
.insights-page .post.feat .side .k{position:absolute;bottom:24px;left:26px;right:26px;z-index:1;font:500 clamp(22px,2.3vw,30px)/1.2 Geist,Arial,sans-serif;max-width:20ch;text-wrap:balance}
.insights-page .post .b{padding:24px 0!important}
.insights-page .post h3{font-size:25px!important;line-height:1.25!important;margin:12px 0}
.insights-page .post p{font-size:16px;line-height:1.7}
.insights-page .post .cat,.insights-page .post .more{color:#ff858c}
.insights-page .post.soon{grid-column:1/-1;opacity:1;border-top:1px solid #243b52!important}
.insights-page .post.soon .ph{display:none}
.insights-page .post.soon .b{display:grid;grid-template-columns:130px 1fr auto;gap:24px;align-items:center;padding:24px 0 0!important}
.insights-page .post.soon h3{font-size:19px!important;margin:0}
.insights-page .post.soon .tag{margin:0;padding:5px 10px;border:1px solid #31465a;border-radius:999px;background:transparent;white-space:nowrap;font-size:10px;color:#b4c3d2}
@media(max-width:760px){
 .insights-page .ins-grid{grid-template-columns:1fr;gap:24px!important;padding:32px 0 48px}
 .insights-page .post.soon .b{grid-template-columns:1fr auto;gap:12px}
 .insights-page .post.soon .cat{grid-column:1/-1}
 .insights-page .post.soon h3{font-size:18px!important}
 .insights-page .post.feat .side .k{font-size:24px;left:22px;bottom:20px}
}
