.db-gallery { border-bottom: 1px solid var(--line); }
.db-gallery .db-gallery__inner { display: flex; flex-direction: column; gap: 32px; padding-block: 20px 40px; }
.db-gallery__title { font-size: clamp(2rem, 9vw, 5rem); line-height: 1.1; } .db-gallery .wp-block-gallery { gap: 10px; --wp--style--gallery-gap-default: 10px; } .db-gallery .wp-block-gallery figure.wp-block-image { height: 300px; }
@media (min-width: 861px) {
.db-gallery .db-gallery__inner { padding-block: 60px 120px; gap: 48px; }
.db-gallery__title { font-size: 5rem; }
.db-gallery .wp-block-gallery { gap: 16px; --wp--style--gallery-gap-default: 16px; }
.db-gallery .wp-block-gallery figure.wp-block-image { height: clamp(300px, 26vw, 460px); }
} .db-gallery--centered .db-gallery__inner { align-items: center; padding-block: 40px; }
.db-gallery--centered .db-gallery__title { text-align: center; align-self: stretch; }
.db-gallery--cream { background: var(--cream); }
.db-gallery--cream .wp-block-gallery figure.wp-block-image { height: 425px; }
@media (min-width: 861px) { .db-gallery--centered .db-gallery__inner { padding-block: 120px; gap: 60px; }
.db-gallery--cream .wp-block-gallery figure.wp-block-image { height: 680px; }
} :is(.db-gallery--filtered, .db-cardgrid--filtered) .db-gallery__filters {
display: flex;
align-items: flex-end;
gap: 32px;
width: 100%;
overflow-x: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
:is(.db-gallery--filtered, .db-cardgrid--filtered) .db-gallery__filters::-webkit-scrollbar { display: none; }
.db-gallery__filter {
flex: 0 0 auto;
position: relative;
margin: 0;
padding: 0;
background: none;
border: 0;
cursor: pointer;
font-family: var(--font-body);
font-weight: 300;
font-size: 16px;
line-height: 20px;
white-space: nowrap;
color: rgba(37, 32, 30, 0.32);
transition: color .2s ease;
}
.db-gallery__filter:hover,
.db-gallery__filter.is-active { color: var(--ink); } .db-gallery__sep {
flex: 0 0 1px;
align-self: stretch;
width: 1px;
background: var(--line);
} .db-gallery--filtered .wp-block-gallery.has-nested-images {
display: grid;
grid-template-columns: 1fr;
grid-auto-rows: 300px;
grid-auto-flow: dense;
gap: 10px;
} .db-gallery--filtered .wp-block-gallery.has-nested-images figure.wp-block-image {
width: auto !important;
height: 100%;
}
.db-gallery--filtered .wp-block-gallery.has-nested-images figure.wp-block-image.is-hidden { display: none; } .db-gallery__more { display: none; align-self: center; width: 100%; }
.db-gallery__more.is-ready { display: block; }
.db-gallery__more.is-exhausted { display: none; } .db-gallery__more.is-ready {
padding: 16px 28px;
font-size: 16px;
line-height: 24px;
}
@media (min-width: 861px) { :is(.db-gallery--filtered, .db-cardgrid--filtered) .db-gallery__filters { justify-content: space-between; }
.db-gallery__filter { font-weight: 400; font-size: 20px; line-height: 28px; }
.db-gallery--filtered .wp-block-gallery.has-nested-images {
grid-template-columns: repeat(4, 1fr);
grid-auto-rows: 560px;
gap: 16px;
}
.db-gallery--filtered .wp-block-gallery figure.db-gal--wide { grid-column: span 2; }
.db-gallery__more.is-ready { align-self: stretch; }
}
@media (prefers-reduced-motion: reduce) {
.db-gallery .wp-block-gallery figure.wp-block-image img { transition: none; }
}