@charset "utf-8";

/* GALLERY COLLAGE */
.gallery-collage {
	margin-block: var(--margin-gap);
	position: relative;
	}
.gallery-collage-painted {
	border-radius: var(--radius);
	padding: var(--margin-pad);
	}
.gallery-collage-canvas {
	aspect-ratio: 690 / 596;
	container-type: inline-size;
	margin: 0 auto;
	max-width: 690px;
	position: relative;
	width: 100%;
	}

/* Items */
.gallery-collage-item,
.gallery-collage-dot,
.gallery-collage-accent {
	aspect-ratio: 1;
	left: var(--x);
	position: absolute;
	top: var(--y);
	width: var(--w);
	}
.gallery-collage-item {
	border: 1.16cqw solid var(--ring);
	border-radius: 50%;
	box-sizing: border-box;
	margin: 0;
	overflow: hidden;
	z-index: 2;
	}
.gallery-collage-item-primary {
	--ring: var(--design-ring-1);
	border-width: 1.74cqw;
	z-index: 1;
	}
.gallery-collage-item-secondary {
	--ring: var(--design-ring-2);
	}
.gallery-collage-item-tertiary,
.gallery-collage-count-2 .gallery-collage-item-secondary {
	--ring: var(--design-ring-3);
	}
.gallery-collage-img {
	display: block;
	height: 100%;
	max-width: none;
	object-fit: cover;
	width: 100%;
	}

/* Decorations */
.gallery-collage-dot {
	border-radius: 50%;
	pointer-events: none;
	z-index: 0;
	}
.gallery-collage-dot-1 {
	background: var(--design-dot-1);
	}
.gallery-collage-dot-2 {
	background: var(--design-dot-2);
	}
.gallery-collage-dot-3 {
	background: var(--design-dot-3);
	}
.gallery-collage-accent {
	pointer-events: none;
	z-index: 0;
	}
.gallery-collage-accent-circle {
	background: var(--design-soft);
	border-radius: 50%;
	inset: 0;
	position: absolute;
	}
.gallery-collage-squiggle {
	aspect-ratio: 350 / 372;
	fill: none;
	height: auto;
	left: 18.62%;
	overflow: visible;
	position: absolute;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 22;
	top: -17.29%;
	width: 92.76%;
	}
.gallery-collage-squiggle circle {
	stroke: none;
	}
.gallery-collage-squiggle-1 {
	stroke: var(--design-squiggle-1);
	}
.gallery-collage-squiggle-2 {
	stroke: var(--design-squiggle-2);
	}
.gallery-collage-squiggle-3 {
	fill: var(--design-squiggle-3);
	stroke: var(--design-squiggle-3);
	}
path.gallery-collage-squiggle-3 {
	fill: none;
	}
.gallery-collage-squiggle-4 {
	stroke: var(--design-squiggle-4);
	}
.gallery-collage-squiggle-5 {
	stroke: var(--design-squiggle-5);
	}
.gallery-collage-squiggle-6 {
	fill: var(--design-squiggle-6);
	}

/* 1 Image */
/* Layout 1 - Accent top right */
.gallery-collage-count-1.gallery-collage-layout-1 .gallery-collage-item-primary {
	--w: 75.36%;
	--x: 12.32%;
	--y: 6.38%;
	}
.gallery-collage-count-1.gallery-collage-layout-1 .gallery-collage-dot-1 {
	--w: 8.12%;
	--x: 10.43%;
	--y: 79.19%;
	}
.gallery-collage-count-1.gallery-collage-layout-1 .gallery-collage-dot-2 {
	--w: 5.8%;
	--x: 84.06%;
	--y: 83.89%;
	}
.gallery-collage-count-1.gallery-collage-layout-1 .gallery-collage-dot-3 {
	--w: 3.48%;
	--x: 8.41%;
	--y: 24.83%;
	}
.gallery-collage-count-1.gallery-collage-layout-1 .gallery-collage-accent {
	--w: 27.25%;
	--x: 65.94%;
	--y: 5.87%;
	}
/* Layout 2 - Shift left */
.gallery-collage-count-1.gallery-collage-layout-2 .gallery-collage-item-primary {
	--w: 75.36%;
	--x: 5.8%;
	--y: 6.38%;
	}
