/* Responsive photographs. Original product gallery assets remain untouched. */
.editorial-picture { display: block; overflow: hidden; }
.editorial-picture img { display: block; width: 100%; height: auto; object-fit: cover; }
.page-hero > .editorial-picture { position: absolute; inset: 0; }
.page-hero > .editorial-picture img { width: 100%; height: 100%; }
.page-hero--factory > .editorial-picture img { object-position: center top; }
.page-hero__content { position: relative; z-index: 1; }
.bundle-hero__landscape { margin: 1.6rem 0 0; max-width: 30rem; }
.bundle-hero__landscape picture { border-radius: var(--radius-image); }
.bundle-hero__landscape img { aspect-ratio: 2.8; object-fit: cover; }
.bundle-hero__landscape figcaption { margin-top: .5rem; font-size: var(--text-xs); color: var(--muted); }
.bundle-world { --world-padding: 2.4rem; padding: var(--world-padding); }
.bundle-world > .editorial-picture { width: calc(100% + var(--world-padding) * 2); margin: 1.6rem calc(var(--world-padding) * -1) calc(var(--world-padding) * -1); border-radius: var(--radius-image); }
.bundle-world > .editorial-picture img { aspect-ratio: 1.7; }
.story-images .editorial-picture { border-radius: var(--radius-image); }
.nature-panel { isolation: isolate; background-image: none; }
.nature-panel > .editorial-picture { position: absolute; inset: 0; z-index: -2; }
.nature-panel > .editorial-picture img { width: 100%; height: 100%; }
.nature-panel::before { z-index: -1; }
.nature-panel .nature-photo-note { margin-top: 1rem; font-size: var(--text-xs); opacity: .8; }
.cta-section--landscape { isolation: isolate; }
.cta-section--landscape > .editorial-picture { position: absolute; inset: 0; z-index: -2; }
.cta-section--landscape > .editorial-picture img { width: 100%; height: 100%; max-width: none; margin: 0; filter: none; opacity: 1; }
.cta-section--landscape::before { inset: 0; width: auto; height: auto; border: 0; border-radius: 0; background: linear-gradient(0deg, #0b251ed9, #0b251e55); z-index: -1; }
.cta-section--landscape::after { display: none; }
.cta-section--landscape h2 { font-size: var(--text-4xl); overflow-wrap: normal; letter-spacing: -.055em; }
.brand-slogan { text-wrap: balance; }
.footer-brand .brand-slogan { font-weight: 600; font-size: var(--text-base); }
.nav-mega__guide > .editorial-picture img { height: 10rem; object-fit: cover; }
.mobile-menu__guide > .editorial-picture { flex: 0 0 3rem; border-radius: var(--radius-image); }
.mobile-menu__guide > .editorial-picture img { width: 3rem; height: 3rem; }
.editorial-gallery--curated { align-items: start; }
.editorial-gallery--curated figure, .editorial-gallery--curated .editorial-gallery__large { min-height: 0 !important; }
.editorial-gallery--curated picture img { aspect-ratio: 1.35; height: auto; }
.editorial-gallery--curated figure + figure { margin-top: 4rem; }
.editorial-gallery--curated figure + figure picture img { aspect-ratio: .9; }
.editorial-gallery--curated figcaption { max-width: calc(100% - 2rem); border-radius: var(--radius-control); line-height: 1.5; font-size: var(--text-xs); }
.production-story { padding-block: 0 4rem; }
.production-story .section-heading p:not(.eyebrow) { max-width: 29rem; color: var(--muted); }
.production-story__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.3rem; }
.production-story__grid figure { margin: 0; }
.production-story__grid picture { border-radius: var(--radius-image); }
.production-story__grid img { aspect-ratio: 1.25; }
.production-story__grid figcaption { padding: 1.2rem .2rem; }
.production-story__grid h3 { margin-top: .6rem; font-size: var(--text-xl); line-height: 1.2; }
.production-story__note { font-size: var(--text-xs); color: var(--muted); }
.production-story + .editorial-gallery { margin-top: 0; }
.journey-banner { display: grid; grid-template-columns: 1.15fr 1fr; overflow: hidden; background: #e4e9da; border-radius: var(--radius-card); margin-block: 2rem 5rem; }
.journey-banner > picture img { height: 100%; min-height: 25rem; }
.journey-banner > div { padding: clamp(2rem, 4vw, 4rem); align-self: center; }
.journey-banner h2 { margin: 1rem 0; font-size: var(--text-4xl); }
.journey-banner p:not(.eyebrow) { color: #465c4f; line-height: 1.7; }
.journey-banner .text-link { margin-top: 1rem; }
.product-reason .editorial-picture { overflow: visible; }
.product-reason .editorial-picture img { height: auto; }
@media (max-width: 700px) {
  .bundle-hero__landscape { margin-top: 1.2rem; max-width: none; }
  .bundle-hero__landscape img { aspect-ratio: 2.7; }
  .bundle-world { --world-padding: 1.8rem; }
  .bundle-world > .editorial-picture { margin-top: 1.25rem; }
  .story-images .editorial-picture img { aspect-ratio: 4 / 5; }
  .editorial-gallery--curated { margin-top: 0; gap: 1rem; }
  .editorial-gallery--curated figure + figure { margin-top: 0; }
  .editorial-gallery--curated picture img, .editorial-gallery--curated figure + figure picture img { aspect-ratio: 1.2; }
  .production-story { padding-bottom: 2.5rem; }
  .production-story__grid { grid-template-columns: 1fr; gap: 1.5rem; }
  .production-story__grid img { aspect-ratio: 1.4; }
  .production-story__grid h3 { font-size: var(--text-xl); }
  .production-story__grid figcaption { padding: 1rem 0 0; }
  .journey-banner { grid-template-columns: 1fr; margin-block: 1.5rem 3rem; }
  .journey-banner > picture img { height: auto; min-height: 0; aspect-ratio: 1.15; }
  .journey-banner > div { padding: 1.7rem; }
  .cta-section--landscape { padding-block: 5rem; }
  .cta-section--landscape h2 { font-size: var(--text-4xl); }
}