.pp-pets{--pt-card:#0a2a57;--pt-label:#ec008c;--pt-btn:#ec008c;--pt-ease:cubic-bezier(.22,.8,.24,1);color:#1b2433;display:flex;flex-direction:column;gap:32px;line-height:1.5;margin:0 auto;max-width:1120px}.pp-pets,.pp-pets *,.pp-pets :after,.pp-pets :before{box-sizing:border-box}.pp-pets .pt-row{display:flex;gap:24px}.pp-pets .pt-item{--pt-circle:#ec008c;--pt-scale:1;container-type:inline-size;cursor:pointer;flex:1 1 0;min-width:0;outline:none;transition:flex-grow .5s var(--pt-ease)}.pp-pets .pt-item:focus-within,.pp-pets .pt-item:hover{flex-grow:2.6}.pp-pets .pt-stage{--pt-d:min(300px,96cqw);height:340px;position:relative}.pp-pets .pt-label{color:var(--pt-card);font-size:clamp(1.05rem,6cqw,1.35rem);font-weight:800;line-height:1.25;margin:12px 0 0;text-align:center;transition:opacity .3s ease}.pp-pets .pt-mark{aspect-ratio:200.83/183.6;background:var(--pt-circle);bottom:26px;left:50%;margin-left:calc(var(--pt-d)/-2);-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200.83 183.6'%3E%3Cpath d='M129.83 10.07c-17.3-13.42-41.44-13.42-58.74-.02C46.85 28.82 14.7 55.39 3.39 72.31c-8.8 13.17.57 30.81 16.41 30.81h4.46v60.71c0 10.92 8.85 19.77 19.77 19.77h11.04v-24.66c0-12.94 10.49-23.42 23.42-23.42 12.94 0 23.42 10.49 23.42 23.42v24.66h54.8c10.92 0 19.77-8.85 19.77-19.77v-60.71h4.56c15.84 0 25.21-17.64 16.41-30.81-11.31-16.92-43.42-43.48-67.61-62.25Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200.83 183.6'%3E%3Cpath d='M129.83 10.07c-17.3-13.42-41.44-13.42-58.74-.02C46.85 28.82 14.7 55.39 3.39 72.31c-8.8 13.17.57 30.81 16.41 30.81h4.46v60.71c0 10.92 8.85 19.77 19.77 19.77h11.04v-24.66c0-12.94 10.49-23.42 23.42-23.42 12.94 0 23.42 10.49 23.42 23.42v24.66h54.8c10.92 0 19.77-8.85 19.77-19.77v-60.71h4.56c15.84 0 25.21-17.64 16.41-30.81-11.31-16.92-43.42-43.48-67.61-62.25Z'/%3E%3C/svg%3E") center/contain no-repeat;position:absolute;transition:opacity .35s ease,transform .5s var(--pt-ease);width:var(--pt-d);z-index:1}.pp-pets .pt-circle{background:var(--pt-card);border-radius:50%;bottom:calc(26px + var(--pt-d)*.22);height:calc(var(--pt-d)*.5);left:50%;margin-left:calc(var(--pt-d)*-.25);opacity:0;position:absolute;transition:left .5s var(--pt-ease),bottom .5s var(--pt-ease),width .5s var(--pt-ease),height .5s var(--pt-ease),margin .5s var(--pt-ease),border-radius .5s var(--pt-ease),opacity .25s ease;width:calc(var(--pt-d)*.5)}.pp-pets .pt-card{align-items:center;display:flex;inset:10px 0;opacity:0;padding:28px 28px 28px 46%;pointer-events:none;position:absolute;transform:translateY(10px);transition:opacity .25s ease,transform .35s var(--pt-ease),visibility 0s linear .25s;visibility:hidden;z-index:3}.pp-pets .pt-card-text{min-width:0}.pp-pets .pt-card-title{color:var(--pt-label);font-size:1.6rem;font-weight:800;line-height:1.15;margin:0 0 10px}.pp-pets .pt-card-body{color:hsla(0,0%,100%,.86);font-size:1rem;line-height:1.55;margin:0 0 20px}.pp-pets .pt-img{height:250px;left:50%;max-width:88%;object-fit:contain;object-position:center bottom;pointer-events:none;position:absolute;top:62px;transform:translate(-50%) scale(var(--pt-scale));transform-origin:50% 50%;transition:transform-origin .5s var(--pt-ease),top .5s var(--pt-ease),left .5s var(--pt-ease),height .5s var(--pt-ease),max-width .5s var(--pt-ease),transform .5s var(--pt-ease),object-position .5s var(--pt-ease);width:auto;z-index:2}.pp-pets a.pt-btn{align-items:center;background:var(--pt-btn);border-radius:999px;color:#fff!important;display:inline-flex;font-weight:700;gap:8px;justify-content:center;min-height:46px;padding:12px 22px;text-decoration:none!important;transition:filter .2s ease;white-space:nowrap}.pp-pets a.pt-btn:hover{filter:brightness(.9)}.pp-pets a.pt-btn:focus-visible{outline:3px solid #fff;outline-offset:2px}.pp-pets .pt-item:focus-within .pt-circle,.pp-pets .pt-item:hover .pt-circle{border-radius:24px;bottom:10px;height:calc(100% - 20px);left:0;margin-left:0;opacity:1;width:100%}.pp-pets .pt-item:focus-within .pt-mark,.pp-pets .pt-item:hover .pt-mark{opacity:0;transform:scale(1.3)}.pp-pets .pt-item:focus-within .pt-card,.pp-pets .pt-item:hover .pt-card{opacity:1;pointer-events:auto;transform:none;transition:opacity .3s ease .3s,transform .4s var(--pt-ease) .3s,visibility 0s;visibility:visible}.pp-pets .pt-item:focus-within .pt-img,.pp-pets .pt-item:hover .pt-img{height:380px;left:-2%;max-width:44%;object-position:center center;top:50%;transform:translateY(-50%) scale(var(--pt-scale));transform-origin:50% 50%}.pp-pets .pt-item:focus-within .pt-label,.pp-pets .pt-item:hover .pt-label{opacity:0}.pp-pets .pt-item:focus-visible .pt-circle{box-shadow:0 0 0 3px var(--pt-label)}.pp-pets .pt-row .pt-item:nth-child(3) .pt-card{padding:28px 46% 28px 28px}.pp-pets .pt-row .pt-item:nth-child(3):focus-within .pt-img,.pp-pets .pt-row .pt-item:nth-child(3):hover .pt-img{left:102%;transform:translate(-100%,-50%) scale(var(--pt-scale));transform-origin:50% 50%}@media (hover:none),(max-width:900px){.pp-pets{gap:28px;max-width:560px}.pp-pets .pt-row{flex-direction:column;gap:28px}.pp-pets .pt-item{flex:none}.pp-pets .pt-row .pt-item:nth-child(3) .pt-card{padding:28px 28px 28px 46%}.pp-pets .pt-row .pt-item:nth-child(3):focus-within .pt-img,.pp-pets .pt-row .pt-item:nth-child(3):hover .pt-img{left:-2%;transform:translateY(-50%) scale(var(--pt-scale));transform-origin:50% 50%}}@media (hover:none){.pp-pets .pt-item{cursor:default}.pp-pets .pt-circle{border-radius:24px;bottom:10px;height:calc(100% - 20px);left:0;margin-left:0;opacity:1;width:100%}.pp-pets .pt-label,.pp-pets .pt-mark{display:none}.pp-pets .pt-card{opacity:1;pointer-events:auto;transform:none;visibility:visible}.pp-pets .pt-img{height:340px;left:-2%;max-width:44%;object-position:center center;top:50%;transform:translateY(-50%) scale(var(--pt-scale));transform-origin:50% 50%}}@media (max-width:560px){.pp-pets .pt-stage{height:300px}.pp-pets .pt-img{height:215px;top:60px}.pp-pets .pt-card{padding:20px 18px 20px 42%}.pp-pets .pt-card-title{font-size:1.3rem}.pp-pets .pt-card-body{font-size:.95rem}.pp-pets .pt-item:focus-within .pt-img,.pp-pets .pt-item:hover .pt-img{height:310px}}@media (hover:none) and (max-width:560px){.pp-pets .pt-img{height:290px;top:50%}}@media (prefers-reduced-motion:reduce){.pp-pets .pt-card,.pp-pets .pt-circle,.pp-pets .pt-img,.pp-pets .pt-item,.pp-pets .pt-label,.pp-pets .pt-mark{transition:none}}@media (hover:none),(max-width:560px){.pp-pets .pt-item{cursor:default}.pp-pets .pt-circle{border-radius:24px;bottom:10px;height:calc(100% - 20px);left:0;margin-left:0;opacity:1;width:100%}.pp-pets .pt-label,.pp-pets .pt-mark{display:none}.pp-pets .pt-stage{height:auto;min-height:240px}.pp-pets .pt-card,.pp-pets .pt-row .pt-item:nth-child(3) .pt-card{inset:auto;margin:10px 0;min-height:220px;opacity:1;padding:24px 20px 24px 37%;pointer-events:auto;position:relative;transform:none;visibility:visible}.pp-pets .pt-img,.pp-pets .pt-item:focus-within .pt-img,.pp-pets .pt-item:hover .pt-img,.pp-pets .pt-row .pt-item:nth-child(3):focus-within .pt-img,.pp-pets .pt-row .pt-item:nth-child(3):hover .pt-img{height:auto;left:2%;max-height:calc(100% - 24px);max-width:none;object-position:center center;top:50%;transform:translateY(-50%) scale(var(--pt-scale));width:33%}.pp-pets .pt-card-title{font-size:1.3rem;margin-bottom:8px}.pp-pets .pt-card-body{font-size:.95rem;margin-bottom:16px}}