.gallery-collage-count-1.gallery-collage-layout-2 .gallery-collage-dot-1 {
	--w: 8.12%;
	--x: 85.8%;
	--y: 13.76%;
	}
.gallery-collage-count-1.gallery-collage-layout-2 .gallery-collage-dot-2 {
	--w: 5.8%;
	--x: 10.14%;
	--y: 90.6%;
	}
.gallery-collage-count-1.gallery-collage-layout-2 .gallery-collage-dot-3 {
	--w: 3.48%;
	--x: 92.46%;
	--y: 39.93%;
	}
.gallery-collage-count-1.gallery-collage-layout-2 .gallery-collage-accent {
	--w: 27.25%;
	--x: 69.57%;
	--y: 62.08%;
	}
/* Layout 3 - Shift right */
.gallery-collage-count-1.gallery-collage-layout-3 .gallery-collage-item-primary {
	--w: 75.36%;
	--x: 18.84%;
	--y: 6.38%;
	}
.gallery-collage-count-1.gallery-collage-layout-3 .gallery-collage-dot-1 {
	--w: 8.12%;
	--x: 6.09%;
	--y: 79.19%;
	}
.gallery-collage-count-1.gallery-collage-layout-3 .gallery-collage-dot-2 {
	--w: 5.8%;
	--x: 84.06%;
	--y: 90.6%;
	}
.gallery-collage-count-1.gallery-collage-layout-3 .gallery-collage-dot-3 {
	--w: 3.48%;
	--x: 6.96%;
	--y: 51.68%;
	}
.gallery-collage-count-1.gallery-collage-layout-3 .gallery-collage-accent {
	--w: 27.25%;
	--x: 2.9%;
	--y: 6.71%;
	}
/* Layout 4 - Accent bottom left */
.gallery-collage-count-1.gallery-collage-layout-4 .gallery-collage-item-primary {
	--w: 69.57%;
	--x: 15.22%;
	--y: 9.73%;
	}
.gallery-collage-count-1.gallery-collage-layout-4 .gallery-collage-dot-1 {
	--w: 8.12%;
	--x: 82.9%;
	--y: 10.4%;
	}
.gallery-collage-count-1.gallery-collage-layout-4 .gallery-collage-dot-2 {
	--w: 5.8%;
	--x: 13.04%;
	--y: 6.71%;
	}
.gallery-collage-count-1.gallery-collage-layout-4 .gallery-collage-dot-3 {
	--w: 3.48%;
	--x: 91.01%;
	--y: 36.58%;
	}
.gallery-collage-count-1.gallery-collage-layout-4 .gallery-collage-accent {
	--w: 27.25%;
	--x: 0.72%;
	--y: 67.11%;
	}

/* 2 Images */
/* Layout 1 - Bottom right */
.gallery-collage-count-2.gallery-collage-layout-1 .gallery-collage-item-primary {
	--w: 72.46%;
	--x: 10.14%;
	--y: 5.37%;
	}
.gallery-collage-count-2.gallery-collage-layout-1 .gallery-collage-item-secondary {
	--w: 36.23%;
	--x: 62.32%;
	--y: 55.37%;
	}
.gallery-collage-count-2.gallery-collage-layout-1 .gallery-collage-dot-1 {
	--w: 8.12%;
	--x: 6.09%;
	--y: 11.24%;
	}
.gallery-collage-count-2.gallery-collage-layout-1 .gallery-collage-dot-2 {
	--w: 5.8%;
	--x: 14.49%;
	--y: 90.6%;
	}
.gallery-collage-count-2.gallery-collage-layout-1 .gallery-collage-dot-3 {
	--w: 3.48%;
	--x: 3.33%;
	--y: 48.32%;
	}
.gallery-collage-count-2.gallery-collage-layout-1 .gallery-collage-accent {
	--w: 27.25%;
	--x: 68.12%;
	--y: 6.71%;
	}
/* Layout 2 - Bottom left */
.gallery-collage-count-2.gallery-collage-layout-2 .gallery-collage-item-primary {
	--w: 72.46%;
	--x: 17.39%;
	--y: 5.37%;
	}
.gallery-collage-count-2.gallery-collage-layout-2 .gallery-collage-item-secondary {
	--w: 36.23%;
	--x: 1.45%;
	--y: 55.37%;
	}
