.image-frame{width:100%;max-width:420px;aspect-ratio:4 / 3;position:relative;overflow:hidden;border-radius:20px;margin:0 auto;transition:all 0.4s ease}.image-frame img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease}.frame-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,0.35),rgba(0,0,0,0.1));display:flex;align-items:center;justify-content:center;opacity:0;transition:all 0.4s ease}.frame-overlay span{color:#fff;font-size:clamp(14px,4vw,18px);font-weight:600;letter-spacing:0.5px;padding:10px 20px;border-radius:30px;background:rgba(255,255,255,0.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transform:translateY(10px);transition:transform 0.4s ease}.image-frame:hover{transform:translateY(-6px)}.image-frame:hover img{transform:scale(1.08)}.image-frame:hover .frame-overlay{opacity:1}.image-frame:hover .frame-overlay span{transform:translateY(0)}.image-frame.glass{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.35);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(0,0,0,0.15),inset 0 1px 0 rgba(255,255,255,0.3)}@media (max-width:480px){.image-frame{border-radius:16px}}