.elementor-1804 .elementor-element.elementor-element-60e1192{--display:flex;--min-height:100vh;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:1;}.elementor-1804 .elementor-element.elementor-element-60e1192:not(.elementor-motion-effects-element-type-background), .elementor-1804 .elementor-element.elementor-element-60e1192 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#252529;}.elementor-1804 .elementor-element.elementor-element-b8a730d{width:var( --container-widget-width, 31% );max-width:31%;--container-widget-width:31%;--container-widget-flex-grow:0;text-align:center;}.elementor-1804 .elementor-element.elementor-element-b8a730d.elementor-element{--align-self:center;}.elementor-1804 .elementor-element.elementor-element-b8a730d .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:50px;color:#252529;}.elementor-1804 .elementor-element.elementor-element-465a6c8{width:var( --container-widget-width, 32% );max-width:32%;--container-widget-width:32%;--container-widget-flex-grow:0;text-align:center;}.elementor-1804 .elementor-element.elementor-element-465a6c8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:10px 0px 0px 0px;}.elementor-1804 .elementor-element.elementor-element-465a6c8.elementor-element{--align-self:center;}.elementor-1804 .elementor-element.elementor-element-465a6c8 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;font-style:normal;line-height:28px;letter-spacing:-0.9px;word-spacing:0px;color:#252529B8;}.elementor-1804 .elementor-element.elementor-element-cdd7ce1{--display:flex;--min-height:100vh;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:1;}.elementor-1804 .elementor-element.elementor-element-cdd7ce1:not(.elementor-motion-effects-element-type-background), .elementor-1804 .elementor-element.elementor-element-cdd7ce1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1804 .elementor-element.elementor-element-558a923{width:var( --container-widget-width, 31% );max-width:31%;--container-widget-width:31%;--container-widget-flex-grow:0;text-align:center;}.elementor-1804 .elementor-element.elementor-element-558a923.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-1804 .elementor-element.elementor-element-558a923 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:36px;color:#252529;}.elementor-1804 .elementor-element.elementor-element-0a99cf2{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-1804 .elementor-element.elementor-element-0a99cf2.e-con{--align-self:center;--order:-99999 /* order start hack */;--flex-grow:1;--flex-shrink:0;}.elementor-1804 .elementor-element.elementor-element-6904c83{--display:flex;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;grid-column:span 1;grid-row:span 1;}.elementor-1804 .elementor-element.elementor-element-7ef4683{text-align:center;}.elementor-1804 .elementor-element.elementor-element-7ef4683 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:10px;text-transform:none;letter-spacing:0px;color:#FFFFFFAB;}.elementor-1804 .elementor-element.elementor-element-8327592 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1804 .elementor-element.elementor-element-8327592 img{width:1%;height:1px;object-fit:cover;object-position:center center;}.elementor-1804 .elementor-element.elementor-element-475ee76{--display:flex;}.elementor-1804 .elementor-element.elementor-element-df6b3ba .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:40px;font-weight:400;color:#FFFFFFAB;}.elementor-1804 .elementor-element.elementor-element-b15835c{font-family:"Inter", Sans-serif;font-size:13px;font-weight:100;font-style:normal;}.elementor-1804 .elementor-element.elementor-element-5395ccf{--display:flex;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;grid-column:span 1;grid-row:span 1;}.elementor-1804 .elementor-element.elementor-element-c14c71b{text-align:center;}.elementor-1804 .elementor-element.elementor-element-c14c71b .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:10px;text-transform:none;letter-spacing:0px;color:#FFFFFFAB;}.elementor-1804 .elementor-element.elementor-element-dfd2c82 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1804 .elementor-element.elementor-element-dfd2c82 img{width:1%;height:1px;object-fit:cover;object-position:center center;}.elementor-1804 .elementor-element.elementor-element-340a49d{--display:flex;}.elementor-1804 .elementor-element.elementor-element-3cf28fd .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:40px;font-weight:400;color:#FFFFFFAB;}.elementor-1804 .elementor-element.elementor-element-d4e9ab6{font-family:"Inter", Sans-serif;font-size:12px;font-weight:100;font-style:normal;}.elementor-1804 .elementor-element.elementor-element-1d014b1{--display:flex;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;grid-column:span 1;grid-row:span 1;}.elementor-1804 .elementor-element.elementor-element-c41949c{text-align:center;}.elementor-1804 .elementor-element.elementor-element-c41949c .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:10px;text-transform:none;letter-spacing:0px;color:#FFFFFFAB;}.elementor-1804 .elementor-element.elementor-element-4675c9d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1804 .elementor-element.elementor-element-4675c9d img{width:1%;height:1px;object-fit:cover;object-position:center center;}.elementor-1804 .elementor-element.elementor-element-5d09ccc{--display:flex;}.elementor-1804 .elementor-element.elementor-element-a663ff6{text-align:center;}.elementor-1804 .elementor-element.elementor-element-a663ff6 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:40px;font-weight:400;color:#FFFFFFAB;}.elementor-1804 .elementor-element.elementor-element-c4ddf86{font-family:"Inter", Sans-serif;font-size:12px;font-weight:100;font-style:normal;}.elementor-1804 .elementor-element.elementor-element-d1995b8{--display:flex;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;grid-column:span 1;grid-row:span 1;}.elementor-1804 .elementor-element.elementor-element-59894d2{text-align:center;}.elementor-1804 .elementor-element.elementor-element-59894d2 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:10px;text-transform:none;letter-spacing:0px;color:#FFFFFFAB;}.elementor-1804 .elementor-element.elementor-element-d42e458 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1804 .elementor-element.elementor-element-d42e458 img{width:1%;height:1px;object-fit:cover;object-position:center center;}.elementor-1804 .elementor-element.elementor-element-87b2ec1{--display:flex;}.elementor-1804 .elementor-element.elementor-element-972a443 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:40px;font-weight:400;color:#FFFFFFAB;}.elementor-1804 .elementor-element.elementor-element-42f1f75{font-family:"Inter", Sans-serif;font-size:12px;font-weight:100;font-style:normal;}.elementor-1804 .elementor-element.elementor-element-cc24ab3{--display:flex;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;grid-column:span 1;grid-row:span 1;}.elementor-1804 .elementor-element.elementor-element-b26692c{text-align:center;}.elementor-1804 .elementor-element.elementor-element-b26692c .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:10px;text-transform:none;letter-spacing:0px;color:#FFFFFFAB;}.elementor-1804 .elementor-element.elementor-element-678296f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1804 .elementor-element.elementor-element-678296f img{width:1%;height:1px;object-fit:cover;object-position:center center;}.elementor-1804 .elementor-element.elementor-element-9f47864{--display:flex;}.elementor-1804 .elementor-element.elementor-element-65fb19a{text-align:center;}.elementor-1804 .elementor-element.elementor-element-65fb19a .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:40px;font-weight:400;color:#FFFFFFAB;}.elementor-1804 .elementor-element.elementor-element-1229e0d{font-family:"Inter", Sans-serif;font-size:12px;font-weight:100;font-style:normal;}.elementor-1804 .elementor-element.elementor-element-b4c701e{--display:flex;--min-height:0px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;grid-column:span 1;grid-row:span 1;}.elementor-1804 .elementor-element.elementor-element-50ee9d5{text-align:center;}.elementor-1804 .elementor-element.elementor-element-50ee9d5 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:10px;text-transform:none;letter-spacing:0px;color:#FFFFFFAB;}.elementor-1804 .elementor-element.elementor-element-8f4b47d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1804 .elementor-element.elementor-element-8f4b47d img{width:1%;height:1px;object-fit:cover;object-position:center center;}.elementor-1804 .elementor-element.elementor-element-9b85f49{--display:flex;}.elementor-1804 .elementor-element.elementor-element-8fe5c71{text-align:center;}.elementor-1804 .elementor-element.elementor-element-8fe5c71 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:40px;font-weight:400;color:#FFFFFFAB;}.elementor-1804 .elementor-element.elementor-element-fcaea7e{font-family:"Inter", Sans-serif;font-size:12px;font-weight:100;font-style:normal;}.elementor-1804 .elementor-element.elementor-element-7217b3d{width:var( --container-widget-width, 80px );max-width:80px;--container-widget-width:80px;--container-widget-flex-grow:0;top:0px;z-index:2;}.elementor-1804 .elementor-element.elementor-element-7217b3d > .elementor-widget-container{background-color:#FB4D0E;border-radius:100px 100px 100px 100px;}body:not(.rtl) .elementor-1804 .elementor-element.elementor-element-7217b3d{left:0px;}body.rtl .elementor-1804 .elementor-element.elementor-element-7217b3d{right:0px;}.elementor-1804 .elementor-element.elementor-element-7217b3d .elementor-icon-wrapper{text-align:center;}.elementor-1804 .elementor-element.elementor-element-7217b3d.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-1804 .elementor-element.elementor-element-7217b3d.elementor-view-framed .elementor-icon, .elementor-1804 .elementor-element.elementor-element-7217b3d.elementor-view-default .elementor-icon{color:#FFFFFF;border-color:#FFFFFF;}.elementor-1804 .elementor-element.elementor-element-7217b3d.elementor-view-framed .elementor-icon, .elementor-1804 .elementor-element.elementor-element-7217b3d.elementor-view-default .elementor-icon svg{fill:#FFFFFF;}.elementor-1804 .elementor-element.elementor-element-7217b3d .elementor-icon{font-size:29px;}.elementor-1804 .elementor-element.elementor-element-7217b3d .elementor-icon svg{height:29px;}.elementor-1804 .elementor-element.elementor-element-7217b3d .elementor-icon i, .elementor-1804 .elementor-element.elementor-element-7217b3d .elementor-icon svg{transform:rotate(90deg);}@media(max-width:1024px){.elementor-1804 .elementor-element.elementor-element-465a6c8 > .elementor-widget-container{padding:10px 0px 0px 0px;}.elementor-1804 .elementor-element.elementor-element-465a6c8{--container-widget-width:51%;--container-widget-flex-grow:0;width:var( --container-widget-width, 51% );max-width:51%;}.elementor-1804 .elementor-element.elementor-element-0a99cf2{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}}@media(max-width:767px){.elementor-1804 .elementor-element.elementor-element-60e1192{--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1804 .elementor-element.elementor-element-b8a730d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1804 .elementor-element.elementor-element-b8a730d{--container-widget-width:277px;--container-widget-flex-grow:0;width:var( --container-widget-width, 277px );max-width:277px;text-align:center;}.elementor-1804 .elementor-element.elementor-element-b8a730d .elementor-heading-title{font-size:42px;}.elementor-1804 .elementor-element.elementor-element-465a6c8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:25px 0px 0px 0px;}.elementor-1804 .elementor-element.elementor-element-465a6c8{--container-widget-width:88%;--container-widget-flex-grow:0;width:var( --container-widget-width, 88% );max-width:88%;}.elementor-1804 .elementor-element.elementor-element-465a6c8.elementor-element{--align-self:center;}.elementor-1804 .elementor-element.elementor-element-465a6c8 .elementor-heading-title{font-size:14px;line-height:1.4em;}.elementor-1804 .elementor-element.elementor-element-cdd7ce1{--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1804 .elementor-element.elementor-element-558a923{--container-widget-width:277px;--container-widget-flex-grow:0;width:var( --container-widget-width, 277px );max-width:277px;}.elementor-1804 .elementor-element.elementor-element-558a923 .elementor-heading-title{font-size:24px;letter-spacing:-0.8px;}.elementor-1804 .elementor-element.elementor-element-0a99cf2{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:-200px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:12px;--padding-right:12px;}}/* Start custom CSS for container, class: .elementor-element-60e1192 *//* 1. Isolation ensures the grid doesn't get "swallowed" by parent backgrounds */
.mdw-image-hover-119 {
    position: relative;
    z-index: 1;
    isolation: isolate; 
}

