/* iPhone lock-screen mockup. Sizes use container units, so the mockup scales to any width. */
.iphone{position:relative;aspect-ratio:71.6/147.6;container-type:inline-size;flex:0 0 auto}
.iphone .frame{position:absolute;inset:0;border-radius:16.5cqw;padding:3.1cqw;
  background:linear-gradient(150deg,#4a4a52 0%,#1a1a1f 18%,#0d0d10 50%,#24242a 85%,#3c3c44 100%);
  box-shadow:inset 0 0 0 .5cqw #050506,inset 0 0 0 .9cqw #2b2b31,0 6cqw 14cqw -4cqw rgba(0,0,0,.85),0 0 0 1px rgba(255,255,255,.07)}
.iphone .screen{position:relative;width:100%;height:100%;border-radius:13.6cqw;overflow:hidden;background:#000 center/cover no-repeat;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,system-ui,sans-serif;color:#fff}
.iphone .screen::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),transparent 30%,transparent 80%,rgba(0,0,0,.22));pointer-events:none}
.iphone .island{position:absolute;z-index:2;top:3cqw;left:50%;width:31cqw;height:9cqw;margin-left:-15.5cqw;border-radius:99cqw;background:#000}
.iphone .status{position:absolute;z-index:2;top:4.6cqw;right:7.5cqw;display:flex;gap:1.6cqw;align-items:center}
.iphone .status svg{height:3.3cqw;width:auto;fill:#fff}
.iphone .ls{position:absolute;z-index:2;top:20cqw;left:0;right:0;text-align:center;text-shadow:0 .3cqw 2cqw rgba(0,0,0,.25)}
.iphone .ls .date{font-size:5.1cqw;font-weight:600;opacity:.92;letter-spacing:.05cqw}
.iphone .ls .time{font-size:24.5cqw;font-weight:700;line-height:.95;letter-spacing:-.6cqw;margin-top:.4cqw;font-feature-settings:"tnum" 0}
.iphone .btns{position:absolute;z-index:2;bottom:8.5cqw;left:10cqw;right:10cqw;display:flex;justify-content:space-between}
.iphone .btns span{width:12.5cqw;height:12.5cqw;border-radius:50%;background:rgba(30,30,34,.38);backdrop-filter:blur(3cqw);-webkit-backdrop-filter:blur(3cqw);display:flex;align-items:center;justify-content:center}
.iphone .btns svg{width:5.4cqw;height:5.4cqw;fill:#fff}
.iphone .home{position:absolute;z-index:2;bottom:2.3cqw;left:50%;width:36cqw;height:1.3cqw;margin-left:-18cqw;border-radius:99cqw;background:rgba(255,255,255,.92)}
.iphone.lite .status,.iphone.lite .btns,.iphone.lite .date{display:none}