.home-project-sequence{position:absolute;inset:0;background:#080808;overflow:hidden}
#cube .face.front #img-overlay{pointer-events:none}
.home-project-sequence .home-project-frame{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--project-transition,45ms) ease;pointer-events:none;user-select:none}
.home-project-sequence .home-project-frame.is-current{opacity:1}
.home-project-controls{position:absolute;left:6px;bottom:6px;z-index:2;display:flex;align-items:center;color:#fff;mix-blend-mode:difference;opacity:0;transition:opacity .15s}
.home-project-sequence:hover .home-project-controls,.home-project-sequence:focus-within .home-project-controls{opacity:1}
.home-project-controls button{display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;background:transparent;color:inherit;font:16px/1 'DM Sans',sans-serif;cursor:pointer}
.home-project-controls [hidden]{display:none}
.home-project-controls span{min-width:44px;text-align:center;font:9px/1 'DM Sans',sans-serif;letter-spacing:.06em;font-variant-numeric:tabular-nums}
.home-project-controls button:focus-visible{outline:1px solid currentColor;outline-offset:-3px}
body:has(.home-project-controls:hover) #cursor-ring,body:has(.home-project-controls:hover) #cursor-dot{opacity:0!important}
@media(hover:none){.home-project-controls{opacity:1}.home-project-controls button{width:36px;height:44px}}
@media(prefers-reduced-motion:reduce){.home-project-sequence .home-project-frame{transition:none}}