.gallery-intro { background: var(--color-paper); }
.featured-accordion { padding: var(--space-8) 0; overflow: hidden; }
.featured-accordion-grid { display: grid; gap: 3rem; align-items: center; }
.featured-accordion-copy h2 { max-width: 12ch; }
.featured-accordion-copy > p:not(.eyebrow):not(.content-needed) { color: rgba(243,237,226,.65); }
.featured-accordion-image { min-height: 32rem; background-color: #171313; }
.makers-section { padding: var(--space-8) 0; }
.makers-heading { display: grid; gap: 2rem; margin-bottom: 3rem; }
.makers-heading h2 { max-width: 12ch; }
.makers-heading > p { max-width: 30rem; color: var(--color-muted); }
.maker-gallery { display: grid; gap: 2rem; }
.maker-panel { color: inherit; text-decoration: none; }
.maker-panel .image-placeholder { min-height: 18rem; transition: transform 300ms ease; }
.maker-panel:hover .image-placeholder { transform: translateY(-.3rem); }
.maker-panel > div:last-child { padding-top: .8rem; border-top: 1px solid var(--color-line); }
.maker-panel span { color: #866334; font-size: .6rem; letter-spacing: .14em; text-transform: uppercase; }
.maker-panel h3 { margin: .3rem 0; font-size: 1.8rem; }
.maker-panel p { margin: 0; color: var(--color-muted); font-size: .72rem; }
.maker-panel-pending { opacity: .72; }
.guidance-section { padding: var(--space-8) 0; }
.collection-links { display: grid; gap: 1.5rem; margin-top: 3rem; }
.collection-links a { display: block; padding-block: 1.2rem; border-top: 1px solid var(--color-line); text-decoration: none; }
.collection-links strong { display: block; font-family: var(--font-display); font-size: 1.6rem; font-weight: 400; }
.collection-links span { display: block; margin-top: .5rem; color: var(--color-muted); }
@media (min-width:48rem) { .collection-links { grid-template-columns: repeat(3,minmax(0,1fr)); } }

@media (min-width:48rem) {
    .featured-accordion-grid { grid-template-columns: .72fr 1.28fr; gap: 6rem; }
    .featured-accordion-image { min-height: 40rem; margin-right: -7rem; }
    .makers-heading { grid-template-columns: 1.2fr .8fr; align-items: end; }
    .maker-gallery { grid-template-columns: 1.15fr .85fr .75fr; align-items: start; }
    .maker-panel-large .image-placeholder { min-height: 29rem; }
    .maker-panel:nth-child(2) { padding-top: 5rem; }
    .maker-panel:nth-child(3) { padding-top: 9rem; }
}