.project-photo{aspect-ratio:16/9;cursor:zoom-in;isolation:isolate;text-align:left;background:#fff;border:1px solid #241d2e17;border-radius:10px;width:100%;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 8px 28px #241d2e0b}.project-photo-image{object-fit:contain;width:100%;height:100%;display:block}.project-photo-depth{transform:perspective(1800px) rotateX(var(--project-photo-rx,0deg)) rotateY(var(--project-photo-ry,0deg));transition:transform .45s cubic-bezier(.2,.65,.3,1),box-shadow .45s}.project-photo-depth:hover{transition-duration:.18s,.45s;box-shadow:0 14px 38px #241d2e11}.project-photo-expand{color:#302938;pointer-events:none;background:#fffffff0;border:1px solid #241d2e1a;border-radius:6px;justify-content:center;align-items:center;min-height:38px;padding:10px;display:flex;position:absolute;bottom:18px;right:18px;box-shadow:0 2px 10px #241d2e0a}.project-photo-expand>span{opacity:0;white-space:nowrap;max-width:0;margin-right:0;font-size:12px;font-weight:500;line-height:18px;transition:max-width .25s,margin-right .25s,opacity .2s;overflow:hidden}.project-photo-expand>svg{stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;flex:0 0 17px;width:17px;height:17px}.project-photo:focus-visible .project-photo-expand>span{opacity:1;max-width:80px;margin-right:9px}.project-photo-dialog{width:100vw;max-width:none;height:100vh;color:#fff;background:#141119f7;border:0;height:100dvh;max-height:none;margin:0;padding:64px 32px 32px;position:fixed;inset:0;overflow:hidden}.project-photo-dialog[open]{justify-content:center;align-items:center;display:flex}.project-photo-dialog::backdrop{background:#141119}.project-photo-full{width:auto;max-width:min(1600px,100%);height:auto;max-height:calc(100vh - 96px);object-fit:contain;border-radius:4px;max-height:calc(100dvh - 96px);display:block;box-shadow:0 12px 64px #0000001f}.project-photo-close{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff38;border-radius:50%;place-items:center;width:44px;height:44px;padding:10px;transition:background .2s;display:grid;position:absolute;top:16px;right:20px}.project-photo-close:hover{background:#ffffff1f}.project-photo-close>svg{stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;width:22px;height:22px;display:block}@media (hover:hover) and (pointer:fine){.project-photo:hover .project-photo-expand>span{opacity:1;max-width:80px;margin-right:9px}}@media (max-width:760px){.project-photo-depth{transform:none!important}.project-photo-expand{min-height:34px;padding:8px;bottom:10px;right:10px}.project-photo-dialog{padding:64px 14px 24px}.project-photo-full{max-height:calc(100vh - 88px);max-height:calc(100dvh - 88px)}.project-photo-close{top:12px;right:14px}}@media (prefers-reduced-motion:reduce){.project-photo-depth{transform:none!important}.project-photo-depth,.project-photo-expand>span,.project-photo-close{transition:none}}