/* Local full-page portfolio previews; original cards remain usable without JS. */
.project-grid>.lb-preview-item{display:flex;flex-direction:column;min-width:0;gap:10px}
.lb-preview-item>.project-card{width:100%;flex:1}
.lb-preview-card .project-image{display:flex;flex-direction:column;aspect-ratio:.78;background:#eef3fb;isolation:isolate}
.lb-preview-chrome{display:flex;align-items:center;gap:11px;flex:0 0 42px;min-width:0;padding:0 12px;background:#f4f7fc;border-bottom:1px solid #dfe6f0}
.lb-preview-dots{display:flex;gap:4px;flex-shrink:0}
.lb-preview-dots>i{display:block;width:6px;height:6px;border-radius:50%;background:#c4cfdf}
.lb-preview-dots>i:first-child{background:#f3a7a1}.lb-preview-dots>i:nth-child(2){background:#edcc86}.lb-preview-dots>i:last-child{background:#97cbb7}
.lb-preview-address{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:#56667e;font-size:14px;font-weight:550;line-height:1.6;letter-spacing:-.015em}
.lb-preview-chrome .project-state{position:static;flex-shrink:0;margin:0;padding:3px 7px;border:1px solid #dfe8fc;border-radius:6px;box-shadow:none;font-size:14px;line-height:1.5;color:#2453c7;background:#fff}
.lb-preview-viewport{position:relative;flex:1;min-width:0;min-height:0;overflow:hidden;background:#fff}
.lb-preview-viewport>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center bottom;transition:none;transform:none}
.lb-preview-card.is-preview-ready .lb-preview-viewport>.lb-preview-screen{inset:auto;top:0;left:0;width:100%;height:auto;object-fit:initial;object-position:initial;transform-origin:center top}
.lb-preview-viewport.is-preview-moving>.lb-preview-screen{will-change:transform}
.lb-preview-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px 12px;min-width:0;min-height:44px;padding:0 3px}
.lb-preview-caption{min-width:0;color:#5a6578;font-size:14px;line-height:1.7;overflow-wrap:anywhere}
.lb-preview-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:84px;margin:0;padding:8px 12px;border:1px solid #dbe5f7;border-radius:9px;background:#f2f6ff;color:#2453c7;font:inherit;font-size:14px;font-weight:650;line-height:1.65;cursor:pointer;touch-action:manipulation;transition:background .2s,border-color .2s}
.lb-preview-toggle:hover{background:#e7efff;border-color:#adc5f5}
.lb-preview-toggle:focus-visible,.lb-preview-item>.project-card:focus-visible{outline:3px solid #2453c7;outline-offset:4px}
.lb-preview-toggle[hidden]{display:none}
@media(min-width:701px) and (max-width:980px){.project-grid.lb-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
@media(max-width:700px){.project-grid>.lb-preview-item{gap:9px}.lb-preview-card .project-image{aspect-ratio:1}.lb-preview-chrome{flex-basis:42px;padding-inline:11px;gap:9px}.lb-preview-controls{padding-inline:2px}.lb-preview-toggle{min-height:44px}.lb-preview-card .project-body{padding-top:22px;padding-bottom:20px}}
@media(prefers-reduced-motion:reduce){.lb-preview-toggle{transition:none}.lb-preview-viewport>.lb-preview-screen{transform:none!important;will-change:auto}}