/* Shared rendered-project presentation, based on the Clipping gallery. */
.sp-project-gallery { width: 100%; max-width: none; margin-top: 64px; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.sp-project-gallery > h3, .sp-project-gallery .history-head h2 { font-family: 'Manrope', sans-serif; font-size: 1.25rem; font-weight: 700; letter-spacing: -.025em; text-transform: none; color: var(--v2-white); margin: 0 0 18px; }
.sp-project-gallery .history-head { margin-bottom: 20px; }
.sp-project-gallery .history-head h2 { margin: 0; }
.sp-project-gallery .history-subtitle, .sp-project-gallery .rendered-copy, .sp-project-gallery .history-head .eyebrow, .sp-project-gallery .history-head .step-label { display: none; }
.sp-project-gallery .rendered-list, .sp-project-gallery .history-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(min(280px,100%),1fr)); gap: 24px; margin-top: 0; align-items: start; }
.sp-project-gallery .rendered-project, .sp-project-gallery .history-card { display: block; min-width: 0; min-height: 0; padding: 0; overflow: hidden; border: 1px solid var(--v2-border); border-radius: 16px; background: var(--v2-fill); }
.sp-project-gallery .rendered-project-summary { display: block; padding: 0; }
.sp-project-gallery .rendered-project-thumb, .sp-project-gallery .history-thumb { display: block; position: relative; width: 100%; height: auto; min-height: 0; aspect-ratio: 16/9 !important; object-fit: cover; border: 0; border-radius: 0; background: #000; }
.sp-project-gallery .history-thumb { display: grid; place-items: center; }
.sp-project-gallery .history-thumb img { object-fit: cover; }
.sp-project-gallery .rendered-project-copy, .sp-project-gallery .history-card > div:last-child { display: grid; gap: 8px; padding: 18px; }
.sp-project-gallery .rendered-project-copy strong, .sp-project-gallery .history-card h3 { font: 700 .95rem/1.45 'Manrope',sans-serif; color: var(--v2-white); }
.sp-project-gallery .rendered-project-copy span, .sp-project-gallery .history-meta { font: 400 .8rem/1.45 'Manrope',sans-serif; color: var(--v2-muted); }
.sp-project-gallery .rendered-project-open { display: inline-block; margin: 0 18px 18px; padding: 9px 12px; border: 1px solid var(--v2-border); border-radius: 8px; }
.sp-project-gallery .history-actions { margin-top: 6px; }
.sp-project-gallery .history-action { font-size: .75rem; min-height: 36px; }
.sp-project-gallery .history-empty, .sp-project-gallery .empty-history { grid-column: 1/-1; padding: 32px 18px; }
.sp-project-gallery summary:focus-visible { outline: 2px solid var(--v2-blue); outline-offset: -3px; }
.sp-project-gallery .rendered-project[open] { border-color: var(--v2-blue); }
@media(min-width:800px) { .sp-project-gallery .rendered-project[open] { grid-column: 1/-1; } .sp-project-gallery .rendered-project[open] .rendered-project-summary { display:grid; grid-template-columns:280px 1fr auto; align-items:center; } .sp-project-gallery .rendered-project[open] .rendered-project-open { margin:18px; } }

body.editor-page { height: auto; min-height: 100vh; background-repeat: no-repeat; }

.sp-project-gallery .rendered-project-clips { grid-template-columns: repeat(auto-fill,minmax(min(240px,100%),1fr)); padding: 18px; gap: 18px; }