.pp-hero-comparison{display:grid;grid-template-columns:1fr 1fr;gap:5px;position:relative;margin:22px 0}.pp-hero-breed{position:relative;color:#fff;text-align:left;min-width:0}.pp-hero-photo{position:relative;aspect-ratio:2.65/1;overflow:hidden;background:#172033}.pp-hero-breed:first-child .pp-hero-photo{border-radius:20px 0 0 20px}.pp-hero-breed:last-child .pp-hero-photo{border-radius:0 20px 20px 0}.pp-hero-photo:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.82))}.pp-hero-photo img{width:100%;height:100%;object-fit:cover}.pp-hero-photo span{position:absolute;z-index:1;left:16px;right:10px;bottom:62px;color:#fff;font-size:clamp(1rem,2.5vw,1.45rem);font-weight:800;text-shadow:0 1px 2px #000}.pp-hero-leader{position:absolute;z-index:2;top:12px;left:12px;background:#f4c542;color:#172033;border-radius:99px;padding:7px 11px;font-size:.75rem}.pp-hero-breed>strong{position:absolute;z-index:2;left:16px;bottom:26px;font-size:clamp(1.7rem,4vw,2.7rem);text-shadow:0 1px 2px #000}.pp-hero-breed>small{position:absolute;z-index:2;left:16px;bottom:8px}.pp-hero-breed>i{position:absolute;z-index:2;left:16px;right:16px;bottom:0;height:5px;background:#ffffff66;overflow:hidden}.pp-hero-breed em{display:block;height:100%;background:#f27f73}.pp-hero-breed em.blue{background:#2583ed}.pp-hero-vs{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:68px;height:68px;border:3px solid #fff;border-radius:50%;display:grid;place-items:center;background:#172033;color:#fff;font-weight:800}@media(max-width:600px){.pp-hero-comparison{gap:3px}.pp-hero-photo span{left:9px;bottom:48px;font-size:.9rem}.pp-hero-breed>strong{left:9px;bottom:22px;font-size:1.35rem}.pp-hero-breed>small{left:9px;font-size:.7rem}.pp-hero-breed>i{left:9px;right:9px}.pp-hero-leader{top:7px;left:7px;padding:4px 6px;font-size:.6rem}.pp-hero-vs{width:48px;height:48px;font-size:.8rem}}