.work-mobile-tools, .work-mobile-title, .work-mobile-intro { display:none; }

@media (max-width:760px) {
  .work-page .page-return { padding-block:6px; }
  .work-page #work { padding:22px 18px 44px; }
  .work-page #work > .breadcrumbs, .work-page .work-desktop-title,
  .work-page .work-desktop-intro, .work-page #work .section-number,
  .work-page .work-format { display:none; }
  .work-page #work > .section-heading { display:block; margin:0 0 18px; padding:0; }
  .work-page #work .section-kicker { font-size:12px; margin:0 0 4px; }
  .work-page #work h1 { font-size:clamp(38px,10vw,53px); line-height:1.1; margin:0; }
  .work-page .work-mobile-title, .work-page .work-mobile-intro { display:block; }
  .work-page #work .work-intro { margin:7px 0 0; padding:0; }
  .work-page #work .work-mobile-intro { margin:0; font-size:16px; line-height:1.47; color:#e3d9e1; }
  .work-page #work-collection { display:block; margin:0 0 13px; padding:0; scroll-margin-top:12px; }
  .work-page .has-mobile-filters .work-filters { display:none; }
  .work-page .work-mobile-tools:not([hidden]) { display:flex; align-items:flex-end; justify-content:space-between; gap:12px; }
  .work-category { display:grid; gap:3px; min-width:0; color:#f0d8e4; font-size:13px; }
  .work-category select { max-width:100%; min-height:44px; color-scheme:dark; background:#211c24; color:#fff5f9; border:1px solid #795968; border-radius:12px; padding:6px 9px; font:inherit; font-size:15px; }
  .work-paging { display:flex; align-items:center; gap:5px; }
  .work-paging button { width:44px; height:44px; border-radius:50%; border:1px solid #99657e; background:#28212b; color:#ffe9f2; font:22px/1 Arial,sans-serif; }
  .work-paging button[aria-disabled="true"] { opacity:.4; }
  .work-paging button:focus-visible,.work-category select:focus-visible { outline:2px solid #ff9fc8; outline-offset:2px; }
  .work-position { min-width:6ch; text-align:center; color:#f6e8ef; font-size:14px; font-variant-numeric:tabular-nums; white-space:nowrap; }
  .studio-site.work-page #work-grid {
    display:grid; direction:rtl; grid-template-columns:none; grid-auto-flow:column;
    grid-auto-columns:84%; justify-content:start; align-items:start; gap:12px;
    width:100%; max-width:clamp(270px,39svh,450px); margin:0 auto; padding:2px 1px 8px;
    overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory;
    scrollbar-width:thin; scrollbar-color:#b94a78 transparent;
  }
  .work-page #work-grid .work-card { width:100%; min-width:0; scroll-snap-align:center; scroll-snap-stop:always; opacity:1; transform:none; box-shadow:none; border:1px solid #5f4655; border-radius:16px; }
  .work-page #work-grid .work-card[hidden] { display:none; }
  .work-page #work-grid .work-card .work-caption { padding:13px 14px; }
  .work-page #work-grid .work-brand { gap:10px; }
  .work-page #work-grid .brand-avatar { width:45px; height:45px; flex-basis:45px; min-width:0; border-radius:10px; }
  .work-page #work-grid .brand-avatar:has(.client-logo[src*="bluemedia"]), .work-page #work-grid .brand-avatar:has(.client-logo[src*="reolink"]), .work-page #work-grid .brand-avatar:has(.client-logo[src*="delta"]) { width:73px; flex-basis:73px; }
  .work-page #work-grid .work-brand-name { font-size:17px; }
  .work-page #work-grid .work-project-title { font-size:18px; line-height:1.35; padding-top:10px; margin:10px 0 5px; }
  .work-page #work-grid .work-brief-label { display:none; }
  .work-page #work-grid .work-brief { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; font-size:15px; line-height:1.5; margin:0 0 10px; }
  .work-page #work-grid .work-view-row { min-height:44px; padding:8px 12px; font-size:15px; }
}