.pframe{position:relative;inline-size:100%;max-inline-size:26rem;margin-inline:auto;isolation:isolate;align-self:center;block-size:-moz-fit-content;block-size:fit-content}.pframe__media{position:relative;z-index:2;border-radius:16% 20% 15% 18%/13% 11% 15% 12%;overflow:hidden;background:var(--surface-2);animation:pf-morph 22s ease-in-out infinite alternate;box-shadow:0 1.5rem 3rem -1.5rem oklch(30% .08 var(--h)/.45)}.pframe__media>img{display:block;inline-size:100%;block-size:auto}@keyframes pf-morph{0%{border-radius:16% 20% 15% 18%/13% 11% 15% 12%}to{border-radius:20% 15% 19% 14%/11% 15% 11% 16%}}.pframe__ring{position:absolute;z-index:1;border-radius:17% 19% 16% 18%/13% 12% 14% 13%;border:2px solid;pointer-events:none}.pframe__ring--1{inset:-.9rem -1.1rem -.6rem -.7rem;color:color-mix(in srgb,var(--brand-raw) 55%,transparent);animation:pf-ring-a 18s ease-in-out infinite alternate}.pframe__ring--2{inset:-1.9rem -.5rem -1.4rem -1.7rem;color:color-mix(in srgb,var(--accent-3) 55%,transparent);animation:pf-ring-b 24s ease-in-out infinite alternate}@keyframes pf-ring-a{0%{transform:rotate(-1.2deg) translate(0)}to{transform:rotate(1.4deg) translate(.35rem,-.3rem)}}@keyframes pf-ring-b{0%{transform:rotate(1.6deg) translate(0)}to{transform:rotate(-1.1deg) translate(-.4rem,.35rem)}}.pframe__glow{position:absolute;z-index:0;inset:-12% -14% -8% -14%;border-radius:50%;filter:blur(46px);opacity:.55;pointer-events:none;display:none;animation:pf-glow 20s ease-in-out infinite alternate}@keyframes pf-glow{0%{transform:translate(0) scale(1)}to{transform:translate(1.1rem,-.9rem) scale(1.08)}}.pframe__bubble{position:absolute;z-index:3;border-radius:50%;pointer-events:none;border:2px solid color-mix(in srgb,var(--brand-raw) 70%,transparent);background:color-mix(in oklab,var(--bg) 55%,transparent);animation:pf-float 14s ease-in-out infinite alternate}.pframe__bubble--1{inline-size:1.35rem;block-size:1.35rem;inset-block-start:6%;inset-inline-end:-1.6rem;animation-duration:15s}.pframe__bubble--2{inline-size:.85rem;block-size:.85rem;inset-block-start:22%;inset-inline-start:-2.1rem;animation-duration:19s;animation-delay:-4s}.pframe__bubble--3{inline-size:2rem;block-size:2rem;inset-block-end:14%;inset-inline-start:-2.4rem;animation-duration:23s;animation-delay:-9s;border-color:color-mix(in srgb,var(--accent-3) 70%,transparent)}.pframe__bubble--4{inline-size:1.1rem;block-size:1.1rem;inset-block-end:5%;inset-inline-end:-1.4rem;animation-duration:17s;animation-delay:-2s;border-color:color-mix(in srgb,var(--accent-2) 75%,transparent)}@keyframes pf-float{0%{transform:translateY(.45rem)}to{transform:translate(.3rem,-.55rem)}}@media (max-width:47.99rem){.pframe{margin-block:var(--sp-6)}.pframe__ring--1{inset:-.6rem}.pframe__ring--2{inset:-1.1rem}.pframe__bubble--2,.pframe__bubble--3{inset-inline-start:-1rem}.pframe__bubble--1,.pframe__bubble--4{inset-inline-end:-.8rem}}@media (prefers-reduced-motion:reduce){.pframe__bubble,.pframe__glow,.pframe__media,.pframe__ring{animation:none}}