.product-shot{--product-shot-ease:cubic-bezier(.16, 1, .3, 1);z-index:2;padding:clamp(24px,4vw,64px) 24px;position:relative}.product-shot__figure{max-width:1080px;margin:0 auto;position:relative}.product-shot__glow{z-index:0;pointer-events:none;filter:blur(36px);opacity:0;transition:opacity 1.1s var(--product-shot-ease) .34s;background:radial-gradient(60% 60% at 50% 40%,#ffb80029,#0000 70%);position:absolute;inset:8% 4% -6%}:where(.product-shot__figure.is-visible) .product-shot__glow{opacity:1}.product-shot__frame{z-index:1;border:1px solid var(--line);background:var(--panel);transform-origin:50% 100%;transition:transform .95s var(--product-shot-ease) 80ms;border-radius:14px;position:relative;overflow:hidden;transform:perspective(1400px)rotateX(7deg)scale(.972);box-shadow:inset 0 2px #ffffff0d,0 30px 70px -28px #000000e6}:where(.product-shot__figure.is-visible) .product-shot__frame{transform:perspective(1400px)rotateX(0)scale(1)}.product-shot__frame:after{content:"";z-index:2;pointer-events:none;opacity:0;background:linear-gradient(100deg,#0000 38%,#ffffff1a 48%,#ffffff38 52%,#0000 62%);position:absolute;inset:0;transform:translate(-130%)}:where(.product-shot__figure.is-visible) .product-shot__frame:after{animation:1.2s linear .62s product-shot-sheen}@keyframes product-shot-sheen{0%{opacity:0;transform:translate(-130%)}25%{opacity:1}75%{opacity:1}to{opacity:0;transform:translate(130%)}}.site.light .product-shot__frame{box-shadow:inset 0 1px #ffffffe6,0 26px 60px -30px #0a0c1066}.product-shot__chrome{border-bottom:1px solid var(--line);background:var(--panel);align-items:center;gap:.9rem;padding:.55rem .9rem;display:flex}.product-shot__dots{flex:none;gap:.4rem;display:flex}.product-shot__dots i{background:var(--line);border-radius:50%;width:.65rem;height:.65rem}.product-shot__address{background:var(--bg);min-width:0;color:var(--muted,#aebdce);text-align:center;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;flex:auto;padding:.2rem .75rem;font-family:monospace;font-size:.8rem;overflow:hidden}.product-shot__screen{background-image:var(--product-shot-dark);background-position:top;background-repeat:no-repeat;background-size:cover}.site.light .product-shot__screen{background-image:var(--product-shot-light)}.product-shot__caption{color:var(--muted,#aebdce);text-align:center;margin:1.1rem auto 0;font-size:.9rem}@media (prefers-reduced-motion:reduce){.product-shot__frame,.product-shot__glow{opacity:1;transition:none;transform:none}.product-shot__frame:after{opacity:0;animation:none}}