.grid-reveal-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: -1; 
    opacity: 0;
    transition: opacity 0.5s ease;

    /* 2. Standard 1px lines for crisp visibility */
    /* We use a slightly higher opacity (0.25) but keep the line at 1px */
    background-image: 
        repeating-linear-gradient(rgba(245, 44, 44, 0.25) 0 1px, transparent 1px 60px),
        repeating-linear-gradient(90deg, rgba(245, 44, 44, 0.25) 0 1px, transparent 1px 60px);
    
    /* 3. The Spotlight Mask */
    -webkit-mask-image: radial-gradient(
        circle 250px at var(--mouse-x, 50%) var(--mouse-y, 50%), 
        black 30%, 
        transparent 100%
    );
    mask-image: radial-gradient(
        circle 250px at var(--mouse-x, 50%) var(--mouse-y, 50%), 
        black 30%, 
        transparent 100%
    );
}

/* 4. Dark Mode Fix */
/* We boost the brightness specifically for the WP Dark Mode plugin environment */
html.wp-dark-mode-active .grid-reveal-bg {
    mix-blend-mode: screen !important;
    filter: brightness(1.2) contrast(1.1) !important;
}

/* 5. Reveal on Hover */
/* Setting this to 0.5 gives a nice balance of visibility */
.mdw-image-hover-119:hover .grid-reveal-bg {
    opacity: 0.5 !important; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6904c83 *//* Import Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;800&family=Space+Mono:wght@800&display=swap');

/* ===== 1. CONTAINER & GAP FIX ===== */
.grid-item, .grid-item img, .grid-overlay, .grid-reveal-bg {
  border-radius: 25px !important; /* Unified Rounding */
  padding: 0 !important;
  margin: 0 !important;
}

.grid-item {
  position: relative !important;
  overflow: hidden !important;
  background: #000 !important;
  display: flex !important;
  /* FIX: Eliminates white gap at bottom */
  font-size: 0 !important;
  line-height: 0 !important;
  cursor: pointer !important; /* Restores normal pointer */
}

/* ===== 2. IMAGE & REVEAL LAYER ===== */
.grid-item img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

/* The Spotlight Reveal Effect */
.grid-reveal-bg {
  position: absolute !important;
  inset: 0 !important;
  z-index: 2 !important;
  pointer-events: none !important;
  opacity: 0;
  transition: opacity 0.4s ease !important;
  /* Creates the spotlight using the JS variables */
  background: radial-gradient(
    600px circle at var(--mouse-x) var(--mouse-y),
    rgba(227, 71, 68, 0.15), /* Subtle Red #e34744 Glow */
    transparent 40%
  ) !important;
}

.grid-item:hover .grid-reveal-bg {
  opacity: 1;
}

.grid-item:hover img {
  transform: scale(1.05) !important;
}

/* ===== 3. FLAG (Black BG, Red Text) ===== */
.grid-flag {
  position: absolute !important;
  top: 15px !important;
  right: 15px !important;
  background: #000000 !important; 
  color: #e34744 !important; /* Your Red */
  font-family: 'Space Mono', monospace !important;
  font-weight: 800 !important;
  font-size: 9px !important;
  padding: 6px 14px !important;
  border-radius: 50px !important; /* Pill Shape */
  z-index: 10 !important;
  line-height: normal !important;
  text-transform: uppercase !important;
  transition: opacity 0.3s ease !important;
}

.grid-item:hover .grid-flag {
  opacity: 0 !important;
}

/* ===== 4. TEXT OVERLAY ===== */
.grid-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.7) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  opacity: 0 !important;
  z-index: 5 !important;
  transition: opacity 0.4s ease !important;
}

