.project{background:#fff;width:100%;height:100dvh;position:relative;overflow:hidden}.project__meta{z-index:10;pointer-events:none;padding:var(--site-chrome-padding);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:10px;font-family:PP Neue Montreal,system-ui,sans-serif;font-size:9px;line-height:1;display:flex;position:absolute;top:0;left:0;right:0}.project__meta-main{pointer-events:auto;align-items:center;gap:10px;min-width:0;display:flex}.project__back{font:inherit;color:inherit;text-transform:uppercase;letter-spacing:inherit;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-shrink:0;margin:0;padding:0;line-height:1;position:relative}.project__back:before{content:"";position:absolute;inset:-14px -14px -14px -24px}.project__back:hover{opacity:.6}.project__title{font-weight:inherit;font-size:inherit;margin:0;line-height:1}.project__stage{touch-action:manipulation;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.project__nav{z-index:1;background:0 0;border:none;width:50%;height:100%;margin:0;padding:0;position:absolute;top:0}.project__nav--prev{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='16' viewBox='0 0 32 16'%3E%3Ctext y='12' font-family='Arial,sans-serif' font-size='11' fill='%23000'%3E%3Ctspan x='0'%3E%5B%3C/tspan%3E%3Ctspan dx='3'%3E%E2%86%90%3C/tspan%3E%3Ctspan dx='3'%3E%5D%3C/tspan%3E%3C/text%3E%3C/svg%3E") 16 8,pointer;left:0}.project__nav--next{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='16' viewBox='0 0 32 16'%3E%3Ctext y='12' font-family='Arial,sans-serif' font-size='11' fill='%23000'%3E%3Ctspan x='0'%3E%5B%3C/tspan%3E%3Ctspan dx='3'%3E%E2%86%92%3C/tspan%3E%3Ctspan dx='3'%3E%5D%3C/tspan%3E%3C/text%3E%3C/svg%3E") 16 8,pointer;right:0}.project--enter .project__image,.project--enter .project__video{animation:.7s both ui-fade-in}.project__image{-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;user-select:none;width:auto;max-width:100%;height:100%;display:block}.project__empty{opacity:.5}@media (max-width:768px){:is(html:has(.project),body:has(.project)){overscroll-behavior:none;overflow:hidden}.project{touch-action:manipulation;width:100%;height:100dvh;position:fixed;inset:0;overflow:hidden}.project__meta{background:0 0;position:fixed}.project__meta-main{flex-wrap:wrap}.project__back:before{inset:-16px -16px -16px -28px}}