/* Project photos switch in place. Catalog model galleries remain separate. */
.km-work-gallery-section.model-grid { display:block; }
.km-work-back.outline { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:52px; margin:0; padding:13px 25px; border:1px solid var(--copper); border-radius:30px; color:var(--ink); font:400 16px/1.5 Arial,sans-serif; background:#f8f1e8; text-decoration:none; box-shadow:0 4px 0 rgba(90,55,28,.55),0 8px 16px rgba(0,0,0,.2); }
.intro>.km-work-back { margin-bottom:20px; }
.km-work-actions { display:flex; align-items:center; flex-wrap:wrap; gap:16px; }
.km-work-gallery-wrap, .km-work-gallery { min-width:0; }
.km-work-gallery-stage {
  display:flex; align-items:center; justify-content:center;
  width:100%; height:clamp(280px,48vw,720px); overflow:hidden;
  background:rgba(232,223,211,.6); border-radius:6px; touch-action:pan-y;
}
.km-work-gallery-stage .km-work-gallery-main {
  display:block; width:100%; height:100%; max-height:none; object-fit:contain;
}
.km-work-gallery-stage[aria-busy="true"] { cursor:progress; }
.km-work-gallery-thumbs {
  display:flex; align-items:center; gap:12px; max-width:100%;
  overflow-x:auto; overscroll-behavior-x:contain; padding:4px 0 10px; margin-top:12px;
}
.km-work-gallery-thumb {
  display:block; flex:0 0 180px; width:180px; aspect-ratio:16 / 10;
  padding:3px; border:2px solid transparent; border-radius:6px;
  background:transparent; overflow:hidden; cursor:pointer;
}
.km-work-gallery-thumb[aria-pressed="true"] { border-color:var(--copper); }
.km-work-gallery-thumb:hover { background:rgba(195,139,88,.15); }
.km-work-gallery-thumbnail { display:block; width:100%; height:100%; object-fit:cover; border-radius:2px; }
.km-work-gallery-toolbar { margin-top:6px; }
.km-work-gallery-count { color:var(--muted); font-size:14px; }
.km-work-gallery-wrap + .model-copy { margin-top:28px; }
.km-work-gallery-section .model-copy .copper { margin-top:0; }
.km-work-gallery-section .model-copy>p { max-width:1000px; }
.km-work-gallery-section .model-copy>p:last-of-type { margin-bottom:24px; }
@media(max-width:767px) {
  .km-work-actions { flex-direction:column; align-items:flex-start; }
  .km-work-gallery-stage { height:clamp(260px,75vw,480px); }
  .km-work-gallery-thumbs { gap:8px; }
  .km-work-gallery-thumb { flex-basis:112px; width:112px; }
}