.grid-item:hover .grid-overlay {
  opacity: 1 !important;
}

.overlay-title {
  color: #ffffff !important;
  font-family: 'Space Mono', monospace !important;
  font-weight: 800 !important;
  font-size: 24px !important;
  letter-spacing: -0.08em !important;
}

.overlay-description {
  color: #ffffff !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  letter-spacing: -0.05em !important;
  max-width: 80% !important;
  text-align: center !important;
  margin-top: 10px !important;
  line-height: 1.4 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5395ccf *//* Import Inter and Space Mono fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Space+Mono:wght@800&display=swap');

/* ===== 1. CONTAINER ROUNDING & GAP ELIMINATION ===== */
.grid-item,
.elementor .grid-item,
div.grid-item,
.grid-item img,
.grid-overlay {
  /* Rounded aesthetic as seen in zoomed corner previews */
  border-radius: 25px !important; 
  padding: 0 !important;
  margin: 0 !important;
}

/* ===== 2. THE 'BUD' CONTAINER ===== */
.grid-item {
  position: relative !important;
  overflow: hidden !important;
  cursor: none !important;
  background: transparent !important;
  border: none !important;
  /* FIX: Eliminates the white gap by killing vertical text space */
  display: flex !important;
  line-height: 0 !important;
  font-size: 0 !important;
}

/* ===== 3. IMAGE STYLING (Restored Animation & Aspect Fix) ===== */
.grid-item img {
  width: 100% !important;
  height: 100% !important; /* Forces image to fill container dimensions */
  object-fit: cover !important; /* Maintained for 1500x1000px images */
  display: block !important; 
  vertical-align: bottom !important;
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
  will-change: transform !important;
}

/* Scaling animation restored */
.grid-item:hover img {
  transform: scale(1.1) !important;
}

/* ===== 4. FLAG STYLING - BLACK BG & RED TEXT ===== */
.grid-flag {
  position: absolute !important;
  top: 15px !important;
  right: 15px !important;
  
  /* UPDATED: Black Background / Red Text */
  background-color: #000000 !important; 
  color: #e34744 !important; 
  
  /* Typography & Pill Shape */
  font-family: 'Space Mono', monospace !important;
  font-weight: 800 !important;
  font-size: 9px !important; 
  line-height: normal !important; 
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  padding: 6px 14px !important;
  border-radius: 50px !important; 
  
  z-index: 15 !important;
  pointer-events: none !important;
  white-space: nowrap !important;
  opacity: 1 !important;
  transition: opacity 0.4s ease, transform 0.4s ease !important;
}

.grid-item:hover .grid-flag {
  opacity: 0 !important;
  transform: translateX(20px) !important;
}

/* ===== 5. OVERLAY SYSTEM - FULL COVERAGE ===== */
.grid-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.85) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  opacity: 0 !important;
  z-index: 5 !important;
  pointer-events: none !important;
  transition: opacity 0.4s ease !important;
  /* Resetting text visibility */
  font-size: 16px !important; 
  line-height: normal !important;
}

