.project-cover video.motion-preview{width:100%;height:100%;object-fit:cover;display:block}
.motion-toggle{position:absolute;z-index:4;right:var(--pad);top:90px;display:grid;place-items:center;width:40px;height:40px;padding:10px;border:0;background:none;color:white;cursor:pointer;border-radius:0}
.motion-toggle svg{width:16px;height:16px;filter:drop-shadow(0 1px 2px #0008)}
.motion-card{position:relative;min-width:0}.motion-card>.motion-toggle{right:8px;top:8px}
@media(max-width:700px){.motion-toggle{top:72px}.project-feature video.motion-preview[data-mobile-src]{object-position:50% 50%!important}}
/* Keep video paintable for mobile autoplay; the still covers it until ready. */
.project-feature video.motion-preview{opacity:1;z-index:0;pointer-events:none}
.project-feature .motion-preview-poster{z-index:1;pointer-events:none;opacity:1}
.project-feature.is-previewing .motion-preview-poster{opacity:0}
/* Ambient previews never expose the browser's transport or hover overlay. */
video[data-motion-preview]{pointer-events:none!important;-webkit-user-select:none;user-select:none}
video[data-motion-preview]::-webkit-media-controls,
video[data-motion-preview]::-webkit-media-controls-enclosure,
video[data-motion-preview]::-webkit-media-controls-panel,
video[data-motion-preview]::-webkit-media-controls-overlay-enclosure,
video[data-motion-preview]::-webkit-media-controls-overlay-play-button,
video[data-motion-preview]::-webkit-media-controls-play-button,
video[data-motion-preview]::-webkit-media-controls-start-playback-button{display:none!important;opacity:0!important;-webkit-appearance:none}
.project-feature>.motion-toggle,.project-tile>.motion-toggle{display:none!important}
@media(min-width:701px){
 .desktop-projects .project-cover{position:relative;aspect-ratio:16/9}
 .desktop-projects .project-cover img,.desktop-projects .project-cover video{width:100%;height:100%;object-fit:cover}
 .desktop-projects .project-cover-poster{padding:0}
 .desktop-projects .project-cover video.motion-preview{position:absolute;inset:0;opacity:1;z-index:0}
 .desktop-projects .motion-preview-poster{display:block;position:relative;z-index:1;opacity:1}
 .desktop-projects .is-previewing .motion-preview-poster{opacity:0}
 .desktop-projects a[href="/julian-santos.html"] .project-cover img{object-position:76% 50%}
 .desktop-projects a[href="/eve-of-eden.html"] .project-cover img{object-position:65% 50%}
}