.elementor-511 .elementor-element.elementor-element-b81ef22{--display:flex;--padding-top:10%;--padding-bottom:0%;--padding-left:5%;--padding-right:5%;}.elementor-511 .elementor-element.elementor-element-be308f8{padding:0% 0% 10% 0%;}.elementor-511 .elementor-element.elementor-element-1867b2d{--grid-row-gap:24px;width:100%;max-width:100%;--grid-column-gap:50px;}.elementor-511 .elementor-element.elementor-element-1867b2d > .elementor-widget-container{margin:0% 0% 0% 0%;padding:0px 0px 60px 0px;}.elementor-511 .elementor-element.elementor-element-1867b2d .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-511 .elementor-element.elementor-element-1867b2d:after{content:"0.5";}.elementor-511 .elementor-element.elementor-element-1867b2d .elementor-post__thumbnail__link{width:100%;}.elementor-511 .elementor-element.elementor-element-1867b2d .elementor-post__text{padding:24px 0px 18px 0px;margin-bottom:0px;}.elementor-511 .elementor-element.elementor-element-1867b2d.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:8px;}.elementor-511 .elementor-element.elementor-element-1867b2d.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:8px;}.elementor-511 .elementor-element.elementor-element-1867b2d.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:8px;}.elementor-511 .elementor-element.elementor-element-1867b2d .elementor-post__thumbnail img{filter:brightness( 105% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-511 .elementor-element.elementor-element-1867b2d .elementor-post__title, .elementor-511 .elementor-element.elementor-element-1867b2d .elementor-post__title a{color:#000000;font-family:"Manrope", Sans-serif;font-size:19px;font-weight:600;line-height:1.5em;}.elementor-511 .elementor-element.elementor-element-1867b2d .elementor-post__title{margin-bottom:10px;}.elementor-511 .elementor-element.elementor-element-1867b2d .elementor-post__meta-data{color:#555555;font-family:"Manrope", Sans-serif;font-size:14px;font-weight:700;}.elementor-511 .elementor-element.elementor-element-1867b2d .elementor-post__meta-data span:before{color:#555555;}.elementor-511 .elementor-element.elementor-element-1867b2d .elementor-post__excerpt p{color:#000000;font-family:"Manrope", Sans-serif;font-size:16px;font-weight:400;line-height:24px;}.elementor-511 .elementor-element.elementor-element-1867b2d .elementor-post__excerpt{margin-bottom:25px;}.elementor-511 .elementor-element.elementor-element-1867b2d .elementor-post__read-more{color:#467FF7;}@media(max-width:767px){.elementor-511 .elementor-element.elementor-element-b81ef22{--padding-top:0%;--padding-bottom:10%;--padding-left:5%;--padding-right:5%;}.elementor-511 .elementor-element.elementor-element-be308f8{padding:25% 0% 10% 0%;}.elementor-511 .elementor-element.elementor-element-1867b2d > .elementor-widget-container{padding:0px 24px 80px 24px;}.elementor-511 .elementor-element.elementor-element-1867b2d .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for html, class: .elementor-element-be308f8 */:root {
    --brand-primary: #9185DE;
    --brand-primary-light: rgba(145, 133, 222, 0.08);
    --brand-primary-tint: rgba(145, 133, 222, 0.12);
    --text-dark: #111111;
    --text-muted: #333333;
    --text-light-gray: #666666;
    --bg-white: #FFFFFF;
  }
  
  .desktop-only {
      display: none;
    }

  .archive-intro-hero {
    background-color: var(--bg-white);
    width: 100%;
    font-family: 'Manrope', -apple-system, BlinkMacSystemFont, sans-serif;
  }

  .archive-intro-container {
    margin: 0 auto;
    padding: 0 24px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: center;
  }

  /* Structural Columns Layout */
  .archive-intro-content-col {
    width: 100%;
  }

  .archive-intro-image-col {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  /* Typography Style Rules */
  .archive-pre-title {
    display: inline-block;
    color: var(--brand-primary);
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 12px;
  }

  .archive-main-title {
    font-size: 36px;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -1px;
    color: var(--text-dark);
    margin: 0 0 16px 0;
  }

  .archive-description-text {
    font-size: 16px;
    color: var(--text-light-gray);
    line-height: 1.65;
    margin: 0;
  }

  /* Premium Responsive Image Frame */
  .archive-image-frame {
    width: 100%;
    height: 300px;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 15px 35px rgba(145, 133, 222, 0.05);
  }

  .archive-hero-media {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
  }
  
  @media (min-width: 901px) {
      .desktop-only {
        display: inline;
      }
    }

  /* ==========================================================================
     DESKTOP ADAPTATION MEDIA BREAKPOINT (Perfect side-by-side split)
     ========================================================================== */
  @media (min-width: 768px) {
    .archive-intro-container {
      flex-direction: row;
      justify-content: space-between;
      gap: 50px;
    }

    .archive-intro-content-col {
      width: 55%; /* Wider spacing for typography layout on desktop screens */
    }

    .archive-intro-image-col {
      width: 45%;
    }

    .archive-main-title {
      font-size: 44px; /* Larger and cleaner headline typography for desktop layouts */
    }

    .archive-image-frame {
      height: 380px; /* Enhanced height scale for premium asset presentation */
    }
  }/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-1867b2d *//* ==========================================================================
   ELEMENTOR POSTS WIDGET PREMIUM UPGRADE (S&W PLUS THEME)
   ========================================================================== */

/* 1. Main Card Structure Transformation */
.elementor-511 .elementor-element.elementor-element-1867b2d .elementor-post {
  background-color: #FFFFFF !important;
  border: 1px solid rgba(145, 133, 222, 0.1) !important; /* Subtle purple outline */
  border-radius: 24px !important;
  padding: 0px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important;
  display: flex !important;
  flex-direction: column !important;
  transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), 
              box-shadow 0.3s cubic-bezier(0.25, 1, 0.5, 1), 
              border-color 0.3s ease !important;
}

/* Elegant Hover Lift Effect */
.elementor-511 .elementor-element.elementor-element-1867b2d .elementor-post:hover {
  transform: translateY(-8px) !important;
  border-color: #9185DE !important; /* Changes to branding purple */
  box-shadow: 0 20px 40px rgba(145, 133, 222, 0.08) !important;
}

/* 2. Smooth Image Zoom Interaction */
.elementor-511 .elementor-element.elementor-element-1867b2d .elementor-post__thumbnail {
  overflow: hidden !important;
}

.elementor-511 .elementor-element.elementor-element-1867b2d .elementor-post__thumbnail img {
  transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
  width: 100% !important;
}

/* 3. Text Padding Allocation (Creates internal whitespace) */
.elementor-511 .elementor-element.elementor-element-1867b2d .elementor-post__text {
  padding: 28px !important;
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
}

/* 4. Meta Data Styling (Date Elements) */
.elementor-511 .elementor-element.elementor-element-1867b2d .elementor-post__meta-data {
  font-family: 'Manrope', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #666666 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  margin-bottom: 12px !important;
}

/* 5. Title Typography Overhaul */
.elementor-511 .elementor-element.elementor-element-1867b2d .elementor-post__title,
.elementor-511 .elementor-element.elementor-element-1867b2d .elementor-post__title a {
  font-family: 'Manrope', sans-serif !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.4 !important;
  color: #111111 !important;
  letter-spacing: -0.4px !important;
  margin: 0 0 14px 0 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.elementor-511 .elementor-element.elementor-element-1867b2d .elementor-post:hover .elementor-post__title a {
  color: #9185DE !important; /* Title turns purple on hover */
}

/* 6. Excerpt/Description Copy Layout */
.elementor-511 .elementor-element.elementor-element-1867b2d .elementor-post__excerpt,
.elementor-511 .elementor-element.elementor-element-1867b2d .elementor-post__excerpt p {
  font-family: 'Manrope', sans-serif !important;
  font-size: 15px !important;
  color: #444444 !important;
  line-height: 1.6 !important;
  margin-bottom: 0px !important;
  flex-grow: 1 !important; /* Pushes button to base */
}

/* 7. Dynamic Read More Custom Link Indicator */
.elementor-511 .elementor-element.elementor-element-1867b2d .elementor-post__read-more {
  font-family: 'Manrope', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #9185DE !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  margin-top: 20px !important;
  transition: color 0.2s ease !important;
}

.elementor-511 .elementor-element.elementor-element-1867b2d .elementor-post__read-more:after {
  content: ' →' !important;
  transition: transform 0.2s ease !important;
}

.elementor-511 .elementor-element.elementor-element-1867b2d .elementor-post:hover .elementor-post__read-more {
  color: #111111 !important;
}

.elementor-511 .elementor-element.elementor-element-1867b2d .elementor-post:hover .elementor-post__read-more:after {
  transform: translateX(4px) !important;
}/* End custom CSS */