.grid-item:hover .grid-overlay {
  opacity: 1 !important;
}

/* ===== 6. TYPOGRAPHY (Space Mono & Inter) ===== */
.overlay-title {
  color: #ffffff !important;
  font-family: 'Space Mono', monospace !important;
  font-weight: 800 !important;
  font-size: 24px !important;
  letter-spacing: -0.08em !important;
  margin: 0 !important;
}

.overlay-description {
  color: #ffffff !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  /* Letter spacing as seen in editor screenshot */
  letter-spacing: -0.05em !important; 
  line-height: 1.5 !important;
  max-width: 80% !important;
  text-align: center !important;
  margin-top: 10px !important;
}

/* Mobile Adjustments */
@media (max-width: 768px) {
  .overlay-title { font-size: 20px !important; }
  .overlay-description { font-size: 13px !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d014b1 *//* Import Inter and Space Mono fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Space+Mono:wght@800&display=swap');

/* ===== 1. CONTAINER ROUNDING & GAP ELIMINATION ===== */
.grid-item,
.elementor .grid-item,
div.grid-item,
.grid-item img,
.grid-overlay {
  /* Rounded aesthetic as seen in zoomed corner previews */
  border-radius: 25px !important; 
  padding: 0 !important;
  margin: 0 !important;
}

/* ===== 2. THE 'BUD' CONTAINER ===== */
.grid-item {
  position: relative !important;
  overflow: hidden !important;
  cursor: none !important;
  background: transparent !important;
  border: none !important;
  /* FIX: Eliminates the white gap by killing vertical text space */
  display: flex !important;
  line-height: 0 !important;
  font-size: 0 !important;
}

/* ===== 3. IMAGE STYLING (Restored Animation & Aspect Fix) ===== */
.grid-item img {
  width: 100% !important;
  height: 100% !important; /* Forces image to fill container dimensions */
  object-fit: cover !important; /* Maintained for 1500x1000px images */
  display: block !important; 
  vertical-align: bottom !important;
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
  will-change: transform !important;
}

/* Scaling animation restored */
.grid-item:hover img {
  transform: scale(1.1) !important;
}

/* ===== 4. FLAG STYLING - BLACK BG & RED TEXT ===== */
.grid-flag {
  position: absolute !important;
  top: 15px !important;
  right: 15px !important;
  
  /* UPDATED: Black Background / Red Text */
  background-color: #000000 !important; 
  color: #e34744 !important; 
  
  /* Typography & Pill Shape */
  font-family: 'Space Mono', monospace !important;
  font-weight: 800 !important;
  font-size: 9px !important; 
  line-height: normal !important; 
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  padding: 6px 14px !important;
  border-radius: 50px !important; 
  
  z-index: 15 !important;
  pointer-events: none !important;
  white-space: nowrap !important;
  opacity: 1 !important;
  transition: opacity 0.4s ease, transform 0.4s ease !important;
}

.grid-item:hover .grid-flag {
  opacity: 0 !important;
  transform: translateX(20px) !important;
}

/* ===== 5. OVERLAY SYSTEM - FULL COVERAGE ===== */
.grid-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.85) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  opacity: 0 !important;
  z-index: 5 !important;
  pointer-events: none !important;
  transition: opacity 0.4s ease !important;
  /* Resetting text visibility */
  font-size: 16px !important; 
  line-height: normal !important;
}

