/* Safety default: text lives outside the native media frame. Never cover image artwork. */
body.safe-media>header,body.safe-media.system-home>header{position:relative!important;top:auto!important;left:auto!important;transform:none!important;width:100%!important;max-width:none!important;height:auto!important;min-height:96px!important;padding:18px 4vw!important;background:#fff!important;border-bottom:1px solid #ddd!important;mix-blend-mode:normal!important;z-index:10;pointer-events:auto!important;color:#1a1a1a!important}
body.safe-media>header .logo,body.safe-media.system-home>header .logo{filter:brightness(0)!important}
body.safe-media>header nav a,body.safe-media.system-home>header nav a{color:#1a1a1a!important;min-height:44px;display:inline-flex;align-items:center}
body.safe-media.system-home>header nav{flex-direction:row;gap:24px;align-items:center}
body.safe-media .project .meta,body.safe-media #work .mosaic-grid .mosaic-tile .meta,body.safe-media.system-home #work .mosaic-grid .mosaic-tile .meta{position:static!important;inset:auto!important;transform:none!important;opacity:1!important;display:block!important;background:#fff!important;color:#1a1a1a!important;text-shadow:none!important;padding:20px 24px!important;max-width:100%;box-sizing:border-box}
body.safe-media .project .meta h3,body.safe-media.system-home #work .mosaic-grid .mosaic-tile .meta h3{font-size:24px!important;line-height:1.15!important;color:#1a1a1a!important;text-shadow:none!important;margin:0 0 8px!important}
body.safe-media .project .meta p,body.safe-media.system-home #work .mosaic-grid .mosaic-tile .meta p{font-size:14px!important;line-height:1.5!important;color:#1a1a1a!important;text-shadow:none!important;max-width:none!important;margin:0!important}
body.safe-media .project .view{display:none!important}
body.safe-media .next-project{display:flex!important;flex-direction:column!important;gap:16px}
body.safe-media .next-project img{position:static!important;width:100%;height:auto;object-fit:contain}
body.safe-media .next-project div{position:static!important;background:#fff;color:#1a1a1a;padding:20px 24px}
body.safe-media .sticky-back{display:none!important}
body.safe-media .case-page{padding-top:32px!important}
body.safe-media .film,body.safe-media .case-media-tile.film{height:auto!important;aspect-ratio:auto!important;background:#fff!important;overflow:visible!important}
body.safe-media .film button{position:static!important;inset:auto!important;width:100%!important;display:block!important;height:auto!important;padding:0!important;border:0!important;background:#fff!important;color:#1a1a1a!important;isolation:auto!important;text-align:center}
body.safe-media .film button:after{display:none!important}
body.safe-media .film .film-thumbnail{display:block!important;position:static!important;inset:auto!important;translate:none!important;transform:none!important;width:100%!important;height:auto!important;object-fit:contain!important;z-index:auto!important}
body.safe-media .film button>span{position:static!important;display:inline-block!important;color:#1a1a1a!important;text-shadow:none!important;margin:16px 8px!important;vertical-align:middle}
body.safe-media .film button .play{width:32px;height:32px;line-height:30px;border:1px solid #1a1a1a}
body.safe-media .film iframe,body.safe-media .film video{display:block!important;position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:var(--media-ratio,16/9);border:0}
@media(max-width:767px){body.safe-media>header,body.safe-media.system-home>header{padding:14px 18px!important;min-height:82px!important}body.safe-media.system-home>header nav{gap:10px;flex-wrap:wrap;justify-content:flex-end;max-width:260px}body.safe-media .project .meta,body.safe-media.system-home #work .mosaic-grid .mosaic-tile .meta{padding:16px 20px!important}}

/* Single-column project media must use the full mobile row, not fractional flex growth. */
@media (max-width: 767px) {
  .wide-case .case-media-row { justify-content: center; }
  .wide-case .case-media-row > .case-media-tile:only-child {
    flex: 1 1 0% !important;
    width: 100%;
  }
  .wide-case .case-photo > img,
  .wide-case .film .film-thumbnail,
  .wide-case .film iframe,
  .wide-case .film video { margin-inline: auto; object-position: center; }
}