.mockup-image{width:100%;max-width:520px}.mockup-image--clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.mockup-image--clickable:hover{transform:scale(1.01)}.mockup-image--clickable:hover .mockup-image-frame{border-color:rgba(0,0,0,.12);box-shadow:0 8px 32px rgba(0,0,0,.1),0 16px 56px rgba(0,0,0,.06),0 0 60px rgba(var(--accent-rgb),.08),0 0 100px rgba(var(--accent-rgb),.05)}.mockup-image--clickable:focus{outline:none}.mockup-image--clickable:focus-visible .mockup-image-frame{outline:2px solid var(--color-accent-primary);outline-offset:2px}.mockup-image-frame{position:relative;width:100%;border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 24px rgba(0,0,0,.08),0 12px 48px rgba(0,0,0,.06),0 0 50px rgba(var(--accent-rgb),.06),0 0 80px rgba(var(--accent-rgb),.03)}.mockup-image-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}