.device-frame{--device-frame-width:17.5rem;--rest-x:0deg;--rest-y:0deg;--rest-z:0deg;--pointer-x:0;--pointer-y:0;--scroll-front:0;--titanium:#8f8b85;--titanium-hi:#c9c5be;--titanium-lo:#4e4c48;--depth:28px;width:var(--device-frame-width);max-width:100%;transform-style:preserve-3d;perspective:1600px;margin-inline:auto}.device-frame__stage{transform-style:preserve-3d;transform:rotateX(calc(var(--rest-x) * (1 - var(--scroll-front)) + var(--pointer-y) * -6deg)) rotateY(calc(var(--rest-y) * (1 - var(--scroll-front)) + var(--pointer-x) * 8deg)) rotateZ(calc(var(--rest-z) * (1 - var(--scroll-front))));transition:transform .42s cubic-bezier(.22,1,.36,1);position:relative}.device-frame--follow-pointer .device-frame__stage,.device-frame--follow-both .device-frame__stage{transition:transform .16s linear}.device-frame__stage:after{content:"";z-index:-1;filter:blur(12px);pointer-events:none;background:radial-gradient(#14100c52,#0000 70%);border-radius:50%;height:2rem;position:absolute;bottom:-1.6rem;left:10%;right:2%}.device-frame__phone{transform-style:preserve-3d;position:relative}.device-frame__slice{pointer-events:none;transform:translateZ(calc(var(--slice) * -1px));background:#6e6b66;border-radius:2.85rem;position:absolute;inset:0}.device-frame__slice:first-child{background:#e8e4dc}.device-frame__slice:nth-child(2),.device-frame__slice:nth-child(3){background:#b7b3ab}.device-frame__slice--back{background:#161514}.device-frame__face{z-index:2;background:linear-gradient(155deg, var(--titanium-hi) 0%, var(--titanium) 42%, var(--titanium-lo) 100%);border-radius:2.85rem;width:100%;padding:.28rem;position:relative;transform:translateZ(1px);box-shadow:inset 0 .5px #ffffff59,0 0 0 .5px #14121066}.device-frame__glass{background:#000;border-radius:2.58rem;width:100%;position:relative;overflow:hidden}.device-frame__island{z-index:5;background:#050505;border-radius:999px;justify-content:flex-end;align-items:center;gap:.4rem;width:5.65rem;height:1.28rem;padding:0 .38rem 0 .9rem;display:flex;position:absolute;top:.78rem;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #ffffff24}.device-frame__island-speaker{background:#2a2a2e;border-radius:999px;width:2.15rem;height:.26rem;position:absolute;left:1.1rem}.device-frame__island-cam{background:radial-gradient(circle at 32% 28%,#6a8aaa 0%,#1a3048 48%,#05070c 100%);border-radius:50%;width:.5rem;height:.5rem;box-shadow:0 0 0 1.5px #111}.device-frame__screen{z-index:1;aspect-ratio:9/19.5;background:var(--veloce-flash,#0d0d12);width:100%;min-width:0;min-height:0;color:var(--veloce-flash-text,#f5f5f7);position:relative;overflow:hidden}.device-frame__screen>*{min-width:0;min-height:0;position:absolute;inset:0}.device-frame__home{z-index:5;pointer-events:none;background:#ffffff47;border-radius:999px;width:26%;height:.24rem;position:absolute;bottom:.4rem;left:50%;transform:translate(-50%)}.device-frame__glare{z-index:3;pointer-events:none;background:linear-gradient(122deg,#ffffff14 0%,#ffffff05 22%,#0000 42%);position:absolute;inset:0}.device-frame__antenna{z-index:4;width:var(--depth);transform-origin:0;pointer-events:none;background:#2c2a28;height:1.5px;position:absolute;left:0;transform:rotateY(-90deg)translateZ(0)}.device-frame__antenna--a{top:22%}.device-frame__antenna--b{top:78%}.device-frame__btn{z-index:6;background:linear-gradient(#d8d4cc,#6a6762);border-radius:2px;position:absolute;box-shadow:0 0 0 .5px #0000004d}.device-frame__btn--action{width:.22rem;height:.95rem;top:15.5%;left:-.2rem;transform:translateZ(-12px)}.device-frame__btn--vol-up{width:.24rem;height:1.45rem;top:23%;left:-.22rem;transform:translateZ(-12px)}.device-frame__btn--vol-down{width:.24rem;height:1.45rem;top:34.5%;left:-.22rem;transform:translateZ(-12px)}.device-frame__btn--power{width:.24rem;height:2.35rem;top:27%;right:-.22rem;transform:translateZ(-14px)}.device-frame--upright,.device-frame--auto,.device-frame--tilted{--rest-x:0deg;--rest-y:0deg;--rest-z:0deg}.device-frame--tilted{--rest-x:5deg;--rest-y:-18deg;--rest-z:2deg}@media (min-width:768px){.device-frame--auto{--rest-x:5deg;--rest-y:-18deg;--rest-z:2deg}}@media (prefers-reduced-motion:reduce){.device-frame{--pointer-x:0!important;--pointer-y:0!important;--scroll-front:0!important}.device-frame__stage{transition:none}}