.grid-item:hover .grid-overlay {
  opacity: 1 !important;
}

/* ===== 6. TYPOGRAPHY (Space Mono & Inter) ===== */
.overlay-title {
  color: #ffffff !important;
  font-family: 'Space Mono', monospace !important;
  font-weight: 800 !important;
  font-size: 24px !important;
  letter-spacing: -0.08em !important;
  margin: 0 !important;
}

.overlay-description {
  color: #ffffff !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  /* Letter spacing as seen in editor screenshot */
  letter-spacing: -0.05em !important; 
  line-height: 1.5 !important;
  max-width: 80% !important;
  text-align: center !important;
  margin-top: 10px !important;
}

/* Mobile Adjustments */
@media (max-width: 768px) {
  .overlay-title { font-size: 20px !important; }
  .overlay-description { font-size: 13px !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d1995b8 *//* Import Inter and Space Mono fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Space+Mono:wght@800&display=swap');

/* ===== 1. CONTAINER ROUNDING & GAP ELIMINATION ===== */
.grid-item,
.elementor .grid-item,
div.grid-item,
.grid-item img,
.grid-overlay {
  /* Rounded aesthetic as seen in zoomed corner previews */
  border-radius: 25px !important; 
  padding: 0 !important;
  margin: 0 !important;
}

/* ===== 2. THE 'BUD' CONTAINER ===== */
.grid-item {
  position: relative !important;
  overflow: hidden !important;
  cursor: none !important;
  background: transparent !important;
  border: none !important;
  /* FIX: Eliminates the white gap by killing vertical text space */
  display: flex !important;
  line-height: 0 !important;
  font-size: 0 !important;
}

/* ===== 3. IMAGE STYLING (Restored Animation & Aspect Fix) ===== */
.grid-item img {
  width: 100% !important;
  height: 100% !important; /* Forces image to fill container dimensions */
  object-fit: cover !important; /* Maintained for 1500x1000px images */
  display: block !important; 
  vertical-align: bottom !important;
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
  will-change: transform !important;
}

/* Scaling animation restored */
.grid-item:hover img {
  transform: scale(1.1) !important;
}

/* ===== 4. FLAG STYLING - BLACK BG & RED TEXT ===== */
.grid-flag {
  position: absolute !important;
  top: 15px !important;
  right: 15px !important;
  
  /* UPDATED: Black Background / Red Text */
  background-color: #000000 !important; 
  color: #e34744 !important; 
  
  /* Typography & Pill Shape */
  font-family: 'Space Mono', monospace !important;
  font-weight: 800 !important;
  font-size: 9px !important; 
  line-height: normal !important; 
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  padding: 6px 14px !important;
  border-radius: 50px !important; 
  
  z-index: 15 !important;
  pointer-events: none !important;
  white-space: nowrap !important;
  opacity: 1 !important;
  transition: opacity 0.4s ease, transform 0.4s ease !important;
}

.grid-item:hover .grid-flag {
  opacity: 0 !important;
  transform: translateX(20px) !important;
}

/* ===== 5. OVERLAY SYSTEM - FULL COVERAGE ===== */
.grid-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.85) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  opacity: 0 !important;
  z-index: 5 !important;
  pointer-events: none !important;
  transition: opacity 0.4s ease !important;
  /* Resetting text visibility */
  font-size: 16px !important; 
  line-height: normal !important;
}

