.cover-art.mockup-surface,.work-preview .cover-art.mockup-surface,.project-overview-art .cover-art.mockup-surface{display:block;padding:0;background:#eee5d9;perspective:1000px;isolation:isolate}.mockup-stage{height:100%;width:100%;display:flex;align-items:center;justify-content:center;transform:rotateX(var(--mockup-rx,0deg)) rotateY(var(--mockup-ry,0deg)) translateY(var(--mockup-lift,0px));transition:transform .65s cubic-bezier(.2,.65,.2,1);transform-style:preserve-3d}.cover-art .mockup-stage>img,.work-preview .cover-art .mockup-stage>img{width:100%;height:100%;max-height:none;object-fit:contain;padding:0;background:none;filter:none;border:0;scale:1;transform:none;box-shadow:none}.cover-cume.mockup-surface,.work-preview .cover-cume.mockup-surface{background:#ecd5dc}.cover-cume .mockup-stage{padding:5% 8%}.cover-meltone .mockup-stage>img,.work-preview .cover-meltone .mockup-stage>img{object-fit:cover}.cover-nyaffee .mockup-stage{padding:5% 8%}.cover-tgc .mockup-stage,.cover-tgckids .mockup-stage{gap:8%;padding:8% 13%}.cover-tgc .mockup-stage>img,.work-preview .cover-tgc .mockup-stage>img{height:116%;width:auto;max-width:51%;object-fit:contain}.device-shell{position:relative;height:calc(100% - 8px);padding:3px;border:1px solid #8b8883;border-radius:20px;background:linear-gradient(120deg,#b3b0aa 0%,#353534 20%,#151515 65%,#8b8984 100%);flex-shrink:0;box-sizing:content-box;box-shadow:0 7px 16px #39291f26;display:block}.device-shell::before,.device-shell::after{content:'';position:absolute;left:-3px;width:2px;background:#6a6864;border-radius:2px}.device-shell::before{top:20%;height:10%}.device-shell::after{top:33%;height:10%}.device-screen{position:relative;display:block;aspect-ratio:709/1536;height:100%;overflow:hidden;background:#101010;border-radius:16px}.mockup-stage .device-screen>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;padding:0;border:0;background:none;transform:none;scale:1}.device-island{position:absolute;top:2.3%;left:35%;width:30%;height:2.5%;border-radius:10px;background:#090909;box-shadow:inset 0 0 0 1px #ffffff08;pointer-events:none}.device-home{position:absolute;bottom:1.7%;left:34%;width:32%;height:2px;border-radius:3px;background:#eee;pointer-events:none}.reel-device .device-screen{aspect-ratio:9/19.5;display:flex;align-items:center}.mockup-stage .reel-device .device-screen>img{height:auto;aspect-ratio:9/16;object-fit:contain}.social-card-images.mockup-surface{height:320px;perspective:1000px;overflow:visible}.social-card-images .mockup-stage{padding:6px 0}.personal-social-card:hover .device-shell{box-shadow:0 12px 23px #21170f30}.menu-entry[data-preview=cume]::before{background-image:url('assets/mockups/cume-supplied.png');background-color:#ecd5dc;background-size:contain;background-repeat:no-repeat}.menu-entry[data-preview=meltone]::before{background-image:url('assets/mockups/meltone-supplied.png');background-position:65% center}.menu-entry[data-preview=tgc]::before{background-image:url('assets/mockups/tgc-supplied.png')}.menu-entry[data-preview=nyaffee]::before{background-image:url('assets/mockups/nyaffee-supplied.jpg');background-size:contain;background-repeat:no-repeat}.cover-nook .mockup-stage>img,.cover-opencampus .mockup-stage>img,.cover-choice .mockup-stage>img,.work-preview .cover-nook .mockup-stage>img,.work-preview .cover-opencampus .mockup-stage>img,.work-preview .cover-choice .mockup-stage>img{object-fit:cover}.cover-choice .mockup-stage>img{object-position:center 40%}
@media(max-width:760px){.device-shell{border-radius:17px}.device-screen{border-radius:13px}.social-card-images.mockup-surface{height:270px}.cover-tgc .mockup-stage,.cover-tgckids .mockup-stage{padding:8% 13%}}@media(max-width:380px){.social-card-images.mockup-surface{height:245px}}@media(prefers-reduced-motion:reduce){.mockup-stage{transform:none;transition:none}}