.lp{--lp-plate:#0d0b09;--lp-edge:rgb(255 255 255/0.08);--lp-wash:rgb(255 255 255/0.045);--lp-surface:rgb(var(--c-panel)/0.55);--lp-rule:rgb(var(--c-line)/0.6);--lp-mono:var(--font-mono);--lp-display:var(--font-display)}:is([data-theme=light],[data-tone=light]) .lp{--lp-edge:rgb(var(--c-line)/0.95);--lp-wash:rgb(255 255 255/0.7);--lp-surface:rgb(var(--c-panel)/0.85)}.lp-collage{position:relative;min-width:0}.lp-collage__frame{position:relative;padding:clamp(.55rem,1.1vw,.85rem);border-radius:1.75rem;border:1px solid var(--lp-edge);background:linear-gradient(160deg,var(--lp-wash),transparent 55%),var(--lp-surface);box-shadow:var(--shadow-lift)}.lp-collage__head{display:flex;justify-content:space-between;gap:1rem;padding:.2rem .35rem .7rem}@media (max-width:639px){.lp-collage__head>:nth-child(2){display:none}}.lp-collage__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(.45rem,.9vw,.7rem);align-items:start}.lp-tile{position:relative;grid-column:span var(--span,6) /span var(--span,6);min-width:0;overflow:hidden;border-radius:1rem;border:1px solid rgb(255 255 255/.06);background:var(--lp-plate)}@media (min-width:1024px){.lp-tile[data-shift]{margin-top:calc(var(--shift, 0) * 1rem)}}.lp-bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:2.35rem;padding:.3rem .35rem .3rem .7rem;border-top:1px solid rgb(255 255 255/.06);background:var(--lp-plate)}.lp-bar__text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--lp-mono);font-size:.625rem;letter-spacing:.06em;color:#c9bba5}.lp-loop,.lp-loopwrap{display:block}.lp-loop{position:relative;width:100%;overflow:hidden;background:var(--lp-plate)}.lp-loop .lp-loop__poster{position:absolute;inset:0;transition:opacity .5s var(--ease)}.lp-loop .lp-loop__poster.is-hidden{opacity:0}.lp-loop__video{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;opacity:0;transition:opacity .6s var(--ease)}.lp-loop__video.is-ready{opacity:1}.lp-loop__btn{flex:none;display:grid;place-items:center;width:1.85rem;height:1.85rem;border-radius:999px;border:1px solid rgb(255 255 255/.28);background:rgb(12 10 8/.62);color:#fff;cursor:pointer;backdrop-filter:blur(4px);transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.lp-loop__btn:hover{border-color:transparent;background:#ff6807;color:#141008}.lp-loop__btn:focus-visible{outline:2px solid #ff6807;outline-offset:2px}