.variable-proximity{cursor:default;display:inline}.vp-word{white-space:nowrap;display:inline-block}.vp-letter{transform-origin:bottom;will-change:transform;transition:font-variation-settings .12s linear,transform .12s ease-out;display:inline-block}
.oryx-phone{--rx:0deg;--ry:0deg;--w:min(270px,70vw);--h:calc(var(--w)*2.02);--depth:22px;--radius:42px;width:var(--w);height:var(--h);perspective:1400px;perspective-origin:50% 45%;transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;margin:0 auto;transition:transform 50ms linear;position:relative}.oryx-phone__body{transform-style:preserve-3d;will-change:transform;position:absolute;inset:0}.oryx-phone__front,.oryx-phone__back{border-radius:var(--radius);backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.oryx-phone__front{transform:translateZ(calc(var(--depth)/2));background:#04100d;box-shadow:inset 0 0 0 1.5px #ffffff2e,inset 0 0 60px #00000059}.oryx-phone__back{transform:translateZ(calc(var(--depth)/-2)) rotateY(180deg);background:linear-gradient(150deg,#0d2b23,#061a15 60%,#0a2019);inset:1px;box-shadow:inset 0 0 0 1.5px #ffffff1a}.oryx-phone__side{background:linear-gradient(#17392f,#081914);position:absolute}.oryx-phone__side--left,.oryx-phone__side--right{top:var(--radius);bottom:var(--radius);width:var(--depth)}.oryx-phone__side--left{transform:translateX(calc(var(--depth)/-2)) rotateY(-90deg);left:0}.oryx-phone__side--right{transform:translateX(calc(var(--depth)/2)) rotateY(90deg);right:0}.oryx-phone__side--top,.oryx-phone__side--bottom{left:var(--radius);right:var(--radius);height:var(--depth)}.oryx-phone__side--top{transform:translateY(calc(var(--depth)/-2)) rotateX(90deg);top:0}.oryx-phone__side--bottom{transform:translateY(calc(var(--depth)/2)) rotateX(-90deg);bottom:0}.oryx-phone__image{object-fit:cover;object-position:66% center}.oryx-phone__island{z-index:3;background:#000;border-radius:100px;width:84px;height:24px;position:absolute;top:14px;left:50%;translate:-50%}.oryx-phone__reflection{z-index:4;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(112deg,#0000 32%,#ffffff29 44%,#ffffff0a 52%,#0000 62%);position:absolute;inset:-20%}.oryx-phone__color-card{z-index:8;color:#112f32;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd1;border:1px solid #ffffffeb;border-radius:18px;align-items:center;gap:10px;width:184px;padding:14px 15px;display:flex;position:absolute;top:42%;right:-72px;transform:translateZ(80px)rotateY(-7deg);box-shadow:0 20px 45px #03141240,inset 0 1px #fff}.oryx-phone__color-card svg{color:#159895}.oryx-phone__color-card span{flex-direction:column;display:flex}.oryx-phone__color-card b{white-space:nowrap;font-size:13px}.oryx-phone__color-card small{opacity:.62;font-size:9px}.oryx-phone__shadow{filter:blur(16px);z-index:-1;background:radial-gradient(closest-side,#030c0a99,#0000 72%);border-radius:50%;width:78%;height:44px;position:absolute;bottom:-46px;left:50%;translate:-50%}@media (max-width:900px){.oryx-phone{--w:min(250px,68vw);--depth:20px}.oryx-phone__color-card{width:166px;right:-48px}}@media (prefers-reduced-motion:reduce){.oryx-phone,.oryx-phone__body{transform:none!important}.oryx-phone__reflection{display:none}}
.oryx-phone{z-index:5;isolation:isolate}.oryx-phone__body{z-index:2}.oryx-phone__front{z-index:3}.oryx-phone__back,.oryx-phone__side{z-index:1}.oryx-phone__color-card{z-index:10}.oryx-phone__shadow{z-index:0}