/* Phone-only composition. The approved desktop layout is untouched. */
@media (max-width:760px) {
  .editorial-home #pricing { padding-block: 40px; }
  .editorial-home #pricing .sec-head { margin-bottom: 18px; }
  .editorial-home #pricing .sec-head h2 { font-size: 32px; }
  .editorial-home #pricing .tiers {
    display: grid; grid-template-columns: minmax(0,1fr); grid-auto-flow: row;
    grid-auto-columns: auto; gap: 12px; margin: 0; padding: 0;
    overflow: visible; scroll-snap-type: none;
  }
  .editorial-home #pricing .tier,
  .editorial-home #pricing .tier.feat {
    display: grid; grid-template-columns: minmax(0,1fr) 106px;
    align-content: start; align-items: start; gap: 0 14px;
    padding: 16px; border-radius: 12px; min-height: 0;
  }
  .editorial-home #pricing .tier-film,
  .editorial-home #pricing .tier-topline svg { display: none; }
  .editorial-home #pricing .tier-topline { grid-column: 1/-1; margin-bottom: 10px; }
  .editorial-home #pricing .tier-topline span { font-size: 10px; letter-spacing: .06em; }
  .editorial-home #pricing .tier-heading { grid-column: 1; min-height: 0; align-self: center; }
  .editorial-home #pricing .tier h3 { font-size: 21px; line-height: 1.12; max-width: 16ch; text-wrap: pretty; }
  .editorial-home #pricing .price-panel { grid-column: 2; grid-row: 2; margin: 0; padding: 0; border: 0; text-align: right; }
  .editorial-home #pricing .price-label { font-size: 10px; }
  .editorial-home #pricing .tier .price,
  .editorial-home #pricing .tier.feat .price { font-size: 36px; line-height: 1; margin: 3px 0 4px; }
  .editorial-home #pricing .price-caption { display: block; font-size: 10px; line-height: 1.3; }
  .editorial-home #pricing .tier-detail { grid-column: 1/-1; padding: 10px 0; margin-top: 4px; font-size: 12px; }
  .editorial-home #pricing .phone-inclusions { grid-column: 1/-1; min-width: 0; }
  .editorial-home #pricing .phone-inclusions > .includes-label { display: none; }
  .phone-inclusions summary {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    min-height: 44px; color: #d4e0d1; font-size: 12px; cursor: pointer; list-style: none;
  }
  .phone-inclusions summary::-webkit-details-marker { display: none; }
  .phone-inclusions summary::after { content: '+'; font-size: 20px; font-weight: 400; }
  .phone-inclusions[open] summary::after { content: '−'; }
  .phone-inclusions summary:focus-visible { outline: 2px solid #c4dbbc; outline-offset: 2px; border-radius: 4px; }
  .editorial-home #pricing .tier ul { margin: 0 0 16px; gap: 8px; }
  .editorial-home #pricing .tier li { font-size: 13px; line-height: 1.5; }
  .editorial-home #pricing .tier .btn { grid-column: 1/-1; min-height: 44px; margin: 0; padding-block: 9px; font-size: 13px; }

  /* Preserve the complete landscape frame, with readable copy below the film. */
  .editorial-home #work .film-gallery { --film-width: calc(100vw - 44px); --film-gap: 12px; }
  .editorial-home #work .film-gallery .gallery-stage { padding-block: 0 12px; }
  .editorial-home #work .film-gallery .film:nth-child(n) { padding: 6px; border-radius: 10px; background: #13281c; }
  .editorial-home #work .film-gallery .poster {
    height: auto; min-height: 0; max-height: none; aspect-ratio: 16/9;
    border-radius: 5px; overflow: hidden; background: #050a07;
  }
  .editorial-home #work .film-gallery .poster > img,
  .editorial-home #work .film-gallery .gallery-preview { object-fit: contain; }
  .editorial-home #work .film-gallery .poster::after { display: none; }
  .editorial-home #work .film-gallery .meta {
    position: static; translate: none; padding: 14px 10px 12px;
    text-align: left; pointer-events: auto;
  }
  .editorial-home #work .film-gallery .meta::after { display: none; }
  .editorial-home #work .film-gallery .meta h3 {
    font-size: 21px; line-height: 1.16; font-weight: 650; text-transform: none;
    text-wrap: pretty; text-shadow: none; letter-spacing: -.025em;
  }
  .editorial-home #work .film-gallery .meta p { margin-top: 7px; font-size: 12px; line-height: 1.45; text-shadow: none; color: #b1c5b5; }
  .editorial-home #work .film-gallery .work-card-overlay {
    position: static; padding: 12px 10px 10px; margin: 0 10px;
    border-top: 1px solid #bfd4bd30; display: flex; justify-content: space-between; align-items: center;
  }
  .editorial-home #work .film-gallery .work-count { font-size: 27px; text-shadow: none; }
  .editorial-home #work .film-gallery .work-stat-label { font-size: 11px; }
  .editorial-home #work .film-gallery .work-brand { max-width: 44%; }
  .editorial-home #work .film-gallery .work-brand-logo { width: 100%; max-height: 24px; }
  .editorial-home #work .film-gallery .work-brand-placeholder { font-size: 23px; }
  .editorial-home #work .film-gallery .work-project-cta { top: 8px; right: 8px; font-size: 10px; padding: 7px 9px; min-height: 32px; }
  .phone-film-controls { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 12px 22px 0; color: #b7cbbb; font-size: 12px; }
  .phone-film-controls > div { display: flex; align-items: center; gap: 8px; }
  .phone-film-count { min-width: 44px; text-align: center; font-variant-numeric: tabular-nums; }
  .film-gallery .phone-film-controls button { width: 44px; height: 44px; border: 1px solid #b9d2c238; border-radius: 50%; font-size: 20px; }
}