.grid-item:hover .grid-overlay {
  opacity: 1 !important;
}

/* ===== 6. TYPOGRAPHY (Space Mono & Inter) ===== */
.overlay-title {
  color: #ffffff !important;
  font-family: 'Space Mono', monospace !important;
  font-weight: 800 !important;
  font-size: 24px !important;
  letter-spacing: -0.08em !important;
  margin: 0 !important;
}

.overlay-description {
  color: #ffffff !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  /* Letter spacing as seen in editor screenshot */
  letter-spacing: -0.05em !important; 
  line-height: 1.5 !important;
  max-width: 80% !important;
  text-align: center !important;
  margin-top: 10px !important;
}

/* Mobile Adjustments */
@media (max-width: 768px) {
  .overlay-title { font-size: 20px !important; }
  .overlay-description { font-size: 13px !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc24ab3 *//* Import Inter and Space Mono fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Space+Mono:wght@800&display=swap');

/* ===== 1. CONTAINER ROUNDING & GAP ELIMINATION ===== */
.grid-item,
.elementor .grid-item,
div.grid-item,
.grid-item img,
.grid-overlay {
  /* Rounded aesthetic as seen in zoomed corner previews */
  border-radius: 25px !important; 
  padding: 0 !important;
  margin: 0 !important;
}

/* ===== 2. THE 'BUD' CONTAINER ===== */
.grid-item {
  position: relative !important;
  overflow: hidden !important;
  cursor: none !important;
  background: transparent !important;
  border: none !important;
  /* FIX: Eliminates the white gap by killing vertical text space */
  display: flex !important;
  line-height: 0 !important;
  font-size: 0 !important;
}

/* ===== 3. IMAGE STYLING (Restored Animation & Aspect Fix) ===== */
.grid-item img {
  width: 100% !important;
  height: 100% !important; /* Forces image to fill container dimensions */
  object-fit: cover !important; /* Maintained for 1500x1000px images */
  display: block !important; 
  vertical-align: bottom !important;
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
  will-change: transform !important;
}

/* Scaling animation restored */
.grid-item:hover img {
  transform: scale(1.1) !important;
}

/* ===== 4. FLAG STYLING - BLACK BG & RED TEXT ===== */
.grid-flag {
  position: absolute !important;
  top: 15px !important;
  right: 15px !important;
  
  /* UPDATED: Black Background / Red Text */
  background-color: #000000 !important; 
  color: #e34744 !important; 
  
  /* Typography & Pill Shape */
  font-family: 'Space Mono', monospace !important;
  font-weight: 800 !important;
  font-size: 9px !important; 
  line-height: normal !important; 
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  padding: 6px 14px !important;
  border-radius: 50px !important; 
  
  z-index: 15 !important;
  pointer-events: none !important;
  white-space: nowrap !important;
  opacity: 1 !important;
  transition: opacity 0.4s ease, transform 0.4s ease !important;
}

.grid-item:hover .grid-flag {
  opacity: 0 !important;
  transform: translateX(20px) !important;
}

/* ===== 5. OVERLAY SYSTEM - FULL COVERAGE ===== */
.grid-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.85) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  opacity: 0 !important;
  z-index: 5 !important;
  pointer-events: none !important;
  transition: opacity 0.4s ease !important;
  /* Resetting text visibility */
  font-size: 16px !important; 
  line-height: normal !important;
}

