.boop-breeds{display:block;background:#050505;color:#fff;padding:clamp(3.2rem,6vw,6.5rem) 0 clamp(5rem,8vw,9rem)}
.boop-breeds__intro{max-width:92rem;margin:0 auto clamp(3rem,5vw,5rem);text-align:center}
.boop-breeds__eyebrow{margin:0 0 .8rem;font-size:1.2rem;font-weight:700;letter-spacing:.22em;color:#aaa}
.boop-breeds__title{margin:0;color:#fff;font-size:clamp(4.2rem,7vw,8rem);line-height:.95}
.boop-breeds__text{max-width:72rem;margin:1.5rem auto 0;color:#c7c7c7;font-size:1.7rem;line-height:1.55}
.boop-breeds__tools{position:relative;z-index:2;max-width:92rem;margin:0 auto clamp(3rem,5vw,5rem)}
.boop-breeds__search{position:relative;display:flex;align-items:center}
.boop-breeds__search svg{position:absolute;left:1.8rem;width:2rem;height:2rem;color:#111;pointer-events:none}
.boop-breeds__input{width:100%;min-height:5.8rem;padding:1.4rem 5rem;border:0;border-radius:0;background:#fff;color:#111;font:inherit;font-size:1.6rem;box-shadow:0 1.2rem 3rem rgba(0,0,0,.24)}
.boop-breeds__input:focus{outline:.3rem solid #fff;outline-offset:.4rem}
.boop-breeds__clear{position:absolute;right:1rem;display:none;border:0;background:transparent;color:#111;font-size:2.5rem;line-height:1;cursor:pointer}
.boop-breeds__clear.is-visible{display:block}
.boop-breeds__alphabet{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem;margin-top:1.7rem}
.boop-breeds__letter{display:grid;width:3.2rem;height:3.2rem;place-items:center;border:1px solid #4c4c4c;color:#fff;text-decoration:none;font-size:1.3rem;font-weight:700;transition:.16s ease}
.boop-breeds__letter:hover,.boop-breeds__letter:focus{border-color:#fff;background:#fff;color:#111}
.boop-breeds__letter.is-empty{opacity:.26;pointer-events:none}
.boop-breeds__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1.2rem,2vw,2.4rem)}
.boop-breeds__card{min-width:0}
.boop-breeds__link{display:block;color:#fff;text-decoration:none}
.boop-breeds__media{position:relative;aspect-ratio:1;overflow:hidden;background:#171717}
.boop-breeds__image{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.boop-breeds__link:hover .boop-breeds__image{transform:scale(1.035)}
.boop-breeds__placeholder{width:100%;height:100%;padding:15%;background:#222;color:#555}
.boop-breeds__name{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.2rem 0 0;color:#fff;font-size:clamp(1.8rem,2vw,2.7rem);line-height:1.05}
.boop-breeds__arrow{font-family:Arial,sans-serif;font-size:2.4rem;transition:transform .2s ease}
.boop-breeds__link:hover .boop-breeds__arrow{transform:translateX(.4rem)}
.boop-breeds__empty{display:none;margin:3rem auto 0;padding:4rem 2rem;border:1px solid #333;text-align:center}
.boop-breeds__empty.is-visible{display:block}
.boop-breeds__empty h2{margin:0 0 .8rem;color:#fff;font-size:3rem}
.boop-breeds__empty p{margin:0 0 2rem;color:#bbb}
.boop-breeds__footer{margin-top:clamp(4rem,7vw,7rem);padding-top:clamp(3rem,5vw,5rem);border-top:1px solid #333;text-align:center}
.boop-breeds__footer h2{margin:0 0 .8rem;color:#fff;font-size:clamp(3rem,5vw,5rem)}
.boop-breeds__footer p{margin:0 auto 2rem;max-width:60rem;color:#bbb}
@media(max-width:989px){.boop-breeds__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:749px){.boop-breeds{padding-top:3.5rem}.boop-breeds__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.boop-breeds__name{font-size:1.65rem}.boop-breeds__arrow{font-size:1.9rem}.boop-breeds__letter{width:2.9rem;height:2.9rem}.boop-breeds__tools{margin-bottom:3.2rem}}