.mobile-reveal-controls,.mobile-reveal-sample{display:none}@media(max-width:720px){.project-page__main:has(.mobile-reveal-sample){padding-top:76px}[data-scroll-reveal=pending]{opacity:0;transform:translate3d(0,20%,0) scale(.9)}[data-scroll-reveal=visible]{opacity:1;transform:translateZ(0) scale(1);transition:opacity .8s cubic-bezier(.14,1,.34,1),transform .8s cubic-bezier(.14,1,.34,1)}.project-media-panel:has(>.mobile-reveal-sample){position:relative}.mobile-reveal-sample{position:absolute;display:block;top:0;right:0;bottom:0;left:0;padding:20px 8px;background:#0d0d0d;border-radius:inherit}.mobile-reveal-sample__phone{width:100%;height:100%;pointer-events:none}.mobile-reveal-controls{position:fixed;z-index:35;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));display:flex;gap:4px;padding:4px;border:1px solid var(--divider-color);border-radius:8px;background:var(--surface-navigation, #0f0f0f)}.mobile-reveal-controls button{min-height:44px;padding:0 12px;border:0;border-radius:4px;background:var(--surface-control, #181818);color:#bdbdbd;font:inherit;font-size:12px;cursor:pointer}.mobile-reveal-controls button:focus-visible{outline:1px solid #f5f5f5;outline-offset:2px}.mobile-reveal-controls button:disabled{opacity:.5;cursor:default}}@media(prefers-reduced-motion:reduce){[data-scroll-reveal]{opacity:1;transform:none;transition:none}}