@font-face {
		font-family: 'Saudagar';
		src: url('/fonts/Saudagar.woff') format('woff'), 
		     url('/fonts/Saudagar.ttf') format('truetype');
		font-weight: normal; font-style: normal; font-display: swap; 
	}

	/* ==========================================
	   🧱 1. MASTER CANVAS CORE RESET & PALETTE
	   ========================================== */
	html, body {
		margin: 0; padding: 0; width: 100%; min-height: 100%;
		font-family: 'Montserrat Alternates', Arial, Helvetica, sans-serif !important;
		font-size: 0.98rem; 
		font-weight: 400; line-height: 1.8; letter-spacing: 0.1px;
		background-color: #fff0d0; color: #293522; overflow-x: hidden; 
	}


	a { color: #55644b; text-decoration: underline; transition: color 0.2s ease; }
	a:hover { color: #8b4512; }

	/* ==========================================
	   📸 2. MASTER COVER CONTAINER (Forced Widescreen min-height 100vh)
	   ========================================== */
	.master-cover-canvas-block {
		width: 100%; 
		min-height: 100vh !important; 
		background-repeat: no-repeat; 
		background-size: cover; 
		background-attachment: fixed;
		display: flex; 
		flex-direction: column; 
		justify-content: flex-start; 
		align-items: center; 
		box-sizing: border-box;
		overflow: visible !important; 
	}


	/* ==========================================
	   👑 3. THE BRAND HEADER TRAY LAYOUT
	   ========================================== */
	.brand-header-tray-group { width: 100%; padding: 0; margin: 0; box-sizing: border-box; display: block !important; position: relative; overflow: visible !important; }
	.header-shading-overlay { width: 100%; background-color: rgba(0, 0, 0, 0.33); }
	
	.header-wrap {
		width: 100% !important; max-width: 100% !important; margin: 0 auto; 
		padding: 10px 2vw 0px 5px !important; 
		display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; box-sizing: border-box;
	}

	.logo-title-row-item { 
		display: flex; 
		align-items: flex-end; 
		justify-content: flex-start; 
		flex-wrap: nowrap; 
		padding-bottom: 0px !important; 
		margin-bottom: 0px !important; 

		width: fit-content; 
		position: relative; 
		z-index: 1001; 
	}
	.wp-logo-img { width: 66px; height: auto; padding: 0px !important; margin: 0px !important; display: block; object-fit: contain; }
	
	.site-logo {
		font-family: 'Cormorant Garamond', Georgia, serif !important; font-size: 2.7rem; font-weight: 100 !important; 
		line-height: 0.7 !important; 
		letter-spacing: -0.5px; text-transform: none; 
		color: #fff4de !important; text-decoration: none; border: 0px; 
		padding-bottom: 0px !important; 
		margin-bottom: 0px !important; 
		display: inline-block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility;
	}

	.logo-tagline {
		font-family: 'Playfair Display SC', Georgia, serif; font-variant-caps: small-caps; font-size: 0.9rem; line-height: 1.2; letter-spacing: 0.18rem; margin: 0 2vw; padding: 10px 1vw;
		color: #ffdf9a; border-top: 1px solid #ffdfb8; border-bottom: 1px solid #ffdfb8; border-left: 0px; border-right: 0px; border-radius: 5px !important; width: fit-content; text-align: center;
	}


	/* ==========================================
	   🎛️ 4. FULL-WIDTH HORIZONTAL MENU BAR STYLING
	   ========================================== */
	.full-bleed-menu-bar {
		width: 100%; 
		background: rgba(0, 0, 0, 0.60); 
		border-top: 1px solid rgb(255, 244, 222) !important; 
		border-bottom: 1px solid rgb(255, 244, 222) !important;
		display: flex !important; 
		justify-content: center; 
		height: 32px !important; 
		padding: 0px !important; 
		margin: 0px !important; 
		box-sizing: border-box; 
		position: relative; 
		overflow: visible !important; 
	}

	.menu-bar-inner-wrap { 

		width: 100%; 
		max-width: 1800px; 
		height: 32px; 
		display: flex; 
		justify-content: center; 
		align-items: center; 
		padding: 0 10px; 
		margin: 0; 
		box-sizing: border-box; 
	}

	/* ==========================================
	   🎛️ 5. MEGA DROPDOWN TRAY ANIMATIONS & HOVER
	   ========================================== */
	.mega-menu-trigger-zone { 
		display: inline-block !important;
		position: static !important; 
		height: 32px; 
		margin: 0 4vw !important; 

		padding: 0; 
		box-sizing: border-box; 
	}

	.menu-btn {
		background: transparent; 
		border: none; 
		color: #fff4de; 
		height: 30px !important; /* ⚡ Change from 32px to 30px to sit perfectly inside the borders */
		padding: 0 15px; 
		margin: 0; 
		font-family: "Saudagar", serif !important; 
		font-size: 0.95rem; 
		font-weight: 100 !important; 
		line-height: 30px !important; /* ⚡ Matches the 30px height */
		text-transform: uppercase; 
		cursor: pointer; 
		display: inline-flex; 
		align-items: center; 
		justify-content: center; 
		transition: all 0.3s ease; 
		box-sizing: border-box; 
	}

	.mega-menu-trigger-zone:hover .menu-btn { 
		background: linear-gradient(to bottom, rgba(85, 100, 75, 0.7), rgba(41, 53, 34, 0.8)) !important; 
		color: #ffdf9a !important; 
		height: 30px !important; /* ⚡ Forces the hover background to stay strictly inside the lines */
	}

	.mega-dropdown-tray {
		display: none !important; 
		position: absolute !important;
		top: 32px !important; 
		left: 0 !important;
		width: 100% !important; 
		background-color: #fff4de !important; 
		border-bottom: 1px solid #293522 !important;
		box-shadow: 0 10px 30px rgba(41, 53, 34, 0.15) !important;

		z-index: 99999 !important; 
		margin: 0 !important;
		padding: 15px 4vw !important;
		box-sizing: border-box;
	}

	.mega-dropdown-inner {
		display: flex !important;
		flex-direction: column !important; /* ⚡ Switches the links from a horizontal line to a vertical column stack */
		align-items: center !important;
		justify-content: center !important;
		gap: 8px !important; /* Tightens the vertical space between links */
		width: 100%;
		max-width: 1400px;
		margin: 0 auto !important;
	}

	.dropdown-section-label {
		color: #8b4512 !important; 
		font-family: 'Saudagar', serif !important;
		font-size: 0.9rem !important;
		font-weight: 100 !important;
		padding: 4px 0 !important;
		display: block !important;
		text-align: center !important; /* Centers the label over the column stack */
		border-right: none !important; /* Removes the old horizontal layout divider */
		border-bottom: 1px dashed rgba(85, 100, 75, 0.2) !important; /* Adds a clean bottom separation line */
		margin-bottom: 8px !important;
		letter-spacing: 0.5px;
	}

	.mega-dropdown-inner a {
		color: #293522 !important; 
		font-family: 'Merriweather', serif !important;
		font-size: 0.85rem !important;
		font-weight: 400 !important;
		padding: 6px 12px !important;
		text-decoration: none !important; 
		display: block !important;
		text-align: center !important; /* Centers the text alignment for the column links */
		transition: all 0.25s ease-in-out !important;
		margin: 0 !important;
		border: none !important;
	}

	.mega-dropdown-inner a:hover {
		color: #8b4512 !important;
		background-color: rgba(139, 69, 18, 0.05) !important;
		transform: translateX(4px) !important; /* Keeps the smooth rightward hover nudge */
	}

	.mega-menu-trigger-zone:hover .mega-dropdown-tray {
		display: block !important;
	}

	/* ==========================================
	   📐 6. PAGE SPECIFIC HEADER SLOT CONTAINER
	   ========================================== */
	.page-specific-header-content-slot { 
		width: 100%; 
		max-width: 100% !important; 

		margin: 4vh auto 0 auto; 
		padding: 0 4vw 0 0 !important; 
		box-sizing: border-box; 
	}

	/* ==========================================
	   ⚡ 7. GLOBAL TRANSLUCENT 3D CATTERY BUTTON SYSTEM
	   ========================================== */

	   .cattery-btn {
		font-family: "Merriweather", Georgia, serif !important; 
		font-size: 1rem !important; 
		text-transform: uppercase !important; 
		
		/* ⚡ Your Exact Specification: Matching forest green text and border framing wire */
		color: #55644b !important; 
		border: 1px solid #55644b !important;
		
		/* Translucent light gold baseline backdrop cushion remains flat */
		background-color: rgba(255, 223, 154, 0.50) !important; 
		
		/* ⚡ Your Exact Specification: Crispy 4px corner radius profile */
		border-radius: 4px !important; 
		
		padding: 1vh 1vw !important; 
		box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
		text-align: center; 
		text-decoration: none; 
		display: inline-block; 
		cursor: pointer; 
		transition: all 0.2s ease-in-out !important; 
		box-sizing: border-box;
	}

	/* ⚡ Your Exact Specification: Mouseover state stays exactly the same 
	   (Tactile, heavy dark compression backdrop with luminous gold highlight text strings) */
	.cattery-btn:hover { 
		background-color: rgba(0, 0, 0, 0.65) !important; 
		color: #ffdf9a !important; 
		border-color: #ffdf9a !important; 
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
		transform: translateY(1px); 
	}

	/* ⚡ TARGETED SERPENT CONTAINER BUTTON BALANCER
	   Forces any action button wrapped in this specific class to center 
	   perfectly down the midline without altering text parameters! */
	.cattery-btn-wrap {
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
		width: 100% !important;
		margin-top: 15px !important;
		margin-bottom: 20px !important;
		box-sizing: border-box;
	}

	/* ==========================================
	   🏁 8. SYSTEM FOOTER ARCHITECTURE
	   ========================================== */
	.global-footer { width: 100%; background: #fff4de; border-top: 1px solid rgba(85, 100, 75, 0.15); padding: 40px; text-align: center; color: #55644b; font-size: 0.85rem; box-sizing: border-box; }


	/* ==========================================
	   📸 9. ASYMMETRIC EDITORIAL STRIP LAYOUT ENGINE
	   ========================================== */
	.editorial-media-text-row {
		display: grid; 
		grid-template-columns: 0.8fr 1.2fr; 
		width: 100vw; 
		margin: 0px 0px 0px calc(-50vw + 50%) !important; 
		align-items: stretch; 
		box-sizing: border-box;

		/* ⚡ FIXED FRAME WIRES: Restores your crisp 1px top and bottom boundary lines */
		border-top: 1px solid #293522 !important;
		border-bottom: 1px solid #293522 !important;
	}

	/* ==========================================
	   📐 10. UNIVERSAL ALIGNMENT WRAPPERS
	   ========================================== */
	.stack-left { display: flex; flex-direction: column; align-items: flex-start; text-align: left; }

	.stack-center { display: flex; flex-direction: column; align-items: center; text-align: center; }

	/* ⚡ REUSABLE GLOBAL READING COLUMN 
		Drop this clean class on ANY content page division to lock it to an elite reading width! */
	.reading-column {
		width: 100%;
		max-width: 900px !important;
		margin: 0 auto !important;
		padding: 40px 20px !important;
		box-sizing: border-box;
	}

	/* 🏛️ ELITE EDITORIAL SHADOW READING BOX
	   Creates a gorgeous, crisp white paper container card with clean rounded corners 
	   and deep multi-layered valley drop shadows around your text contents! */
	.elite-reading-box {
		background-color: #ffffff !important;
		border: 1px solid rgba(41, 53, 34, 0.12) !important;
		border-radius: 8px !important;
		padding: 50px 45px !important;
		box-sizing: border-box;
		margin-top: 20px !important;
		margin-bottom: 50px !important;
		box-shadow: 
			0 15px 35px rgba(41, 53, 34, 0.10),
			0 5px 15px rgba(0, 0, 0, 0.04) !important;
	}

	/* ==========================================
	   ✍️ 11. GLOBAL MARKDOWN CONTENT TYPOGRAPHY OVERRIDES
	   ========================================== */
	.fluid-canvas { width: 100%; }
	
	.markdown-article-wrapper { 
		width: 100%; 
		max-width: 100% !important; 
		margin: 0 auto !important; 
		padding: 0 !important; 
		box-sizing: border-box; 
	}

	/* 👑 LEVEL 2: MAJOR CHAPTER HEADINGS (e.g., "The Cats Who Made Us") */
	.markdown-article-wrapper h2 { 
		font-family: "Saudagar", Georgia, serif !important; 
		font-weight: 100 !important;
		font-size: 2.3rem !important; 
		line-height: 1.2;
		letter-spacing: 0.2px;
		color: #8b4512 !important; 
		text-align: center;
		width: 100%;
		margin: 0 !important;
		padding: 20px 20px 10px 20px !important; /* Locks your tight, even vertical air gap */
		border-bottom: none !important; 
	}
	
	/* 👑 LEVEL 3: SECTION SUBHEADINGS (e.g., "Welcome to the DLuxxy Family") */
	.markdown-article-wrapper h3 { 
		font-family: "Saudagar", Georgia, serif !important; 
		font-weight: 100 !important;
		font-size: 1.7rem !important; 
		line-height: 1.3;
		letter-spacing: 0.2px;
		color: #8b4512 !important;
		text-align: center;
		width: 100%;
		margin: 0 !important;
		padding: 10px 20px !important; 
	}

	/* 👑 LEVEL 4: ACTION TRIGGER HEADINGS (e.g., "Write me a note:", "Ready for a kitten?") */
	.markdown-article-wrapper h4 {
		font-family: "Saudagar", Georgia, serif !important;
		font-weight: 100 !important;
		font-size: 1.25rem !important;
		line-height: 1.4;
		letter-spacing: 0.2px;
		color: #55644b !important; /* Soft forest green tone pairs with your green actions */
		text-align: center;
		width: 100%;
		margin: 0 0 20px 0 !important; /* Enforces clean 20px spacing above your centered buttons */
		padding: 0 10px !important;
		box-sizing: border-box;
	}

	/* 👑 LEVEL 5: CELL CARD SUBTITLES (For future pedigree grid names) */
	.markdown-article-wrapper h5 {
		font-family: "Saudagar", Georgia, serif !important;
		font-weight: 100 !important;
		font-size: 1.15rem !important;
		line-height: 1.4;
		color: #8b4512 !important;
		text-align: left; /* Left-aligned for clean content logging rows */
		width: 100%;
		margin: 0 0 10px 0 !important;
		padding: 0 !important;
	}

	/* 👑 LEVEL 6: MICRO DATA HIGHLIGHT LABELS (For pedigree stat titles) */
	.markdown-article-wrapper h6 {
		font-family: "Merriweather", Georgia, serif !important;
		font-weight: 700 !important;
		font-size: 0.85rem !important;
		line-height: 1.4;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		color: #55644b !important;
		text-align: left;
		width: 100%;
		margin: 0 0 5px 0 !important;
		padding: 0 !important;
	}

	/* 📜 CORE PARAGRAPH LAYOUT RULES */
	.markdown-article-wrapper p { 
		font-family: 'Merriweather', Georgia, serif !important; /* ⚡ RESTORED: Flipped back to your editorial reading serif */
		font-size: 0.98rem;
		line-height: 1.8;
		letter-spacing: 0.1px;
		color: #293522;
		margin-bottom: 25px !important; /* Uniform spacing between content blocks */
		text-align: left !important;
	}

	/* 📋 UNIVERSAL LIST AND BULLET MECHANICS */
	.markdown-article-wrapper ul, 
	.markdown-article-wrapper ol { 
		color: #293522; 
		padding-left: 20px; 
		margin-bottom: 25px; 
	}
	
	.markdown-article-wrapper li { 
		margin-bottom: 12px; 
		font-family: 'Merriweather', Georgia, serif !important;
		font-size: 0.98rem;
		line-height: 1.7;
	}

	/* ✍️ THE SIGNATURE BRANDING SEAL */
	.cattery-signature { 
		display: block; 
		text-align: right; 
		font-family: "Cormorant Garamond", Georgia, serif !important; 
		font-size: 1.6rem !important; 
		font-style: italic; 
		color: #8b4512 !important; 
		margin: 50px 4vw !important; 
		font-weight: 600; 
	}

	/* ==========================================
	   📖 RESTORED EDITORIAL CATTERY BLOCKQUOTE
	   ========================================== */
	.cattery-blockquote-callout {
		margin: 35px auto !important;
		padding: 15px 30px !important;
		background-color: rgba(85, 100, 75, 0.04) !important; /* Soft, faint translucent forest green cushion wash */
		border-left: 4px solid #55644b !important; /* Thick forest green left accent rail wire */
		border-radius: 0 6px 6px 0 !important;
		width: 100%;
		max-width: 850px !important;
		box-sizing: border-box;
	}

	.blockquote-text-line {
		font-family: 'Cormorant Garamond', Georgia, serif !important;
		font-style: italic !important;
		font-size: 1.25rem !important;
		line-height: 1.6 !important;
		color: #293522 !important;
		margin: 0 !important;
		padding: 0 !important;
		text-align: left !important;
	}

	.blockquote-author-credit {
		display: block !important;
		font-family: 'Montserrat Alternates', sans-serif !important;
		font-size: 0.8rem !important;
		font-weight: 600 !important;
		text-transform: uppercase !important;
		letter-spacing: 1.5px !important;
		color: #8b4512 !important; /* Distinct warm chestnut brown tone for author tags */
		margin-top: 12px !important;
		text-align: right !important;
	}

	/* ==========================================
	   📐 12. INDEX HOME SHADED TITLE BILLBOARD ENGINE
	   ========================================== */
	.home-shaded-title-billboard-box {
		width: auto !important; max-width: fit-content !important; margin: 0 0 0 auto !important; font-family: 'Saudagar', serif !important;
		font-weight: 100 !important; 

		font-size: clamp(2.8rem, 3.5vw, 3rem) !important; line-height: 1.1 !important; color: #ffdf9a !important;
		background-color: rgba(0, 0, 0, 0.30) !important; padding: 2vh 3vw !important; border-top: 1px solid #fff4de !important;
		border-bottom: 1px solid #fff4de !important; border-left: 0px !important; border-right: 0px !important; border-radius: 5px !important;
		text-align: center !important; box-sizing: border-box; display: block;
	}

	/* ==========================================
	   🏞️ 13. WIDESCREEN PANORAMA LANDSCAPE BANNER
	   ========================================== */
	.panorama-banner-wrap {
		width: 100% !important; 
		max-width: 100% !important;
		margin: 40px 0 !important;
		padding: 0 !important;
		box-sizing: border-box;
		overflow: hidden; 
	}

	.panorama-img {
		width: 100% !important;
		height: auto !important;
		max-height: 450px;
		object-fit: cover !important; 
		display: block;
		border-top: 1px solid #293522 !important;
		border-bottom: 1px solid #293522 !important;
		box-shadow: 0 4px 20px rgba(41, 53, 34, 0.12);
	}


	/* ==========================================
	   🏞️ 14. 3-LEAF PRINT-BOOKLET KITTEN PLAN GRID
	   ========================================== */
	.kitten-plan-grid {
		display: grid; 
		grid-template-columns: repeat(3, 1fr); 
		grid-template-rows: 1fr !important;
		align-items: stretch !important;
		width: 100vw !important; 
		margin: 40px 0 40px calc(-50vw + 50%) !important; 
		gap: 1px !important; 
		background-color: #293522 !important; 
		border: 1px solid #293522 !important;
		box-sizing: border-box; 
	}
	
	.litter-panel-card { 
		background-color: #fff4de !important; 
		padding: 30px 1.5vw !important; 
		display: flex; 
		flex-direction: column; 
		align-items: center; 
		box-sizing: border-box; 
		position: relative; 
	}
	
	.card-anchor-left, .card-centerpiece, .card-anchor-right { 
		border: none !important; 
	}
	
	.booklet-title-equalizer-cap { 
		width: 100%; 
		height: 65px !important; 
		display: flex; 
		align-items: center; 
		justify-content: center; 
		margin-bottom: 20px !important; 
		box-sizing: border-box; 
	}
	
	.litter-panel-img { 
		width: calc(100% + 3vw) !important; 
		margin: 0 -1.5vw 20px -1.5vw !important; 
		aspect-ratio: 6 / 5 !important; 
		height: auto !important; 
		object-fit: cover !important; 
		display: block; 
		border-top: 1px solid #293522 !important; 
		border-bottom: 1px solid #293522 !important; 
		border-left: none !important; 
		border-right: none !important; 
	}
	
	.litter-panel-card p { 
		font-size: 0.85rem !important; 
		line-height: 1.6; 
		margin-bottom: 10px; 
		width: 100%; 
		text-align: left !important; 
		padding: 0 0.5vw !important; 
		box-sizing: border-box; 
		align-self: flex-start; 
	}
	
	.litter-panel-card p strong { 
		font-weight: 700 !important; 
		color: #293522 !important; 
	}
	
	.booklet-btn-push-box { 
		margin-top: auto !important; 
		padding-top: 20px; 
		width: 100%; 
		text-align: center; 
	}

	/* ==========================================
	   🤝 15. FULL-BLEED CREED RIBBON VALLEY SYSTEM
	   ========================================== */
	.creed-full-bleed-ribbon {
		width: 100vw;
		background-color: #ffffff; 
		
		/* ⚡ FIXED: Changed top margin from 60px to 0 to slam it flush against the green section above! */
		margin: 0 auto 60px calc(-50vw + 50%) !important; 
		
		padding: 100px 0; 
		box-sizing: border-box;
		position: relative;
		box-shadow: 
			inset 0 25px 35px -15px rgba(41, 53, 34, 0.22),  
			inset 0 -25px 35px -15px rgba(41, 53, 34, 0.22) !important; 
	}

	.creed-constrained-inner { width: 100%; max-width: 100% !important; margin: 0 auto; padding: 0 1vw !important; box-sizing: border-box; }
	.creed-grid-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2vw !important; width: 100%; box-sizing: border-box; }
	.creed-card-item { display: flex; flex-direction: column; align-items: flex-start !important; text-align: left !important; padding: 0 15px; box-sizing: border-box; }
	.creed-wp-style-image { width: 100% !important; max-width: 100% !important; height: auto; object-fit: cover; display: block; margin: 0 0 20px 0 !important; border: 1px solid #293522; border-radius: 4px; box-shadow: 0 4px 14px rgba(41, 53, 34, 0.12); }
	.creed-card-item h3 { font-family: "Saudagar", serif !important; font-size: 1.45rem !important; font-weight: 100 !important; margin-top: 5px !important; margin-bottom: 15px !important; text-align: center !important; width: 100%; color: #8b4512 !important; }
	.creed-card-item p { font-size: 1.05rem; line-height: 1.6; margin: 0; }

	/* ==========================================
	   🤝 16. CLINICAL VALLEY & ASYMMETRIC PARTNERSHIPS
	   ========================================== */
	.clinical-valley-ribbon {
		width: 100vw;
		background-color: #ffffff;
		margin: 0px 0px 0px calc(-50vw + 50%) !important;
		padding: 100px 0;
		box-sizing: border-box;
		position: relative;
		
		/* ⚡ FIXED: Forces all paragraph texts and titles inside this valley to snap to a left-justified reading track */
		text-align: left !important; 
		
		box-shadow: 
			inset 0 25px 35px -15px rgba(41, 53, 34, 0.18),
			inset 0 -25px 35px -15px rgba(41, 53, 34, 0.18) !important;
	}

	.partnership-full-bleed-ribbon {
		width: 100vw;
		background-color: #ebebeb; 
		
		/* ⚡ FIXED: Changed top margin from 60px to 0 to slam this grey block 
		   completely touch-flush against the bottom edge of your white clinical valley! */
		margin: 0px 0px 0px calc(-50vw + 50%) !important; 
		
		padding: 100px 0;
		border-top: 1px solid #293522;
		border-bottom: 1px solid #293522;
		box-sizing: border-box;
		}

	.partnership-split-grid {
		display: grid;
		grid-template-columns: 1.1fr 0.9fr; 
		gap: 4vw;
		width: 100%;
		padding: 0 4vw !important; 
		box-sizing: border-box;
	}

	.partnership-text-column {
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding-right: 2vw;

		box-sizing: border-box;
	}

	.partnership-form-floating-card {
		background-color: #f6f6f6 !important;
		border: 1px solid rgba(41, 53, 34, 0.2) !important;
		border-radius: 5px !important; 
		padding: 4vh 3vw !important;
		box-shadow: 0 10px 30px rgba(41, 53, 34, 0.08) !important; 
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
		box-sizing: border-box;
	}

	.partnership-form-floating-card h3 {
		font-family: "Saudagar", serif !important;

		font-size: 1.6rem !important;
		color: #8b4512 !important;
		margin-top: 0;
		margin-bottom: 25px;
	}

	@media (max-width: 767px) {
		/* ⚡ FIXED: Flex mapping completely overrides the desktop grid grid tracks, 
		   forcing your text narrative and Umay's portrait to stack vertically! */
		.editorial-media-text-row {
			display: flex !important;
			flex-direction: column !important;
		}

		/* ⚡ OPTIMIZATION: Tightens paragraph text col padding slightly on mobile glass windows */
		.editorial-text-col {
			padding: 40px 25px !important;
		}

		.litters-framed-grid { grid-template-columns: 1fr; width: 100% !important; margin: 40px 0 !important; gap: 40px !important; }
		.litter-panel-card { border: 1px solid #293522 !important; margin: 0 !important; padding: 25px !important; }
		.booklet-title-equalizer-cap { height: auto !important; margin-bottom: 15px !important; }
		.litter-panel-img { width: calc(100% + 50px) !important; margin: 0 -25px 20px -25px !important; aspect-ratio: auto !important; max-height: 340px; }
		.booklet-btn-push-box { margin-top: 15px !important; }
		.partnership-split-grid { grid-template-columns: 1fr; gap: 50px; }
		.partnership-text-column { padding-right: 0; }
	}

	/* ==========================================
	   📦 17. UNIVERSAL 3-COLUMN CONTENT GRID SYSTEM
	   ========================================== */
	.content-post-grid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		
		/* ⚡ Your Exact Specification: 1vw grid separation gaps and full widescreen width flex */
		gap: 1vw !important;
		width: 100vw !important;
		max-width: 100vw !important;
		margin: 40px 0 40px calc(-50vw + 50%) !important; /* Full-bleed breakout breakout track */
		
		/* ⚡ Your Exact Specification: Strict 2vw external padding rails */
		padding: 0 2vw !important;
		box-sizing: border-box;
	}

	.post-grid-item-card {
		background: #ffffff; 
		border: 1px solid rgba(41, 53, 34, 0.15);
		border-radius: 6px;
		padding: 30px 25px;
		box-shadow: 0 6px 20px rgba(41, 53, 34, 0.05);
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		box-sizing: border-box;
	}

	/* Beautiful 4:3 high-utility photographic image container covers the full card width */
	.post-grid-item-card img {
		width: 100% !important;
		height: auto !important;
		aspect-ratio: 4 / 3 !important;
		object-fit: cover !important;
		border-radius: 4px;
		margin-bottom: 20px !important;
		border: 1px solid rgba(41, 53, 34, 0.1);
	}

	/* Mobile responsive adjustments for widescreen grids */
	@media (max-width: 900px) {
		.content-post-grid { grid-template-columns: repeat(2, 1fr); padding: 0 4vw !important; }
	}
	@media (max-width: 600px) {
		.content-post-grid { grid-template-columns: 1fr; gap: 30px !important; padding: 0 4vw !important; }
	}

	/* ==========================================
	   📰 18. THE EXPANSIVE NEWSPAPER LEAFLET SYSTEM
	   ========================================== */
	.newspaper-leaflet-grid {
		display: grid; 
		grid-template-columns: repeat(3, 1fr); 
		grid-template-rows: 1fr !important;
		align-items: stretch !important; 
		width: 100vw !important; 
		margin: 50px 0 50px calc(-50vw + 50%) !important; 
		gap: 1px !important; 
		background-color: #293522 !important; 
		
		/* ⚡ FIXED: Added left and right borders to perfectly seal the outer walls! */
		border: 1px solid #293522 !important;
		
		box-sizing: border-box; 
	}
	
	.newspaper-card { 
		background-color: #fff4de !important; /* Matches your ivory canvas backdrop background */
		padding: 40px 2.5vw !important; 
		display: flex; 
		flex-direction: column; 
		align-items: flex-start; 
		box-sizing: border-box; 
		position: relative; 
	}
	
	/* ⚡ FIXED: Stripped the messy left/right borders completely to let the grid gap do the line work! */
	.news-anchor-left, .news-centerpiece, .news-anchor-right { 
		border: none !important; 
	}
	
	.newspaper-card img { 
		width: calc(100% + 5vw) !important; 
		margin: -40px -2.5vw 25px -2.5vw !important; 
		aspect-ratio: 5 / 7 !important; 
		height: auto !important; 
		object-fit: cover !important; 
		display: block; 
		border-bottom: 1px solid #293522 !important; /* Keeps your crisp lower frame wire */
	}
	
	.newspaper-card h3 {
		font-family: "Saudagar", serif !important;
		font-size: 1.5rem !important;
		font-weight: 100 !important;
		color: #8b4512 !important;
		text-align: left !important;
		width: 100%;
		margin: 0 0 15px 0 !important;
		padding: 0 !important;
	}
	
	.newspaper-card p { 
		font-size: 0.95rem !important; 
		line-height: 1.7; 
		color: #293522 !important;
		text-align: left !important; 
		margin: 0 !important;
		padding: 0 !important;
	}

		/* Mobile responsive vertical stacking collapse */

	@media (max-width: 767px) {
		.newspaper-leaflet-grid { grid-template-columns: 1fr; width: 100% !important; margin: 40px 0 !important; }
		.newspaper-card { border: 1px solid #293522 !important; margin-bottom: -1px !important; padding: 35px 4vw !important; }
		.newspaper-card img { width: calc(100% + 8vw) !important; margin: 0 -4vw 20px -4vw !important; }
	}
	

	/* ==========================================
	   🐍 19. THE UNIVERSAL SERPENT LINK LAYOUT ENGINE
	   ========================================== */
	.serpent-link,
	.reverse-serpent-link {
		display: grid;
		grid-template-columns: 1fr 1fr;
		width: 100vw !important;
		margin: 0 0 0 calc(-50vw + 50%) !important; /* Full widescreen touch-flush bleed */
		align-items: stretch;
		box-sizing: border-box;
		padding: 0 !important;
		overflow: hidden;
		background: transparent; /* ⚡ Your Exact Spec: 100% transparent by default */
	}

	/* ⚡ Your Exact Spec: .serpent-link puts Text on Left, Picture on Right */
	.serpent-link {
		direction: ltr;
	}
	
	/* ⚡ Your Exact Spec: .reverse-serpent-link puts Picture on Left, Text on Right */
	.reverse-serpent-link {
		direction: rtl;
	}
	.reverse-serpent-link .editorial-text-col {
		direction: ltr; /* Keeps copy reading safely left-to-right inside the column */
	}

	/* Uniform inner structural padding cushions */
	.editorial-text-col {
		padding: 60px 5vw !important;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
		box-sizing: border-box;
	}

	.editorial-image-col {
		width: 100% !important;
		height: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		box-sizing: border-box;
	}

	.editorial-image-col img {
		width: 100% !important;
		height: 100% !important;
		object-fit: cover !important;
		display: block;
		margin: 0 !important;
		padding: 0 !important;
	}

	/* Mobile responsive vertical stacking collapse */
	@media (max-width: 767px) {
		.serpent-link, .reverse-serpent-link { display: flex !important; flex-direction: column !important; }
		.reverse-serpent-link { flex-direction: column-reverse !important; } /* Ensures image stays on top on mobile */
		.editorial-text-col { padding: 40px 6vw !important; }
	}