.shot-frame{background:linear-gradient(var(--color-black), var(--color-black)) padding-box, var(--color-gold-gradient) border-box;box-shadow:0 20px 50px -12px #231f2073, 8px 8px 0 color-mix(in srgb, var(--color-gold-solid) 35%, transparent);border:2px solid #0000;border-radius:1rem;margin:0;transition:transform .35s,box-shadow .35s;position:relative;overflow:visible}.shot-frame:before{content:"";z-index:-1;background:var(--color-gold-gradient);box-shadow:0 18px 42px color-mix(in srgb, var(--color-black) 24%, transparent);border-radius:1rem;position:absolute;inset:.65rem -.65rem -.65rem .65rem}.shot-frame:hover{box-shadow:0 28px 60px -14px #231f208c, 10px 10px 0 color-mix(in srgb, var(--color-gold-solid) 50%, transparent);transform:translateY(-4px)}.shot-frame:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(120deg, color-mix(in srgb, var(--color-gold-solid) 10%, transparent), transparent 45%);position:absolute;inset:0}.shot-frame-chrome{border-bottom:1px solid color-mix(in srgb, var(--color-gold-solid) 30%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--color-offwhite) 8%, transparent), transparent);border-radius:calc(1rem - 2px) calc(1rem - 2px) 0 0;align-items:center;gap:.45rem;padding:.7rem 1rem;display:flex}.shot-dot{background:color-mix(in srgb, var(--color-offwhite) 25%, transparent);border-radius:50%;width:.55rem;height:.55rem}.shot-dot--gold{background:var(--color-browser-close);box-shadow:none}.shot-dot:nth-child(3){background:var(--color-browser-maximize)}.shot-frame-url{border:1px solid color-mix(in srgb, var(--color-gold-solid) 25%, transparent);letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, var(--color-gold-solid) 85%, var(--color-offwhite));background:color-mix(in srgb, var(--color-black) 60%, transparent);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;flex:1;margin-left:.6rem;padding:.2rem .7rem;font-size:.6rem;font-weight:700;overflow:hidden}.shot-frame-button{cursor:zoom-in;background:0 0;border:0;border-radius:0 0 calc(1rem - 2px) calc(1rem - 2px);width:100%;padding:0;display:block;position:relative;overflow:hidden}.shot-frame-image{width:100%;height:auto;display:block}.shot-frame-zoom{border:1px solid color-mix(in srgb, var(--color-gold-solid) 60%, transparent);letter-spacing:.14em;text-transform:uppercase;color:var(--color-black);background:linear-gradient(140deg, var(--color-gold), var(--color-gold-solid));opacity:0;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .8rem;font-size:.6rem;font-weight:800;transition:opacity .3s,transform .3s;display:inline-flex;position:absolute;bottom:.85rem;right:.85rem;transform:translateY(6px)}.shot-frame-zoom svg{width:.8rem;height:.8rem}.shot-frame-button:hover .shot-frame-zoom,.shot-frame-button:focus-visible .shot-frame-zoom{opacity:1;transform:translateY(0)}.shot-frame-button:focus-visible{outline:2px solid var(--color-gold-solid);outline-offset:3px}.shot-lightbox{z-index:90;background:color-mix(in srgb, var(--color-black) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:zoom-out;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:clamp(1rem,4vw,3rem);animation:.2s ease-out shot-fade;display:flex;position:fixed;inset:0}.shot-lightbox-image{border:1px solid color-mix(in srgb, var(--color-gold-solid) 55%, transparent);cursor:default;border-radius:.75rem;width:auto;max-width:min(100%,1600px);height:auto;max-height:82vh;box-shadow:0 40px 100px -30px #000c}.shot-lightbox-caption{text-align:center;letter-spacing:.08em;text-transform:uppercase;max-width:60ch;color:color-mix(in srgb, var(--color-offwhite) 70%, transparent);font-size:.75rem}.shot-lightbox-close{border:1px solid color-mix(in srgb, var(--color-gold-solid) 50%, transparent);width:2.75rem;height:2.75rem;color:var(--color-gold-solid);background:color-mix(in srgb, var(--color-black) 70%, transparent);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;top:1.25rem;right:1.25rem}.shot-lightbox-close:hover{color:var(--color-black);background:linear-gradient(140deg, var(--color-gold), var(--color-gold-solid))}@keyframes shot-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.shot-frame,.shot-frame-zoom,.shot-lightbox{transition:none;animation:none}.shot-frame:hover{transform:none}.shot-frame-zoom{opacity:1;transform:none}}