:root {
			--dc-gold: #c5a880;
			--dc-gold-light: #e6d3b8;
			--dc-gold-dark: #9e7f55;
			--dc-gold-gradient: linear-gradient(135deg, #d4af37 0%, #c5a880 50%, #9e7f55 100%);
			--dc-dark: #0f0c08;
			--dc-dark-surface: #17130e;
			--dc-cream: #fbf9f4;
			--dc-cream-alt: #f4eee3;
			--dc-text-dark: #1e1913;
			--dc-text-muted: #6e6456;
			--dc-font-serif: 'Playfair Display', 'Cormorant Garamond', Georgia, serif;
			--dc-font-sans: 'Inter', system-ui, -apple-system, sans-serif;
			--dc-transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
		}

		* {
			box-sizing: border-box;
			margin: 0;
			padding: 0;
		}

		body {
			font-family: var(--dc-font-sans);
			background-color: #ffffff;
			color: var(--dc-text-dark);
			overflow-x: hidden;
			line-height: 1.6;
		}

		a {
			text-decoration: none;
			color: inherit;
		}

		.dc-font-serif {
			font-family: var(--dc-font-serif) !important;
		}

		.dc-gold-text {
			color: var(--dc-gold) !important;
		}

		/* HEADER NAVBAR */
		.dc-navbar {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			z-index: 999;
			padding: 24px 0;
			transition: var(--dc-transition);
		}

		.dc-navbar.sticky {
			position: fixed;
			background: rgba(15, 12, 8, 0.96);
			backdrop-filter: blur(15px);
			padding: 16px 0;
			box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
			border-bottom: 1px solid rgba(197, 168, 128, 0.2);
		}

		.dc-logo-brand {
			display: flex;
			align-items: center;
			gap: 10px;
			text-decoration: none;
		}

		.dc-logo-icon {
			font-family: 'Cinzel', serif;
			font-size: 28px;
			font-weight: 700;
			color: var(--dc-gold);
			letter-spacing: 1px;
			line-height: 1;
		}

		.dc-logo-sub {
			font-family: 'Cinzel', serif;
			font-size: 10px;
			letter-spacing: 4px;
			color: var(--dc-gold-dark);
			display: block;
			margin-top: 2px;
			transition: var(--dc-transition);
		}

		.dc-navbar.sticky .dc-logo-sub {
			color: #ffffff;
		}

		.dc-nav-menu {
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 32px;
			list-style: none;
			margin: 0;
			padding: 0;
		}

		.dc-nav-link {
			font-size: 12px;
			font-weight: 600;
			letter-spacing: 2px;
			text-transform: uppercase;
			color: #1e1913;
			transition: var(--dc-transition);
			position: relative;
			padding: 6px 0;
		}

		.dc-nav-link:hover, .dc-nav-link.active {
			color: var(--dc-gold-dark);
		}

		.dc-navbar.sticky .dc-nav-link {
			color: rgba(255, 255, 255, 0.85);
		}

		.dc-navbar.sticky .dc-nav-link:hover, 
		.dc-navbar.sticky .dc-nav-link.active {
			color: var(--dc-gold-light);
		}

		.dc-nav-link::after {
			content: '';
			position: absolute;
			bottom: 0;
			left: 0;
			width: 0%;
			height: 1px;
			background: var(--dc-gold);
			transition: var(--dc-transition);
		}

		.dc-nav-link:hover::after, .dc-nav-link.active::after {
			width: 100%;
		}

		.dc-btn-gold {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			gap: 10px;
			padding: 12px 28px;
			border-radius: 50px;
			background: var(--dc-gold-gradient);
			color: #120e09 !important;
			font-size: 12px;
			font-weight: 600;
			letter-spacing: 1.5px;
			text-transform: uppercase;
			transition: var(--dc-transition);
			box-shadow: 0 8px 20px rgba(197, 168, 128, 0.3);
			border: none;
			cursor: pointer;
		}

		.dc-btn-gold:hover {
			transform: translateY(-2px);
			box-shadow: 0 12px 28px rgba(197, 168, 128, 0.45);
			color: #000 !important;
		}

		/* Header GET IN TOUCH Button: Normal is Black, Sticky Scroll is Gold */
		.dc-navbar .dc-btn-gold {
			background: #000000;
			color: #ffffff !important;
			box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
		}

		.dc-navbar .dc-btn-gold:hover {
			background: #1c1813;
			color: #ffffff !important;
			box-shadow: 0 8px 22px rgba(0, 0, 0, 0.35);
			transform: translateY(-2px);
		}

		.dc-navbar.sticky .dc-btn-gold {
			background: var(--dc-gold-gradient);
			color: #120e09 !important;
			box-shadow: 0 8px 20px rgba(197, 168, 128, 0.3);
		}

		.dc-navbar.sticky .dc-btn-gold:hover {
			background: var(--dc-gold-gradient);
			color: #000000 !important;
			box-shadow: 0 12px 28px rgba(197, 168, 128, 0.45);
			transform: translateY(-2px);
		}

		.dc-mobile-toggle {
			background: transparent;
			border: none;
			color: #1e1913;
			font-size: 22px;
			cursor: pointer;
			transition: var(--dc-transition);
		}

		.dc-navbar.sticky .dc-mobile-toggle {
			color: var(--dc-gold);
		}

		.dc-btn-outline {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			gap: 10px;
			padding: 12px 28px;
			border-radius: 50px;
			background: rgba(255, 255, 255, 0.08);
			color: #ffffff !important;
			font-size: 12px;
			font-weight: 500;
			letter-spacing: 1.5px;
			text-transform: uppercase;
			border: 1px solid rgba(255, 255, 255, 0.4);
			backdrop-filter: blur(8px);
			transition: var(--dc-transition);
			cursor: pointer;
		}

		.dc-btn-outline:hover {
			background: #ffffff;
			color: #110e0a !important;
			transform: translateY(-2px);
		}

		/* =========================================================================
		   1. HERO BANNER SECTION (Interactive Sketch Design from index.php)
		   ========================================================================= */
		.top_image {
			display: none;
		}

		.hero-section {
			padding: 0;
			position: relative;
			height: 100vh !important;
			min-height: 100vh !important;
			overflow: hidden;
			background: #ffffff;
		}

		.hero-section:before {
			content: '';
			position: absolute;
			z-index: 5;
			width: 100%;
			top: 0;
			height: 140px;
			background: linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0) 100%);
			pointer-events: none;
		}

		@media (max-width: 995px) {
			.top_image {
				display: block;
				width: 100%;
				height: auto;
				min-height: 100%;
				object-fit: cover;
			}
			.stage {
				display: none !important;
			}
			.hero-section {
				height: auto !important;
				min-height: auto !important;
			}
			.hero-section:before {
				height: 180px;
			}
		}

		@media (max-width: 768px) {
			.hero-section {
				height: auto !important;
				min-height: auto !important;
			}
		}

		.stage {
			position: relative;
			width: 100%;
			background: #ffffff;
			overflow: hidden;
		}

		.art {
			position: relative;
			width: 100%;
			aspect-ratio: 1672/1272;
			overflow: hidden;
		}

		.hero-section svg {
			position: absolute;
			inset: 0;
			width: 100%;
			height: 100%;
			display: block;
		}

		#baseSvg {
			z-index: 1;
		}

		#colourSvg {
			z-index: 2;
			pointer-events: none;
		}

		#hitSvg {
			z-index: 5;
		}

		#introClip rect {
			transform-origin: left center;
		}

		.colour-layer {
			opacity: 0;
			transition: opacity 0.55s cubic-bezier(0.22, 0.61, 0.36, 1);
		}

		.colour-layer.active {
			opacity: 1;
		}

		.hit-area {
			fill: transparent;
			stroke: transparent;
			stroke-width: 3;
			vector-effect: non-scaling-stroke;
			cursor: pointer;
			pointer-events: all;
			outline: none;
			transition: fill 0.25s ease, stroke 0.25s ease, filter 0.25s ease;
		}

		.hit-area:hover,
		.hit-area:focus-visible,
		.hit-area.active {
			filter: drop-shadow(0 0 10px rgba(197, 168, 128, 0.95)) drop-shadow(0 0 22px rgba(212, 175, 55, 0.6));
		}

		/* =========================================================
		   WEDDING SVG TOOLTIP
		   ========================================================= */
		.wedding-tooltip {
			position: fixed;
			z-index: 99999;
			padding: 9px 18px;
			background: rgba(15, 12, 8, 0.94);
			color: #ffffff;
			font-family: var(--dc-font-sans);
			font-size: 13px;
			font-weight: 500;
			letter-spacing: 0.5px;
			line-height: 1.2;
			white-space: nowrap;
			border-radius: 6px;
			border: 1px solid rgba(197, 168, 128, 0.35);
			pointer-events: none;
			opacity: 0;
			visibility: hidden;
			transform: translateY(6px);
			transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
			box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
		}

		.wedding-tooltip.show {
			opacity: 1;
			visibility: visible;
			transform: translateY(0);
		}

		.wedding-tooltip::after {
			content: "";
			position: absolute;
			left: 50%;
			bottom: -5px;
			width: 10px;
			height: 10px;
			background: rgba(15, 12, 8, 0.94);
			border-right: 1px solid rgba(197, 168, 128, 0.35);
			border-bottom: 1px solid rgba(197, 168, 128, 0.35);
			transform: translateX(-50%) rotate(45deg);
		}

		.info {
			position: absolute;
			left: 22px;
			bottom: 22px;
			z-index: 20;
			width: min(370px, calc(100% - 44px));
			padding: 15px 18px;
			border-radius: 15px;
			background: rgba(24, 20, 17, 0.80);
			backdrop-filter: blur(14px);
			-webkit-backdrop-filter: blur(14px);
			color: #fff;
			opacity: 0;
			transform: translateY(12px);
			pointer-events: none;
			transition: 0.35s ease;
		}

		.info.show {
			opacity: 1;
			transform: translateY(0);
		}

		.info small {
			display: block;
			color: var(--dc-gold);
			font-size: 9px;
			font-weight: 800;
			letter-spacing: 0.17em;
			text-transform: uppercase;
		}

		.info h3 {
			margin: 5px 0;
			font: 700 20px/1.15 var(--dc-font-serif);
		}

		.info p {
			margin: 0;
			color: #eee;
			font-size: 12px;
			line-height: 1.5;
		}

		.gold-line {
			width: 38px;
			height: 2px;
			background: var(--dc-gold);
			margin-top: 10px;
		}

		.hint {
			position: absolute;
			right: 20px;
			bottom: 20px;
			z-index: 20;
			padding: 9px 12px;
			border-radius: 11px;
			background: rgba(255, 250, 240, 0.9);
			color: #514940;
			font-size: 11px;
			box-shadow: 0 10px 28px rgba(0, 0, 0, 0.12);
		}

		.hint b {
			color: #9b7130;
		}

		@media (max-width: 700px) {
			.stage {
				width: 100%;
			}
			.hint {
				display: none;
			}
			.info {
				left: 8px;
				bottom: 8px;
				width: 270px;
				padding: 11px 13px;
			}
			.info h3 {
				font-size: 16px;
			}
		}

		/* 2. ABOUT US */
		.dc-about-section {
			background-color: #fdfbf7;
			padding: 90px 0 100px;
			position: relative;
			overflow: hidden;
		}

		/* Watermarks & Decorative Backgrounds */
		.dc-about-bg-palace {
			position: absolute;
			top: -10px;
			right: 0;
			width: 320px;
			height: 280px;
			pointer-events: none;
			opacity: 0.16;
			z-index: 1;
		}

		.dc-about-bg-floral-left {
			position: absolute;
			top: 40px;
			left: -20px;
			width: 180px;
			height: 380px;
			pointer-events: none;
			opacity: 0.22;
			z-index: 1;
		}

		.dc-about-image-wrapper {
			position: relative;
			max-width: 500px;
			margin: 0 auto;
			z-index: 2;
			perspective: 1200px;
		}

		/* Main Full Grand Arch Frame (Single Full Image with Table-Level Color Reveal) */
		.dc-about-arch-container {
			position: relative;
			width: 100%;
			height: 520px;
			border-radius: 245px 245px 24px 24px;
			overflow: hidden;
			border: 2px solid #caa269;
			box-shadow: 0 20px 50px rgba(50, 35, 20, 0.16), 0 0 25px rgba(202, 162, 105, 0.15);
			transition: box-shadow 0.5s ease, border-color 0.5s ease;
			cursor: pointer;
			background: #110e0a;
			user-select: none;
		}

		.dc-about-arch-container:hover {
			box-shadow: 0 26px 60px rgba(50, 35, 20, 0.22), 0 0 35px rgba(202, 162, 105, 0.35);
			border-color: #dfbf8d;
		}

		.dc-about-svg {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			display: block;
		}

		/* Base Monochrome Layer */
		.dc-about-bw-img {
			filter: grayscale(100%) contrast(1.15) brightness(0.78);
			transition: filter 0.5s ease;
			display: block;
		}

		/* Color Reveal Layer per Table */
		.dc-about-color-layer {
			opacity: 0;
			filter: saturate(1.22) contrast(1.08) brightness(1.04);
			transition: opacity 0.5s cubic-bezier(0.25, 1, 0.5, 1);
			pointer-events: none;
		}

		.dc-about-color-layer.active {
			opacity: 1;
		}

		/* Transparent Interactive Hit Areas */
		.dc-about-hit-area {
			fill: transparent;
			cursor: pointer;
			pointer-events: all;
			transition: fill 0.3s ease;
		}

		.dc-about-hit-area:hover,
		.dc-about-hit-area.active {
			fill: rgba(202, 162, 105, 0.04);
		}

		.dc-arch-border-decoration {
			position: absolute;
			top: -10px;
			left: -10px;
			right: -10px;
			bottom: -10px;
			border: 1.5px dashed rgba(197, 168, 128, 0.55);
			border-radius: 255px 255px 34px 34px;
			pointer-events: none;
			transition: border-color 0.4s ease, filter 0.4s ease;
		}

		.dc-about-image-wrapper:hover .dc-arch-border-decoration {
			border-color: #caa269;
			filter: drop-shadow(0 0 10px rgba(202, 162, 105, 0.45));
		}

		/* Floating Badge Card with Gentle Floating Levitation Animation */
		.dc-about-floating-card {
			position: absolute;
			bottom: -15px;
			left: -20px;
			background: rgba(255, 255, 255, 0.96);
			backdrop-filter: blur(12px);
			-webkit-backdrop-filter: blur(12px);
			padding: 22px 24px;
			border-radius: 16px;
			box-shadow: 0 16px 36px rgba(50, 40, 30, 0.14);
			min-width: 200px;
			border: 1px solid rgba(197, 168, 128, 0.35);
			z-index: 4;
			animation: dcFloatBadge 6s ease-in-out infinite;
			transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-color 0.4s ease;
		}

		@keyframes dcFloatBadge {
			0%, 100% {
				transform: translateY(0px);
			}
			50% {
				transform: translateY(-8px);
			}
		}

		.dc-about-floating-card:hover {
			animation-play-state: paused;
			transform: translateY(-12px) scale(1.03);
			box-shadow: 0 24px 48px rgba(50, 35, 20, 0.22), 0 0 25px rgba(202, 162, 105, 0.25);
			border-color: #caa269;
		}

		.dc-about-floating-card .sub {
			font-family: var(--dc-font-serif);
			font-size: 17px;
			font-style: italic;
			color: #b89358;
			display: block;
			line-height: 1;
			margin-bottom: 2px;
		}

		.dc-about-floating-card .title {
			font-family: 'Cinzel', 'Playfair Display', serif;
			font-size: 19px;
			font-weight: 700;
			color: #1a1612;
			line-height: 1.15;
			margin: 2px 0;
		}

		.dc-about-floating-card .highlight {
			font-family: var(--dc-font-serif);
			font-size: 16px;
			font-style: italic;
			color: #b89358;
			display: block;
			line-height: 1.2;
		}

		.dc-about-floating-btn {
			width: 32px;
			height: 32px;
			border-radius: 50%;
			border: 1.5px solid rgba(197, 168, 128, 0.55);
			display: inline-flex;
			align-items: center;
			justify-content: center;
			margin-top: 10px;
			color: #caa269;
			font-size: 12px;
			transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
		}

		.dc-about-floating-card:hover .dc-about-floating-btn {
			background: #caa269;
			color: #ffffff;
			transform: rotate(-45deg) scale(1.1);
			box-shadow: 0 4px 12px rgba(202, 162, 105, 0.5);
			border-color: #caa269;
		}

		/* Right Content */
		.dc-section-tag {
			font-size: 11px;
			font-weight: 700;
			letter-spacing: 2.5px;
			text-transform: uppercase;
			color: #b89358;
			margin-bottom: 12px;
			display: block;
		}

		.dc-section-tag.gold {
			color: var(--dc-gold);
		}

		.dc-section-heading {
			font-family: var(--dc-font-serif);
			font-size: clamp(30px, 3.2vw, 44px);
			color: #1a1612;
			line-height: 1.2;
			margin-bottom: 20px;
			font-weight: 600;
		}

		.dc-section-heading.light {
			color: #ffffff;
		}

		.dc-section-desc {
			font-size: 14.5px;
			line-height: 1.7;
			color: #6b6357;
			font-weight: 400;
			margin-bottom: 34px;
		}

		.dc-section-desc.light {
			color: rgba(255, 255, 255, 0.75);
		}

		.dc-stats-grid {
			display: grid;
			grid-template-columns: repeat(4, 1fr);
			gap: 18px;
			margin-bottom: 36px;
			padding-top: 24px;
			border-top: 1px solid rgba(197, 168, 128, 0.25);
		}

		.dc-stat-item {
			display: flex;
			flex-direction: column;
		}

		.dc-stat-icon {
			width: 44px;
			height: 44px;
			border-radius: 50%;
			border: 1.5px solid #caa269;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #caa269;
			margin-bottom: 14px;
			background: transparent;
			transition: transform 0.3s ease;
		}

		.dc-stat-item:hover .dc-stat-icon {
			transform: scale(1.08);
			background: rgba(202, 162, 105, 0.08);
		}

		.dc-stat-number {
			font-family: var(--dc-font-serif);
			font-size: 32px;
			font-weight: 600;
			color: #1a1612;
			line-height: 1;
			margin-bottom: 6px;
		}

		.dc-stat-label {
			font-size: 11.5px;
			color: #7a7369;
			line-height: 1.35;
			font-weight: 400;
		}

		.dc-link-gold {
			display: inline-flex;
			align-items: center;
			gap: 8px;
			color: #b89358;
			font-size: 12px;
			letter-spacing: 2px;
			text-transform: uppercase;
			font-weight: 700;
			padding-bottom: 4px;
			border-bottom: 1.5px solid #b89358;
			transition: var(--dc-transition);
			text-decoration: none;
		}

		.dc-link-gold:hover {
			color: #8c6a38;
			border-color: #8c6a38;
			gap: 12px;
		}

		/* 3. SERVICES (4-CARD SWIPER SLIDER) */
		.dc-services-section {
			background: #1a1208;
			padding: 85px 0 95px;
			position: relative;
			overflow: hidden;
		}

		/* Decorative gold divider line */
		.dc-services-divider {
			display: flex;
			align-items: center;
			gap: 10px;
			margin: 8px 0 0;
		}
		.dc-services-divider::before, .dc-services-divider::after {
			content: '';
			height: 1px;
			width: 40px;
			background: var(--dc-gold);
			opacity: 0.6;
		}
		.dc-services-divider span {
			width: 5px;
			height: 5px;
			border-radius: 50%;
			background: var(--dc-gold);
		}

		/* Swiper Container for Services */
		.dc-services-swiper {
			padding: 40px 4px 25px !important;
			overflow: hidden !important;
		}

		.dc-services-swiper .swiper-wrapper {
			align-items: stretch;
		}

		.dc-services-swiper .swiper-slide {
			height: auto;
			display: flex;
		}

		/* ARCH CARD WITH PHOTO BG */
		.dc-service-arch-card {
			position: relative;
			border-radius: 160px 160px 20px 20px;
			overflow: hidden;
			height: 380px;
			width: 100%;
			border: 1px solid rgba(197, 168, 128, 0.3);
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: space-between;
			padding: 34px 18px 22px;
			text-align: center;
			transition: var(--dc-transition);
			cursor: pointer;
			text-decoration: none;
			box-shadow: 0 12px 30px rgba(0, 0, 0, 0.45);
			background: #140e07;
		}

		/* Background photo layer */
		.dc-service-arch-card .dc-svc-bg {
			position: absolute;
			inset: 0;
			background-size: cover;
			background-position: center;
			transition: transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);
			z-index: 0;
		}

		/* Dark warm overlay */
		.dc-service-arch-card .dc-svc-overlay {
			position: absolute;
			inset: 0;
			background: linear-gradient(180deg,
				rgba(18, 10, 4, 0.45) 0%,
				rgba(18, 10, 4, 0.25) 35%,
				rgba(18, 10, 4, 0.85) 100%);
			z-index: 1;
			transition: background 0.4s ease;
		}

		.dc-service-arch-card:hover .dc-svc-overlay {
			background: linear-gradient(180deg,
				rgba(18, 10, 4, 0.2) 0%,
				rgba(18, 10, 4, 0.15) 35%,
				rgba(18, 10, 4, 0.9) 100%);
		}

		.dc-service-arch-card:hover .dc-svc-bg {
			transform: scale(1.1);
		}

		.dc-service-arch-card:hover {
			transform: translateY(-8px);
			border-color: var(--dc-gold);
			box-shadow: 0 20px 42px rgba(0,0,0,0.7), 0 0 25px rgba(197,168,128,0.3);
		}

		/* Icon wrap — sits above overlay */
		.dc-service-icon-wrap {
			position: relative;
			z-index: 2;
			width: 60px;
			height: 60px;
			border-radius: 50%;
			border: 1.5px solid rgba(197, 168, 128, 0.6);
			display: flex;
			align-items: center;
			justify-content: center;
			color: var(--dc-gold);
			font-size: 22px;
			background: rgba(12, 8, 4, 0.65);
			backdrop-filter: blur(8px);
			transition: var(--dc-transition);
			margin-bottom: 0;
		}

		.dc-service-arch-card:hover .dc-service-icon-wrap {
			background: rgba(197, 168, 128, 0.3);
			border-color: var(--dc-gold);
			transform: scale(1.12);
			color: #fff;
			box-shadow: 0 0 20px rgba(197, 168, 128, 0.5);
		}

		.dc-service-title {
			position: relative;
			z-index: 2;
			font-family: var(--dc-font-serif);
			font-size: 19px;
			color: #ffffff;
			line-height: 1.3;
			font-weight: 600;
			letter-spacing: 0.5px;
			transition: var(--dc-transition);
			margin: 10px 0;
			text-shadow: 0 2px 10px rgba(0,0,0,0.7);
		}

		.dc-service-arch-card:hover .dc-service-title {
			color: var(--dc-gold-light);
			transform: scale(1.03);
		}

		.dc-service-plus {
			position: relative;
			z-index: 2;
			width: 34px;
			height: 34px;
			border-radius: 50%;
			border: 1px solid rgba(197, 168, 128, 0.5);
			display: flex;
			align-items: center;
			justify-content: center;
			color: var(--dc-gold);
			font-size: 13px;
			background: rgba(12, 8, 4, 0.5);
			backdrop-filter: blur(6px);
			transition: var(--dc-transition);
		}

		.dc-service-arch-card:hover .dc-service-plus {
			background: var(--dc-gold);
			color: #0f0c08;
			border-color: var(--dc-gold);
			transform: rotate(90deg);
		}

		/* Slider Controls & Pagination */
		.dc-services-slider-controls {
			display: flex;
			align-items: center;
			justify-content: center;
			margin-top: 25px;
		}

		.dc-services-pagination {
			position: static !important;
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 8px;
		}

		.dc-services-pagination .swiper-pagination-bullet {
			width: 10px;
			height: 10px;
			border-radius: 50%;
			background: rgba(197, 168, 128, 0.35);
			opacity: 1;
			transition: all 0.35s ease;
			cursor: pointer;
		}

		.dc-services-pagination .swiper-pagination-bullet-active {
			width: 28px;
			border-radius: 10px;
			background: var(--dc-gold);
			box-shadow: 0 0 10px rgba(197, 168, 128, 0.6);
		}

		/* 4. GALLERY BENTO */
		.dc-gallery-section {
			background: #0f0c08;
			padding: 100px 0;
			position: relative;
		}

		.dc-bento-grid {
			display: grid;
			grid-template-columns: 1.15fr 1fr;
			gap: 20px;
			margin-top: 36px;
		}

		.dc-bento-featured {
			position: relative;
			border-radius: 18px;
			overflow: hidden;
			min-height: 480px;
			background: #19140e;
			border: 1px solid rgba(197, 168, 128, 0.25);
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			padding: 36px;
			transition: var(--dc-transition);
		}

		/* Slide background images - crossfade */
		.dc-bento-slide-bg {
			position: absolute;
			inset: 0;
			background-size: cover;
			background-position: center center;
			background-repeat: no-repeat;
			opacity: 0;
			transition: opacity 1s ease-in-out;
			z-index: 0;
		}
		.dc-bento-slide-bg.active {
			opacity: 1;
		}

		/* Gradient overlay */
		.dc-bento-featured-overlay {
			position: absolute;
			inset: 0;
			background: linear-gradient(180deg, rgba(16, 13, 9, 0.25) 0%, rgba(16, 13, 9, 0.85) 100%);
			z-index: 1;
		}

		/* Slide content layers */
		.dc-bento-slide-content {
			position: absolute;
			bottom: 84px;
			left: 36px;
			right: 36px;
			z-index: 2;
			opacity: 0;
			transform: translateY(16px);
			transition: opacity 0.6s ease, transform 0.6s ease;
			pointer-events: none;
		}
		.dc-bento-slide-content.active {
			opacity: 1;
			transform: translateY(0);
			pointer-events: auto;
		}

		.dc-bento-featured-title {
			font-family: var(--dc-font-serif);
			font-size: 34px;
			color: #ffffff;
			margin-bottom: 10px;
			font-weight: 500;
		}

		.dc-bento-featured-desc {
			font-size: 14px;
			color: rgba(255, 255, 255, 0.8);
			line-height: 1.6;
			max-width: 420px;
			margin-bottom: 22px;
			font-weight: 300;
		}

		.dc-bento-featured-footer {
			position: relative;
			z-index: 3;
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding-top: 18px;
			/* border-top: 1px solid rgba(255, 255, 255, 0.2); */
			margin-top: auto;
		}


		.dc-bento-subgrid {
			display: grid;
			grid-template-columns: repeat(2, 1fr);
			gap: 16px;
		}

		.dc-bento-card {
			position: relative;
			border-radius: 14px;
			overflow: hidden;
			height: 232px;
			border: 1px solid rgba(197, 168, 128, 0.2);
			display: flex;
			flex-direction: column;
			justify-content: flex-end;
			padding: 20px;
			transition: var(--dc-transition);
		}

		.dc-bento-card-bg {
			position: absolute;
			inset: 0;
			background-size: cover;
			background-position: center;
			transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
		}

		.dc-bento-card::after {
			content: "";
			position: absolute;
			inset: 0;
			background: linear-gradient(180deg, rgba(16, 13, 9, 0.1) 0%, rgba(16, 13, 9, 0.85) 100%);
		}

		.dc-bento-card:hover .dc-bento-card-bg {
			transform: scale(1.08);
		}

		.dc-bento-card:hover {
			border-color: var(--dc-gold);
			transform: translateY(-3px);
			box-shadow: 0 12px 28px rgba(0, 0, 0, 0.5);
		}

		.dc-bento-card-content {
			position: relative;
			z-index: 2;
			display: flex;
			align-items: center;
			justify-content: space-between;
			width: 100%;
		}

		.dc-bento-card-title {
			font-family: var(--dc-font-serif);
			font-size: 18px;
			color: #ffffff;
			margin: 0;
			font-weight: 500;
		}

		.dc-bento-card-btn {
			width: 36px;
			height: 36px;
			border-radius: 50%;
			border: 1px solid rgba(255, 255, 255, 0.4);
			background: rgba(255, 255, 255, 0.18);
			backdrop-filter: blur(6px);
			display: flex;
			align-items: center;
			justify-content: center;
			color: #ffffff;
			font-size: 13px;
			transition: var(--dc-transition);
			flex-shrink: 0;
		}

		.dc-bento-card:hover .dc-bento-card-btn {
			background: var(--dc-gold);
			color: #120e09;
			border-color: var(--dc-gold);
			transform: scale(1.08);
		}

		.dc-bento-card-btn svg {
			display: block;
			transition: transform 0.3s ease;
		}

		.dc-bento-card:hover .dc-bento-card-btn svg {
			transform: translate(1px, -1px);
		}

		/* =========================================================================
		   5. DESTINATIONS SECTION (4-Card Luxury Auto Slider)
		   ========================================================================= */
		.dc-section-destinations {
			background: radial-gradient(circle at 50% 20%, #1c150c 0%, #0d0a06 100%);
			padding: 95px 0 105px;
			position: relative;
			overflow: hidden;
		}

		.dc-eyebrow {
			font-family: var(--dc-font-sans);
			font-size: 11px;
			font-weight: 700;
			letter-spacing: 3px;
			text-transform: uppercase;
			color: var(--dc-gold);
			display: inline-flex;
			align-items: center;
			gap: 12px;
			margin-bottom: 14px;
		}

		.dc-title-ornament {
			display: inline-flex;
			align-items: center;
		}

		.dc-section-title {
			font-family: var(--dc-font-serif);
			font-size: clamp(24px, 2.6vw, 36px);
			line-height: 1.3;
			font-weight: 500;
			letter-spacing: -0.2px;
		}

		/* Swiper Container for Destinations */
		.dc-destinations-swiper {
			padding: 30px 4px 25px !important;
			overflow: hidden !important;
		}

		.dc-destinations-swiper .swiper-wrapper {
			align-items: stretch;
		}

		.dc-destinations-swiper .swiper-slide {
			height: auto;
			display: flex;
		}

		.dc-destination-card {
			position: relative;
			width: 100%;
			height: 400px;
			border-radius: 18px;
			overflow: hidden;
			display: flex;
			flex-direction: column;
			justify-content: flex-end;
			padding: 24px 20px;
			border: 1px solid rgba(197, 168, 128, 0.25);
			box-shadow: 0 14px 35px rgba(0, 0, 0, 0.5);
			transition: var(--dc-transition);
			text-decoration: none;
			background: #15100a;
			cursor: pointer;
		}

		.dc-destination-card .dc-dest-img {
			position: absolute;
			inset: 0;
			width: 100%;
			height: 100%;
			object-fit: cover;
			transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
			z-index: 0;
		}

		.dc-destination-card .dc-dest-overlay {
			position: absolute;
			inset: 0;
			background: linear-gradient(180deg,
				rgba(13, 10, 6, 0.15) 0%,
				rgba(13, 10, 6, 0.35) 45%,
				rgba(13, 10, 6, 0.92) 100%);
			z-index: 1;
			transition: background 0.4s ease;
		}

		.dc-destination-card:hover .dc-dest-img {
			transform: scale(1.12);
		}

		.dc-destination-card:hover .dc-dest-overlay {
			background: linear-gradient(180deg,
				rgba(13, 10, 6, 0.05) 0%,
				rgba(13, 10, 6, 0.25) 45%,
				rgba(13, 10, 6, 0.95) 100%);
		}

		.dc-destination-card:hover {
			transform: translateY(-8px);
			border-color: var(--dc-gold);
			box-shadow: 0 22px 46px rgba(0, 0, 0, 0.75), 0 0 25px rgba(197, 168, 128, 0.3);
		}

		.dc-dest-content {
			position: relative;
			z-index: 2;
			display: flex;
			align-items: flex-end;
			justify-content: space-between;
			width: 100%;
			gap: 12px;
		}

		.dc-dest-badge {
			display: inline-block;
			font-size: 10px;
			font-weight: 700;
			letter-spacing: 1.5px;
			text-transform: uppercase;
			color: var(--dc-gold);
			background: rgba(18, 14, 9, 0.8);
			backdrop-filter: blur(6px);
			-webkit-backdrop-filter: blur(6px);
			padding: 4px 10px;
			border-radius: 20px;
			border: 1px solid rgba(202, 162, 105, 0.35);
			margin-bottom: 8px;
		}

		.dc-dest-title {
			font-family: var(--dc-font-serif);
			font-size: 21px;
			font-weight: 600;
			letter-spacing: 0.5px;
			color: #ffffff;
			margin: 0;
			line-height: 1.25;
			transition: var(--dc-transition);
			text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
		}

		.dc-dest-desc {
			font-size: 12px;
			color: rgba(255, 255, 255, 0.78);
			font-weight: 300;
			line-height: 1.4;
			margin: 4px 0 0 0;
			letter-spacing: 0.2px;
		}

		.dc-destination-card:hover .dc-dest-title {
			color: var(--dc-gold-light);
			transform: translateX(3px);
		}

		.dc-dest-arrow {
			width: 42px;
			height: 42px;
			border-radius: 50%;
			border: 1px solid rgba(197, 168, 128, 0.5);
			background: rgba(20, 15, 10, 0.6);
			backdrop-filter: blur(8px);
			display: flex;
			align-items: center;
			justify-content: center;
			color: var(--dc-gold);
			font-size: 14px;
			transition: var(--dc-transition);
			flex-shrink: 0;
		}

		.dc-destination-card:hover .dc-dest-arrow {
			background: var(--dc-gold);
			color: #0f0c08;
			border-color: var(--dc-gold);
			transform: scale(1.1) rotate(-45deg);
		}

		/* Destinations Pagination */
		.dc-destinations-slider-controls {
			display: flex;
			align-items: center;
			justify-content: center;
			margin-top: 25px;
		}

		.dc-destinations-pagination {
			position: static !important;
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 8px;
		}

		.dc-destinations-pagination .swiper-pagination-bullet {
			width: 10px;
			height: 10px;
			border-radius: 50%;
			background: rgba(197, 168, 128, 0.35);
			opacity: 1;
			transition: all 0.35s ease;
			cursor: pointer;
		}

		.dc-destinations-pagination .swiper-pagination-bullet-active {
			width: 28px;
			border-radius: 10px;
			background: var(--dc-gold);
			box-shadow: 0 0 10px rgba(197, 168, 128, 0.6);
		}

		/* WEDDING PLANNING & PROJECT MANAGEMENT / WHY CHOOSE DC DECOR */
		.dc-wedding-planning-section {
			background-color: #ffffff;
			padding: 90px 0;
			overflow: hidden;
		}

		.dc-wp-wrapper {
			display: flex;
			align-items: center;
			gap: 60px;
			margin-bottom: 65px;
			transition: var(--dc-transition);
		}

		.dc-wp-wrapper:last-child {
			margin-bottom: 0;
		}

		.dc-wp-image-col {
			flex: 0 0 45%;
			max-width: 45%;
			display: flex;
			justify-content: center;
			align-items: center;
		}

		.dc-wp-image-col img {
			width: 100%;
			max-width: 460px;
			height: auto;
			display: block;
			object-fit: contain;
			filter: drop-shadow(0 10px 25px rgba(0, 0, 0, 0.06));
			transition: transform 0.4s ease;
		}

		.dc-wp-wrapper:hover .dc-wp-image-col img {
			transform: scale(1.02);
		}

		.dc-wp-content-col {
			flex: 1;
			padding-right: 30px;
		}

		.dc-wp-wrapper:nth-child(even) .dc-wp-content-col {
			padding-right: 0;
			padding-left: 30px;
		}

		.dc-wp-title {
			font-family: 'Cormorant Garamond', Georgia, serif;
			font-size: 38px;
			font-weight: 700;
			color: #1a1612;
			line-height: 1.25;
			margin-bottom: 20px;
			letter-spacing: -0.3px;
		}

		.dc-wp-tagline {
			font-family: var(--dc-font-sans);
			font-size: 15.5px;
			font-weight: 700;
			color: #1a1612;
			margin-bottom: 16px;
			line-height: 1.5;
		}

		.dc-wp-desc {
			font-family: var(--dc-font-sans);
			font-size: 15px;
			font-weight: 400;
			color: #555249;
			line-height: 1.8;
			margin-bottom: 16px;
		}

		.dc-wp-desc:last-child {
			margin-bottom: 0;
		}

		@media (max-width: 991.98px) {
			.dc-wedding-planning-section {
				padding: 60px 0;
			}

			.dc-wp-wrapper {
				flex-direction: column !important;
				gap: 22px;
				margin-bottom: 32px;
				background: #faf8f5;
				border: 1px solid rgba(197, 168, 128, 0.2);
				border-radius: 18px;
				padding: 28px 22px;
				box-shadow: 0 4px 18px rgba(0, 0, 0, 0.03);
			}

			/* Consistently show Image first across all items on mobile */
			.dc-wp-image-col {
				order: 1 !important;
				flex: 0 0 100%;
				max-width: 100%;
			}

			.dc-wp-image-col img {
				max-width: 240px;
				max-height: 200px;
				margin: 0 auto;
			}

			.dc-wp-content-col {
				order: 2 !important;
				padding: 0 !important;
				text-align: center;
			}

			.dc-wp-title {
				font-size: 26px;
				margin-bottom: 12px;
			}

			.dc-wp-desc {
				font-size: 14px;
				line-height: 1.65;
				color: #635f56;
			}
		}

		@media (max-width: 575.98px) {
			.dc-wedding-planning-section {
				padding: 45px 0;
			}

			.dc-wp-wrapper {
				padding: 22px 16px;
				gap: 16px;
				margin-bottom: 22px;
				border-radius: 14px;
			}

			.dc-wp-image-col img {
				max-width: 190px;
				max-height: 160px;
			}

			.dc-wp-title {
				font-size: 22px;
				margin-bottom: 10px;
			}

			.dc-wp-desc {
				font-size: 13px;
				line-height: 1.6;
			}
		}

		/* 6. WHY CHOOSE US STRIP */
		.dc-why-section {
			background-color: #fdfbf7;
			padding: 36px 0;
			border-top: 1px solid rgba(197, 168, 128, 0.25);
			border-bottom: 1px solid rgba(197, 168, 128, 0.25);
		}

		.dc-why-tag-title {
			font-size: 11px;
			font-weight: 700;
			letter-spacing: 2.5px;
			text-transform: uppercase;
			color: #b89358;
			margin-bottom: 24px;
			display: block;
		}

		.dc-why-strip {
			display: grid;
			grid-template-columns: repeat(5, 1fr);
			align-items: center;
		}

		.dc-why-card {
			
			align-items: center;
			gap: 16px;
			padding: 6px 18px;
			border-right: 1px solid rgba(197, 168, 128, 0.35);
			transition: var(--dc-transition);
		}

		.dc-why-card:first-child {
			padding-left: 0;
		}

		.dc-why-card:last-child {
			border-right: none;
			padding-right: 0;
		}

		.dc-why-card:hover {
			transform: translateY(-2px);
		}

		.dc-why-icon {
			flex-shrink: 0;
			display: flex;
			align-items: center;
			justify-content: center;
			
			height: 44px;
			transition: transform 0.3s ease;
		}
		.dc-why-text {
           text-align: center;
		   margin-top: 20px;
        }

		.dc-why-card:hover .dc-why-icon {
			transform: scale(1.08);
		}

		.dc-why-text {
			flex: 1;
		}

		.dc-why-title {
			font-family: var(--dc-font-serif);
			font-size: 15px;
			font-weight: 700;
			color: #1a1612;
			line-height: 1.22;
			margin-bottom: 4px;
		}

		.dc-why-desc {
			font-size: 11.5px;
			color: #7a7369;
			line-height: 1.35;
			margin: 0;
			font-weight: 400;
		}

		/* 7. CTA BANNER */
		.dc-cta-section {
			position: relative;
			background: #110e0a url('../img/dc/cta.jpg') center center / cover no-repeat;
			padding: 110px 0;
			text-align: center;
			color: #ffffff;
			overflow: hidden;
		}

		.dc-cta-overlay {
			position: absolute;
			inset: 0;
			background: linear-gradient(180deg, rgba(17, 14, 10, 0.8) 0%, rgba(17, 14, 10, 0.9) 100%);
			z-index: 1;
		}

		.dc-cta-content {
			position: relative;
			z-index: 2;
			max-width: 680px;
			margin: 0 auto;
		}

		.dc-cta-title {
			font-family: var(--dc-font-serif);
			font-size: clamp(32px, 4vw, 52px);
			font-weight: 500;
			margin-bottom: 16px;
			line-height: 1.15;
		}

		.dc-cta-desc {
			font-size: 15px;
			color: rgba(255, 255, 255, 0.85);
			margin-bottom: 30px;
			font-weight: 300;
		}

		/* 8. CONTACT & CONSULTATION SECTION */
		.dc-contact-section {
			background-color: var(--dc-cream);
			padding: 100px 0 110px 0;
			position: relative;
		}

		.dc-contact-visual-wrap {
			position: relative;
		}

		/* Interactive Object-Level Colour Reveal Visual */
		.dc-interactive-visual {
			position: relative;
			border-radius: 20px;
			overflow: hidden;
			box-shadow: 0 20px 48px rgba(50, 35, 20, 0.14);
			border: 2px solid #e8dfd3;
			aspect-ratio: 16 / 10.8;
			min-height: 350px;
			width: 100%;
			background: #110e0a;
			user-select: none;
		}

		.dc-contact-svg {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			display: block;
		}

		/* Base layer (100% Black & White Monochrome with depth) */
		.dc-bw-base-img {
			filter: grayscale(100%) contrast(1.15) brightness(0.72);
			transition: filter 0.5s ease;
			display: block;
		}

		.dc-interactive-visual.has-active-object .dc-bw-base-img {
			filter: grayscale(100%) contrast(1.25) brightness(0.55);
		}

		/* Specific Object Colour Layers (Soft feathered bloom into color) */
		.dc-obj-colour-layer {
			opacity: 0;
			filter: saturate(1.25) contrast(1.08) brightness(1.04);
			transition: opacity 0.5s cubic-bezier(0.25, 1, 0.5, 1);
			pointer-events: none;
		}

		.dc-obj-colour-layer.active {
			opacity: 1;
		}

		/* Glowing Animated Contour Blueprint Outlines */
		.dc-obj-outline {
			fill: none;
			stroke: #caa269;
			stroke-width: 2.5;
			stroke-dasharray: 10 8;
			stroke-linecap: round;
			stroke-linejoin: round;
			opacity: 0;
			pointer-events: none;
			filter: drop-shadow(0 0 6px rgba(202, 162, 105, 0.85)) drop-shadow(0 0 14px rgba(202, 162, 105, 0.4));
			transition: opacity 0.4s ease;
		}

		.dc-obj-outline.active {
			opacity: 1;
			animation: dcDashFlow 24s linear infinite;
		}

		@keyframes dcDashFlow {
			to {
				stroke-dashoffset: -300;
			}
		}

		/* Interactive Hit Areas */
		.dc-obj-hit-area {
			fill: transparent;
			cursor: pointer;
			pointer-events: all;
			transition: fill 0.3s ease;
		}

		.dc-obj-hit-area:hover,
		.dc-obj-hit-area.active {
			fill: rgba(202, 162, 105, 0.06);
		}

		/* Quick Contact Pills */
		.dc-contact-quick-pill {
			display: flex;
			align-items: center;
			gap: 16px;
			background: #ffffff;
			padding: 14px 18px;
			border-radius: 14px;
			border: 1px solid rgba(197, 168, 128, 0.3);
			box-shadow: 0 6px 18px rgba(50, 40, 30, 0.05);
			margin-bottom: 12px;
			text-decoration: none;
			transition: var(--dc-transition);
		}

		.dc-contact-quick-pill:hover {
			transform: translateY(-2px);
			border-color: #caa269;
			box-shadow: 0 10px 25px rgba(202, 162, 105, 0.15);
		}

		.dc-pill-icon {
			width: 42px;
			height: 42px;
			border-radius: 50%;
			background: #fbf7f0;
			color: #caa269;
			border: 1px solid rgba(202, 162, 105, 0.35);
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 16px;
			flex-shrink: 0;
		}

		/* Consultation Form Box */
		.dc-contact-card-box {
			background: #ffffff;
			border-radius: 20px;
			padding: 15px 25px;
			border: 1px solid rgba(197, 168, 128, 0.3);
			box-shadow: 0 18px 45px rgba(50, 40, 30, 0.08);
		}

		.dc-form-label {
			font-family: var(--dc-font-serif) !important;
			display: block;
			font-size: 12px;
			font-weight: 600;
			text-transform: capitalize;
			letter-spacing: 1.5px;
			color: #5a4f43;
			margin-bottom: 6px;
		}

		.dc-form-control {
			width: 100%;
			background: #fdfbf7;
			border: 1px solid rgba(197, 168, 128, 0.35) !important;
			border-radius: 10px !important;
			padding: 9px 16px !important;
			font-size: 14px !important;
			color: #1a1612 !important;
			transition: var(--dc-transition);
			outline: none;
			box-shadow: none !important;
			-webkit-appearance: none;
			appearance: none;
			line-height: 1.5;
			font-family: var(--dc-font-sans);
		}

		.dc-form-control:focus {
			border-color: #caa269 !important;
			background: #ffffff !important;
			box-shadow: 0 0 0 3px rgba(202, 162, 105, 0.18) !important;
			outline: none !important;
		}

		select.dc-form-control {
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23c5a880' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
			background-repeat: no-repeat;
			background-position: right 14px center;
			padding-right: 40px !important;
			cursor: pointer;
		}

		textarea.dc-form-control {
			resize: vertical;
			min-height: 100px;
		}

		/* Form Success State */
		.dc-form-success-msg {
			display: none;
			background: #f4faf6;
			border: 1px solid #95d5a6;
			border-radius: 12px;
			padding: 24px;
			text-align: center;
		}

		.dc-form-success-msg.active {
			display: block;
			animation: dcFadeIn 0.4s ease;
		}

		/* 9. PRESS STRIP / AS SEEN IN SLIDER */
		.dc-press-section {
			background-color: #fdfbf7;
			padding: 22px 0;
			border-top: 1px solid rgba(197, 168, 128, 0.25);
			border-bottom: 1px solid rgba(197, 168, 128, 0.25);
			position: relative;
			overflow: hidden;
		}

		.dc-press-bg-floral {
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			width: 160px;
			pointer-events: none;
			opacity: 0.25;
			display: flex;
			align-items: center;
			justify-content: flex-end;
			z-index: 1;
		}

		.dc-press-container {
			display: flex;
			align-items: center;
			position: relative;
			z-index: 2;
			width: 100%;
		}

		.dc-press-left {
			display: flex;
			align-items: center;
			flex-shrink: 0;
		}

		.dc-press-label {
			font-size: 12px;
			font-weight: 700;
			letter-spacing: 2.5px;
			text-transform: uppercase;
			color: #b89358;
			white-space: nowrap;
		}

		.dc-press-divider {
			width: 1px;
			height: 24px;
			background-color: rgba(197, 168, 128, 0.35);
			margin: 0 18px;
			flex-shrink: 0;
		}

		.dc-press-nav-btn {
			width: 30px;
			height: 30px;
			border-radius: 50%;
			border: 1px solid rgba(197, 168, 128, 0.4);
			background: #ffffff;
			color: #a0845a;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 11px;
			cursor: pointer;
			transition: all 0.25s ease;
			box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
			flex-shrink: 0;
			padding: 0;
		}

		.dc-press-nav-btn:hover {
			background: #b89358;
			color: #ffffff;
			border-color: #b89358;
			transform: scale(1.08);
		}

		.dc-press-slider-wrapper {
			flex: 1;
			overflow: hidden;
			margin: 0 16px;
			position: relative;
			mask-image: linear-gradient(to right, transparent, #000 4%, #000 96%, transparent);
			-webkit-mask-image: linear-gradient(to right, transparent, #000 4%, #000 96%, transparent);
		}

		.dc-press-track {
			display: flex;
			align-items: center;
			gap: 55px;
			width: max-content;
			animation: dcPressMarquee 26s linear infinite;
			will-change: transform;
		}

		.dc-press-slider-wrapper:hover .dc-press-track {
			animation-play-state: paused;
		}

		@keyframes dcPressMarquee {
			0% {
				transform: translateX(0);
			}
			100% {
				transform: translateX(-33.333333%);
			}
		}

		.dc-press-brand {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			flex-shrink: 0;
			cursor: pointer;
			opacity: 0.85;
			transition: all 0.3s ease;
			text-decoration: none;
			color: #1a1612;
			user-select: none;
		}

		.dc-press-brand:hover {
			opacity: 1;
			transform: translateY(-2px);
			color: #b89358;
		}

		/* Brand Specific Styles matching reference image */
		.dc-brand-vogue {
			font-family: 'Playfair Display', Didot, 'Bodoni MT', serif;
			font-size: 24px;
			font-weight: 900;
			letter-spacing: 3px;
			color: #1a1612;
		}

		.dc-brand-wedmegood {
			display: flex;
			flex-direction: column;
			align-items: center;
			line-height: 1;
			font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
			font-size: 17px;
			font-weight: 600;
			color: #1a1612;
			letter-spacing: -0.2px;
		}

		.dc-brand-brides {
			font-family: 'Cinzel', 'Playfair Display', serif;
			font-size: 22px;
			font-weight: 800;
			letter-spacing: 4px;
			color: #1a1612;
		}

		.dc-brand-travel {
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			line-height: 0.95;
			font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
			font-weight: 900;
			color: #1a1612;
			font-size: 12px;
			letter-spacing: 1px;
		}

		.dc-brand-toi {
			display: flex;
			flex-direction: column;
			align-items: center;
			font-family: 'Times New Roman', Times, 'Cinzel', serif;
			font-size: 13px;
			font-weight: 700;
			letter-spacing: 1.2px;
			color: #1a1612;
			line-height: 1.1;
		}

		.dc-brand-eventfaqs {
			display: flex;
			align-items: center;
			gap: 6px;
			font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
			font-size: 15px;
			font-weight: 800;
			letter-spacing: 0.5px;
			color: #1a1612;
		}

		/* 10. LUXURY DC FOOTER */
		.dc-footer {
			background: #0d0a07;
			color: #ffffff;
			padding: 80px 0 30px;
			position: relative;
			overflow: hidden;
			border-top: 1px solid rgba(197, 168, 128, 0.2);
		}

		.dc-footer .dc-logo-sub {
			color: rgba(197, 168, 128, 0.7);
		}

		.dc-footer-heading {
			font-family: var(--dc-font-serif);
			font-size: 17px;
			font-weight: 600;
			color: #ffffff;
			margin-bottom: 22px;
			letter-spacing: 1px;
		}

		.dc-footer-links {
			list-style: none;
			padding: 0;
			margin: 0;
		}

		.dc-footer-links li {
			margin-bottom: 10px;
		}

		.dc-footer-links a {
			font-size: 13px;
			color: rgba(255, 255, 255, 0.65);
			transition: var(--dc-transition);
		}

		.dc-footer-links a:hover {
			color: var(--dc-gold-light);
			padding-left: 4px;
		}

		.dc-footer-contact-item {
			display: flex;
			align-items: flex-start;
			gap: 12px;
			margin-bottom: 14px;
			font-size: 13px;
			color: rgba(255, 255, 255, 0.7);
		}

		.dc-footer-contact-item i {
			color: var(--dc-gold);
			margin-top: 3px;
		}

		.dc-footer-social {
			display: flex;
			gap: 12px;
			margin-top: 22px;
		}

		.dc-footer-social a {
			width: 36px;
			height: 36px;
			border-radius: 50%;
			border: 1px solid rgba(197, 168, 128, 0.3);
			display: flex;
			align-items: center;
			justify-content: center;
			color: var(--dc-gold);
			font-size: 13px;
			transition: var(--dc-transition);
		}

		.dc-footer-social a:hover {
			background: var(--dc-gold);
			color: #0f0c08;
		}

		.dc-footer-bottom {
			border-top: 1px solid rgba(255, 255, 255, 0.1);
			margin-top: 50px;
			padding-top: 24px;
			font-size: 12px;
			color: rgba(255, 255, 255, 0.5);
			display: flex;
			align-items: center;
			justify-content: space-between;
			flex-wrap: wrap;
			gap: 15px;
		}

		/* =========================================================================
		   MOBILE DRAWER & NAVIGATION
		   ========================================================================= */
		.dc-mobile-toggle {
			width: 40px;
			height: 40px;
			border-radius: 50%;
			background: rgba(255, 255, 255, 0.1);
			border: 1px solid rgba(197, 168, 128, 0.4);
			color: var(--dc-gold);
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 16px;
			cursor: pointer;
			transition: var(--dc-transition);
			padding: 0;
		}

		.dc-mobile-toggle:hover {
			background: var(--dc-gold);
			color: #120e09;
		}

		.dc-mobile-drawer {
			position: fixed;
			top: 0;
			right: -320px;
			width: 290px;
			max-width: 85vw;
			height: 100vh;
			background: #120e09;
			z-index: 10000;
			transition: right 0.35s cubic-bezier(0.16, 1, 0.3, 1);
			display: flex;
			flex-direction: column;
			box-shadow: -10px 0 35px rgba(0, 0, 0, 0.7);
			border-left: 1px solid rgba(197, 168, 128, 0.25);
		}

		.dc-mobile-drawer.open {
			right: 0;
		}

		.dc-mobile-backdrop {
			position: fixed;
			inset: 0;
			background: rgba(0, 0, 0, 0.75);
			backdrop-filter: blur(4px);
			z-index: 9999;
			opacity: 0;
			visibility: hidden;
			transition: all 0.3s ease;
		}

		.dc-mobile-backdrop.open {
			opacity: 1;
			visibility: visible;
		}

		.dc-mobile-drawer-header {
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 20px;
			border-bottom: 1px solid rgba(197, 168, 128, 0.2);
		}

		.dc-mobile-close {
			width: 34px;
			height: 34px;
			border-radius: 50%;
			background: rgba(255, 255, 255, 0.08);
			border: 1px solid rgba(197, 168, 128, 0.3);
			color: #ffffff;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 15px;
			cursor: pointer;
			transition: var(--dc-transition);
			padding: 0;
		}

		.dc-mobile-close:hover {
			background: var(--dc-gold);
			color: #120e09;
		}

		.dc-mobile-drawer-body {
			padding: 20px;
			overflow-y: auto;
			flex: 1;
		}

		.dc-mobile-nav-list {
			list-style: none;
			padding: 0;
			margin: 0;
			display: flex;
			flex-direction: column;
			gap: 8px;
		}

		.dc-mobile-nav-link {
			display: flex;
			align-items: center;
			padding: 10px 14px;
			border-radius: 8px;
			color: #e8ded1;
			font-size: 13px;
			font-weight: 600;
			letter-spacing: 1.5px;
			text-transform: uppercase;
			text-decoration: none;
			transition: var(--dc-transition);
		}

		.dc-mobile-nav-link:hover, .dc-mobile-nav-link.active {
			background: rgba(197, 168, 128, 0.15);
			color: var(--dc-gold-light);
			padding-left: 18px;
		}

		/* =========================================================================
		   RESPONSIVE MEDIA QUERIES (MOBILE FRIENDLY)
		   ========================================================================= */
		@media (max-width: 1200px) {
			.dc-destinations-grid { grid-template-columns: repeat(3, 1fr); }
		}

		@media (max-width: 991px) {
			.dc-nav-menu { display: none; }
			.dc-stats-grid { grid-template-columns: repeat(2, 1fr); gap: 20px 15px; }
			.dc-bento-grid { grid-template-columns: 1fr; }
			.dc-why-strip { grid-template-columns: repeat(2, 1fr); gap: 16px; }
			.dc-why-card { border-right: none; padding: 10px; }
			.dc-destinations-grid { grid-template-columns: repeat(2, 1fr); }
			.dc-about-image-wrapper { margin-bottom: 30px; }
		}

		@media (max-width: 767px) {
			html, body {
				overflow-x: hidden !important;
				max-width: 100vw;
			}
			.dc-main-wrapper {
				overflow-x: hidden !important;
				width: 100%;
			}
			

			/* About Section Mobile */
			.dc-about-section {
				padding: 55px 0 65px;
			}
			.dc-about-bg-palace {
				width: 180px;
				opacity: 0.1;
			}
			.dc-about-bg-floral-left {
				display: none;
			}
			.dc-about-image-wrapper {
				max-width: 100% !important;
				width: 100%;
				padding: 0 10px;
				margin-bottom: 35px;
			}
			.dc-about-arch-container {
				width: 100%;
				max-width: 380px;
				height: 420px;
				border-radius: 190px 190px 18px 18px;
				margin: 0 auto;
			}
			.dc-about-arch-img {
				height: 100%;
				border-radius: 190px 190px 18px 18px;
			}
			.dc-about-floating-card {
				left: 10px;
				bottom: -15px;
				padding: 14px 16px;
				min-width: 160px;
			}
			.dc-about-floating-card .sub { font-size: 14px; }
			.dc-about-floating-card .title { font-size: 16px; }
			.dc-about-floating-card .highlight { font-size: 13px; }
			.dc-stats-grid {
				grid-template-columns: repeat(2, 1fr);
				gap: 16px 12px;
				margin-bottom: 26px;
				padding-top: 18px;
			}
			.dc-stat-number { font-size: 26px; }
			.dc-stat-label { font-size: 11px; }

			/* Services Section Mobile */
			.dc-services-section {
				padding: 55px 0 65px;
			}
			.dc-services-grid {
				grid-template-columns: repeat(2, 1fr);
				gap: 10px;
			}
			.dc-service-arch-card {
				height: 250px;
				padding: 16px 12px;
			}
			.dc-svc-title {
				font-size: 14px;
			}
			.dc-svc-icon {
				width: 32px;
				height: 32px;
				font-size: 13px;
				margin-bottom: 8px;
			}

			/* Bento Section Mobile */
			.dc-gallery-section {
				padding: 55px 0 65px;
			}
			.dc-bento-featured {
				min-height: 380px;
				padding: 24px;
			}
			.dc-bento-slide-content {
				bottom: 74px;
				left: 24px;
				right: 24px;
			}
			.dc-bento-featured-title {
				font-size: 24px;
			}
			.dc-bento-subgrid {
				grid-template-columns: repeat(2, 1fr);
				gap: 10px;
			}
			.dc-bento-card {
				height: 180px;
				padding: 14px;
			}
			.dc-bento-card-title {
				font-size: 14px;
			}

			/* Destinations Section Mobile */
			.dc-section-destinations {
				padding: 55px 0 65px;
			}
			.dc-destination-card {
				height: 250px;
				padding: 16px;
			}
			.dc-dest-title {
				font-size: 16px;
			}

			/* Why Choose Section Mobile */
			.dc-why-section {
				padding: 35px 0;
			}
			.dc-why-strip {
				grid-template-columns: 1fr;
				gap: 12px;
			}
			.dc-why-card {
				padding: 12px 14px;
				border: 1px solid rgba(197, 168, 128, 0.25);
				border-radius: 10px;
				background: #ffffff;
			}

			/* CTA Section Mobile */
			.dc-cta-section {
				padding: 60px 0;
			}
			.dc-cta-title {
				font-size: clamp(24px, 7vw, 36px);
			}

			/* Contact Section Mobile */
			.dc-contact-section {
				padding: 60px 0 70px;
			}
			.dc-contact-card-box {
				padding: 26px 18px;
			}
			.dc-interactive-visual {
				aspect-ratio: 16 / 11;
			}

			/* Press Marquee Mobile */
			.dc-press-section {
				padding: 18px 0;
			}
			.dc-press-label {
				font-size: 10px;
				letter-spacing: 1.5px;
			}
			.dc-press-divider {
				margin: 0 10px;
				height: 18px;
			}
			.dc-press-nav-btn {
				width: 26px;
				height: 26px;
				font-size: 9px;
			}
			.dc-press-slider-wrapper {
				margin: 0 8px;
			}
			.dc-press-track {
				gap: 30px;
			}
			.dc-press-bg-floral {
				display: none;
			}

			/* Footer Mobile */
			.dc-footer {
				padding: 50px 0 20px;
			}
			.dc-footer-bottom {
				flex-direction: column;
				text-align: center;
				gap: 10px;
				margin-top: 35px;
				padding-top: 18px;
			}
		}

		@media (max-width: 480px) {
			.dc-service-arch-card {
				height: 330px;
				padding: 28px 14px 18px;
			}
			.dc-bento-subgrid {
				grid-template-columns: 1fr;
			}
			.dc-destinations-grid {
				grid-template-columns: 1fr;
			}
			.dc-btn-gold, .dc-btn-outline {
				padding: 10px 20px;
				font-size: 11px;
			}
		}