.gallery-collage-count-2.gallery-collage-layout-2 .gallery-collage-dot-1 {
	--w: 8.12%;
	--x: 85.8%;
	--y: 11.24%;
	}
.gallery-collage-count-2.gallery-collage-layout-2 .gallery-collage-dot-2 {
	--w: 5.8%;
	--x: 79.71%;
	--y: 90.6%;
	}
.gallery-collage-count-2.gallery-collage-layout-2 .gallery-collage-dot-3 {
	--w: 3.48%;
	--x: 93.19%;
	--y: 48.32%;
	}
.gallery-collage-count-2.gallery-collage-layout-2 .gallery-collage-accent {
	--w: 27.25%;
	--x: 4.64%;
	--y: 6.71%;
	}
/* Layout 3 - Top right */
.gallery-collage-count-2.gallery-collage-layout-3 .gallery-collage-item-primary {
	--w: 72.46%;
	--x: 10.14%;
	--y: 10.74%;
	}
.gallery-collage-count-2.gallery-collage-layout-3 .gallery-collage-item-secondary {
	--w: 36.23%;
	--x: 62.32%;
	--y: 2.68%;
	}
.gallery-collage-count-2.gallery-collage-layout-3 .gallery-collage-dot-1 {
	--w: 8.12%;
	--x: 7.54%;
	--y: 80.87%;
	}
.gallery-collage-count-2.gallery-collage-layout-3 .gallery-collage-dot-2 {
	--w: 5.8%;
	--x: 14.49%;
	--y: 6.71%;
	}
.gallery-collage-count-2.gallery-collage-layout-3 .gallery-collage-dot-3 {
	--w: 3.48%;
	--x: 4.06%;
	--y: 39.93%;
	}
.gallery-collage-count-2.gallery-collage-layout-3 .gallery-collage-accent {
	--w: 27.25%;
	--x: 68.12%;
	--y: 63.76%;
	}
/* Layout 4 - Top left */
.gallery-collage-count-2.gallery-collage-layout-4 .gallery-collage-item-primary {
	--w: 72.46%;
	--x: 17.39%;
	--y: 10.74%;
	}
.gallery-collage-count-2.gallery-collage-layout-4 .gallery-collage-item-secondary {
	--w: 36.23%;
	--x: 1.45%;
	--y: 2.68%;
	}
.gallery-collage-count-2.gallery-collage-layout-4 .gallery-collage-dot-1 {
	--w: 8.12%;
	--x: 84.35%;
	--y: 80.87%;
	}
.gallery-collage-count-2.gallery-collage-layout-4 .gallery-collage-dot-2 {
	--w: 5.8%;
	--x: 79.71%;
	--y: 6.71%;
	}
.gallery-collage-count-2.gallery-collage-layout-4 .gallery-collage-dot-3 {
	--w: 3.48%;
	--x: 92.46%;
	--y: 39.93%;
	}
.gallery-collage-count-2.gallery-collage-layout-4 .gallery-collage-accent {
	--w: 27.25%;
	--x: 0%;
	--y: 66.28%;
	}

/* 3 Images */
/* Layout 1 - Classic */
.gallery-collage-count-3.gallery-collage-layout-1 .gallery-collage-item-primary {
	--w: 73.04%;
	--x: 18.55%;
	--y: 6.46%;
	}
.gallery-collage-count-3.gallery-collage-layout-1 .gallery-collage-item-secondary {
	--w: 39.71%;
	--x: 0%;
	--y: 52.18%;
	}
.gallery-collage-count-3.gallery-collage-layout-1 .gallery-collage-item-tertiary {
	--w: 28.99%;
	--x: 69.86%;
	--y: 65.02%;
	}
.gallery-collage-count-3.gallery-collage-layout-1 .gallery-collage-dot-1 {
	--w: 8.12%;
	--x: 12.17%;
	--y: 18.37%;
	}
.gallery-collage-count-3.gallery-collage-layout-1 .gallery-collage-dot-2 {
	--w: 5.8%;
	--x: 41.74%;
	--y: 93.2%;
	}
.gallery-collage-count-3.gallery-collage-layout-1 .gallery-collage-dot-3 {
	--w: 3.48%;
	--x: 6.96%;
	--y: 43.2%;
	}
