/* Phone Stories & Press: keep touch feedback in a stationary photo frame. */
@media (max-width: 560px) {
  body[data-site="acting"][data-page="blog"] .archive-blog-card,
  body[data-site="acting"][data-page="blog"] .archive-blog-card:is(:hover, :focus-visible, .is-touch-lit) {
    transform: none;
    filter: none;
    box-shadow: none;
    background: transparent;
    -webkit-touch-callout: none;
  }
  body[data-site="acting"][data-page="blog"] .archive-blog-card::before {
    display: none;
  }
  body[data-site="acting"][data-page="blog"] .archive-blog-card.is-visible .archive-blog-card-media img {
    transform: none;
    clip-path: none;
  }
  body[data-site="acting"][data-page="blog"] .archive-blog-card .archive-blog-card-media::after {
    opacity: 0;
    transform: translate(46%, -46%) rotate(12deg);
  }
  body[data-site="acting"][data-page="blog"] :is(.archive-blog-card-media, .archive-article-figure, .archive-article-inline-figure, .archive-article-gallery figure) {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border-radius: 16px;
    touch-action: pan-y pinch-zoom;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
  }
  body[data-site="acting"][data-page="blog"] :is(.archive-blog-card-media, .archive-article-figure, .archive-article-inline-figure, .archive-article-gallery figure) img {
    display: block;
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    transform: none;
    clip-path: none;
    transform-origin: center;
    transition: transform 350ms var(--ease-out), filter 350ms ease;
  }
  body[data-site="acting"][data-page="blog"] :is(.archive-blog-card-media, .archive-article-figure, .archive-article-inline-figure, .archive-article-gallery figure)::after {
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    z-index: 4;
    width: 44px;
    aspect-ratio: 1;
    background: var(--yellow);
    clip-path: polygon(100% 0, 100% 100%, 0 0);
    opacity: 0;
    transform: translate(46%, -46%) rotate(12deg);
    transform-origin: top right;
    transition: opacity 220ms ease, transform 350ms var(--ease-out);
    pointer-events: none;
  }
  body[data-site="acting"][data-page="blog"] :is(.archive-blog-card-media, .archive-article-figure, .archive-article-inline-figure, .archive-article-gallery figure).is-stories-touch-active img {
    transform: scale(1.045);
    filter: saturate(1) contrast(1.02) brightness(1);
  }
  body[data-site="acting"][data-page="blog"] :is(.archive-blog-card-media, .archive-article-figure, .archive-article-inline-figure, .archive-article-gallery figure).is-stories-touch-active::after {
    opacity: 1;
    transform: translate(0, 0) rotate(0);
  }
  body[data-site="acting"][data-page="blog"] .archive-blog-card.is-visible .archive-blog-card-media.is-stories-touch-active img {
    transform: scale(1.045);
  }
  body[data-site="acting"][data-page="blog"] .archive-blog-card .archive-blog-card-media.is-stories-touch-active::after {
    opacity: 1;
    transform: translate(0, 0) rotate(0);
  }
}
@media (max-width: 560px) and (prefers-reduced-motion: reduce) {
  body[data-site="acting"][data-page="blog"] :is(.archive-blog-card-media, .archive-article-figure, .archive-article-inline-figure, .archive-article-gallery figure) img,
  body[data-site="acting"][data-page="blog"] :is(.archive-blog-card-media, .archive-article-figure, .archive-article-inline-figure, .archive-article-gallery figure)::after {
    transition: none !important;
  }
  body[data-site="acting"][data-page="blog"] :is(.archive-blog-card-media, .archive-article-figure, .archive-article-inline-figure, .archive-article-gallery figure).is-stories-touch-active img,
  body[data-site="acting"][data-page="blog"] .archive-blog-card.is-visible .archive-blog-card-media.is-stories-touch-active img {
    transform: none;
  }
}