/*
 * Illustrator portfolio: name and quote button, location and bio, then the
 * galleries (five columns of square crops). The gallery lightbox is in
 * lightbox.css.
 */

.illustrator__head,
.illustrator__meta { position: relative; display: flex; flex-direction: column; padding: 0 14.4%; }
.illustrator__meta { margin-top: -20px; }
.illustrator__row { display: flex; flex-direction: row; flex-grow: 1; gap: 0; width: 100%; max-width: 100%; margin: 0 auto; }
.illustrator__head .illustrator__row { padding-top: 40px; }

.illustrator__col { position: relative; display: flex; flex-direction: column; flex: 0 1 auto; gap: 0; min-width: 0; padding: 10px; }
.illustrator__col--name,
.illustrator__col--cta,
.illustrator__col--cta-mobile { width: 50%; }
.illustrator__col--info { width: 100%; }
.illustrator__col--cta { align-items: flex-end; gap: 20px; }
.illustrator__col--cta-mobile { display: none; align-items: flex-start; }

.illustrator__name,
.illustrator__location,
.illustrator__bio,
.dynamic-artist-button { position: relative; min-width: 0; max-width: 100%; }
.illustrator__bio { font-family: "Oxygen", Sans-serif; font-weight: 400; color: var(--c-text); }

.illustrator__galleries { position: relative; display: flex; flex-direction: row; gap: 20px; padding: 30px 0 0; }
.illustrator__gallery { position: relative; display: flex; flex-direction: column; flex: 0 1 auto; gap: 20px; width: 100%; min-width: 0; padding: 0 14.9%; }
.illustrator-gallery { position: relative; min-width: 0; max-width: 100%; padding: 0; }

.illustrator-gallery__inner .gallery { margin: 0 -10px -10px 0; }
.illustrator-gallery__inner .gallery-item { display: inline-block; width: 100%; max-width: 100%; margin: 0 auto; padding: 0 10px 10px 0; text-align: center; vertical-align: top; }
.illustrator-gallery__inner .gallery-item img { display: block; margin: 0 auto; }
.illustrator-gallery__inner .gallery-icon { padding: 0; }
.gallery-icon { position: relative; aspect-ratio: 1 / 1; overflow: hidden; }
.gallery-icon img { width: 100%; height: 100%; object-fit: cover; }

@media (min-width: 768px) {
	.illustrator-gallery__inner .gallery-columns-5 .gallery-item { max-width: 20%; }
}

@media (min-width: 480px) and (max-width: 767px) {
	.illustrator-gallery__inner .gallery.gallery-columns-5 .gallery-item { max-width: 50%; }
}

@media (max-width: 479px) {
	.illustrator-gallery__inner .gallery.gallery-columns-5 .gallery-item { max-width: 100%; }
}

@media (max-width: 767px) {
	.illustrator__head { padding: 0; }
	.illustrator__head .illustrator__row { padding-top: 60px; }
	.illustrator__meta { padding: 0; }
	.illustrator__meta .illustrator__row { padding-top: 10px; }
	.illustrator__row, .illustrator__col, .illustrator__galleries, .illustrator__gallery { flex-wrap: wrap; }
	.illustrator__col { width: 100%; }
	.illustrator__col--cta { display: none; }
	.illustrator__col--cta-mobile { display: flex; }
	.dynamic-artist-button { align-self: flex-start; }
	.illustrator__galleries { padding: 10px; }
	.illustrator__gallery { padding: 0; }
}

/* Dark scheme for art licensing portfolios. */
.is-dark .artist-full-name { color: var(--c-white); }
.is-dark .illustrator__bio { color: var(--c-white); }