/* GUIDE PAGE v1: opt-in editorial HERO variant. */
.kujira-guide-v1 .kg-hero--editorial .kg-hero__grid {
  grid-template-columns: minmax(0, .88fr) minmax(0, 1.12fr);
  background: var(--kg-paper);
}

.kujira-guide-v1 .kg-hero--editorial .kg-hero__media {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: var(--kg-paper);
}

.kujira-guide-v1 .kg-hero--editorial .kg-hero__media img,
.kujira-guide-v1 .kg-hero--editorial .kg-hero__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  transform: scale(1.035);
  transform-origin: center;
  -webkit-mask-image: radial-gradient(ellipse 100% 98% at 52% 50%, #000 78%, rgba(0, 0, 0, .96) 86%, transparent 100%);
  mask-image: radial-gradient(ellipse 100% 98% at 52% 50%, #000 78%, rgba(0, 0, 0, .96) 86%, transparent 100%);
}

.kujira-guide-v1 .kg-hero--editorial .kg-hero__media::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 0 auto 0 0;
  width: clamp(46px, 8vw, 112px);
  pointer-events: none;
  background: linear-gradient(90deg, var(--kg-paper), color-mix(in srgb, var(--kg-paper) 68%, transparent) 42%, transparent);
}

@media (max-width: 760px) {
  .kujira-guide-v1 .kg-hero--editorial .kg-hero__grid {
    grid-template-columns: 1fr;
  }

  .kujira-guide-v1 .kg-hero--editorial .kg-hero__media img,
  .kujira-guide-v1 .kg-hero--editorial .kg-hero__image img {
    aspect-ratio: 1 / 1;
    object-position: 50% 50%;
    transform: none;
  }

  .kujira-guide-v1 .kg-hero--editorial .kg-hero__media::after {
    inset: 0 0 auto;
    width: 100%;
    height: 42px;
    background: linear-gradient(180deg, var(--kg-paper), color-mix(in srgb, var(--kg-paper) 62%, transparent) 48%, transparent);
  }
}