/*
	#	KFD Home : Gallery
	-------------------------------------------------------------------------------*/
	.home-gallery																		{ padding:100px 0; position:relative; background-color:var(--cream); }

	.home-gallery header																{ text-align:center; margin-bottom:64px; }



		/*	Grid
		---------------------------------------------------------------------------*/
		.home-gallery .grid																{ display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; }

		@media (max-width: 899px) {
			.home-gallery .grid															{ grid-template-columns:repeat(2, 1fr); }
		}

		@media (max-width: 499px) {
			.home-gallery .grid															{ grid-template-columns:1fr; }
		}



			/*	Figure (gallery item)
			-----------------------------------------------------------------------*/
			.home-gallery figure														{ aspect-ratio:1; position:relative; margin:0; background-color:var(--cream-alt); overflow:hidden; cursor:pointer; }

			.home-gallery figure::before												{ width:100%; height:100%; top:0; left:0; z-index:1; position:absolute; background:linear-gradient(180deg, transparent 50%, rgba(35,35,33,.8) 100%); display:block; content:''; opacity:0; transition:opacity .3s ease; }

			.home-gallery figure:hover::before											{ opacity:1; }

			.home-gallery figure.gallery-hidden											{ display:none; }

			.home-gallery figure.gallery-reveal											{ display:block; animation:galleryFadeIn .5s ease forwards; }

			@keyframes galleryFadeIn {
				from { opacity:0; transform:scale(.96); }
				to   { opacity:1; transform:scale(1); }
			}



				/*	Figcaption
				-------------------------------------------------------------------*/
				.home-gallery figure figcaption											{ width:100%; padding:24px; bottom:0; left:0; z-index:2; position:absolute; transform:translateY(20px); opacity:0; transition:transform .3s ease, opacity .3s ease; }

				.home-gallery figure:hover figcaption									{ transform:translateY(0); opacity:1; }

				.home-gallery figure figcaption h3										{ line-height:1.2; font-family:var(--font-display); font-size:22px; color:var(--white); }

				.home-gallery figure figcaption small									{ display:block; margin-top:4px; font-size:14px; color:var(--brown); }



			/*	Gallery Images
			-----------------------------------------------------------------------*/
			.home-gallery figure img													{ width:100%; height:100%; object-fit:cover; object-position:center; display:block; transition:transform .4s ease; }

			.home-gallery figure:hover img												{ transform:scale(1.05); }



		/*	Load More Area
		---------------------------------------------------------------------------*/
		.home-gallery .gallery-more														{ margin-top:48px; display:flex; align-items:center; justify-content:center; gap:24px; }

		.home-gallery .gallery-more.all-loaded											{ display:none; }

		.home-gallery .gallery-count													{ line-height:1.4; font-family:var(--font-accent); font-size:15px; color:var(--taupe); }

		.home-gallery .gallery-count strong												{ font-weight:600; color:var(--brown-deep); }

		.home-gallery .gallery-load														{ padding:12px 28px; display:inline-flex; align-items:center; gap:10px; background-color:transparent; border:2px solid var(--brown); cursor:pointer; font-family:var(--font-display); font-size:17px; letter-spacing:1.5px; color:var(--brown); transition:background .25s ease, color .25s ease, transform .15s ease; }

		.home-gallery .gallery-load:hover												{ background-color:var(--brown); color:var(--white); transform:translateY(-1px); }

		.home-gallery .gallery-load:active												{ transform:translateY(0); }

		.home-gallery .gallery-load svg													{ flex-shrink:0; transition:transform .25s ease; }

		.home-gallery .gallery-load:hover svg											{ transform:rotate(90deg); }