@font-face {
			font-family: 'Inferi Normal';
			src: url('/custom_fsearch_pages/custom_content_blocks/dac_custom_assets/fonts/Inferi-Normal.woff2?ccid=x19dba9ee') format('woff2');
			font-weight: normal;
			font-style: normal;
		}

		@font-face {
			font-family: 'Druk Text Wide Medium';
			src: url('/custom_fsearch_pages/custom_content_blocks/dac_custom_assets/fonts/DrukTextWide-Medium-Web.woff2?ccid=x19dba9ee') format('woff2');
			font-weight: 500;
			font-style: normal;
		}

		@font-face {
			font-family: 'Druk Bold';
			src: url('/custom_fsearch_pages/custom_content_blocks/dac_custom_assets/fonts/Druk-Bold-Web.woff2?ccid=x19dba9ee') format('woff2');
			font-weight: bold;
			font-style: normal;
		}

		:root {
			--beige: #efe7e2;
			--font-inferi: 'Inferi Normal', sans-serif;
			--font-druk-medium: 'Druk Text Wide Medium', sans-serif;
			--font-druk-bold: 'Druk Bold', sans-serif;
		} 
	main { margin: 0; font-family: var(--font-inferi); background-color: #fff; }
	main h1, main h2, main h3, main h4, main h5, main h6 { color: #383839; }
	p { color: #666666; }
	main .header { text-align: center; padding: 40px 0px 0;
	}
	main .header img.logo { max-width: 180px; height: auto; padding: 0px 20px; }
	main .header .tagline { font-size: 1.25rem; margin-top: 20px; }
	.hero-image { width: 100%; height: 350px; object-fit: cover; display: block; margin-top: 30px; }
		@media (max-width: 768px) {
			main .header .tagline { font-size: 1rem; padding: 0 10px; }
		}

	.category-section { padding: 50px 20px 100px; text-align: center; }
	.category-section h2 {font-size: 3.25rem; font-family: var(--font-druk-bold);margin-bottom: 60px; }
    .category-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; }
    .category-item { flex: 1 1 calc(20% - 20px); max-width: 180px; text-align: center; display:block; }
	.category-item:hover{ text-decoration:none; }
    .category-item .image-square { width: 100%; aspect-ratio: 1/1; margin-bottom: 20px; background-size: cover; background-position: center; border-radius: 8px; }
    .category-item .title { font-weight: bold;   font-family: var(--font-druk-medium); margin-top: 10px; text-transform: uppercase; font-size: 1rem; color: #383839; }
    .category-item .see-all { text-decoration: underline; color: #555; font-size: 0.9rem; display: inline-block; margin-top: 5px; }
	.feature-row { display: flex; align-items: stretch; margin: 0px 0; width: 100%; max-width: 100%; }
	@media (min-width: 768px) {
		.feature-col { min-width: 50%; min-height: 300px; }

		.feature-text { background-color: #efe7e2; display: flex; flex-direction: column; justify-content: center; padding: 5%; max-width: 40%; }
	}
	
	@media (max-width: 768px) {
		#luxury-row { display: flex; flex-direction: column-reverse; }
		.feature-col { background-color: #efe7e2; min-height: fit-content; }
		.feature-col.feature-text { padding: 5% !important; max-width: 100% !important; }
		.feature-text { background-color: #efe7e2; justify-content: center; max-width: 100% !important; }
	}

    .feature-col img { width: 100%; height: 100%; object-fit: cover; display: block; }
    .feature-text h3 { font-size: 1.75rem; margin-bottom: 15px; }
    .feature-text p { font-size: 1rem; line-height: 1.6; }

    @media (max-width: 768px) {
      .category-item { flex: 1 1 45%; max-width: none; }
      .feature-row { flex-direction: column; }
      .feature-col { max-width: 100%; }
    }
    @media (max-width: 480px) {
      .category-item { flex: 1 1 100%; }
    }

	.feature-row h3 { font-family: var(--font-druk-medium); font-size: 1.25em; text-transform: uppercase; }