.grid-item:hover .grid-overlay {
  opacity: 1 !important;
}

/* ===== 6. TYPOGRAPHY (Space Mono & Inter) ===== */
.overlay-title {
  color: #ffffff !important;
  font-family: 'Space Mono', monospace !important;
  font-weight: 800 !important;
  font-size: 24px !important;
  letter-spacing: -0.08em !important;
  margin: 0 !important;
}

.overlay-description {
  color: #ffffff !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  /* Letter spacing as seen in editor screenshot */
  letter-spacing: -0.05em !important; 
  line-height: 1.5 !important;
  max-width: 80% !important;
  text-align: center !important;
  margin-top: 10px !important;
}

/* Mobile Adjustments */
@media (max-width: 768px) {
  .overlay-title { font-size: 20px !important; }
  .overlay-description { font-size: 13px !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4c701e *//* Import Inter and Space Mono fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Space+Mono:wght@800&display=swap');

/* ===== 1. CONTAINER ROUNDING & GAP ELIMINATION ===== */
.grid-item,
.elementor .grid-item,
div.grid-item,
.grid-item img,
.grid-overlay {
  /* Rounded aesthetic as seen in zoomed corner previews */
  border-radius: 25px !important; 
  padding: 0 !important;
  margin: 0 !important;
}

/* ===== 2. THE 'BUD' CONTAINER ===== */
.grid-item {
  position: relative !important;
  overflow: hidden !important;
  cursor: none !important;
  background: transparent !important;
  border: none !important;
  /* FIX: Eliminates the white gap by killing vertical text space */
  display: flex !important;
  line-height: 0 !important;
  font-size: 0 !important;
}

/* ===== 3. IMAGE STYLING (Restored Animation & Aspect Fix) ===== */
.grid-item img {
  width: 100% !important;
  height: 100% !important; /* Forces image to fill container dimensions */
  object-fit: cover !important; /* Maintained for 1500x1000px images */
  display: block !important; 
  vertical-align: bottom !important;
  transition: transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
  will-change: transform !important;
}

/* Scaling animation restored */
.grid-item:hover img {
  transform: scale(1.1) !important;
}

/* ===== 4. FLAG STYLING - BLACK BG & RED TEXT ===== */
.grid-flag {
  position: absolute !important;
  top: 15px !important;
  right: 15px !important;
  
  /* UPDATED: Black Background / Red Text */
  background-color: #000000 !important; 
  color: #e34744 !important; 
  
  /* Typography & Pill Shape */
  font-family: 'Space Mono', monospace !important;
  font-weight: 800 !important;
  font-size: 9px !important; 
  line-height: normal !important; 
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  padding: 6px 14px !important;
  border-radius: 50px !important; 
  
  z-index: 15 !important;
  pointer-events: none !important;
  white-space: nowrap !important;
  opacity: 1 !important;
  transition: opacity 0.4s ease, transform 0.4s ease !important;
}

.grid-item:hover .grid-flag {
  opacity: 0 !important;
  transform: translateX(20px) !important;
}

/* ===== 5. OVERLAY SYSTEM - FULL COVERAGE ===== */
.grid-overlay {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(0, 0, 0, 0.85) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  opacity: 0 !important;
  z-index: 5 !important;
  pointer-events: none !important;
  transition: opacity 0.4s ease !important;
  /* Resetting text visibility */
  font-size: 16px !important; 
  line-height: normal !important;
}

.grid-item:hover .grid-overlay {
  opacity: 1 !important;
}

/* ===== 6. TYPOGRAPHY (Space Mono & Inter) ===== */
.overlay-title {
  color: #ffffff !important;
  font-family: 'Space Mono', monospace !important;
  font-weight: 800 !important;
  font-size: 24px !important;
  letter-spacing: -0.08em !important;
  margin: 0 !important;
}

.overlay-description {
  color: #ffffff !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 300 !important;
  font-size: 14px !important;
  /* Letter spacing as seen in editor screenshot */
  letter-spacing: -0.05em !important; 
  line-height: 1.5 !important;
  max-width: 80% !important;
  text-align: center !important;
  margin-top: 10px !important;
}

/* Mobile Adjustments */
@media (max-width: 768px) {
  .overlay-title { font-size: 20px !important; }
  .overlay-description { font-size: 13px !important; }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cdd7ce1 *//* 1. Isolation ensures the grid doesn't get "swallowed" by parent backgrounds */
.mdw-image-hover-119 {
    position: relative;
    z-index: 1;
    isolation: isolate; 
}

.grid-reveal-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: -1; 
    opacity: 0;
    transition: opacity 0.5s ease;

    /* 2. Standard 1px lines for crisp visibility */
    /* We use a slightly higher opacity (0.25) but keep the line at 1px */
    background-image: 
        repeating-linear-gradient(rgba(245, 44, 44, 0.25) 0 1px, transparent 1px 60px),
        repeating-linear-gradient(90deg, rgba(245, 44, 44, 0.25) 0 1px, transparent 1px 60px);
    
    /* 3. The Spotlight Mask */
    -webkit-mask-image: radial-gradient(
        circle 250px at var(--mouse-x, 50%) var(--mouse-y, 50%), 
        black 30%, 
        transparent 100%
    );
    mask-image: radial-gradient(
        circle 250px at var(--mouse-x, 50%) var(--mouse-y, 50%), 
        black 30%, 
        transparent 100%
    );
}

/* 4. Dark Mode Fix */
/* We boost the brightness specifically for the WP Dark Mode plugin environment */
html.wp-dark-mode-active .grid-reveal-bg {
    mix-blend-mode: screen !important;
    filter: brightness(1.2) contrast(1.1) !important;
}

/* 5. Reveal on Hover */
/* Setting this to 0.5 gives a nice balance of visibility */
.mdw-image-hover-119:hover .grid-reveal-bg {
    opacity: 0.5 !important; 
}/* End custom CSS */