html{scroll-behavior:smooth}
.pf-page{font-family:'Onest',Arial,sans-serif}
.pf-paw:hover .pf-paw-label{max-width:200px}
.pf-paw:hover{padding-right:26px}
.pf-paw:active{filter:brightness(.85)}
.pf-btn-grad:active{background-image:linear-gradient(90deg,#A82359,#5A2FC8)!important;box-shadow:0 2px 6px rgba(124,77,232,.25)!important}
.pf-btn-glass:active{background:#E9DFFF!important;box-shadow:none!important}
.pf-float:hover .pf-fan-img{opacity:1}
.pf-float:hover .pf-fan-1{transform:translate(-150px,-10px) rotate(-38deg)}
.pf-float:hover .pf-fan-2{transform:translate(-140px,-90px) rotate(-26deg)}
.pf-float:hover .pf-fan-3{transform:translate(-100px,-155px) rotate(-14deg)}
.pf-float:hover .pf-fan-4{transform:translate(-40px,-195px) rotate(-4deg)}
.pf-float:hover .pf-fan-5{transform:translate(25px,-205px) rotate(8deg)}
.pf-fan-img{width:90px!important;height:114px!important}
@media (hover:hover){
.pf-pet .pf-ring{position:relative}
.pf-pet:hover .pf-ring{border-radius:34px;transform:scale(1.12) translateY(-6px);box-shadow:0 10px 24px rgba(124,77,232,.3)}
.pf-pet:hover .pf-pet-img{border-radius:30px}
}
.pf-modal.pf-open{display:flex!important}
.pf-modal.pf-open .pf-modal-card{animation:pfIn .3s ease}
@keyframes pfIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@media (max-width:767px){.pf-paw:hover{padding-right:0}.pf-paw:hover .pf-paw-label{max-width:0}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pf-modal.pf-open .pf-modal-card{animation:none}}


/* fix 03.11: fan above expanded paw */
.pf-float:hover .pf-fan-1{transform:translate(-190px,-100px) rotate(-22deg)}
.pf-float:hover .pf-fan-2{transform:translate(-140px,-145px) rotate(-12deg)}
.pf-float:hover .pf-fan-3{transform:translate(-90px,-170px) rotate(-2deg)}
.pf-float:hover .pf-fan-4{transform:translate(-40px,-165px) rotate(8deg)}
.pf-float:hover .pf-fan-5{transform:translate(-5px,-135px) rotate(16deg)}
/* fix 03.11: no hover effects on touch screens, easier tap */
.pf-paw{touch-action:manipulation;-webkit-tap-highlight-color:transparent;cursor:pointer}
@media (hover:none){.pf-paw:hover{padding-right:0}.pf-paw:hover .pf-paw-label{max-width:0}.pf-float:hover .pf-fan-img{opacity:0}}
/* fix 03.11: background spots on tablet and phone */
@media (max-width:991px){.pf-spot{filter:blur(100px)}.pf-spot.pf-spot-blue{width:700px;height:700px;top:-260px;left:-320px}.pf-spot.pf-spot-yellow{width:650px;height:650px;top:-160px;right:-320px}}
@media (max-width:767px){.pf-float{bottom:calc(36px + env(safe-area-inset-bottom))}.pf-spot{filter:blur(70px)}.pf-spot.pf-spot-blue{width:460px;height:460px;top:-140px;left:-230px}.pf-spot.pf-spot-yellow{width:420px;height:420px;top:-60px;right:-240px}.pf-spot.pf-spot-lilac,.pf-spot.pf-spot-green,.pf-spot.pf-spot-peach{width:420px;height:420px}.pf-spot.pf-spot-lilac,.pf-spot.pf-spot-peach{left:-220px}.pf-spot.pf-spot-green{right:-220px}}


/* fix 03.11: quote below photo on tablet and phone */
@media (max-width:991px){.pf-about-photo{padding-bottom:0}.pf-quote{position:relative;right:auto;bottom:auto;margin:-24px 0 0 auto}}


/* fix 03.11 b: fan to the left of and above the paw button */
.pf-float:hover .pf-fan-1{transform:translate(-300px,-120px) rotate(-16deg)}
.pf-float:hover .pf-fan-2{transform:translate(-232px,-162px) rotate(-8deg)}
.pf-float:hover .pf-fan-3{transform:translate(-164px,-182px) rotate(0deg)}
.pf-float:hover .pf-fan-4{transform:translate(-96px,-172px) rotate(8deg)}
.pf-float:hover .pf-fan-5{transform:translate(-30px,-142px) rotate(16deg)}
/* fix 03.11 b: rounded corners of the final card in Safari */
.pf-final{clip-path:inset(0 round 48px);box-shadow:none}
.pf-final-wrap{filter:drop-shadow(0 7px 16px rgba(124,77,232,.15))}
@media (max-width:479px){.pf-final{clip-path:inset(0 round 32px)}}
/* fix 03.11 b: stickers evenly spread on tablet and phone */
@media (max-width:991px){
.pf-stickers-imgs{width:100%;max-width:560px;height:auto;aspect-ratio:300/165;margin-left:auto;margin-right:auto}
.pf-st,.pf-st.pf-st-1,.pf-st.pf-st-2,.pf-st.pf-st-3,.pf-st.pf-st-4{width:33%;height:auto;aspect-ratio:1/1}
.pf-st.pf-st-1{left:0;top:2%}
.pf-st.pf-st-2{left:22.33%;top:36%}
.pf-st.pf-st-3{left:44.67%;top:2%}
.pf-st.pf-st-4{left:67%;top:36%}
}


/* fix 03.11 b: hero media first on tablet and phone */
@media (max-width:991px){.pf-hero-media{order:-1}}


/* hero video 03.11: video over the photo, starts after 1.5s */
.pf-hero-media{position:relative}
.pf-hero-video{position:absolute!important;top:0;left:0;right:0;bottom:0;height:auto!important;z-index:1;opacity:0;transition:opacity .8s ease;pointer-events:none;background:none;clip-path:inset(0 round 56px)}
.pf-hero-video.pf-on{opacity:1}
.pf-hero-video video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;margin:0}
@media (max-width:479px){.pf-hero-video{clip-path:inset(0 round 32px)}}


/* hero sound 03.11: video with sound + speaker button */
.pf-sound{position:absolute;left:20px;bottom:20px;z-index:2;width:52px;height:52px;border-radius:50%;border:1.5px solid rgba(255,255,255,.9);background:rgba(255,255,255,.75);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 7px 16px rgba(124,77,232,.25);display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;padding:0;margin:0;color:#7C4DE8;opacity:0;transition:opacity .4s ease,transform .2s ease}
.pf-hero-video.pf-on .pf-sound{opacity:1}
.pf-hero-video:not(.pf-on) .pf-sound{pointer-events:none}
.pf-sound:hover{transform:scale(1.06)}
.pf-sound:active{transform:scale(.96)}
.pf-sound:focus-visible{outline:3px solid #7C4DE8;outline-offset:3px}
.pf-sound svg{width:24px;height:24px;display:block}
.pf-sound .pf-s-on{display:none}
.pf-sound.pf-unmuted .pf-s-on{display:block}
.pf-sound.pf-unmuted .pf-s-off{display:none}
@media (max-width:479px){.pf-sound{left:14px;bottom:14px;width:46px;height:46px}}


/* soon block 03.11: full site coming soon */
.pf-soon-wrap{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 20px 80px}
.pf-soon{position:relative;display:flex;align-items:center;justify-content:space-between;gap:48px;padding:52px 56px;border-radius:40px;background-image:linear-gradient(rgba(255,255,255,.86),rgba(243,236,255,.7));border:1.5px solid rgba(255,255,255,.9);box-shadow:0 7px 16px rgba(124,77,232,.15)}
.pf-soon-text{display:flex;flex-direction:column;align-items:flex-start;gap:16px;max-width:620px}
.pf-soon-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.95);border:1.5px solid #E6DCFF;color:#7C4DE8;font-size:14px;font-weight:600}
.pf-soon-badge:before{content:"";width:8px;height:8px;border-radius:50%;background-image:linear-gradient(90deg,#D9367A,#7C4DE8)}
.pf-h3.pf-soon-title{margin:0;font-size:34px;line-height:1.2}
.pf-soon-list{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 0;padding:0;list-style:none}
.pf-soon-list li{padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.95);border:1.5px solid #E6DCFF;color:#232A3D;font-size:15px;font-weight:500}
.pf-soon .pf-btn{flex-shrink:0}
@media (max-width:767px){.pf-soon .pf-btn{width:100%;align-self:stretch}}
@media (max-width:991px){.pf-soon{flex-direction:column;align-items:stretch;padding:32px;gap:28px}.pf-soon-text{max-width:none}}
@media (max-width:479px){.pf-soon-wrap{padding:0 16px 56px}.pf-soon{border-radius:32px;padding:28px 20px 24px;gap:24px}.pf-h3.pf-soon-title{font-size:24px}.pf-soon-list li{font-size:14px;padding:9px 14px}}


/* fix 04.11: quote under the Zhuzha photo, only 16px overlap */
.pf-about-photo{padding-bottom:0}
.pf-quote{position:relative;right:auto;bottom:auto;margin:-16px 0 0 auto}

/* static build 06.11 */
.pf-footer-links a,.pf-footer-legal a{color:inherit;text-decoration:none;transition:opacity .2s}
.pf-footer-links a:hover,.pf-footer-legal a:hover{opacity:.7;text-decoration:underline}
.pf-footer{flex-wrap:wrap}
.pf-footer-legal{width:100%;margin-top:14px;font-size:13px;line-height:1.5;opacity:.7}
.pf-chip{cursor:pointer;user-select:none}
.pf-chip:focus-visible,.pf-btn:focus-visible,.pf-sound:focus-visible{outline:3px solid #7C4DE8;outline-offset:3px}