.gallery-collage-count-3.gallery-collage-layout-1 .gallery-collage-accent {
	--w: 27.25%;
	--x: 69.57%;
	--y: 5.45%;
	}
/* Layout 2 - Stacked right */
.gallery-collage-count-3.gallery-collage-layout-2 .gallery-collage-item-primary {
	--w: 66.67%;
	--x: 11.3%;
	--y: 11.41%;
	}
.gallery-collage-count-3.gallery-collage-layout-2 .gallery-collage-item-secondary {
	--w: 33.33%;
	--x: 56.96%;
	--y: 2.52%;
	}
.gallery-collage-count-3.gallery-collage-layout-2 .gallery-collage-item-tertiary {
	--w: 27.54%;
	--x: 61.16%;
	--y: 58.56%;
	}
.gallery-collage-count-3.gallery-collage-layout-2 .gallery-collage-dot-1 {
	--w: 8.12%;
	--x: 3.48%;
	--y: 82.05%;
	}
.gallery-collage-count-3.gallery-collage-layout-2 .gallery-collage-dot-2 {
	--w: 5.8%;
	--x: 59.42%;
	--y: 90.6%;
	}
.gallery-collage-count-3.gallery-collage-layout-2 .gallery-collage-dot-3 {
	--w: 3.48%;
	--x: 93.91%;
	--y: 48.32%;
	}
.gallery-collage-count-3.gallery-collage-layout-2 .gallery-collage-accent {
	--w: 27.25%;
	--x: 0%;
	--y: 5.45%;
	}
/* Layout 3 - Flanked */
.gallery-collage-count-3.gallery-collage-layout-3 .gallery-collage-item-primary {
	--w: 60.87%;
	--x: 19.57%;
	--y: 22.48%;
	}
.gallery-collage-count-3.gallery-collage-layout-3 .gallery-collage-item-secondary {
	--w: 34.78%;
	--x: 9.71%;
	--y: 6.04%;
	}
.gallery-collage-count-3.gallery-collage-layout-3 .gallery-collage-item-tertiary {
	--w: 33.33%;
	--x: 56.23%;
	--y: 7.72%;
	}
.gallery-collage-count-3.gallery-collage-layout-3 .gallery-collage-dot-1 {
	--w: 8.12%;
	--x: 7.54%;
	--y: 75.84%;
	}
.gallery-collage-count-3.gallery-collage-layout-3 .gallery-collage-dot-2 {
	--w: 5.8%;
	--x: 47.1%;
	--y: 6.04%;
	}
.gallery-collage-count-3.gallery-collage-layout-3 .gallery-collage-dot-3 {
	--w: 3.48%;
	--x: 4.06%;
	--y: 60.07%;
	}
.gallery-collage-count-3.gallery-collage-layout-3 .gallery-collage-accent {
	--w: 27.25%;
	--x: 67.97%;
	--y: 63.93%;
	}
/* Layout 4 - Stacked left */
.gallery-collage-count-3.gallery-collage-layout-4 .gallery-collage-item-primary {
	--w: 71.01%;
	--x: 23.91%;
	--y: 9.23%;
	}
.gallery-collage-count-3.gallery-collage-layout-4 .gallery-collage-item-secondary {
	--w: 34.78%;
	--x: 5.36%;
	--y: 9.73%;
	}
.gallery-collage-count-3.gallery-collage-layout-4 .gallery-collage-item-tertiary {
	--w: 27.54%;
	--x: 11.88%;
	--y: 58.56%;
	}
.gallery-collage-count-3.gallery-collage-layout-4 .gallery-collage-dot-1 {
	--w: 8.12%;
	--x: 41.3%;
	--y: 90.6%;
	}
.gallery-collage-count-3.gallery-collage-layout-4 .gallery-collage-dot-2 {
	--w: 5.8%;
	--x: 2.9%;
	--y: 52.01%;
	}
.gallery-collage-count-3.gallery-collage-layout-4 .gallery-collage-dot-3 {
	--w: 3.48%;
	--x: 94.06%;
	--y: 89.93%;
	}
.gallery-collage-count-3.gallery-collage-layout-4 .gallery-collage-accent {
	--w: 27.25%;
	--x: 69.57%;
	--y: 5.45%;
	}