.birdportrait{position:relative}.birdportrait__content{display:flex}.birdportrait__side{width:35%;padding-right:1rem}.birdportrait__main{width:65%}.birdportrait__image img{display:block;width:100%;height:auto;border-radius:var(--radius-lg)}.birdportrait__headline{font-size:2rem;margin-bottom:1rem;color:#000}.birdportrait__detailbtn{display:block;width:100%;margin:3rem auto 0;white-space:nowrap}.birdportrait__similar{margin-top:4rem}.birdportrait__similar ul{margin-top:1rem;display:grid;grid-template-columns:repeat(12,1fr);grid-gap:1rem}.birdportrait__similar ul li{grid-column:span 3}.birdportrait__spinner{display:block;position:absolute;top:50%;left:50%;width:2rem;height:2rem;margin-left:-1rem;margin-top:-1rem;border-radius:100%;border:4px dotted #f4cba7;animation:spinner 3s linear infinite}@media screen and (max-width:550px){.birdportrait__content{flex-wrap:wrap}.birdportrait__side{width:100%;padding:0}.birdportrait__image{margin:0 auto}.birdportrait__image img{border-bottom-left-radius:0;border-bottom-right-radius:0}.birdportrait__main{width:100%;margin-top:1.5rem}.birdportrait__headline{font-size:1.75rem}.birdportrait__detailbtn{min-width:0;width:100%}.birdportrait__similar ul li{grid-column:span 6}}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}