.stage[data-astro-cid-dgzf4czg]{--w:300px;--tx:0;--ty:0;--base-ry:-18deg;--base-rx:4deg;width:var(--w);font-size:calc(var(--w) / 100);perspective:1400px;perspective-origin:50% 40%;position:relative}.shadow[data-astro-cid-dgzf4czg]{filter:blur(6em);height:14em;transform:translateX(calc(var(--tx) * -6em));pointer-events:none;background:#06080c73;border-radius:50%;transition:transform .18s ease-out;position:absolute;top:88%;left:8%;right:8%}.phone[data-astro-cid-dgzf4czg]{--ry:calc(var(--base-ry) + var(--tx) * 12deg);--rx:calc(var(--base-rx) + var(--ty) * -8deg);width:100%;aspect-ratio:var(--phone-aspect,9 / 19.5);transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;will-change:transform;transition:transform .18s ease-out;position:relative}.phone-idle[data-astro-cid-dgzf4czg]{transform-style:preserve-3d;position:absolute;inset:0}.stage[data-astro-cid-dgzf4czg][data-idle=on] .phone-idle[data-astro-cid-dgzf4czg]{animation:6s ease-in-out infinite phone-float}@keyframes phone-float{0%,to{transform:rotateY(-3deg)rotateX(1deg)}50%{transform:rotateY(3deg)rotateX(-1deg)}}.stage[data-astro-cid-dgzf4czg].is-intro .phone[data-astro-cid-dgzf4czg]{animation:1.15s cubic-bezier(.16,.84,.28,1) both phone-intro}@keyframes phone-intro{0%{transform:rotateX(var(--rx)) rotateY(calc(var(--ry) - 360deg)) scale(.92)}to{transform:rotateX(var(--rx)) rotateY(var(--ry)) scale(1)}}.edge[data-astro-cid-dgzf4czg],.back[data-astro-cid-dgzf4czg],.body[data-astro-cid-dgzf4czg]{backface-visibility:hidden;border-radius:18em;position:absolute;inset:0}.edge[data-astro-cid-dgzf4czg]{background:#17171b}.edge[data-astro-cid-dgzf4czg]:first-of-type{background:#17171b;transform:translateZ(-1px)}.edge[data-astro-cid-dgzf4czg]:nth-of-type(2){background:#141418;transform:translateZ(-2px)}.edge[data-astro-cid-dgzf4czg]:nth-of-type(3){background:#121216;transform:translateZ(-3px)}.edge[data-astro-cid-dgzf4czg]:nth-of-type(4){background:#0f0f13;transform:translateZ(-4px)}.edge[data-astro-cid-dgzf4czg]:nth-of-type(5){background:#0d0d11;transform:translateZ(-5px)}.edge[data-astro-cid-dgzf4czg]:nth-of-type(6){background:#0b0b0e;transform:translateZ(-6px)}.back[data-astro-cid-dgzf4czg]{background:#0a0a0d;transform:translateZ(-7px)}.body[data-astro-cid-dgzf4czg]{box-sizing:border-box;background:#0f0f11;padding:3.5em;box-shadow:inset 0 0 0 1px #ffffff24,0 0 0 1px #0009}.btn[data-astro-cid-dgzf4czg]{backface-visibility:hidden;background:#17171b;border-radius:.5em;width:1em;position:absolute;transform:translateZ(-3px)}.btn--vol-up[data-astro-cid-dgzf4czg]{height:6.5em;top:21%;left:-.7em}.btn--vol-dn[data-astro-cid-dgzf4czg]{height:6.5em;top:29.5%;left:-.7em}.btn--power[data-astro-cid-dgzf4czg]{height:9em;top:24%;right:-.7em}.screen[data-astro-cid-dgzf4czg]{isolation:isolate;background:#000;border-radius:14.5em;width:100%;height:100%;position:relative;overflow:hidden;transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.vid[data-astro-cid-dgzf4czg]{object-fit:cover;border-radius:14.5em;width:100%;height:100%;display:block}.island[data-astro-cid-dgzf4czg]{z-index:2;background:#000;border-radius:5em;width:32em;height:9em;margin-left:-16em;position:absolute;top:4em;left:50%}.glare[data-astro-cid-dgzf4czg]{z-index:3;pointer-events:none;mix-blend-mode:screen;transform:translateX(calc(var(--tx) * -8em));background:linear-gradient(115deg,#ffffff29 0%,#fff0 45%);transition:transform .18s ease-out;position:absolute;inset:0}.pause[data-astro-cid-dgzf4czg]{z-index:4;font:600 11px/1 var(--pg-font,system-ui, sans-serif);letter-spacing:.02em;color:#fff;cursor:pointer;opacity:0;background:#0a0c10a8;border:1px solid #ffffff38;border-radius:999px;padding:6px 11px;transition:opacity .2s;position:absolute;top:10px;right:10px}.stage[data-astro-cid-dgzf4czg]:hover .pause[data-astro-cid-dgzf4czg],.pause[data-astro-cid-dgzf4czg]:focus-visible{opacity:1}@media (hover:none){.pause[data-astro-cid-dgzf4czg]{opacity:1}}@media (prefers-reduced-motion:reduce){.stage[data-astro-cid-dgzf4czg][data-idle=on] .phone-idle[data-astro-cid-dgzf4czg],.stage[data-astro-cid-dgzf4czg].is-intro .phone[data-astro-cid-dgzf4czg]{animation:none}.phone[data-astro-cid-dgzf4czg],.shadow[data-astro-cid-dgzf4czg],.glare[data-astro-cid-dgzf4czg]{transition:none}}