.collection-page {
	max-width: 1480px;
	margin-inline: auto;
	padding-block: clamp(2rem, 5vw, 5rem);
}

.collection-head {
	max-width: 62rem;
	margin: 0 auto clamp(2rem, 5vw, 4rem);
}

.collection-description {
	max-width: 52rem;
	margin: 1.25rem 0;
	color: color-mix(in srgb, var(--ink, #14171a) 78%, transparent);
	font-size: clamp(1rem, 1.5vw, 1.2rem);
	line-height: 1.7;
}

.collection-details {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
	gap: 1rem 1.5rem;
	margin: 1.75rem 0 0;
	padding: 1.25rem;
	background: var(--surface, #fff);
	border: 1px solid color-mix(in srgb, var(--ink, #14171a) 15%, transparent);
	border-radius: 0.75rem;
}

.collection-details div { min-width: 0; }
.collection-details dt { color: var(--accent, #a90f2b); font-size: 0.78rem; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase; }
.collection-details dd { margin: 0.25rem 0 0; overflow-wrap: anywhere; }

.collection-page .gallery-figure {
	break-inside: avoid;
	margin: 0 0 1rem;
	overflow: hidden;
	border-radius: 0.65rem;
	background: var(--surface, #fff);
}

.collection-page .gallery-item { display: block; }
.collection-page .gallery-item img { display: block; width: 100%; height: auto; }
.collection-page .gallery-figure figcaption { padding: 0.7rem 0.9rem; color: color-mix(in srgb, var(--ink, #14171a) 78%, transparent); font-size: 0.92rem; line-height: 1.5; }

@media (max-width: 600px) {
	.collection-details { padding: 1rem; }
	.collection-page .gallery-figure { margin-bottom: 0.65rem; }
}