.pp-fan{position:absolute;inset:0;overflow:hidden;background:radial-gradient(58% 52% at 50% 34%,rgba(214,154,30,.42),transparent 72%),radial-gradient(90% 60% at 50% 115%,rgba(0,0,0,.55),transparent 70%),linear-gradient(180deg,#30251b,#17110c)}.pp-fan:before{content:"";position:absolute;inset:0 18% auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,226,170,.5),transparent)}.pp-phone{position:absolute;aspect-ratio:780/1688;padding:.8%;border-radius:15%/7%;background:#0b0907;box-shadow:inset 0 0 0 1px rgba(255,255,255,.09),0 28px 50px -18px rgba(0,0,0,.7),0 10px 22px -12px rgba(0,0,0,.6);transition:transform .52s cubic-bezier(.22,1,.36,1)}.pp-screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:13%/6%;background:#f5f0e8}.pp-phone--c{z-index:2;top:7%;left:32.5%;width:35%}.pp-phone--l,.pp-phone--r{z-index:1;top:19%;width:28%}.pp-phone--l{left:6.5%;transform:rotate(-7deg)}.pp-phone--r{right:6.5%;transform:rotate(7deg)}.pp-phone--l .pp-screen:after,.pp-phone--r .pp-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(23,17,12,0) 40%,rgba(23,17,12,.28))}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.pp:focus-within .pp-phone--c,.pp:hover .pp-phone--c{transform:translateY(-2.5%)}.pp:focus-within .pp-phone--l,.pp:hover .pp-phone--l{transform:translateX(-5%) rotate(-10deg)}.pp:focus-within .pp-phone--r,.pp:hover .pp-phone--r{transform:translateX(5%) rotate(10deg)}}.pp{container-type:inline-size}.pp-label-short{display:none}@container (max-width: 380px){.pp-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.pp-label-short{display:inline}.pp-phone--c{top:3.5%;left:33.5%;width:33%}.pp-phone--l,.pp-phone--r{top:15%}.pp-play{left:.6rem;bottom:.6rem;min-height:2.5rem;gap:.4rem;padding:.4rem .85rem .4rem .45rem;font-size:.82rem}}