@layer pages {
  .gallery-film .thumb__media { isolation: isolate; }
  .gallery-film__play { position: absolute; inset: 0; z-index: 1; display: grid; place-items: center; pointer-events: none; }
  .gallery-film__play svg { display: block; inline-size: clamp(3.5rem, 2.75rem + 2.5vw, 5.5rem); block-size: auto; filter: drop-shadow(0 6px 18px rgb(0 0 0 / .35)); }
  .gallery-film__play circle:first-child { fill: rgb(13 28 24 / .55); stroke: #dcb640; stroke-width: 2; }
  .gallery-film__play .gallery-film__ring { fill: none; stroke: rgb(220 182 64 / .4); stroke-width: 1; }
  .gallery-film__play path { fill: #e3c35a; }
  :root.mo .gallery-film__play svg { transition: transform 300ms var(--ease-ui); }
  .gallery-film:is(:hover, :focus-visible) .gallery-film__play svg { transform: scale(1.08); }
  .gallery-film__chip { position: absolute; z-index: 1; inset-block-end: var(--space-3); inset-inline-end: var(--space-3); padding: 0.25rem 0.5rem; border: 1px solid rgb(220 182 64 / .55); border-radius: 2px; background: rgb(13 28 24 / .72); color: #f4ecd8; font-size: 0.75rem; font-weight: var(--weight-semibold); line-height: 1.2; letter-spacing: 0.06em; font-variant-numeric: tabular-nums lining-nums; }
}