/* One renderer for both the public page and the crop modal. */
.twl-crop-image {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: var(--twl-crop-x, 50%) var(--twl-crop-y, 50%);
  transform: scale(var(--twl-crop-zoom, 1));
  transform-origin: var(--twl-crop-x, 50%) var(--twl-crop-y, 50%);
}

.hero { position: relative; min-height: 0 !important; height: calc(100vw / 2.13) !important; overflow: hidden; isolation: isolate; background: #2b2521; }
.hero-media, .hero-media::after { position: absolute; inset: 0; }
.hero-media { z-index: -1; }
.hero-media::after { content: ''; background: linear-gradient(120deg, rgba(39,35,31,.32), rgba(39,35,31,.05)); }
.frame { position: relative; height: auto; aspect-ratio: 1.05 / 1; overflow: hidden; }