.examples-page { padding-top: 8vw; }
.gallery-filters { position: sticky; top: 0; z-index: 10; margin: 0 0 55px; padding: 13px 0; display: flex; gap: 8px; overflow-x: auto; background: rgba(242,239,232,.95); backdrop-filter: blur(12px); }
.gallery-filters button { flex: 0 0 auto; padding: 11px 15px; color: var(--ink); background: transparent; border: 1px solid var(--line); font: 700 10px/1 Manrope,"Helvetica Neue",Arial,sans-serif; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }
.gallery-filters button.active { color: var(--cream); background: var(--ink); border-color: var(--ink); }
.example-wall { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 55px 22px; }
.example-card { min-width: 0; }
.example-card[hidden] { display: none; }
.example-card figure { aspect-ratio: 4/5; overflow: hidden; background: #d8d1c6; }
.example-card img { height: 100%; object-fit: cover; transition: transform .55s ease; }
.example-card:hover img { transform: scale(1.035); }
.example-card > div { padding: 17px 0 0; border-top: 1px solid var(--ink); }
.example-card > div > p { margin: 0 0 12px; color: var(--wine); font-size: 9px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.example-card h2 { margin: 0 0 10px; font: 31px/1.04 Baskerville,Georgia,serif; font-weight: 400; }
.example-card span { color: var(--muted); font-size: 13px; }
.examples-empty { padding: 60px; text-align: center; border: 1px solid var(--line); }
@media(max-width:900px){.example-wall{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.gallery-filters{margin-inline:-22px;padding-inline:22px}.example-wall{grid-template-columns:1fr}.example-card h2{font-size:34px}}