/* A wedding story is one paper card: complete photograph, details and one action. */
.case-track{position:relative;align-items:flex-start;padding-top:4px;padding-bottom:18px;overflow-y:hidden;overscroll-behavior:contain auto}
.case-card{padding:16px;background:#fffdfa;border:1px solid #ded4c6;border-radius:10px;box-shadow:0 6px 16px #594c420b;overflow:visible}
.case-card .case-image{width:100%;height:auto;aspect-ratio:4/5;padding:0;border:0;border-radius:0;background:#f1ece4;overflow:visible;cursor:default}
.case-card .case-image>.photo-area{inset:0}
.case-card .case-image .photo-area>img{object-fit:contain;object-position:center;background:#f1ece4;transform:none;border-radius:0}
.case-card .case-info{padding:20px 4px 4px;min-width:0}
.case-card .case-info h3{font:400 32px/1.08 var(--serif);color:var(--ink);margin:0 0 12px;overflow-wrap:anywhere}
.case-card .case-info>.case-venue{font-size:15px;line-height:1.6;color:var(--muted);margin:0 0 14px;min-height:0;overflow-wrap:anywhere}
.case-card .case-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;font-size:14px;line-height:1.6;color:var(--brown);margin:0}
.case-card .case-view{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;padding:13px 16px;margin-top:19px;border-radius:5px;font-size:16px;line-height:1.5;text-align:center;white-space:normal}
.case-card .case-view:focus-visible{outline:2px solid var(--gold-dark);outline-offset:4px}
@media(max-width:991px){
  .case-card{padding:14px}
  .case-card .case-info{padding:18px 3px 3px}
}
@media(max-width:575px){
  .case-card{flex-basis:100%;padding:14px;border-radius:9px}
  .case-card .case-info{padding:18px 2px 2px}
  .case-card .case-info h3{font-size:31px;margin-bottom:11px}
  .case-card .case-info>.case-venue{margin-bottom:13px}
  .case-card .case-view{margin-top:18px}
}