.bird-family-card{background-color:#252837;display:flex;margin:0;position:relative;overflow:hidden;max-width:335px;max-height:448px;border-radius:16px;aspect-ratio:0.7477678571;transition:box-shadow 0.2s ease-in-out}@supports not (aspect-ratio: 0.7477678571){.bird-family-card:before{float:left;padding-top:74.7%;content:""}.bird-family-card:after{display:block;content:"";clear:both}}@media only screen and (max-width:680px){.bird-family-card{background:var(--warm-200);max-width:160px;max-height:314px;aspect-ratio:0.5095541401}@supports not (aspect-ratio: 0.5095541401){.bird-family-card{min-height:300px}.bird-family-card:before{padding-top:50.9%}}}.bird-family-card a.card-link{background:transparent;content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;border-radius:16px}.bird-family-card a.card-link:focus-visible{border:2px solid #007BC7;outline:none}.bird-family-card .bird-family-card-content{position:absolute;display:flex;flex-direction:column;justify-content:center;gap:5px;width:calc(100% - 24px);min-height:74px;bottom:0;left:0;transition:background 0.2s;border-radius:12px;padding:12px 17px 12px 70px;margin:12px}@media only screen and (max-width:680px){.bird-family-card .bird-family-card-content{justify-content:flex-start;padding:24px 12px 15px 12px;border-radius:0 0 12px 12px;margin:0;width:100%;min-height:100px}}.bird-family-card .bird-family-card-content:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;border-radius:12px;background:var(--warm-200)}@media only screen and (min-width:681px){.bird-family-card .bird-family-card-content:before{background:rgba(250, 242, 229, 0.8);backdrop-filter:blur(10px)}.swiper-initialized .bird-family-card .bird-family-card-content:before{backdrop-filter:unset;background:rgba(250, 242, 229, 0.9)}}@media only screen and (max-width:680px){.bird-family-card .bird-family-card-content:before{border-radius:0 0 12px 12px}}.bird-family-card .family-icons-before{display:flex;justify-content:center;align-items:center;position:absolute;top:12px;left:10px;width:50px;height:50px;overflow:hidden}@media only screen and (max-width:680px){.bird-family-card .family-icons-before{top:-35px;left:10px;border-radius:8px;background:rgba(249, 230, 201, 0.6);backdrop-filter:blur(12px)}.swiper-initialized .bird-family-card .family-icons-before{backdrop-filter:unset;background:rgba(249, 230, 201, 0.8)}}.bird-family-card .bird-family-card-label{position:relative;display:block;text-transform:uppercase;font-family:"Gotham Narrow", Verdana, sans-serif;font-weight:500;font-size:14px;opacity:0.8;line-height:normal;letter-spacing:1.441px;color:var(--warm-800)}@media only screen and (max-width:680px){.bird-family-card .bird-family-card-label{font-size:13px;letter-spacing:1.625px}}.bird-family-card .bird-family-card-title{position:relative;display:block;font-family:"Gotham Narrow", Verdana, sans-serif;font-weight:500;font-size:16px;line-height:19px;letter-spacing:0.03em;color:var(--warm-900);margin:0}@media (hover:hover){.bird-family-card:hover{box-shadow:0 6px 12px -4px rgba(0, 0, 0, 0.7)}.bird-family-card:hover .bird-family-card-content{background:var(--cool-800)}}.bird-family-card a.card-link:focus-visible~.bird-family-card-content{background:var(--cool-800)}.bird-family-card-media{position:relative;resize:none;width:100%;height:100%;border-radius:16px;overflow:hidden}.bird-family-card-media img{height:100%}@media only screen and (max-width:680px){.bird-family-card-media img{height:auto}}