/* Separate optical planes without moving text or interactive hit targets. */
.look-card img{aspect-ratio:1/1;object-fit:contain;scale:1!important;translate:none!important}
.look-card{overflow:visible}
.proof-poster img,.detail-art>button img{scale:1!important;translate:none!important;rotate:none!important}
.proof-options span{min-height:3.1em;display:grid;place-items:center}
.description-dialog-header h2,.post-card h3{overflow-wrap:anywhere;min-width:0}
dialog{overflow-y:auto}dialog .button-row,.post-detail-actions{flex-wrap:wrap}
/* The anonymized captures fill one continuous frame, without an OFF border. */
#home .home-features .menu-full,.menu-guide-demo .menu-full{background:#303633;aspect-ratio:783/495}
#home .home-features .menu-full::before,.menu-guide-demo .menu-full::before{content:none}
#home .home-features .menu-full img,.menu-guide-demo .menu-full img{left:0;top:0;width:100%;height:100%;object-fit:fill;--pair-x:0%;--pair-y:0%;--pair-w:100%;--pair-h:100%}
#home .home-features .menu-full img[src$="vrchat-menu-off.png"],.menu-guide-demo .menu-full img[src$="vrchat-menu-off.png"]{left:.1277%;top:-1.4141%;width:106.513%;height:101.42%}
@media(prefers-reduced-motion:no-preference){
 .depth-scene{perspective:1400px}
 .stage-slides{transform:translate3d(calc(var(--depth-x,0) * 15px),calc(var(--depth-y,0) * 10px),0)}
 .stage-wordmark{transform:translate3d(calc(var(--depth-x,0) * -9px),calc(var(--depth-scroll,0) * -24px),0)}
 .stage-grain{transform:translate3d(calc(var(--depth-x,0) * -20px),0,0);scale:1.08}
 .proof-poster img,.detail-art>button img{translate:calc(var(--depth-x,0) * 5px) calc(var(--depth-y,0) * 4px);rotate:y calc(var(--depth-x,0) * 1.7deg)}
 .proof-poster{box-shadow:calc(var(--depth-x,0) * -10px) calc(20px + var(--depth-y,0) * -6px) 40px #174d3c20}
 .community-word{translate:calc(var(--depth-x,0) * -12px) calc(var(--depth-scroll,0) * -32px)}
 .community-star{translate:calc(var(--depth-x,0) * 22px) calc(var(--depth-y,0) * 12px)}
 .community-orbit{translate:calc(var(--depth-x,0) * -16px) calc(var(--depth-scroll,0) * 26px)}
 .look-one img{translate:calc(var(--depth-x,0) * 6px) calc(var(--depth-y,0) * 4px)}
 .look-two img{translate:calc(var(--depth-x,0) * -6px) calc(var(--depth-y,0) * -4px)}
 .community-sticker{translate:calc(var(--depth-x,0) * 13px) calc(var(--depth-y,0) * 8px)}
 .finale-campaign{translate:calc(var(--depth-x,0) * -14px) calc(var(--depth-scroll,0) * -28px)}
 .finale-visual img{translate:calc(var(--depth-x,0) * 18px) calc(var(--depth-y,0) * 9px + var(--depth-scroll,0) * 18px)}
 .finale-orbit{translate:calc(var(--depth-x,0) * -10px) calc(var(--depth-scroll,0) * 14px)}
 .finale-sticker{translate:calc(var(--depth-x,0) * 25px) calc(var(--depth-y,0) * 15px)}
 .post-card .embed-area{overflow:hidden}
 .post-card .preview-link img{scale:1.025;translate:calc(var(--depth-x,0) * 3px) calc(var(--depth-y,0) * 3px);transition:scale .5s}
 .post-card:hover .preview-link img{scale:1.045}
 .guide-block> .index,.page-heading>.eyebrow,.community-heading>.eyebrow{translate:0 calc(var(--depth-scroll,0) * -7px)}
 #tool .panel{box-shadow:calc(var(--depth-x,0) * -5px) 12px 30px #214d3910}
}
@media(hover:none){.depth-scene{--depth-x:0!important;--depth-y:0!important}}
