.photo-albums { margin-top: 4rem; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: clamp(1.5rem, 4vw, 4rem); row-gap: clamp(3rem, 6vw, 6rem); align-items: start; }
.photo-albums > h2 { grid-column: 1 / -1; margin: 0; padding-bottom: 1.2rem; border-bottom: 1px solid #bfc3b9; }
.photo-album { grid-column: span 6; min-width: 0; scroll-margin-top: 100px; }
.photo-album:nth-of-type(1), .photo-album:nth-of-type(5), .photo-album:nth-of-type(7) { grid-column: span 7; }
.photo-album:nth-of-type(2), .photo-album:nth-of-type(6), .photo-album:nth-of-type(8) { grid-column: span 5; }
.photo-album:nth-of-type(3) { grid-column: span 8; }
.photo-album:nth-of-type(4) { grid-column: span 4; }
.photo-album summary { display: block; cursor: pointer; list-style: none; }
.photo-album summary::-webkit-details-marker { display: none; }
.photo-album summary > img { display: block; width: 100%; height: auto; max-width: 100%; background: transparent; }
.photo-album__caption { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .5rem 1rem; margin-top: 1.15rem; }
.photo-album summary strong { grid-column: 1 / -1; display: block; overflow-wrap: anywhere; font-size: clamp(1.25rem, 2vw, 1.75rem); line-height: 1.25; }
.photo-album summary small { display: block; align-self: center; color: #4c5149; }
.photo-album__open { display: inline-block; text-decoration: underline; text-underline-offset: .25rem; }
.photo-album__close { display: none; text-decoration: underline; text-underline-offset: .25rem; }
.photo-album[open] .photo-album__open, .photo-album[open] summary > img { display: none; }
.photo-album[open] .photo-album__close { display: inline-block; }
.photo-album[open] { grid-column: 1 / -1; }
.photo-album[open] .photo-album__caption { margin-top: 0; }
.photo-album summary:focus-visible { outline: 3px solid #826833; outline-offset: 4px; }
.hansen-photo-gallery { margin-block: 2.5rem 2rem; min-width: 0; }
.hansen-photo-gallery__heading { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-bottom: 1rem; }
.hansen-photo-gallery__heading h3 { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.hansen-photo-gallery__controls { display: flex; align-items: center; gap: .7rem; white-space: nowrap; }
.hansen-photo-gallery__controls[hidden] { display: none; }
.hansen-photo-gallery__controls button { width: 44px; height: 44px; border: 1px solid currentColor; background: #fff; color: #20231f; font: inherit; font-size: 1.4rem; cursor: pointer; }
.hansen-photo-gallery__controls button[aria-disabled="true"] { color: #74766f; cursor: default; }
.hansen-photo-gallery__track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 1.5rem; padding-bottom: .6rem; }
.hansen-photo-gallery__slide { flex: 0 0 100%; min-width: 0; margin: 0; scroll-snap-align: start; }
.hansen-photo-gallery__slide a { display: block; background: transparent; }
.hansen-photo-gallery__slide img { display: block; width: 100%; height: clamp(280px, 52vw, 620px); object-fit: contain; }
.hansen-photo-gallery__slide figcaption { margin-top: .65rem; font-size: .95rem; color: #4c5149; }
.hansen-photo-gallery :focus-visible { outline: 3px solid #826833; outline-offset: -3px; }
@media(max-width:700px) {
  .photo-albums { display: block; }
  .photo-albums > h2 { margin-bottom: 2rem; }
  .photo-album { margin-bottom: 3rem; }
  .hansen-photo-gallery__heading { align-items: flex-start; flex-direction: column; }
  .hansen-photo-gallery__slide img { height: min(115vw, 480px); }
}