.block-species{padding:20px var(--gutter) 30px;background:linear-gradient(#fff 60%,#f7f8f8)}.block-species .eyebrow{text-transform:uppercase}.species-carousel{position:relative;margin-top:18px}.species-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:20px;scrollbar-width:none;padding:5px 0 8px}.species-track::-webkit-scrollbar{display:none}.species-card{flex:0 0 calc((100% - 100px)/6);min-width:0;text-align:center;scroll-snap-align:start;background:none;border:0;font-family:var(--font-body)}.species-card .portrait{height:125px;display:flex;align-items:end;justify-content:center;margin-bottom:10px}.species-card img{width:auto;height:110px;max-width:100%;object-fit:contain;mix-blend-mode:multiply}.species-card h3{font-size:16px;line-height:1.3;font-weight:600;margin-bottom:4px}.species-card p{font-size:14px;line-height:1.25;max-width:170px;margin:auto}.species-prev,.species-next{position:absolute;top:64px;z-index:2;width:34px;height:34px}.species-prev{left:-35px}.species-next{right:-35px}.species-prev svg{transform:rotate(180deg)}.species-prev:disabled,.species-next:disabled{visibility:hidden}
@media(max-width:900px){.species-card{flex-basis:calc((100% - 60px)/4)}.species-card .portrait{height:120px}.species-prev{left:-20px}.species-next{right:-20px}}
@media(max-width:600px){.block-species{padding:24px 22px 28px}.species-track{gap:18px;padding-left:2px;padding-right:2px}.species-card{flex-basis:calc((100% - 18px)/2)}.species-card .portrait{height:115px}.species-card p{font-size:14px}.block-species .section-topline{gap:10px}.block-species .eyebrow,.block-species .text-link{font-size:13px}.species-prev{left:-16px}.species-next{right:-16px}}
/* Feather only the paper edge of each exact crop, so portraits meet the page naturally. */
.species-card img{mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 82%,transparent);mask-composite:intersect}

/* Portrait-only scale. Preserve card geometry, captions and click targets. */
.block-species .species-card img{transform:scale(.85);transform-origin:center bottom}

.species-dots{display:flex;justify-content:center;flex-wrap:wrap;gap:2px;margin-top:10px}
.species-dots button{display:grid;place-items:center;width:28px;height:28px;border:0;padding:0;background:transparent;border-radius:50%}
.species-dots button span{width:7px;height:7px;border-radius:50%;background:#c9d1d5}
.species-dots button[aria-current="true"] span{background:var(--accent)}
.species-dots button:hover span{background:var(--ink)}