:root{--bg:#0e0e0e;--fg:#f5f5f5;--accent:#fc0;--phone-body:#b71d65;--phone-dark:#151515;--phone-black:#000}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font-family:system-ui,sans-serif}@font-face{font-family:ArkitechLight;src:url(/UM840/assets/ArkitechLight-DXjwZm6z.otf)}.page{grid-template-rows:auto 1fr auto;gap:2rem;min-height:100svh;padding:2rem;display:grid}.artwork{place-items:center;display:grid}.artwork__frame{aspect-ratio:1;background:#fff;border-radius:12px;width:min(90vw,800px);padding:1rem}.artwork .phone{width:396px;margin:0 auto;padding:3px 0 0;position:relative}.artwork .phone #power{background-color:var(--phone-black);content:"";border-radius:2px;width:23px;height:10px;position:absolute;top:-6px;left:303px;transform:rotate(4deg)}.artwork .phone #volume{background-color:var(--phone-black);content:"";border-radius:2px;width:10px;height:90px;position:absolute;top:165px;left:370px;transform:rotate(-1deg)}.artwork .case{background-color:var(--phone-body);border-radius:100%/1900%;width:378px;height:678px;position:absolute}.artwork .case:before{content:"";background-color:var(--phone-dark);background-image:linear-gradient(to bottom, var(--phone-black), #404040, var(--phone-black) 80px);border-radius:2700%/100%;width:359px;height:700px;position:absolute;top:-11px;left:10px}.artwork .case__camera{background-color:var(--phone-dark);content:"";border-radius:50%;width:20px;height:20px;position:relative;top:20px;left:81px}.artwork .case__camera:before{background-color:var(--phone-black);content:"";border-radius:50%;width:5px;height:5px;position:absolute;top:7px;left:7px}.artwork .case__sensor{content:"";background-color:silver;border-radius:50%;width:7px;height:7px;position:absolute;top:26px;left:105px}.artwork .case__speaker{content:"";background-color:silver;border-radius:3px;width:110px;height:7px;position:absolute;top:26px;left:141px}.artwork .case .screen{content:"";background-color:#0d0d0e;width:319px;height:445px;position:absolute;top:100px;left:30px}.artwork .buttons{background-color:var(--phone-body);content:"";background-image:linear-gradient(to bottom, #ffe4ff, var(--phone-body) 92px);border-radius:0 0 150px 150px/13px;width:359px;height:105px;position:absolute;top:505px;left:10px}.artwork .buttons:before{background-color:var(--phone-black);content:"";border-radius:0 0 150px 150px/13px;width:359px;height:480px;position:absolute;top:-398px;left:0}.artwork .buttons__call{content:"";background:var(--phone-black);border-radius:20% 20% 100% 100%;width:35px;height:6px;position:absolute;top:87px;left:23px;transform:rotate(5deg)}.artwork .buttons__call:before{content:"";background:#c83e73 linear-gradient(#bd2f72,#bb276d 2px);border-radius:20% 20% 100% 100%;width:22px;height:4px;position:absolute;top:-1px;left:7px;transform:rotate(1deg)}.artwork .buttons__menu{color:var(--phone-black);font-family:ArkitechLight;font-size:8px;position:relative;top:98px;left:90px;transform:rotate(3deg)}.artwork .buttons__pad{background-color:var(--phone-body);content:"";background-image:linear-gradient(to bottom, #c74987, var(--phone-body) 10px);border-radius:10px;width:70px;height:70px;position:absolute;top:58.5px;left:144.5px}.artwork .buttons__pad:before{background-color:var(--phone-black);background-image:radial-gradient(circle farthest-side at 55px 55px, var(--phone-black), white 400px);content:"";border-radius:10px;width:55px;height:55px;position:absolute;top:7.5px;left:7.5px}.artwork .buttons__return{border-top:3px solid #0000;border-right:8px solid var(--phone-black);border-bottom:3px solid #0000;width:0;height:0;position:absolute;top:88px;left:235px;transform:rotate(-2deg)}.artwork .buttons__return:before{content:"";background-color:var(--phone-black);width:7px;height:2px;position:absolute;top:-1.5px;left:8px;transform:rotate(-2deg)}.artwork .buttons__return:after{content:"";border-top:2px solid var(--phone-black);border-right:2px solid var(--phone-black);border-bottom:2px solid var(--phone-black);border-radius:0 100px 100px 0;width:15px;height:3px;position:absolute;top:-1.7px;left:10px;transform:rotate(-2deg)}.artwork .buttons__hang-up{content:"";background:var(--phone-black);border-radius:100% 100% 20% 20%;width:35px;height:6px;position:absolute;top:86px;left:300px;transform:rotate(-6deg)}.artwork .buttons__hang-up:before{content:"";background-image:linear-gradient(#ba256b,#b71e66 2px);border-radius:100% 100% 20% 20%;width:22px;height:4px;position:absolute;top:3px;left:7px;transform:rotate(0)}