/* Hide footer (your existing rule) */
footer {
  display: none;
}

/* --- Gallery layout: vertical photo essay --- */

/* Disable grid / thumbnail layout */
.gallery {
  display: block;
}

/* Each photo is a vertical section */
.gallery figure {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  box-shadow: none;
}

/* Remove thumbnail constraints */
.gallery figure.thumbnail {
  max-width: none;
}

/* Anchor should not add layout or borders */
.gallery a {
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  box-shadow: none;
  background: transparent;
}

/* Image scaling */
.gallery img {
  display: block;
  width: auto;
  height: auto;
  max-width: calc(100vw - 6rem);   /* horizontal margin */
  max-height: calc(100vh - 6rem);  /* vertical margin */
  margin: 3rem auto;               /* spacing between photos */
  border: none;
  box-shadow: none;
  background: transparent;
}

/* Optional: clean, centered captions */
.gallery figcaption {
  max-width: calc(100vw - 6rem);
  margin: -2rem auto 4rem auto;
  text-align: center;
  font-size: 0.9rem;
  color: #555;
}

/* Optional: remove focus ring on click (accessibility tradeoff) */
.gallery a:focus {
  outline: none;
}

/* --- Album index: vertical minimalist layout --- */

/* Disable grid-like behavior */
.album-list {
  display: block;
}

/* Each album entry */
.album-list .menu-img {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  box-shadow: none;
}

/* Album links behave like sections */
.album-list .menu-img a {
  display: block;
  width: 100%;
  text-decoration: none;
}

/* Album thumbnail image */
.album-list img.album_thumb {
  display: block;
  max-width: calc(100vw - 6rem);
  height: auto;
  margin: 3rem auto 1rem auto;
  border: none;
  box-shadow: none;
  background: transparent;
}

/* Album title */
.album-list .album_title {
  display: block;
  text-align: center;
  font-size: 20px;
  color: #555;
  margin-bottom: 4rem;
}

a {
  color: #171717;
}

h1 {
    font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 60px;
}

h2, h3 {
    font-family: "Avenir", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 28px;
}

@media (max-width: 1000px) {
  h2, h3 {
    margin-left: 50px;
  }
}