.shot{font:inherit;color:inherit;cursor:zoom-in;text-align:left;background:0 0;border:0;padding:0;display:block;position:relative}.shot__view{display:block;position:relative;overflow:hidden}.shot img{width:100%;height:auto;display:block}.shot__zoom{color:#fff;opacity:0;background:#0f111ab8;border-radius:50%;place-items:center;width:30px;height:30px;transition:opacity .2s,transform .2s;display:grid;position:absolute;bottom:12px;right:12px;transform:scale(.8)}.shot:hover .shot__zoom,.shot:focus-visible .shot__zoom{opacity:1;transform:none}.shot--browser{border:1px solid var(--shot-rim,#e2e8f0);background:var(--shot-bar,#eceef0);width:100%;box-shadow:var(--shot-shadow,0 24px 60px #131b2e24);border-radius:12px;transition:transform .4s cubic-bezier(.2,.7,.2,1);overflow:hidden}.shot--browser:hover{transform:translateY(-3px)}.shot__bar{gap:6px;padding:10px 12px;display:flex}.shot__bar i{background:#787c8c66;border-radius:50%;width:9px;height:9px}.shot--browser .shot__view{aspect-ratio:var(--shot-ratio,16 / 10)}.shot--browser img{object-fit:cover;object-position:top left;height:100%}.shot--phone{width:var(--shot-phone-w,260px);border:1px solid var(--shot-rim,#ffffff24);background:var(--shot-bezel,#0c0e14);max-width:100%;box-shadow:var(--shot-shadow,0 40px 90px #00000073);border-radius:40px;padding:8px}.shot--phone .shot__view{aspect-ratio:9/19;border-radius:32px}.shot--phone img{position:absolute;top:0;left:0}.shot--phone .shot__zoom{bottom:20px;right:20px}.shot--pan{--t:clamp(0, calc((.5 - var(--p,1)) / 1.1), 1)}.shot--pan-hero{--t:var(--p,0)}.shot--pan img{top:calc(var(--t) * 100%);transform:translateY(calc(var(--t) * -100%));will-change:transform}.lightbox{overscroll-behavior:contain;cursor:zoom-out;background:#08090ee6;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:56px 16px 32px;overflow:auto}.lightbox::backdrop{background:#08090e99}.lightbox[open]{animation:.25s both lightbox-in;display:block}.lightbox img{cursor:default;border-radius:10px;width:auto;max-width:min(100%,1400px);height:auto;margin-inline:auto;display:block}.lightbox--phone img{border-radius:24px;max-width:min(100%,440px)}.lightbox__close{z-index:1;color:#fff;cursor:pointer;background:#ffffff24;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:fixed;top:12px;right:16px}.lightbox__close:hover{background:#ffffff42}@keyframes lightbox-in{0%{opacity:0}}