.inlayers-pattern-section-heading,
.inlayers-pattern-editorial-text {
  margin-block: clamp(4rem, 10vw, 10rem);
}

.inlayers-pattern-section-heading__eyebrow {
  margin-block: 0 var(--wp--preset--spacing--s);
  color: var(--wp--preset--color--secondary-text);
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.inlayers-pattern-section-heading__title {
  max-width: 16ch;
  margin-block: 0;
  font-size: var(--wp--preset--font-size--heading-2);
  font-weight: 400;
  letter-spacing: -0.025em;
  line-height: 1;
}

.inlayers-pattern-section-heading__introduction {
  max-width: 42rem;
  margin-block: var(--wp--preset--spacing--m) 0;
  color: var(--wp--preset--color--secondary-text);
  font-size: var(--wp--preset--font-size--body);
  line-height: 1.55;
}

.inlayers-pattern-editorial-text__lead {
  max-width: 48rem;
  margin-block: 0 clamp(2.5rem, 6vw, 5rem);
  line-height: 1.3;
}

.inlayers-pattern-editorial-text__columns {
  gap: clamp(2rem, 5vw, 5rem);
  margin-block: 0;
}

.inlayers-pattern-editorial-text__columns .wp-block-column > :first-child {
  margin-block-start: 0;
}

.inlayers-pattern-editorial-text__columns .wp-block-column > :last-child {
  margin-block-end: 0;
}

.inlayers-pattern-text-list {
  margin-block: clamp(2rem, 4vw, 4rem);
}

.inlayers-pattern-text-list__content {
  box-sizing: border-box;
  width: 33.333%;
  margin: 0;
  padding-inline-start: 1.25em;
  text-align: left;
}

.inlayers-pattern-text-list__content li + li {
  margin-block-start: 0.65em;
}

.inlayers-pattern-text-list__content > li {
  padding-inline-start: 0.35em;
}

.inlayers-pattern-text-list__content > li::marker {
  color: var(--wp--preset--color--secondary-text);
  font-size: 0.75em;
}

.inlayers-pattern-two-column-text {
  box-sizing: border-box;
  margin-block: clamp(2rem, 4vw, 4rem);
  padding-inline: clamp(1.5rem, 4vw, 4rem);
}

.inlayers-pattern-two-column-text__content {
  column-count: 2;
  column-gap: clamp(6rem, 10vw, 10rem);
  width: 100%;
  max-width: 84rem;
  margin-inline: auto;
}

.inlayers-pattern-two-column-text__content > :first-child {
  margin-block-start: 0;
}

.inlayers-pattern-two-column-text__content > :last-child {
  margin-block-end: 0;
}

.inlayers-pattern-media__image,
.inlayers-pattern-media__video {
  margin-block: clamp(4rem, 10vw, 10rem);
}

.inlayers-pattern-media__image {
  overflow: visible;
}

.inlayers-pattern-media__image--landscape {
  aspect-ratio: auto;
}

.inlayers-pattern-media__image--portrait {
  width: 100%;
  max-width: 50rem;
  margin-inline: auto;
}

.inlayers-pattern-image-with-caption,
.wp-block-post-content > .inlayers-pattern-media__image--portrait {
  margin-block: clamp(2rem, 4vw, 4rem);
}

.inlayers-pattern-media__image img {
  width: 100%;
  max-width: none;
  height: auto;
  object-fit: cover;
}

.inlayers-pattern-media__image--landscape img {
  aspect-ratio: 16 / 9;
}

.inlayers-pattern-media__image--portrait img {
  aspect-ratio: 4 / 5;
}

.inlayers-pattern-media__image figcaption,
.inlayers-pattern-media__video figcaption {
  margin-block-start: 0.625rem;
  color: var(--wp--preset--color--secondary-text);
  font-size: var(--wp--preset--font-size--small);
  line-height: 1.4;
  text-align: start;
}

.inlayers-pattern-media__video video {
  width: 100%;
  background: var(--wp--preset--color--accent);
}

.has-inlayers-image-reveal .inlayers-pattern-media__image img {
  opacity: 0;
  transform: scale(1.015);
  transition: opacity 500ms ease, transform 700ms ease;
}

.has-inlayers-image-reveal .inlayers-pattern-media__image img.is-loaded {
  opacity: 1;
  transform: scale(1);
}

.inlayers-pattern-visual-essay {
  margin-block: clamp(3rem, 6vw, 6rem);
}

.inlayers-pattern-next-chapter {
  margin-block: clamp(5rem, 12vw, 12rem);
}

.inlayers-pattern-visual-essay__header {
  max-width: 48rem;
  margin-block-end: clamp(3rem, 7vw, 7rem);
}

.inlayers-pattern-visual-essay__title,
.inlayers-pattern-next-chapter__title {
  margin-block: 0;
  font-size: var(--wp--preset--font-size--heading-2);
  font-weight: 400;
  letter-spacing: -0.025em;
  line-height: 1;
}

.inlayers-pattern-visual-essay__introduction,
.inlayers-pattern-next-chapter__description {
  max-width: 42rem;
  margin-block: var(--wp--preset--spacing--m) 0;
  color: var(--wp--preset--color--secondary-text);
  line-height: 1.55;
}

.inlayers-pattern-visual-essay > .inlayers-pattern-media__image,
.inlayers-pattern-visual-essay__portraits .inlayers-pattern-media__image {
  margin-block: 0;
}

.inlayers-pattern-visual-essay__portraits {
  gap: clamp(1.25rem, 3vw, 3rem);
  align-items: flex-start;
  margin-block: clamp(1.25rem, 3vw, 3rem) 0;
}

.inlayers-pattern-next-chapter {
  padding-block: clamp(3rem, 8vw, 8rem);
  border-block: 1px solid var(--wp--preset--color--border);
}

.inlayers-pattern-next-chapter__eyebrow {
  margin-block: 0 var(--wp--preset--spacing--s);
  color: var(--wp--preset--color--secondary-text);
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.inlayers-pattern-next-chapter__action {
  margin-block: var(--wp--preset--spacing--l) 0;
}

.inlayers-pattern-next-chapter__action a {
  color: inherit;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.3em;
}

.inlayers-pattern-next-chapter__action a:hover,
.inlayers-pattern-related-card__title a:hover,
.inlayers-pattern-collection-object__action a:hover,
.inlayers-pattern-gallery-selection__action a:hover {
  color: var(--wp--preset--color--secondary-text);
}

.inlayers-pattern-next-chapter__action a:focus-visible {
  color: var(--wp--preset--color--accent-dark);
}

.inlayers-pattern-related {
  margin-block: clamp(5rem, 12vw, 12rem);
}

.inlayers-pattern-collection-object {
  margin-block: 0;
}

.inlayers-pattern-related__heading {
  margin-block: 0 clamp(3rem, 7vw, 6rem);
  font-size: var(--wp--preset--font-size--heading-2);
  font-weight: 400;
  letter-spacing: -0.025em;
  line-height: 1;
}

.inlayers-pattern-related__grid {
  gap: clamp(1.5rem, 4vw, 4rem);
  margin-block: 0;
}

.inlayers-pattern-collection-object__layout {
  gap: 0;
  margin-block: 0;
}

.inlayers-pattern-collection-object__layout > .wp-block-column {
  flex: 0 0 50%;
  min-width: 0;
}

.inlayers-pattern-related-card .inlayers-pattern-media__image,
.inlayers-pattern-collection-object .inlayers-pattern-media__image {
  margin-block: 0;
}

.inlayers-pattern-related-card__type {
  margin-block: var(--wp--preset--spacing--s) 0;
  color: var(--wp--preset--color--secondary-text);
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.inlayers-pattern-related-card__title {
  margin-block: 0.625rem 0;
  font-size: var(--wp--preset--font-size--heading-3);
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 1.05;
}

.inlayers-pattern-related-card__title a,
.inlayers-pattern-collection-object__action a {
  color: inherit;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.3em;
}

.inlayers-pattern-related-card__title a:focus-visible,
.inlayers-pattern-collection-object__action a:focus-visible {
  color: var(--wp--preset--color--accent-dark);
}

.inlayers-pattern-collection-object__content {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin-inline: auto;
  padding-inline: clamp(1.5rem, 5vw, 5rem);
  text-align: center;
}

.inlayers-pattern-collection-object .inlayers-pattern-media__image--portrait {
  width: 100%;
  max-width: none;
}

.inlayers-pattern-collection-object .inlayers-pattern-media__image--portrait img {
  width: 100%;
  max-width: none;
  height: auto;
  aspect-ratio: attr(width type(<number>)) / attr(height type(<number>));
  object-fit: contain;
}

.inlayers-pattern-collection-object__chapter {
  margin-block: 0 var(--wp--preset--spacing--s);
  color: var(--wp--preset--color--secondary-text);
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.inlayers-pattern-collection-object__title {
  margin-block: 0;
  font-size: var(--wp--preset--font-size--heading-2);
  font-weight: 400;
  letter-spacing: -0.025em;
  line-height: 1;
}

.inlayers-pattern-collection-object__description {
  margin-block: var(--wp--preset--spacing--m) 0;
  color: var(--wp--preset--color--secondary-text);
  line-height: 1.55;
}

.inlayers-pattern-collection-object__action {
  margin-block: var(--wp--preset--spacing--l) 0;
}

.inlayers-pattern-gallery-selection {
  margin-block: clamp(3rem, 6vw, 6rem);
}

.inlayers-pattern-newsletter-placeholder {
  margin-block: clamp(5rem, 12vw, 12rem);
}

.inlayers-pattern-gallery-selection__header {
  max-width: 48rem;
  margin-block-end: clamp(0.75rem, 1.75vw, 1.5rem);
}

.inlayers-pattern-gallery-selection__title,
.inlayers-pattern-newsletter-placeholder__title {
  margin-block: 0;
  font-size: var(--wp--preset--font-size--heading-2);
  font-weight: 400;
  letter-spacing: -0.025em;
  line-height: 1;
}

.inlayers-pattern-gallery-selection__introduction,
.inlayers-pattern-newsletter-placeholder__description {
  max-width: 42rem;
  margin-block: var(--wp--preset--spacing--m) 0;
  color: var(--wp--preset--color--secondary-text);
  line-height: 1.55;
}

.inlayers-pattern-gallery-selection__grid {
  gap: clamp(1rem, 2.5vw, 2.5rem);
  align-items: flex-start;
  margin-block: 0;
}

.inlayers-pattern-gallery-selection__grid .inlayers-pattern-media__image {
  margin-block: 0;
}

.inlayers-interactive-gallery__image {
  position: relative;
  isolation: isolate;
  overflow: hidden;
}

.inlayers-interactive-gallery__image::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  background: color-mix(
    in srgb,
    var(--wp--preset--color--background) 45%,
    transparent
  );
  content: "";
  opacity: 0;
  pointer-events: none;
  transition: opacity 400ms ease;
}

.inlayers-interactive-gallery__image img {
  display: block;
  transition:
    filter 400ms ease,
    opacity 500ms ease,
    transform 600ms ease;
}

.inlayers-interactive-gallery__image figcaption {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: calc(100% - 3rem);
  margin: 0;
  color: var(--wp--preset--color--foreground);
  opacity: 0;
  pointer-events: none;
  text-align: center;
  transform: translate(-50%, calc(-50% + 0.75rem));
  transition:
    opacity 350ms ease,
    transform 450ms ease;
}

.inlayers-interactive-gallery__image:hover::after,
.inlayers-interactive-gallery__image:focus-visible::after {
  opacity: 1;
}

.inlayers-interactive-gallery__image:hover img,
.inlayers-interactive-gallery__image:hover img.is-loaded,
.inlayers-interactive-gallery__image:focus-visible img,
.inlayers-interactive-gallery__image:focus-visible img.is-loaded {
  filter: brightness(1.35);
  transform: scale(1.03);
}

.inlayers-interactive-gallery__image:hover figcaption,
.inlayers-interactive-gallery__image:focus-visible figcaption {
  opacity: 1;
  transform: translate(-50%, -50%);
}

.inlayers-interactive-gallery__image:focus-visible {
  outline: 2px solid var(--wp--preset--color--accent-dark);
  outline-offset: 4px;
}

.inlayers-media-video-badge {
  position: absolute;
  top: 50%;
  left: 50%;
  display: grid;
  place-items: center;
  width: clamp(3rem, 7vw, 4.5rem);
  aspect-ratio: 1;
  border-radius: 50%;
  color: var(--wp--preset--color--foreground);
  background: color-mix(in srgb, var(--wp--preset--color--background) 88%, transparent);
  pointer-events: none;
  transform: translate(-50%, -50%);
}

.inlayers-interactive-gallery__image.is-source-active {
  opacity: 0;
}

.has-inlayers-interactive-gallery-open {
  overflow: hidden;
}

.inlayers-interactive-gallery__lightbox {
  position: fixed;
  z-index: 1000;
  inset: 0;
  background: rgb(247 250 252 / 0%);
  transition: background-color 500ms ease;
}

.inlayers-interactive-gallery__lightbox.is-open {
  background: var(--wp--preset--color--background);
}

.inlayers-interactive-gallery__expanded-media {
  position: fixed;
  z-index: 1;
  max-width: none;
  margin: 0 !important;
  background: var(--wp--preset--color--background);
  transition:
    top 550ms cubic-bezier(0.22, 1, 0.36, 1),
    left 550ms cubic-bezier(0.22, 1, 0.36, 1),
    width 550ms cubic-bezier(0.22, 1, 0.36, 1),
    height 550ms cubic-bezier(0.22, 1, 0.36, 1);
}

.inlayers-interactive-gallery__lightbox
  .inlayers-interactive-gallery__expanded-media::after {
  opacity: 0;
}

.inlayers-interactive-gallery__lightbox
  .inlayers-interactive-gallery__expanded-media
  figcaption {
  opacity: 0;
  visibility: hidden;
}

.inlayers-interactive-gallery__lightbox
  .inlayers-interactive-gallery__expanded-media
  img,
.inlayers-interactive-gallery__lightbox
  .inlayers-interactive-gallery__expanded-media
  img.is-loaded {
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: contain;
  filter: none;
  transform: none;
}

.inlayers-interactive-gallery__lightbox
  .inlayers-interactive-gallery__expanded-media
  .inlayers-interactive-gallery__video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.inlayers-interactive-gallery__expanded-media .inlayers-media-video-badge {
  display: none;
}

[data-inlayers-inline-video]:fullscreen,
[data-inlayers-inline-video]:-webkit-full-screen {
  width: 100vw;
  height: 100vh;
  object-fit: contain !important;
  background: #000;
}

.inlayers-pattern-gallery-selection__action {
  margin-block: var(--wp--preset--spacing--l) 0;
  text-align: center;
}

.inlayers-pattern-gallery-selection__action a {
  color: inherit;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.3em;
}

.inlayers-pattern-gallery-selection__action a:focus-visible {
  color: var(--wp--preset--color--accent-dark);
}

.inlayers-pattern-newsletter-placeholder {
  padding-block: clamp(3rem, 8vw, 8rem);
  border-block: 1px solid var(--wp--preset--color--border);
}

@media (max-width: 1024px) {
  .inlayers-pattern-two-column-text__content {
    column-gap: 3rem;
  }
}

@media (max-width: 767px) {
  .inlayers-pattern-collection-object {
    margin-block: clamp(2.5rem, 10vw, 4rem);
  }

  .inlayers-pattern-collection-object__layout {
    row-gap: clamp(1.5rem, 6vw, 2.5rem);
  }

  .inlayers-pattern-collection-object--image-right
    .inlayers-pattern-collection-object__layout
    > .wp-block-column:first-child {
    order: 2;
  }

  .inlayers-pattern-collection-object--image-right
    .inlayers-pattern-collection-object__layout
    > .wp-block-column:last-child {
    order: 1;
  }

  .inlayers-pattern-two-column-text__content {
    column-count: 1;
  }

  .inlayers-pattern-text-list__content {
    width: 100%;
  }

  .inlayers-pattern-editorial-text__columns {
    flex-wrap: wrap;
  }

  .inlayers-pattern-editorial-text__columns > .wp-block-column {
    flex-basis: 100%;
  }

  .inlayers-pattern-visual-essay__portraits {
    flex-wrap: wrap;
  }

  .inlayers-pattern-visual-essay__portraits > .wp-block-column {
    flex-basis: 100%;
  }

  .inlayers-pattern-related__grid {
    flex-wrap: wrap;
  }

  .inlayers-pattern-related__grid > .wp-block-column {
    flex-basis: 100%;
  }

  .inlayers-pattern-collection-object__layout {
    flex-wrap: wrap;
  }

  .inlayers-pattern-collection-object__layout > .wp-block-column {
    flex-basis: 100%;
  }

  .inlayers-pattern-gallery-selection__grid {
    flex-wrap: wrap;
  }

  .inlayers-pattern-gallery-selection__grid > .wp-block-column {
    flex-basis: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .has-inlayers-image-reveal .inlayers-pattern-media__image img {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .inlayers-interactive-gallery__image::after,
  .inlayers-interactive-gallery__image figcaption,
  .inlayers-interactive-gallery__image img,
  .inlayers-interactive-gallery__lightbox,
  .inlayers-interactive-gallery__expanded-media {
    transition-duration: 1ms;
  }
}