/* Scoped additions: no scan, camera or viewer runtime changes. */
#viewer.ma-with-deliverables { overflow-y: auto; overscroll-behavior: contain; }
#viewer.ma-with-deliverables .viewer-head { position: sticky; top: 0; z-index: 5; background: #101316f5; backdrop-filter: blur(12px); flex-wrap: wrap; }
#viewer.ma-with-deliverables #viewer-frame { height: min(calc(92dvh - 72px), 868px); flex: none; }
.ma-deliverables { color: #f4f3ee; background: #101316; padding: clamp(24px, 5vw, 64px); border-top: 1px solid #ffffff24; scroll-margin-top: 108px; }
.ma-deliverables *, .ma-showcase * { box-sizing: border-box; }
.ma-deliverables [hidden] { display: none !important; }
.ma-kicker { color: #e8ad73; font-size: 10px; font-weight: 750; letter-spacing: .22em; text-transform: uppercase; margin: 0 0 16px; }
.ma-deliverables h2 { font-size: clamp(2rem, 5vw, 3.7rem); font-weight: 600; line-height: 1.04; letter-spacing: -.055em; margin: 0 0 20px; }
.ma-description { max-width: 660px; color: #aeb8b3; font-size: 15px; line-height: 1.7; margin: 0 0 38px; }
.ma-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.ma-gallery[data-count="4"] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ma-gallery figure { min-width: 0; margin: 0; }
.ma-gallery figure:first-child { grid-column: 1 / -1; }
.ma-image-link { display: block; border-radius: 12px; overflow: hidden; background: #1c2223; aspect-ratio: 16 / 9; outline-offset: 5px; }
.ma-image-link:focus-visible, .ma-deliverables button:focus-visible, .ma-deliverables a:focus-visible, .ma-jump:focus-visible { outline: 2px solid #e8ad73; outline-offset: 4px; }
.ma-image-link img { display: block; width: 100%; height: 100%; object-fit: contain; }
.ma-gallery figcaption, .ma-source figcaption { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; color: #b8c0bc; padding: 14px 0 4px; font-size: 12px; line-height: 1.5; }
.ma-kind { color: #e8ad73; font-size: 10px; text-transform: uppercase; letter-spacing: .1em; }
.ma-source { margin: 36px 0 0; border-top: 1px solid #ffffff22; padding-top: 24px; }
.ma-source summary { min-height: 44px; cursor: pointer; font-size: 14px; color: #d5ddd8; padding: 10px 0; }
.ma-source p { color: #aeb8b3; font-size: 13px; line-height: 1.65; max-width: 700px; }
.ma-source .ma-gallery { max-width: 900px; margin-top: 22px; }
.ma-source .ma-gallery figure:first-child { grid-column: auto; }
.ma-film { border-top: 1px solid #ffffff22; padding-top: 36px; margin-top: 42px; scroll-margin-top: 108px; }
.ma-film h3 { font-size: clamp(1.5rem, 3vw, 2.4rem); font-weight: 600; letter-spacing: -.035em; margin: 14px 0; }
.ma-film p { color: #aeb8b3; font-size: 14px; line-height: 1.7; max-width: 700px; }
.ma-film-player { position: relative; margin-top: 24px; aspect-ratio: 7 / 4; border-radius: 12px; overflow: hidden; background: #1c2223; }
.ma-film-player video, .ma-film-poster { width: 100%; height: 100%; display: block; object-fit: contain; }
.ma-play { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; gap: 14px; background: linear-gradient(transparent 45%, #000b); color: white; font: inherit; font-size: 15px; border: 0; cursor: pointer; }
.ma-play span { display: grid; place-items: center; border: 1px solid #ffffffb0; border-radius: 50%; width: 60px; height: 60px; background: #10131699; font-size: 21px; }
.ma-film-link { display: inline-block; color: #e8ad73; margin-top: 18px; font-size: 13px; text-underline-offset: 4px; }
.ma-jump { border: 0; background: none; color: #e8ad73; min-height: 44px; padding: 0 8px; font: inherit; font-size: 12px; cursor: pointer; }
.ma-showcase { margin: 0; color: #f4f3ee; background: #101316; font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
.ma-showcase-header { display: flex; align-items: center; flex-wrap: wrap; gap: 18px; padding: 24px max(24px, calc((100vw - 1180px) / 2)); border-bottom: 1px solid #ffffff24; }
.ma-showcase-header a { color: #e8ad73; font-size: 13px; text-underline-offset: 4px; min-height: 44px; display: inline-flex; align-items: center; }
.ma-showcase-header h1 { flex: 1; font-size: clamp(1.3rem, 3vw, 2rem); margin: 0; font-weight: 600; letter-spacing: -.03em; }
.ma-showcase main { max-width: 1308px; margin: auto; }
.ma-showcase iframe { display: block; width: 100%; height: min(74dvh, 780px); min-height: 380px; border: 0; background: #151a1c; }
.ma-showcase .ma-deliverables { border-top: 1px solid #ffffff24; }
@media (max-width: 690px) {
  .ma-gallery, .ma-gallery[data-count="4"] { grid-template-columns: 1fr; gap: 22px; }
  .ma-gallery figure:first-child { grid-column: auto; }
  .ma-gallery figcaption { padding-top: 12px; }
  .ma-deliverables { padding: 28px 20px 40px; }
  .ma-description { margin-bottom: 26px; }
  #viewer.ma-with-deliverables .viewer-head { gap: 6px 12px; }
  #viewer.ma-with-deliverables .viewer-head h2 { font-size: 15px; }
  #viewer.ma-with-deliverables .viewer-head a { font-size: 11px; }
  #viewer.ma-with-deliverables .ma-jump { order: 4; width: 100%; text-align: left; min-height: 32px; padding: 0; }
  #viewer.ma-with-deliverables #viewer-frame { height: calc(92dvh - 108px); }
  .ma-play { flex-direction: column; gap: 10px; }
}