/* Real homepage previews retain their native proportions. */
.homepage-project .project-image{background:#060e1b}
.homepage-project .project-status{z-index:3;top:18px;left:22px;max-width:85%;font-size:9px;letter-spacing:1.5px}
.homepage-project .round-arrow{z-index:4;width:44px;height:44px;font-size:30px;right:16px;bottom:16px;background:#06101ac7}
.homepage-frame{position:absolute;inset:46px 14px 14px;overflow:hidden;pointer-events:none}
.homepage-frame iframe{position:absolute;top:50%;left:50%;border:0;max-width:none;transform:translate(-50%,-50%) scale(var(--preview-scale,.4));transform-origin:center;pointer-events:none}
.real-app-phone{position:absolute;inset:40px 0 10px;display:flex;align-items:center;justify-content:center}
.real-app-phone img{height:100%;width:auto;max-width:70%;object-fit:contain;border:1px solid #c6af7b66;border-radius:18px;box-shadow:0 16px 40px #0008;transform:none;opacity:1}
.app-showcase.homepage-project .project-image{background:radial-gradient(ellipse at center,#23302e,#070e15 65%)}
.wishcode.homepage-project .project-image{background:#080b22!important}
.wishcode .wish-experience:before{display:none}
#wish-preview-toggle{cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.ferris-stage .eco-rotor .eco-node:nth-child(n){width:15%}
@media(max-width:700px){.homepage-frame{inset:42px 10px 12px}.homepage-project .project-status{left:16px;top:15px;font-size:8px}.homepage-project .round-arrow{width:36px;height:36px;font-size:25px}.real-app-phone{inset:36px 0 8px}.real-app-phone img{border-radius:13px}.ferris-stage .eco-rotor .eco-node:nth-child(n){width:15%}}