:root{--navy:#102f3b;--navy-deep:#092631;--teal:#157c83;--teal-deep:#126068;--teal-pale:#e8f3f2;--orange:#d6653e;--ink:#1a3440;--muted:#607983;--line:#d7e3e2;--paper:#fff;--ground:#f5f8f7;font-family:Assistant,Arial,sans-serif;color:var(--ink);background:var(--ground);scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.container{width:min(100% - 48px,1160px);margin-inline:auto}.skip-link{position:absolute;top:-90px;right:12px;z-index:30;background:#fff;padding:12px}.skip-link:focus{top:12px}
.site-header{position:relative;z-index:5;background:var(--navy-deep);color:#fff}.header-inner{height:66px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:10px;font:700 19px/1.1 Heebo,Arial,sans-serif;letter-spacing:-.055em}.brand strong{font-weight:900}.brand small{display:block;margin-top:5px;color:#abcbd0;font:600 10px Assistant,Arial,sans-serif;letter-spacing:.04em}.brand-symbol{display:grid;place-items:center;width:35px;height:35px;border:1px solid #55828e;border-radius:50%;font:32px Georgia,serif;color:#efad87;transform:rotate(-12deg)}.header-link{border:1px solid #587885;border-radius:99px;padding:8px 14px;font-size:13px;font-weight:800}.header-link span{color:#e68f69;margin-inline-start:7px}
.hero{position:relative;isolation:isolate;min-height:295px;color:#fff;background:linear-gradient(270deg,rgba(9,33,43,.94) 0%,rgba(9,33,43,.71) 45%,rgba(9,33,43,.08) 100%),url('assets/shore-hero.webp') center 54%/cover no-repeat}.hero-content{position:relative;z-index:1;padding:42px 0 46px}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:800;letter-spacing:.025em}.eyebrow{color:#bfdfe0}.eyebrow-dot{width:7px;height:7px;background:#eb8d60;border-radius:50%;box-shadow:0 0 0 4px #eb8d6033}.hero h1{font:900 clamp(36px,4.4vw,57px)/1.12 Heebo,Arial,sans-serif;letter-spacing:-.065em;margin:11px 0}.hero h1 em{font-style:normal;color:#f4996c}.hero p{max-width:480px;margin:0 0 17px;color:#d7e8e8;font-size:17px;line-height:1.5}.hero-cta{display:inline-flex;gap:18px;align-items:center;border-bottom:2px solid #e08760;color:#fff;font-weight:800;padding:0 0 4px}.hero-cta span{font-size:19px;color:#ee9870}.hero-sea,.hero-count{display:none}
.finder{margin-top:26px}.finder-heading{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:12px}.section-kicker{color:var(--teal)}.finder h2,.catalog h2{font:800 clamp(25px,3vw,36px)/1.2 Heebo,Arial,sans-serif;letter-spacing:-.055em;margin:3px 0 0}.finder-panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px 18px;box-shadow:0 9px 30px #102f3b0a}.filter-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.filter-label{font-size:13px;font-weight:800;color:var(--muted)}.clear-button{border:0;background:none;padding:4px 0;color:var(--teal-deep);font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:3px}.type-list{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 1px 9px}.type-list::-webkit-scrollbar{display:none}.filter-chip{min-height:40px;white-space:nowrap;padding:7px 15px;border:1px solid var(--line);border-radius:7px;background:#f9fbfb;color:var(--ink);font-weight:800}.filter-chip:hover{border-color:var(--teal)}.filter-chip.is-active{background:var(--navy);border-color:var(--navy);color:#fff}.select-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.select-field{display:grid;gap:4px;font-size:12px;font-weight:800;color:var(--muted)}.select-field select{appearance:none;width:100%;min-height:42px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='m1 1 6 6 6-6' fill='none' stroke='%23157c83' stroke-width='2'/%3E%3C/svg%3E") no-repeat 14px center;border:1px solid var(--line);border-radius:7px;color:var(--ink);padding:6px 10px 6px 32px;font-weight:700}.search-field{height:43px;margin-top:10px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:7px;padding:0 10px}.search-field:focus-within{border-color:var(--teal)}.search-field svg{width:17px;fill:none;stroke:var(--teal);stroke-width:2}.search-field input{border:0;background:transparent;outline:0;min-width:0;width:100%;color:var(--ink)}.season-hint{font-size:13px;color:var(--muted);margin:10px 0 0}
.catalog{padding:52px 0 36px;scroll-margin-top:18px}.catalog-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:26px}.catalog-heading>p{margin:0 0 3px;white-space:nowrap;font-weight:800;color:var(--muted)}.heading-mark{color:var(--orange)}.catalog-lead{margin:5px 0 0;color:var(--muted);font-size:15px}.card-grid{display:block}.lure-group{margin-bottom:46px}.group-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:16px}.group-heading>div{position:relative;padding-inline-start:16px;border-right:3px solid var(--orange)}.group-number{font-size:11px;color:var(--teal);font-weight:800;letter-spacing:.14em;direction:ltr;display:inline-block}.group-heading h3{font:900 clamp(25px,2.8vw,33px)/1.17 Heebo,Arial,sans-serif;letter-spacing:-.065em;margin:2px 0}.group-heading p{margin:2px 0 0;color:var(--muted);font-size:14px}.group-count{flex:none;font-weight:800;font-size:13px;color:var(--teal);padding:6px 10px;border:1px solid #b9d6d6;border-radius:6px}.group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.lure-card{display:flex;flex-direction:column;min-width:0;border:1px solid #d2e0df;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 8px 30px #10374609;transition:transform .2s,box-shadow .2s}.lure-card:hover{transform:translateY(-3px);box-shadow:0 16px 35px #10374616}.card-top{display:grid;grid-template-columns:41% 59%;min-height:191px}.card-visual{position:relative;display:grid;place-items:center;padding:20px 9px;background:radial-gradient(circle at 48% 45%,#fff 0,#f4f9f8 75%);border-left:1px solid #e4eeed}.card-visual img{width:100%;height:144px;object-fit:contain;filter:drop-shadow(0 11px 9px #1a39431c)}.card-index{position:absolute;right:13px;top:10px;font:800 11px Assistant,Arial,sans-serif;color:#8b9e9f;direction:ltr}.card-identity{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;padding:18px 20px}.card-badges{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.card-type,.season-badge{font-size:11px;font-weight:800;border-radius:5px;padding:3px 7px}.card-type{background:#dceeed;color:#1f6670}.season-badge{background:#ddf0e8;color:#266b58}.season-badge.unknown{background:#edf2f2;color:#60757c}.season-badge.winter{background:#fff0e6;color:#aa522a}.lure-card h3{max-width:100%;font:800 clamp(17px,1.6vw,22px)/1.2 Heebo,Arial,sans-serif;letter-spacing:-.045em;direction:ltr;text-align:right;margin:13px 0 4px;overflow-wrap:anywhere}.card-subtitle{font-size:13px;font-weight:700;color:var(--muted);margin:0 0 13px}.fish-tags{display:flex;flex-wrap:wrap;gap:5px}.fish-tags span{padding:2px 7px;background:#f0f5f4;color:#41636c;border:1px solid #e1eae9;border-radius:4px;font-size:12px;font-weight:700}
.motion-panel{margin:0 16px;background:linear-gradient(140deg,#eff8f7,#f8fbfa);border:1px solid #d8ebea;border-radius:9px;padding:10px 15px 7px}.motion-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.motion-heading span{font-size:11px;font-weight:800;letter-spacing:.02em;color:var(--teal)}.motion-heading strong{font-size:14px;line-height:1.3;color:var(--navy)}.motion-graphic{display:block;width:100%;height:67px;overflow:visible}.water-line{stroke:#b4d6d6;stroke-width:1;stroke-dasharray:4 5}.bottom-line{stroke:#c5d3cc;stroke-width:2;stroke-dasharray:2 5}.motion-track{fill:none;stroke:var(--orange);stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}.motion-start{fill:var(--teal);stroke:#fff;stroke-width:2}.motion-axis{display:flex;justify-content:space-between;font-size:10px;font-weight:700;color:#81989a;line-height:1}.motion-axis span:last-child{direction:ltr}.motion-panel.motion-surface .water-line{stroke:var(--teal);stroke-width:2}.motion-panel.motion-bottom .bottom-line{stroke:#9fbaa9;stroke-width:3}.motion-panel.motion-pause .motion-track{stroke-dasharray:80 12 65 12 80}
.method-block{padding:15px 19px 13px;flex:1}.method-title{display:block;font-size:12px;letter-spacing:.02em;color:var(--teal);font-weight:800;margin-bottom:8px}.method-steps{padding:0;margin:0;list-style:none;display:grid;gap:7px}.method-steps li{display:flex;align-items:flex-start;gap:8px;line-height:1.3;font-size:14px}.step-num{display:grid;place-items:center;flex:none;width:20px;height:20px;border-radius:50%;background:#f7dfd5;color:#aa4c29;font:800 11px Assistant,Arial,sans-serif}.card-bottom{display:flex;align-items:center;gap:17px;margin:0 19px;padding:11px 0 13px;border-top:1px solid #e3eceb}.stat{display:flex;flex-wrap:wrap;align-items:center;gap:4px 7px;min-width:0}.stat>span:first-child{font-size:11px;font-weight:800;color:#809295}.stat strong{font-size:12px;font-weight:800;white-space:nowrap}.pace-bars{display:inline-flex;align-items:center;gap:2px;direction:ltr}.pace-bars i{width:8px;height:4px;background:#d9e5e4;border-radius:1px}.pace-1 i:first-child,.pace-2 i:nth-child(-n+2),.pace-3 i{background:var(--orange)}.share-link{margin-inline-start:auto;font-size:12px;color:var(--teal-deep);font-weight:800;white-space:nowrap}.share-link:hover{text-decoration:underline}.card-note{margin:0 19px 13px;color:#9a562f;background:#fff4ee;border-radius:5px;padding:5px 8px;font-size:12px}.empty-state{text-align:center;border:1px dashed #accdcb;background:#fff;border-radius:13px;padding:30px}.empty-state>span{font:48px Georgia,serif;color:var(--teal)}.empty-state h3{font-family:Heebo;margin:4px}.empty-state p{color:var(--muted)}.empty-state button{border:0;background:var(--teal);color:#fff;padding:10px 16px;border-radius:7px;font-weight:800}
.editor-note{display:flex;align-items:flex-start;gap:12px;margin-bottom:58px;padding:15px 18px;border-right:3px solid var(--orange);border-radius:7px;background:#e8f1ef}.editor-note span{color:var(--orange);font-size:22px}.editor-note p{margin:0;font-size:14px;line-height:1.5}.site-footer{background:var(--navy-deep);color:#c0d8d9}.footer-inner{min-height:73px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:800}.footer-inner span+span{font-size:13px;font-weight:600}
@media(max-width:900px){.group-grid{grid-template-columns:1fr}.lure-card{max-width:740px}.card-top{grid-template-columns:38% 62%}}
@media(max-width:640px){.container{width:min(100% - 28px,480px)}.header-inner{height:60px}.brand{font-size:16px}.brand small{font-size:9px}.brand-symbol{width:32px;height:32px;font-size:29px}.header-link{font-size:12px;padding:7px 10px}.hero{min-height:265px;background-image:linear-gradient(270deg,rgba(9,33,43,.96),rgba(9,33,43,.76) 70%,rgba(9,33,43,.38)),url('assets/shore-hero.webp');background-position:center,left center}.hero-content{padding:30px 0 32px}.hero h1{font-size:clamp(32px,8.7vw,43px);margin:10px 0}.hero p{font-size:15px;line-height:1.4;max-width:340px;margin-bottom:12px}.finder{margin-top:22px}.finder h2,.catalog h2{font-size:26px}.finder-panel{padding:13px}.type-list{margin-inline:-13px;padding-inline:13px}.filter-chip{font-size:13px;min-height:40px}.select-row{gap:8px}.select-field select{font-size:14px}.catalog{padding-top:38px}.catalog-heading{align-items:start;margin-bottom:23px}.catalog-lead{font-size:13px;max-width:250px;line-height:1.3}.catalog-heading>p{font-size:12px;margin-top:3px}.lure-group{margin-bottom:34px}.group-heading h3{font-size:25px}.group-heading p{font-size:12px}.group-count{font-size:11px}.group-grid{gap:13px}.card-top{grid-template-columns:1fr}.card-visual{min-height:166px;border-left:0;border-bottom:1px solid #e4eeed;padding:14px}.card-visual img{height:143px;max-width:360px}.card-identity{padding:13px 16px 12px;min-height:115px}.lure-card h3{font-size:20px;margin:8px 0 2px}.card-subtitle{margin:0 0 9px}.motion-panel{margin:0 12px;padding:8px 12px 6px}.motion-graphic{height:58px}.method-block{padding:12px 15px}.method-steps li{font-size:13px}.card-bottom{margin:0 15px;gap:11px}.stat strong{font-size:11px}.editor-note{font-size:13px;margin-bottom:40px}.footer-inner{min-height:65px;font-size:13px}.footer-inner span+span{font-size:11px}}
@media(max-width:360px){.brand-symbol{display:none}.header-link{padding:6px 8px}.catalog-heading{display:block}.catalog-heading>p{margin-top:10px}.motion-heading strong{font-size:12px}.card-bottom{gap:7px}.stat{gap:2px 4px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.lure-card{transition:none}}
.motion-graphic{transform:scaleX(-1)}

/* Bright Mediterranean hero */
.hero{color:#143542;background:linear-gradient(270deg,rgba(255,251,242,.96) 0%,rgba(255,251,242,.84) 31%,rgba(255,251,242,.34) 57%,rgba(255,251,242,0) 77%),url('assets/shore-hero-spinning.webp') center 51%/cover no-repeat}
.hero .eyebrow{color:#276173}.hero h1 em{color:#ad542b}.hero p{color:#2d5261}.hero-cta{color:#16445a;border-bottom-color:#bc6e42}.hero-cta span{color:#a94f2c}
@media(max-width:640px){.hero{background-image:linear-gradient(270deg,rgba(255,251,242,.97) 0%,rgba(255,251,242,.92) 49%,rgba(255,251,242,.66) 100%),url('assets/shore-hero-spinning.webp');background-position:center,24% center}}