/* DEAD STOCK — il cellulare anni 90 (CH 09) */
.nokia{position:relative;display:block;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}
.nokia>img,.nokia>picture>img{display:block;width:100%;height:auto;pointer-events:none}
.nokia .lcd{position:absolute;mix-blend-mode:multiply}
.nokia .lcd-light{position:absolute;border-radius:3%;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,rgba(200,255,150,.55),rgba(160,230,110,.2) 70%,transparent);mix-blend-mode:screen;opacity:.35;transition:opacity .5s}
.nokia.lit .lcd-light{opacity:1;transition:opacity .08s}
.nokia .pk{position:absolute;padding:0;border:0;background:none;border-radius:45%;cursor:pointer;-webkit-tap-highlight-color:transparent}
.nokia .pk:hover{box-shadow:inset 0 0 0 100px rgba(255,255,255,.06)}
.nokia .pk.down{animation:pk .18s}
@keyframes pk{0%,60%{box-shadow:inset 0 0 0 100px rgba(0,0,0,.35);transform:translateY(1px)}}
.sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.nokia .sr a:focus{position:fixed;left:12px;bottom:12px;width:auto;height:auto;clip:auto;background:#efe7d6;color:#0c0c0c;padding:6px 10px;z-index:99}

/* pop-up sulla home */
.phone-pop{position:fixed;z-index:61;right:max(18px,4vw);bottom:0;height:min(calc(100svh - 50px),700px);aspect-ratio:2/3;animation:popIn .45s cubic-bezier(.2,.9,.25,1.15)}
.phone-pop[hidden]{display:none}
.phone-pop .nokia{height:100%;width:auto;aspect-ratio:2/3}
.phone-pop.ring .nokia{animation:buzz .09s 4 .45s linear}
@keyframes popIn{from{transform:translateY(70%) rotate(8deg);opacity:0}}
@keyframes buzz{25%{transform:translate(-3px,1px) rotate(-1.2deg)}75%{transform:translate(3px,-1px) rotate(1.2deg)}}
.pop-x{position:absolute;z-index:2;top:12%;right:4%;width:40px;height:40px;border-radius:50%;border:2px solid #efe7d6;background:#0c0c0c;color:#efe7d6;font-size:16px;line-height:1;cursor:pointer}
.pop-x:hover,.pop-x:focus-visible{background:#d23a2e;border-color:#d23a2e;outline:none}
.phone-pop{container-type:inline-size}
@media (max-width:860px){.phone-pop{left:0;right:0;margin:0 auto;height:min(calc(100svh - 46px),620px,150vw)}.pop-x{top:10%;right:6%}}
@media (prefers-reduced-motion:reduce){.phone-pop,.phone-pop.ring .nokia{animation:none}}

/* pagina scrivania */
.desk-stage{width:1672px;height:941px}
.desk-stage .nokia{position:absolute;inset:0;pointer-events:none}
.desk-stage .nokia .pk,.desk-stage .nokia .lcd{pointer-events:auto}
.desk-stage .photo{width:1672px;height:941px}
.desk-hot{position:absolute;border-radius:10px;text-decoration:none}
.desk-hot span{position:absolute;left:50%;bottom:24px;transform:translateX(-50%) rotate(-2deg);background:#efe7d6;color:#0c0c0c;padding:6px 14px 4px;font-weight:700;font-size:22px;letter-spacing:.12em;white-space:nowrap;box-shadow:0 4px 10px rgba(0,0,0,.6);opacity:0;transition:opacity .2s}
.desk-hot:hover,.desk-hot:focus-visible{box-shadow:0 0 0 4px rgba(239,231,214,.8);outline:none}
.desk-hot:hover span,.desk-hot:focus-visible span{opacity:1}
@media (max-width:860px){.desk-room{overflow:hidden}}
.phone-pop:focus{outline:none}

/* scritte stampate sui tasti */
.nokia .pk{container-type:size;display:grid;place-items:center;color:#e7e3da}
.nokia .pk span{display:flex;align-items:baseline;justify-content:center;gap:6cqh;line-height:1;font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif;text-shadow:0 -1px 0 rgba(0,0,0,.6),0 1px 0 rgba(255,255,255,.08);pointer-events:none;opacity:.9}
.nokia .pk b{font-weight:700;font-size:46cqh}
.nokia .pk s{text-decoration:none;font-weight:400;font-size:26cqh;letter-spacing:.04em;color:#bdb8ad}
.nokia .pk .ok{font-size:30cqh;letter-spacing:.08em}
.nokia .pk .ar{font-style:normal;font-size:30cqh;color:#d9d4c9}
.nokia .pk .ico{width:46cqh;height:46cqh;display:block}
.nokia .pk-nav span{transform:translateY(-4%)}
.nokia .pk-fb:hover,.nokia .pk-ig:hover{color:#fff}
.nokia .pk-fb span,.nokia .pk-ig span{align-items:center;height:100%}