/* Lumen Lab cards with real photos / videos: same layout as the other cards (image panel + text) */
.lumen-card-image{position:relative;background:#0e1120;overflow:hidden}
.lumen-card-image img{cursor:zoom-in}

/* small credit pinned to the bottom of the image panel */
.lm-credit-overlay{position:absolute;left:0;right:0;bottom:0;margin:0;padding:1.6rem .9rem .6rem;font-size:.7rem;line-height:1.4;letter-spacing:0;text-transform:none;text-align:center;color:#d7daea;background:linear-gradient(to top,rgba(10,12,24,.92),rgba(10,12,24,0));pointer-events:none}
.lm-credit-overlay a{color:#e3a857;text-decoration:none;border-bottom:1px solid rgba(227,168,87,.45);pointer-events:auto}

/* two stacked photos (mirrors) */
.lumen-card-image.lm-duo{display:grid;grid-template-rows:1fr 1fr;gap:2px}
.lm-duo img{width:100%;height:100%;min-height:0;object-fit:contain;background:#151827;padding:.4rem}
.lm-duo img:first-of-type{padding-bottom:.9rem}

/* click-to-load video: thumbnail + play button in the image panel */
.lm-play{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;background:#0e1120;cursor:pointer;box-shadow:none;display:block;overflow:hidden}
.lumen-card-image .lm-play img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;cursor:pointer;opacity:.85;transition:opacity .2s,transform .4s}
.lm-play:hover img{opacity:1;transform:scale(1.02)}
.lm-play-icon{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:rgba(227,168,87,.95);box-shadow:0 8px 28px rgba(0,0,0,.5);transition:transform .2s,background .2s}
.lm-play-icon::before{content:"";position:absolute;left:30px;top:22px;border-style:solid;border-width:16px 0 16px 26px;border-color:transparent transparent transparent #1b1e33}
.lm-play:hover .lm-play-icon{transform:scale(1.08);background:#efb96b}
.lm-play-label{position:absolute;left:0;right:0;top:calc(50% + 56px);text-align:center;color:#fff;font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 2px 10px rgba(0,0,0,.9)}
.lm-play:focus-visible{outline:3px solid #9bf6ff;outline-offset:-3px}

/* after pressing play the card switches to a wide, 16:9 player on top */
.lumen-card.lm-playing{flex-direction:column}
.lumen-card.lm-playing .lumen-card-image{width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;aspect-ratio:16/9;max-height:70vh}
.lumen-card.lm-playing .lumen-card-content{width:100%}
.lm-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

@media (max-width:768px){
  .lumen-card-image.lm-duo{height:22rem}
  .lm-play-icon{width:60px;height:60px;margin:-30px 0 0 -30px}
  .lm-play-icon::before{left:24px;top:17px;border-width:13px 0 13px 21px}
  .lm-play-label{top:calc(50% + 44px);font-size:.68rem}
}

/* soften the thumbnail so the play button and label stay readable */
.lm-play::after{content:"";position:absolute;inset:0;background:rgba(10,12,24,.35);pointer-events:none}
.lm-play .lm-play-icon,.lm-play .lm-play-label{z-index:1}