.flipcov{margin:10px 0 18px;max-width:200px}
.flipbtn{display:block;width:100%;padding:0;margin:0;background:none;border:0;cursor:pointer;perspective:1100px;font:inherit;color:inherit}
.flipin{display:block;position:relative;width:100%;aspect-ratio:2/3;transform-style:preserve-3d;transition:transform .7s ease}
.flipbtn[aria-pressed="true"] .flipin{transform:rotateY(180deg)}
.flipin img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:3px;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.flipin img.fb{transform:rotateY(180deg)}
.flipbtn:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.fliphint{display:block;font-size:12px;color:#6B4F55;margin-top:6px}
@media (prefers-reduced-motion:reduce){.flipin{transition:none}}