.phone-frame{--pt:calc(100cqw / 468);--phone-band:linear-gradient(90deg,#8e9095,#e4e5e8 5%,#d2d4d8 50%,#e4e5e8 95%,#8e9095);--phone-button:linear-gradient(180deg,#a9abb0,#d2d4d8 12%,#d2d4d8 88%,#a9abb0);position:relative;width:100%;aspect-ratio:468/981;container-type:inline-size;isolation:isolate}.phone-frame__body{position:absolute;inset:0;border-radius:calc(var(--pt) * 76);background:var(--phone-band);box-shadow:0 24px 60px rgb(20 20 20/16%),inset 0 0 calc(var(--pt) * 1) rgb(255 255 255/70%)}.phone-frame__body:before{position:absolute;inset:calc(var(--pt) * 4);border-radius:calc(var(--pt) * 72);background:#050505;content:""}.phone-frame__screen{position:absolute;inset:calc(var(--pt) * 12.5) calc(var(--pt) * 14);overflow:hidden;border-radius:calc(var(--pt) * 62);background:#050505}.phone-frame__island{position:absolute;z-index:20;top:calc(var(--pt) * 26.5);left:50%;width:calc(var(--pt) * 126);height:calc(var(--pt) * 37);border-radius:calc(var(--pt) * 18.5);background:#000;transform:translateX(-50%);pointer-events:none}.phone-frame__button{position:absolute;z-index:-1;width:calc(var(--pt) * 4);background:var(--phone-button)}.phone-frame__button--action,.phone-frame__button--volume-down,.phone-frame__button--volume-up{left:calc(var(--pt) * -2.5);border-radius:calc(var(--pt) * 2) 0 0 calc(var(--pt) * 2)}.phone-frame__button--camera,.phone-frame__button--side{right:calc(var(--pt) * -2.5);border-radius:0 calc(var(--pt) * 2) calc(var(--pt) * 2) 0}.phone-frame__button--action{top:calc(var(--pt) * 178);height:calc(var(--pt) * 34)}.phone-frame__button--volume-up{top:calc(var(--pt) * 245);height:calc(var(--pt) * 62)}.phone-frame__button--volume-down{top:calc(var(--pt) * 325);height:calc(var(--pt) * 62)}.phone-frame__button--side{top:calc(var(--pt) * 290);height:calc(var(--pt) * 100)}.phone-frame__button--camera{top:calc(var(--pt) * 610);height:calc(var(--pt) * 88)}.phone-fit{--phone-fit-height:max(20rem,calc(100svh - var(--phone-reserved-height, 6rem)));width:min(var(--phone-width,100%),calc(var(--phone-fit-height) * 468 / 981))}