/* Portrait model photography: shared by ONE/EVO landing pages only. */
.avenra-model-hero {
  position: relative;
  isolation: isolate;
  width: 100%;
  height: auto;
  min-height: 100vh;
  min-height: 100dvh;
  overflow: hidden;
  background: #09090b;
}
.avenra-model-hero__media {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.avenra-model-hero__image,
.avenra-model-intro > img,
.avenra-gallery-frame > img,
.avenra-gallery-thumbnails > button > img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.avenra-model-hero__image { opacity: 1; }
.avenra-model-hero__shade {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.55);
}
.avenra-model-intro,
.avenra-gallery-frame {
  position: relative;
  width: 100%;
  min-width: 0;
  aspect-ratio: 3 / 4;
  overflow: hidden;
}
.avenra-model-intro {
  max-width: 32rem;
  margin-inline: auto;
}
.avenra-bike-gallery {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1rem;
  max-width: 48rem;
  margin-inline: auto;
}
.avenra-gallery-thumbnails {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-content: start;
  gap: 0.5rem;
  min-width: 0;
}
.avenra-gallery-thumbnails > button {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
  padding: 0;
  aspect-ratio: 3 / 4;
  overflow: hidden;
}
.avenra-gallery-thumbnails > button[aria-pressed="true"] {
  border-color: #0ea5e9;
  opacity: 1;
}
.avenra-gallery-thumbnails > button:focus-visible {
  outline: 2px solid #0ea5e9;
  outline-offset: 3px;
}
@media (min-width: 1024px) {
  .avenra-bike-gallery {
    grid-template-columns: minmax(0, 1fr) 6rem;
    gap: 1.5rem;
  }
  .avenra-gallery-thumbnails {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.75rem;
  }
}