.museum-intro { min-height: 250px; }
.museum-message { margin: 25px 52px 0; }
.museum-gallery { display: grid; gap: 34px; padding: 45px 52px 70px; background: #f3ebe0; }
.museum-photo { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(240px, .8fr); border: 1px solid var(--line); background: #fffdf7; box-shadow: 6px 7px 0 rgba(75,70,62,.1); }
.museum-photo figure { margin: 0; padding: 18px; border-right: 1px solid var(--line); }
.museum-photo figure img { display: block; width: 100%; max-height: 680px; object-fit: contain; background: #ebe8df; }
.museum-photo figcaption { display: flex; justify-content: space-between; gap: 18px; margin-top: 15px; color: #65625e; font: 13px/1.8 "Yu Mincho", serif; }
.museum-photo figcaption p { margin: 0; }.museum-photo figcaption time { flex: 0 0 auto; font: 10px "Courier New", monospace; }
.photo-comments { padding: 25px; }.photo-comments h2 { margin: 0 0 18px; font: 500 19px "Yu Mincho", serif; }
.photo-comment { padding: 13px 0; border-top: 1px dotted var(--line); }.photo-comment header { display: flex; justify-content: space-between; gap: 12px; font-size: 11px; }.photo-comment time { color: #777; font: 9px "Courier New", monospace; }.photo-comment p { margin: 8px 0 0; font: 12px/1.8 "Yu Mincho", serif; }
.photo-comments details { margin-top: 22px; color: var(--blue); font-size: 11px; }.photo-comments summary { cursor: pointer; }.photo-comments form { display: grid; gap: 10px; margin-top: 13px; }.photo-comments label { display: grid; gap: 5px; color: #60615d; }.photo-comments input,.photo-comments textarea { width: 100%; padding: 10px 12px; border: 1px solid #99968e; border-radius: 8px; background: #fff; }.photo-comments textarea { resize: vertical; }.photo-comments button { justify-self: end; padding: 8px 15px; border: 1px solid #496251; border-radius: 999px; color: white; background: #587360; }
@media(max-width:760px){.museum-gallery{padding:30px 20px 55px}.museum-photo{grid-template-columns:1fr}.museum-photo figure{border-right:0;border-bottom:1px solid var(--line)}.museum-photo figcaption{flex-direction:column}.museum-message{margin:20px}}
.museum-gallery { background: var(--pink); }
.museum-photo figure img { background: var(--mint); }
.photo-comments button { border-color: var(--orange-dark); background: var(--orange); }