/* Lightbox */
  .lightbox {
    position: fixed; inset: 0; z-index: 220;
    background: rgba(8,22,41,0.94);
    display: none; align-items: center; justify-content: center;
    padding: 40px;
  }
  .lightbox.open { display: flex; animation: fadeIn .2s ease; }
  .lb-panel {
    width: min(1000px, 100%);
    aspect-ratio: 16 / 10;
    position: relative; overflow: hidden;
    background: var(--navy); border-radius: 2px;
    box-shadow: 0 40px 80px -20px rgba(0,0,0,0.7);
  }
  .lb-bg {
    position: absolute; inset: 0;
    background-size: cover; background-position: center;
  }
  .lb-panel::after {
    content:""; position:absolute; inset:0;
    background: linear-gradient(180deg, transparent 50%, rgba(8,22,41,0.85) 100%);
  }
  .lb-close {
    position: absolute; top: 14px; right: 14px;
    appearance: none; border: 1px solid rgba(169,183,206,0.3);
    background: rgba(8,22,41,0.5); width: 40px; height: 40px;
    color: var(--ivory); cursor: pointer; font-size: 14px;
    z-index: 3;
  }
  .lb-cap {
    position: absolute; left: 24px; right: 80px; bottom: 24px;
    color: var(--ivory); z-index: 3;
  }
  .lb-cap .t { font-family: var(--display); font-weight: 600; font-size: 26px; line-height: 1; text-transform: uppercase; }
  .lb-cap .m { display: block; font-family: var(--mono); font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--steel); margin-top: 8px; }