.fish-page{--bg:#e8edf1;--fg:#233d4a;--muted:#536976;--clay:#96572e;--line:#233d4a28}.fish-page .hero{background:#a4b7cf;min-height:820px}.fish-page .hero-art{width:74%;right:-3%;top:4%}.fish-page .hero-art img{object-fit:contain}.fish-page .hero-art:after{background:linear-gradient(90deg,#a4b7cf,transparent 13%)}.fish-page .hero h1{font-size:clamp(65px,8.5vw,132px);line-height:.92;letter-spacing:-.06em}.fish-page .hero h1 span{font-size:.88em;margin-left:0;color:#98572f}.fish-page .hero-copy{top:27%;max-width:48vw}.fish-page .hero-sub{color:#314859;font:normal 22px/1.5 Georgia,serif;margin-top:25px}.fish-page .hero-bottom{color:#344d5e}.fish-page .brand img{filter:none}.fish-page .text-link{border-color:#31485955;margin-right:30px}.fish-page .hero .eyebrow{color:#7a4629}.fish-page .seo-breadcrumb{position:absolute;top:105px;left:6vw;z-index:5;color:#344d5e}.fish-page .intro{padding-top:110px}.fish-details{padding:20px 0 100px}.fish-picture{padding:0;display:block;width:100%;position:relative;border-radius:20px;overflow:hidden;background:#a6b8d0}.fish-picture img{display:block;width:100%;height:auto;max-height:85svh;object-fit:contain}.fish-picture>span{position:absolute;bottom:22px;right:24px;padding:10px 18px;background:#f1f3f0d9;border-radius:30px;font-size:11px;color:#233d4a;backdrop-filter:blur(10px)}.fish-detail-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-top:35px}.fish-detail-buttons>button{padding:25px 0;text-align:left;border-top:1px solid var(--line)}.fish-detail-buttons span{display:block;color:#96572e;font-size:10px}.fish-detail-buttons strong{display:block;font:normal 30px Georgia,serif;margin:20px 0 10px}.fish-detail-buttons small{font-size:11px;color:var(--muted);line-height:1.5}.fish-facts{padding:45px 0 90px;border-top:1px solid var(--line)}.fish-facts dl{margin:45px 0 0;max-width:800px}.fish-facts dl>div{display:grid;grid-template-columns:180px 1fr;gap:30px;padding:22px 0;border-top:1px solid var(--line);font-size:14px}.fish-facts dt{color:var(--muted)}.fish-facts dd{margin:0}.fish-page dialog{background:#0c1117;color:#ede7dc}.fish-page .viewer-stage{position:relative}.fish-page .viewer-bottom{justify-content:center}.fish-page .viewer-bottom p{color:#c5cbd0}.fish-page .viewer-zoom input{accent-color:#c3916a}.fish-page .return-link{color:var(--muted)}
@media(max-width:800px){.fish-page .hero{min-height:800px}.fish-page .hero-art{width:115%;height:55%;top:12%;right:-10%}.fish-page .hero-copy{top:auto;bottom:100px;max-width:88vw}.fish-page .hero h1{font-size:clamp(61px,15vw,100px)}.fish-page .hero-art:after{background:linear-gradient(0deg,#a4b7cf,transparent 15%)}.fish-page .hero-sub{font-size:19px;margin:20px 0 12px}.fish-page .hero .eyebrow{font-size:8px}.fish-page .hero-bottom{font-size:8px}.fish-page .hero-bottom>span:last-child{display:block}.fish-page .seo-breadcrumb{top:90px;font-size:8px}.fish-page .intro{padding-top:75px}.fish-details{padding-bottom:65px}.fish-detail-buttons{grid-template-columns:1fr;gap:0;padding-top:20px}.fish-detail-buttons>button{display:grid;grid-template-columns:35px 1fr;gap:5px 15px;padding:20px 0}.fish-detail-buttons strong{font-size:25px;margin:0}.fish-detail-buttons span{padding-top:6px}.fish-detail-buttons small{grid-column:2;font-size:10px}.fish-facts{padding:40px 0 60px}.fish-facts dl>div{grid-template-columns:90px 1fr;font-size:12px;gap:15px}.fish-picture{border-radius:14px}.fish-picture>span{font-size:9px;right:12px;bottom:12px}.fish-page .outro h2{font-size:44px}}
