/* One page split: above 600px the work story stays beside its media;
   at 600px and below both use the available reading width. */
@media (min-width: 601px) and (max-width: 900px) {
  .site-unified.work-detail .work-detail-layout {
    grid-template-columns: minmax(0,828fr) minmax(0,972fr) !important;
    gap: max(16px,1.048vw) !important;
    padding-right: var(--grid-right,20px) !important;
  }
  .site-unified.work-detail .work-detail-sidebar {
    position: sticky !important; top: 0; height: 100vh !important;
    overflow-y: auto !important; overscroll-behavior-y: contain;
    gap: clamp(56px,6vw,114px) !important;
  }
  .site-unified.work-detail .dose-dadda-gallery {
    width: min(92%,1020px) !important; margin-left: 0 !important;
  }
}
@media (max-width: 600px) {
  .site-unified.work-detail :is(.work-detail-layout,.communis-layout) {
    grid-template-columns: minmax(0,1fr) !important;
    padding-inline: var(--grid-left,20px) var(--grid-right,20px) !important;
  }
  .site-unified.work-detail .work-detail-sidebar {
    position: relative !important; height: auto !important;
    overflow: visible !important; overscroll-behavior-y: auto;
  }
  .site-unified.work-detail :is(.work-detail-intro,.communis-intro),
  .site-unified.work-detail .work-detail-intro :is(p,[class*="story"]),
  .site-unified.work-detail .communis-story {
    width: 100% !important; max-width: none !important; min-width: 0;
  }
  .site-unified.work-detail :is(.dose-dadda-gallery,.hateful-gallery) {
    width: 100% !important; margin-inline: 0 !important;
  }
  .site-unified.blog-article-page .blog-article-main :is([class*="__copy"],[class$="-copy"],[class*="__intro"]) {
    width: 100% !important; max-width: none !important; min-width: 0;
  }
  .site-unified.blog-article-page .blog-article-main p {
    max-width: none !important;
  }
}
/* Reduce the ragdoll footer signature while retaining its existing grid anchor. */
.site-unified .site-footer .footer-signature { width: clamp(105px,9vw,176px) !important; }
@media (max-width:980px) {
  .site-unified .site-footer .footer-signature { width: min(19.5vw,157.5px) !important; }
}
@media (max-width:760px) {
  .site-unified .site-footer .footer-signature { width: min(27vw,106.5px) !important; }
}

/* Shared signoff: the face stays prominent on every mobile page. */
@media (max-width: 760px) {
  .site-unified .editorial-signoff { gap: clamp(8px, 2.5vw, 16px); }
  .site-unified .editorial-signoff .news-face {
    --news-face-width: clamp(80px, 22vw, 130px);
    width: var(--news-face-width);
  }
  .site-unified .editorial-signoff .news-face > img { width: 100%; }
}
@media (max-width: 420px) {
  .site-unified .editorial-signoff > span { font-size: 14vw; }
}
@media (max-width: 360px) {
  .site-unified .editorial-signoff > span { font-size: 13vw; }
}