.lb{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.95);overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;padding:76px 16px 28px}
.lb-in{position:relative;width:min(1100px,100%);margin:auto}
.lb-x{position:absolute;right:0;top:-58px;font:700 17px/1 'Spline Sans Mono',ui-monospace,monospace;letter-spacing:.04em;text-transform:uppercase;color:#F2A51E;background:transparent;border:2px solid #F2A51E;border-radius:999px;padding:11px 20px;cursor:pointer}
.lb-x:hover,.lb-x:focus-visible{background:#F2A51E;color:#0C0B10;outline:none}
.lb-frame{position:relative;aspect-ratio:16/9;background:#000;border-radius:10px;overflow:hidden}
.lb-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.lb-frame::after{content:"";position:absolute;right:14%;bottom:0;width:26%;height:12%;z-index:2}
.lb-more{margin-top:20px}
.lb-more h3{margin:0 0 10px;font:600 13px/1 'Spline Sans Mono',ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:#FBF3DF;opacity:.8}
.lb-row{display:flex;gap:14px;flex-wrap:wrap}
.lb-card{all:unset;cursor:pointer;display:block;width:min(260px,100%);color:#FBF3DF}
.lb-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;border:2px solid transparent}
.lb-card:hover img,.lb-card:focus-visible img{border-color:#F2A51E}
.lb-card span{display:block;margin-top:6px;font:500 14px/1.3 'Bricolage Grotesque',system-ui,sans-serif}
body.lb-open{overflow:hidden}
@media(max-width:560px){.lb{padding-top:68px}.lb-x{top:-54px;font-size:15px;padding:9px 16px}.lb-card{width:calc(50% - 7px)}}