.photo-frame{border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-md);background:var(--surface);margin:0;position:relative;overflow:hidden}.photo-frame:after{content:"";background:linear-gradient(to right, var(--orange), var(--blue), var(--green));height:4px;position:absolute;bottom:0;left:0;right:0}.photo-frame img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1)}.photo-frame:hover img{transform:scale(1.06)}.photo-frame--default{aspect-ratio:4/3}.photo-frame--wide{aspect-ratio:16/9}.photo-frame--portrait{aspect-ratio:3/4}.photo-frame--banner{aspect-ratio:21/9;border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg)}.photo-frame figcaption{color:var(--text-muted);background:var(--white);border-top:1px solid var(--border-light);padding:.85rem 1.15rem;font-size:.78rem;font-weight:600}@media (width<=768px){.photo-frame--banner{aspect-ratio:16/10}}