/* Uniform, borderless photo formats for every mood. */
.mood-visuals{min-width:0;width:100%}
.mood-visuals .mood-image{height:auto;aspect-ratio:3/4;overflow:hidden;margin:0;background:transparent;border:0;box-shadow:none}
.mood-visuals .mood-image>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;animation:none;transform:none;clip-path:none;border:0;border-radius:0;box-shadow:none}
.mood-visuals .mood-image:after{display:none}
.mood-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}
.mood-detail{display:block;width:100%;min-width:0;aspect-ratio:1;border:0;padding:0;background:transparent;box-shadow:none;border-radius:0;overflow:hidden;cursor:zoom-in}
.mood-detail img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border:0;border-radius:0;box-shadow:none}
.mood-detail:hover{background:transparent}
.mood-detail:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
@media(max-width:700px){.mood{display:flex;flex-direction:column}.mood-details{gap:9px;margin-top:12px}.mood-copy{padding-top:36px}}