/* Family camera-roll modules: real photos should read like editorial evidence, not decoration. */
.home-notebook,
.journal-notebook,
.notebook-story,
.notebook-photo-break { margin-block: clamp(3.5rem, 7vw, 6.5rem); }

.home-notebook-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(220px, .55fr);
  gap: clamp(1rem, 2.5vw, 2rem);
  align-items: start;
}

.home-notebook-lead {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(220px, .9fr);
  gap: clamp(1rem, 2vw, 1.75rem);
  color: inherit;
  text-decoration: none;
  align-items: center;
}

.home-notebook-lead img,
.home-notebook-detail img,
.journal-notebook img,
.notebook-story img,
.notebook-photo-break img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

.home-notebook-lead img { aspect-ratio: 3 / 4; }
.home-notebook-detail img { aspect-ratio: 3 / 4; }

.home-notebook-lead span {
  display: block;
  padding-block: 1rem;
}

.home-notebook-lead small,
.notebook-kicker {
  display: block;
  margin-bottom: .55rem;
  font-size: .76rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 700;
}

.home-notebook-lead strong {
  display: block;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.6rem, 3.2vw, 2.65rem);
  line-height: 1.02;
  font-weight: 500;
}

.home-notebook-lead em {
  display: block;
  margin-top: .8rem;
  font-style: normal;
  line-height: 1.55;
}

.home-notebook-detail { margin: 0; }
.home-notebook-detail figcaption,
.notebook-photo-break figcaption,
.notebook-story figcaption {
  margin-top: .65rem;
  font-size: .85rem;
  line-height: 1.45;
  opacity: .76;
}

.journal-notebook {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(260px, .85fr);
  gap: clamp(1.4rem, 4vw, 3.5rem);
  align-items: center;
}

.journal-notebook figure { margin: 0; }
.journal-notebook img { aspect-ratio: 4 / 5; }

.journal-notebook h2,
.notebook-story h2,
.notebook-photo-break h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 500;
}

.notebook-photo-break {
  display: grid;
  grid-template-columns: minmax(240px, .7fr) minmax(0, 1.3fr);
  gap: clamp(1.5rem, 4vw, 4rem);
  align-items: center;
}

.notebook-photo-break figure { margin: 0; max-width: 560px; }
.notebook-photo-break img { aspect-ratio: 3 / 4; }

.notebook-story-cover {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(260px, .8fr);
  gap: clamp(1.5rem, 4vw, 4rem);
  align-items: end;
  margin-top: 1.5rem;
}

.notebook-story-cover figure { margin: 0; }
.notebook-story-cover img { aspect-ratio: 3 / 4; }

.notebook-story-copy {
  max-width: 42rem;
  font-size: clamp(1.05rem, 1.7vw, 1.2rem);
  line-height: 1.75;
}

.notebook-photo-pair {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(.8rem, 2vw, 1.5rem);
  margin-block: 2.5rem;
}

.notebook-photo-pair figure { margin: 0; }
.notebook-photo-pair img { aspect-ratio: 3 / 4; }

.notebook-list {
  padding-left: 1.25rem;
}
.notebook-list li { margin-block: .7rem; }

@media (max-width: 760px) {
  .home-notebook-grid,
  .home-notebook-lead,
  .journal-notebook,
  .notebook-photo-break,
  .notebook-story-cover {
    grid-template-columns: 1fr;
  }

  .home-notebook-detail { max-width: 72%; margin-left: auto; }
  .notebook-photo-break figure { max-width: 78%; }
  .notebook-photo-pair { gap: .65rem; }
}

.camera-roll-section { margin-block: clamp(4rem, 8vw, 7rem); }
.camera-roll-section .home-section-head { margin-bottom: clamp(1.25rem, 3vw, 2.25rem); }
.camera-roll-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(.75rem, 2vw, 1.5rem);
}
.camera-roll-card { margin: 0; }
.camera-roll-card a { color: inherit; text-decoration: none; }
.camera-roll-card img,
.about-photo-band img {
  width: 100%;
  display: block;
  aspect-ratio: 4 / 5;
  object-fit: cover;
}
.camera-roll-card:nth-child(2) img { aspect-ratio: 1 / 1; }
.camera-roll-card figcaption {
  padding-top: .7rem;
  font-size: .9rem;
  line-height: 1.45;
}
.camera-roll-note {
  max-width: 44rem;
  margin-top: 1.25rem;
  line-height: 1.65;
}
.about-photo-band {
  display: grid;
  grid-template-columns: 1.15fr .85fr .85fr;
  gap: clamp(.65rem, 1.8vw, 1.25rem);
  margin-block: clamp(2rem, 5vw, 4.5rem);
}
.about-photo-band figure { margin: 0; }
.about-photo-band figure:first-child img { aspect-ratio: 5 / 4; }
.about-photo-band figcaption {
  padding-top: .55rem;
  font-size: .82rem;
  line-height: 1.4;
  opacity: .75;
}

@media (max-width: 760px) {
  .camera-roll-strip,
  .about-photo-band { grid-template-columns: 1fr 1fr; }
  .camera-roll-card:first-child,
  .about-photo-band figure:first-child { grid-column: 1 / -1; }
  .camera-roll-card:first-child img { aspect-ratio: 5 / 4; }
}