/* PXLflow + PXLlibrary cards for the 1-to-1 and group mentorship pages (2026-09-26).
   IDENTICAL to the approved cards on mentorship-ai-vfx.html (Cris: "same card, same visual"): the rules
   below are that page's inline rules, copied verbatim and scoped under .pxl-extras so they cannot leak.
   Change them there and here together. */
.pxl-extras-section{padding:0 0 40px}
.pxl-extras .pxl-exposure{margin:34px auto 0;max-width:760px;background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px 26px;text-align:left}
.pxl-extras .pxl-exposure-title{font-size:15.5px;margin:0 0 10px;text-wrap:balance}
.pxl-extras .pxl-exposure p{font-size:14px;line-height:1.62;opacity:.75;margin:0 0 10px}
.pxl-extras .pxl-exposure p:last-child{margin-bottom:0}
.pxl-extras .pxl-flow-head{display:flex;justify-content:flex-start;margin:0 0 14px}
.pxl-extras .pxl-flow-logo{display:block;width:200px;height:auto}
.pxl-extras .pxl-flow-cta{margin:14px 0 0!important;opacity:1!important;font-size:14px}
.pxl-extras a.pxl-fl-link{color:var(--gold,#FFA500);text-decoration:none;
  border-bottom:1px solid rgba(255,165,0,.35);transition:border-color .25s,color .25s}
.pxl-extras a.pxl-fl-link:hover{color:var(--gold-bright,#FFBB3A);border-bottom-color:rgba(255,187,58,.75)}
.pxl-extras .included-list{list-style:none;display:grid;margin:0}
.pxl-extras .included-list li{display:flex;gap:14px;align-items:flex-start;color:var(--ink-dim);font-size:15.5px;line-height:1.55}
.pxl-extras .included-list li svg{width:18px;height:18px;color:var(--magenta);flex:none;margin-top:2px}
.pxl-extras .included-list li b{color:var(--ink);font-weight:600}
.pxl-extras .pxl-production-list{grid-template-columns:1fr;gap:12px;margin-top:16px}
.pxl-extras .pxl-library{margin-top:18px}
.pxl-extras .pxl-lib-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0 6px}
.pxl-extras .pxl-lib-shot{display:block;position:relative;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.08);cursor:zoom-in;text-decoration:none}
.pxl-extras .pxl-lib-shot img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;transition:transform .35s ease}
.pxl-extras .pxl-lib-shot:hover img,.pxl-extras .pxl-lib-shot:focus-visible img{transform:scale(1.04)}
.pxl-extras .pxl-lib-shot:focus-visible{outline:3px solid var(--gold,#FFA500);outline-offset:2px}
.pxl-extras .pxl-lib-shot span{display:block;padding:7px 9px;font-size:12px;line-height:1.3;color:rgba(243,241,239,.8);background:rgba(0,0,0,.35)}
.pxl-extras .pxl-exposure p.pxl-lib-note{font-size:12.5px;opacity:.55;font-style:italic;margin:10px 0 0}
.pxl-lib-lightbox{margin:auto;inset:0;padding:0;border:0;background:transparent;max-width:min(1400px,94vw);max-height:92vh;overflow:visible}
.pxl-lib-lightbox::backdrop{background:rgba(0,0,0,.82)}
.pxl-lib-lightbox img{display:block;max-width:min(1400px,94vw);max-height:88vh;width:auto;height:auto;border-radius:10px}
.pxl-lib-close{position:absolute;top:-14px;right:-14px;width:36px;height:36px;border-radius:50%;border:0;background:#D7005A;color:#fff;font-size:22px;line-height:36px;cursor:pointer}
@media (max-width:520px){.pxl-extras .pxl-flow-logo{width:160px}}
@media (max-width:600px){.pxl-extras .pxl-production-list{padding-left:0;margin-left:0}}
@media (max-width:640px){.pxl-extras .pxl-lib-gallery{grid-template-columns:1fr 1fr}.pxl-lib-close{top:6px;right:6px}}