/* Klamath corner graphic — add .pih-klamath-corner-graphic to a block.
   The block becomes the positioning context and clips the mobile bleed. */
.pih-klamath-corner-graphic {
  position: relative;
  overflow: hidden;
  isolation: isolate; /* graphic sits above this block's background, below its text */
}
.pih-klamath-corner-graphic::after {
  content: "";
  position: absolute;
  inset-block-end: 0;
  inset-inline-end: 0;
  inline-size: var(--cg-size, min(22vw, 17rem));
  aspect-ratio: 2089 / 1597;
  background: var(--ivory);
  -webkit-mask: url("../svg/KlamathTribes-Graphic-Ivory.svg") center / contain no-repeat;
          mask: url("../svg/KlamathTribes-Graphic-Ivory.svg") center / contain no-repeat;
  z-index: -1;
  pointer-events: none;
}
@media (width <= 768px) {
  .pih-klamath-corner-graphic::after {
    inline-size: var(--cg-size-mobile, 14rem);
    /* stay in the corner, push ~half off the right edge */
    inset-inline-end: calc(var(--cg-size-mobile, 14rem) / -2);
  }
}