.showcase-hero { padding: 64px 0 42px; text-align: center; }
.showcase-hero span { color: var(--public-purple); font-size: 11px; font-weight: 900; letter-spacing: .2em; text-transform: uppercase; }
.showcase-hero h1 { max-width: 900px; margin: 13px auto 18px; font-family: Georgia, "Times New Roman", serif; font-size: clamp(48px, 7vw, 92px); font-weight: 500; line-height: .9; letter-spacing: -.065em; }
.showcase-hero p { max-width: 650px; margin: 0 auto; color: var(--public-muted); font-size: 17px; line-height: 1.65; }
.showcase-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 16px; padding-bottom: 70px; }
.showcase-card { overflow: hidden; border: 1px solid var(--public-line); border-radius: 24px; background: white; box-shadow: 0 18px 55px rgba(36,29,45,.08); }
.showcase-card.featured { grid-column: span 2; }
.showcase-media { position: relative; aspect-ratio: 4/3; background: #111; }
.showcase-media img, .showcase-media video { width: 100%; height: 100%; display: block; object-fit: cover; }
.showcase-media video { background: #080808; }
.showcase-featured-label { position: absolute; top: 12px; left: 12px; padding: 6px 9px; border-radius: 999px; background: rgba(18,15,23,.82); color: white; font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.showcase-copy { padding: 18px; }
.showcase-copy h2 { margin: 0 0 7px; font-size: 22px; }
.showcase-copy > p { margin: 0; color: var(--public-muted); font-size: 13px; line-height: 1.55; }
.showcase-meta { display: flex; flex-wrap: wrap; gap: 7px 12px; margin-top: 13px; color: #8a8490; font-size: 10px; font-weight: 700; }
.showcase-prompt { margin-top: 13px; padding: 12px; border-radius: 13px; background: #f5f1fb; color: #544c5e; font-size: 11px; line-height: 1.5; }
.showcase-empty { margin: 40px auto 80px; padding: 48px 28px; border: 1px dashed var(--public-line); border-radius: 24px; text-align: center; }
.showcase-empty p { color: var(--public-muted); }
.showcase-pagination { padding-bottom: 60px; }
.c4l-pagination { display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap; }
.c4l-page-numbers { display: inline-flex; align-items: center; gap: 5px; }
.c4l-page-nav, .c4l-page-number, .c4l-page-ellipsis { display: inline-flex; min-width: 36px; min-height: 36px; align-items: center; justify-content: center; padding: 7px 10px; border: 1px solid var(--public-line); border-radius: 999px; background: white; color: var(--public-text); text-decoration: none; font-size: 12px; font-weight: 850; }
.c4l-page-nav.disabled { opacity: .42; }
.c4l-page-number.active { border-color: var(--public-purple); background: var(--public-purple); color: white; }
.c4l-page-ellipsis { min-width: auto; border-color: transparent; background: transparent; }
@media (max-width: 900px) { .showcase-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 620px) { .showcase-hero { padding-top: 40px; } .showcase-grid { grid-template-columns: 1fr; } .showcase-card.featured { grid-column: auto; } }