:root{--iw:clamp(240px, 21vw, 300px)}@media (max-width:999px){:root{--iw:min(70vw, 300px)}}.iph{--frame:calc(var(--iw) * .011);width:var(--iw);padding:calc(var(--iw) * .026);border:var(--frame) solid #4a1823;border-radius:calc(var(--iw) * .164);background:#060607;flex:none;position:relative;box-shadow:inset 0 0 0 1px #ffffff12,0 0 0 1px #00000059,0 2px 4px #0f172a14,0 24px 48px -12px #0f172a47;container-type:inline-size}.iph:before{content:"";inset:calc(-1 * var(--frame));border-radius:inherit;padding:var(--frame);-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(160deg,#8a3a4a 0%,#5a1f2c 24%,#3e121c 56%,#6a2836 100%);position:absolute;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.iph__btn{width:calc(var(--iw) * .012);background:linear-gradient(90deg,#3a101a,#7a3141);border-radius:2px;position:absolute}.iph__btn--action,.iph__btn--up,.iph__btn--down{left:calc(var(--iw) * -.022)}.iph__btn--power,.iph__btn--camera{right:calc(var(--iw) * -.022);background:linear-gradient(270deg,#3a101a,#7a3141)}.iph__btn--action{height:4%;top:17%}.iph__btn--up{height:7.5%;top:24.5%}.iph__btn--down{height:7.5%;top:33.5%}.iph__btn--power{height:11%;top:27%}.iph__btn--camera{opacity:.85;border-radius:1px;height:6.5%;top:56%}.iph__screen{aspect-ratio:402/874;isolation:isolate;background:#fff;border-radius:12.7cqw;position:relative;overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.iph__scroll{overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;position:absolute;inset:0;overflow:hidden auto}.iph__scroll::-webkit-scrollbar{display:none}.iph__scroll img,.iph__shot{object-fit:cover;object-position:top;width:100%;height:auto;min-height:100%;display:block}.iph__island{z-index:3;background:#000;border-radius:99px;width:23cqw;height:7.6cqw;position:absolute;top:2.4cqw;left:50%;translate:-50%}.iph__status{z-index:2;color:#0b0b0c;pointer-events:none;grid-template-columns:1fr 23cqw 1fr;align-items:center;height:12.4cqw;padding-top:.4cqw;display:grid;position:absolute;inset:0 0 auto}.iph--dark .iph__status{color:#fff}.iph__time{letter-spacing:-.01em;font-variant-numeric:tabular-nums;justify-self:center;font-size:4.1cqw;font-weight:600}.iph__icons{grid-column:3;justify-self:center;align-items:center;gap:1.3cqw;display:flex}.iph__icons svg{fill:currentColor;display:block}.iph__signal{width:4.4cqw}.iph__wifi{width:4cqw}.iph__battery{width:6.6cqw}.iph__home{z-index:2;pointer-events:none;background:#000000d1;border-radius:99px;width:33cqw;height:1.25cqw;position:absolute;bottom:2cqw;left:50%;translate:-50%}.iph--dark .iph__home{background:#ffffffd9}