.bird-list{grid-gap:1rem;grid-template-columns:repeat(12,1fr);gap:1.5rem;display:grid}.bird-list li{grid-column:span 3;transition:all .5s cubic-bezier(.86,0,.07,1);display:block}.bird-list a{border-radius:var(--radius-lg);background-color:var(--c-main);text-decoration:none;display:block;position:relative;overflow:hidden}.bird-list a:hover .bird-list__name{color:var(--c-main);background-color:#fffc}.bird-list img{aspect-ratio:1;-o-object-fit:cover;object-fit:cover;width:100%;height:auto;display:block}.bird-list__name{text-overflow:ellipsis;-webkit-hyphens:auto;hyphens:auto;width:100%;color:var(--c-copy);text-align:center;background-color:var(--c-offwhite);padding:.6rem .5rem;font-size:.75rem;font-weight:500;line-height:1.2;transition:background-color .3s cubic-bezier(.075,.82,.165,1),color .3s cubic-bezier(.075,.82,.165,1),padding .3s cubic-bezier(.075,.82,.165,1);display:block;overflow:hidden}@media screen and (width>=1300px){.bird-list li{grid-column:span 2}}@media screen and (width<=850px){.bird-list li{grid-column:span 4}}@media screen and (width<=550px){.bird-list{row-gap:1rem}.bird-list li{grid-column:span 6}}