/* Owner-selected photos extend the original strip; existing photo styles remain. */
.is-home .home-page .home-hero-carousel-photo.is-landscape {
  flex-basis: calc(var(--carousel-photo-width) * 1.4);
  width: calc(var(--carousel-photo-width) * 1.4);
}

.pack-photo-examples { max-width: 1020px; margin: 88px auto 0; }
.pack-photo-heading { margin-bottom: 32px; }
.pack-photo-heading h2 { font-size: 38px; line-height: 1.15; font-weight: 600; letter-spacing: -.035em; }
.pack-photo-heading p { max-width: 65ch; margin-top: 16px; color: var(--muted); font-size: 16px; line-height: 1.65; }
.pack-photo-row { display: flex; align-items: flex-start; gap: 20px; }
.pack-photo-row + .pack-photo-row { margin-top: 28px; }
.pack-photo-row figure { flex: 1 1 0; min-width: 0; margin: 0; }
.pack-photo-row figure:first-child { flex-grow: 1.7777778; }
.pack-example-open { display: block; width: 100%; margin: 0; padding: 0; border: 0; border-radius: 12px; background: var(--image-bg); cursor: zoom-in; overflow: hidden; }
.pack-example-open img { display: block; width: 100%; height: auto; }
.pack-example-open:focus-visible { outline: 2px solid var(--accent-ink); outline-offset: 5px; }
.pack-photo-row figcaption { margin-top: 12px; }
.pack-photo-row h3 { font-size: 14px; line-height: 1.5; font-weight: 500; color: var(--muted); }

.is-home .home-page .home-character-video { padding-top: 32px; }
.home-character-heading { margin-bottom: 32px; }
.home-character-heading h2 { font-size: 56px; line-height: 1.08; font-weight: 600; letter-spacing: -.035em; }
.home-character-pending { display: grid; place-items: center; min-height: clamp(220px, 23vw, 360px); padding: 32px; border: 1px solid var(--line-soft); border-radius: 16px; background: var(--content-group, #0b0b0b); }
.home-character-pending p { margin: 0; color: var(--muted); font-size: 18px; line-height: 1.5; }
.home-character-examples { display: grid; gap: 32px; }
.home-character-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.home-character-pair figure { min-width: 0; margin: 0; }
.home-character-pair video { display: block; width: 100%; height: auto; border-radius: 12px; background: var(--image-bg); }
.home-character-pair figcaption { margin-top: 12px; color: var(--muted); font-size: 14px; }

@media (max-width: 836px) {
  .pack-photo-examples { margin-top: 56px; }
  .pack-photo-heading h2 { font-size: 32px; }
  .pack-photo-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
  .pack-photo-row figure:first-child { grid-column: 1 / -1; }
  .pack-photo-row:last-child figure:last-child { grid-column: 1 / -1; }
  .pack-photo-row:last-child figure:last-child img { max-height: 560px; object-fit: contain; }
  .home-character-heading h2 { font-size: 36px; }
  .home-character-heading { margin-bottom: 24px; }
  .home-character-pending { min-height: 210px; padding: 24px; border-radius: 12px; }
  .home-character-pending p { font-size: 16px; }
  .home-character-pair { grid-template-columns: minmax(0, 1fr); }
}
