.stage{height:100vh;width:100vw;overflow:hidden;perspective:1200px;position:absolute;user-select:none}.stage::before{content:"";background:rgba(0,0,0,.1);position:absolute;left:50%;top:47.5%;aspect-ratio:1;border-radius:100%;width:clamp(0rem,75vw,25rem);transform:translate(-50%,-50%);filter:blur(clamp(0rem,5vw,2rem))}.stage .scene{aspect-ratio:1.8;left:50%;top:50%;transform:translate(-50%,-55%);display:block;background:0 0;transition:transform .15s ease-in-out}.stage .scene,.stage .shape,.stage .face{position:absolute;transform-style:preserve-3d}.stage .face{transform-style:flat}.stage .face,.stage .face .img{outline:1px solid transparent}.stage .face .img{margin:0;position:absolute;overflow:hidden;opacity:.9}.stage .shape{width:80%;aspect-ratio:1.5;left:7.25%}.stage img{margin:0!important;display:block}.stage a,.stage img{-webkit-user-drag:none;user-drag:none}.stage .img .shine{position:absolute;left:var(--x);top:var(--y);width:300vmax;height:300vmax;background:linear-gradient(115deg,transparent calc(50% - 24rem),#fff calc(50% - 13rem),#fff calc(50% - 8rem),transparent calc(50% + 3rem),transparent calc(50% + 6rem),rgba(255,255,255,.7) calc(50% + 8rem),transparent calc(50% + 11rem));transform:translate(-50%,-50%);opacity:.1;mix-blend-mode:screen;pointer-events:none}.stage .tablet .shine{--x:67.9%;--y:51.4%}.stage .phone .shine{--x:-64.6%;--y:50%}.stage .face.tablet{top:9%;height:80%;aspect-ratio:1.4065;background:#2e353d;border-radius:5.77%/8.11%;transform:translateZ(0)}.stage .face.tablet::before{content:"";position:absolute;left:50%;top:2.73%;width:.9%;aspect-ratio:1;border-radius:50%;background:#1f252c;transform:translate(-50%,-50%)}.stage .face.tablet .img{inset:4.92% 3.5%;clip-path:inset(0 round 2.4%/3.48%)}.stage .face.tablet .img img{width:100%;height:100%;object-fit:cover;object-position:left top}.phone{position:relative;aspect-ratio:.48;background:#2e353d;--button:#2e353d;border-radius:18.15%/8.71%}.stage .face.phone{top:0;right:0;height:100%;transform:translateZ(4rem)}.stage .face.phone.edge{transform:translateZ(3.25rem);background:#434c56;--button:#434c56}.phone::before,.phone::after{content:"";position:absolute;width:.8%;background:var(--button)}.phone::before{right:100%;top:20.5%;height:25%;background:linear-gradient(var(--button) 0 18.4%,transparent 0 32%,var(--button) 0 62%,transparent 0 70%,var(--button) 0)}.phone::after{left:100%;top:31.1%;height:11.8%}.phone .img{position:absolute;overflow:hidden;inset:1.74% 3.63%;display:flex;flex-direction:column;background:var(--top);clip-path:inset(0 round 15.59%/7.19%)}.phone svg{display:block;flex:none;width:100%;fill:currentColor}.phone .statusbar{background:var(--top);color:var(--top-ink);font:17px system-ui,-apple-system,segoe ui,Roboto,sans-serif}.phone .statusbar text{font-weight:600}.phone .img img{flex:1;min-height:0;width:100%;object-fit:cover;object-position:top}.phone .homebar{position:absolute;bottom:0;color:var(--bottom-ink)}.phone .island{position:absolute;top:1.74%;left:3.63%;width:92.74%}#overlay .phones{display:flex;justify-content:center;align-items:flex-start;gap:7%;width:100%;padding-top:6%}#overlay .phones a.phone{flex:0 1 24%;width:auto;max-width:none;padding:0;overflow:visible;background:#2e353d}#overlay .phones a.phone:nth-child(even){margin-top:9%}#overlay .phones .img img{margin:0;width:100%;border-radius:0}#overlay .closing{width:100%;text-align:center}#overlay .closing p{padding-bottom:1em}#overlay .closing a.btn{display:inline-block;width:auto;padding:.35em 1em .45em;background:0 0}@media screen and (max-width:750px){#overlay .closing{padding-top:2rem;text-align:left}}#overlay .screens{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:rgba(255,255,255,.037);container-type:inline-size;--gap:2.5cqw}#overlay .screens .wall{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--gap);position:absolute;top:50%;left:50%;width:215%;transform:translate(-50%,-50%)perspective(150rem)rotateX(28deg)rotateZ(-22deg)}#overlay .screens .screen{display:block;width:100%;padding:0;overflow:hidden;aspect-ratio:16/10;border-radius:0;cursor:pointer}#overlay .screens .screen:nth-child(even){transform:translateY(calc(50% + var(--gap)/2))}#overlay .screens .screen img{margin:0;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:0}@supports(animation-timeline:view()){@media(prefers-reduced-motion:no-preference){#overlay .phones{view-timeline:--drift block}#overlay .phones a.phone{animation:drift-up linear both;animation-timeline:--drift}#overlay .phones a.phone:nth-child(even){animation-name:drift-down}}}@keyframes drift-up{from{translate:0 15%}to{translate:0 -15%}}@keyframes drift-down{from{translate:0 -15%}to{translate:0 15%}}@media screen and (max-width:750px){.stage .img .shine{display:none!important}}