/* Compact, readable field vignette for mobile and coarse-pointer layouts.
   Desktop fine-pointer rendering is intentionally untouched. */
@media (max-width: 1023px), (pointer: coarse) {
  #field.mobile-vignette {
    overflow: hidden;
    padding: 2.4rem clamp(1rem, 4vw, 1.6rem) 1.6rem;
  }

  #field.mobile-vignette .vis__inner {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "head" "story";   /* since 2026-10-15 the pillars and records live in #found */
    grid-template-rows: auto;
    gap: 1.35rem;
  }

  #field.mobile-vignette .ocean .pile-label {
    position: relative;
    z-index: 2;
    inset: auto;
    align-self: flex-start;
    display: flex;
    align-items: baseline;
    gap: .48rem;
    margin: .08rem 0 0 .25rem;
    color: var(--mist);
    font: 700 .75rem/1.15 var(--font-body);
    letter-spacing: .13em;
    text-transform: uppercase;
    opacity: 1 !important;
    transform: none !important;
    translate: 0 0 !important;
    transition: opacity .3s var(--ease), translate .35s var(--ease) !important;
    transition-delay: 0s !important;
  }

  #field.mobile-vignette .ocean .pile-label strong {
    display: inline;
    margin: 0;
    color: var(--pale);
    font: 600 1.85rem/.9 var(--font-display);
    letter-spacing: 0;
  }

  #field.mobile-vignette .ocean.is-in:not(.is-pending) .pile-label { transition-delay: .5s !important; }
}