.elementor-2730 .elementor-element.elementor-element-63d3311{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2730 .elementor-element.elementor-element-ccdf3b2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2730 .elementor-element.elementor-element-491ac3c > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2730 .elementor-element.elementor-element-491ac3c{text-align:start;}.elementor-2730 .elementor-element.elementor-element-491ac3c .elementor-heading-title{font-family:"Sometype Mono", Sans-serif;font-weight:600;color:#E2FC85;}.elementor-2730 .elementor-element.elementor-element-491ac3c .elementor-heading-title a:hover, .elementor-2730 .elementor-element.elementor-element-491ac3c .elementor-heading-title a:focus{color:var( --e-global-color-secondary );}.elementor-2730 .elementor-element.elementor-element-3099676{text-align:start;}.elementor-2730 .elementor-element.elementor-element-3099676 .elementor-heading-title{font-family:"Instrument Serif", Sans-serif;font-size:62px;font-weight:500;letter-spacing:-0.8px;color:#000000;}.elementor-2730 .elementor-element.elementor-element-e349e61{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:30px;--padding-right:20px;}.elementor-2730 .elementor-element.elementor-element-e349e61:not(.elementor-motion-effects-element-type-background), .elementor-2730 .elementor-element.elementor-element-e349e61 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C57474;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-2730 .elementor-element.elementor-element-a178d57 .elementor-icon-wrapper{text-align:start;}.elementor-2730 .elementor-element.elementor-element-a178d57.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-2730 .elementor-element.elementor-element-a178d57.elementor-view-framed .elementor-icon, .elementor-2730 .elementor-element.elementor-element-a178d57.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-2730 .elementor-element.elementor-element-a178d57.elementor-view-framed .elementor-icon, .elementor-2730 .elementor-element.elementor-element-a178d57.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-2730 .elementor-element.elementor-element-a178d57 .elementor-icon{font-size:31px;}.elementor-2730 .elementor-element.elementor-element-a178d57 .elementor-icon svg{height:31px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2730 .elementor-element.elementor-element-38b7a6b{column-gap:0px;text-align:start;font-family:"Sometype Mono", Sans-serif;font-size:14px;font-weight:400;line-height:23px;color:#000000;}.elementor-2730 .elementor-element.elementor-element-38b7a6b p{margin-block-end:0px;}.elementor-2730 .elementor-element.elementor-element-f645440{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-breadcrumbs{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2730 .elementor-element.elementor-element-392a3fb{font-family:"Sometype Mono", Sans-serif;font-weight:400;color:#000000;}.elementor-2730 .elementor-element.elementor-element-392a3fb a{color:#000000;}.elementor-2730 .elementor-element.elementor-element-0fe4c0b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2730 .elementor-element.elementor-element-f930d46{--item-display:flex;--read-more-alignment:1;--grid-row-gap:53px;--grid-column-gap:41px;}.elementor-2730 .elementor-element.elementor-element-f930d46 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-2730 .elementor-element.elementor-element-f930d46:after{content:"0.66";}.elementor-2730 .elementor-element.elementor-element-f930d46 .elementor-post__thumbnail__link{width:100%;}.elementor-2730 .elementor-element.elementor-element-f930d46.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:0px;}.elementor-2730 .elementor-element.elementor-element-f930d46.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:0px;}.elementor-2730 .elementor-element.elementor-element-f930d46.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:0px;}.elementor-2730 .elementor-element.elementor-element-f930d46 .elementor-post__title, .elementor-2730 .elementor-element.elementor-element-f930d46 .elementor-post__title a{color:#000000;font-family:"Instrument Sans", Sans-serif;font-size:22px;font-weight:600;text-decoration:none;}.elementor-2730 .elementor-element.elementor-element-f930d46 .elementor-post__title{margin-bottom:13px;}.elementor-2730 .elementor-element.elementor-element-f930d46 .elementor-post__meta-data{font-family:"Sometype Mono", Sans-serif;font-weight:400;margin-bottom:16px;}.elementor-2730 .elementor-element.elementor-element-f930d46 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-2730 .elementor-element.elementor-element-f930d46 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-2730 .elementor-element.elementor-element-f930d46 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-2730 .elementor-element.elementor-element-f930d46 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-2730 .elementor-element.elementor-element-f930d46 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-2730 .elementor-element.elementor-element-64a036f{--display:flex;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2730 .elementor-element.elementor-element-ccdf3b2{--width:44%;}.elementor-2730 .elementor-element.elementor-element-e349e61{--width:77%;}.elementor-2730 .elementor-element.elementor-element-f645440{--content-width:1470px;}}@media(max-width:767px){.elementor-2730 .elementor-element.elementor-element-63d3311{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2730 .elementor-element.elementor-element-491ac3c{text-align:center;}.elementor-2730 .elementor-element.elementor-element-3099676{text-align:center;}.elementor-2730 .elementor-element.elementor-element-3099676 .elementor-heading-title{font-size:52px;}.elementor-2730 .elementor-element.elementor-element-38b7a6b{text-align:center;font-size:14px;line-height:1.1em;}.elementor-2730 .elementor-element.elementor-element-0fe4c0b{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2730 .elementor-element.elementor-element-f930d46{--grid-row-gap:8px;}.elementor-2730 .elementor-element.elementor-element-f930d46 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.63 * 100% );}.elementor-2730 .elementor-element.elementor-element-f930d46:after{content:"0.63";}.elementor-2730 .elementor-element.elementor-element-f930d46 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for heading, class: .elementor-element-491ac3c */.elementor-2730 .elementor-element.elementor-element-491ac3c {
  display: inline-block !important;
  position: relative !important;
}

/* Speech Bubble Pill: Rounded with tail */
.elementor-2730 .elementor-element.elementor-element-491ac3c .email-pill {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  color: #000000 !important;
  font-family: inherit !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  background-color: #C0C3EB !important;
  border: 2.5px solid #000000 !important;
  border-radius: 999px !important;
  box-shadow: 5px 5px 0px #000000 !important;
  padding: 8px 24px !important;
  cursor: pointer !important;
}

/* Speech Bubble Tail Border (Outer Black) */
.elementor-2730 .elementor-element.elementor-element-491ac3c .email-pill::before {
  content: "" !important;
  position: absolute !important;
  bottom: -9px !important;
  left: 28px !important;
  width: 0 !important;
  height: 0 !important;
  border-left: 9px solid transparent !important;
  border-right: 2px solid transparent !important;
  border-top: 9px solid #000000 !important;
  z-index: 1 !important;
}

/* Speech Bubble Tail Fill (Inner Lavender Match) */
.elementor-2730 .elementor-element.elementor-element-491ac3c .email-pill::after {
  content: "" !important;
  position: absolute !important;
  bottom: -5px !important;
  left: 30px !important;
  width: 0 !important;
  height: 0 !important;
  border-left: 6px solid transparent !important;
  border-right: 1px solid transparent !important;
  border-top: 6px solid #C0C3EB !important;
  z-index: 2 !important;
}

/* Asterisk Styling */
.elementor-2730 .elementor-element.elementor-element-491ac3c .email-pill .star-icon {
  display: inline-block !important;
  max-width: 24px !important;
  opacity: 1 !important;
  margin-right: 8px !important;
  transform: scale(1.1) rotate(0deg) !important;
  overflow: visible !important;
  line-height: 1 !important;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-3099676 */.elementor-2730 .elementor-element.elementor-element-3099676 i {
    font-style: italic;
    background-color: #E2FC85;
    border-radius: 999px;
    padding: 0 0.15em;
    display: inline-block;
    line-height: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e349e61 */.elementor-2730 .elementor-element.elementor-element-e349e61 {
  position: relative !important;
  z-index: 10 !important;
  background-color: #DCF3F1 !important;
  border: 2px dashed #000000 !important;
  border-radius: 24px !important;
  box-shadow: 8px 8px 0px #000000 !important;
}

@media (max-width: 1024px) {
  .elementor-2730 .elementor-element.elementor-element-e349e61 {
    border-width: 1.5px !important;
    border-radius: 20px !important;
    box-shadow: 6px 6px 0px #000000 !important;
  }
}

@media (max-width: 767px) {
  .elementor-2730 .elementor-element.elementor-element-e349e61 {
    border-width: 1.5px !important;
    border-radius: 16px !important;
    box-shadow: 4px 4px 0px #000000 !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-63d3311 */.elementor-2730 .elementor-element.elementor-element-63d3311 {
    position: relative;
    width: 100%;
    min-height: 30vh;
    background-color: transparent;
}

.elementor-2730 .elementor-element.elementor-element-63d3311::before {
    content: "";
    position: absolute;
    inset: 0;
    
    /* Ito yung Gradient Color (50% Opacity) */
    background: linear-gradient(90deg, rgba(226, 252, 133, 0.5), rgba(183, 235, 231, 0.5));
    
    /* Ito yung gagawa ng Grid Pattern as a Mask */
    mask-image: 
        linear-gradient(black 1px, transparent 1px),
        linear-gradient(90deg, black 1px, transparent 1px);
    mask-size: 20px 20px;
    mask-position: -1px -1px;
    -webkit-mask-image: 
        linear-gradient(black 1px, transparent 1px),
        linear-gradient(90deg, black 1px, transparent 1px);
    -webkit-mask-size: 20px 20px;
    -webkit-mask-position: -1px -1px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f645440 */.elementor-2730 .elementor-element.elementor-element-f645440 {
  position: relative !important;
  z-index: 10 !important;
  background-color: #faf7ee !important;
  background-image: 
      linear-gradient(to right, #000000 50%, transparent 50%),
      linear-gradient(to right, #000000 50%, transparent 50%) !important;
  background-position: top, bottom !important;
  background-size: 16px 1px, 16px 1px !important;
  background-repeat: repeat-x, repeat-x !important;
}

@media (max-width: 1024px) {
  .elementor-2730 .elementor-element.elementor-element-f645440 {
      background-size: 14px 1px, 14px 1px !important;
  }
}

@media (max-width: 767px) {
  .elementor-2730 .elementor-element.elementor-element-f645440 {
      background-size: 12px 1px, 12px 1px !important;
  }
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-f930d46 *//* ========================================================
   NEO-BRUTALIST ELEMENTOR POSTS CARD
   ======================================================== */

/* 1. Target individual post cards */
.elementor-2730 .elementor-element.elementor-element-f930d46 .elementor-post {
  background-color: #ffffff !important;
  border: 2.5px solid #000000 !important;
  border-radius: 36px !important;
  box-shadow: 10px 10px 0px #000000 !important;
  overflow: visible !important;
  position: relative !important;
  margin-top: 30px !important;
  padding: 0px !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-style 0.3s ease !important;
  cursor: pointer;
}

/* Card Hover State */
.elementor-2730 .elementor-element.elementor-element-f930d46 .elementor-post:hover {
  border-style: dashed !important;
  transform: translate(-6px, -8px) !important;
  box-shadow: 16px 18px 0px #000000 !important;
}

/* 2. Top Header Bar (Using Featured Image or Meta Bar) */
.elementor-2730 .elementor-element.elementor-element-f930d46 .elementor-post__thumbnail,
.elementor-2730 .elementor-element.elementor-element-f930d46 .elementor-post__header {
  background-color: #3ec7cd !important;
  border-bottom: 2.5px solid #000000 !important;
  border-top-left-radius: 33px !important;
  border-top-right-radius: 33px !important;
  overflow: hidden !important;
  transition: border-bottom-style 0.3s ease !important;
}

/* Make images fit cleanly flush to the border */
.elementor-2730 .elementor-element.elementor-element-f930d46 .elementor-post__thumbnail img {
  width: 100% !important;
  display: block !important;
}

.elementor-2730 .elementor-element.elementor-element-f930d46 .elementor-post:hover .elementor-post__thumbnail,
.elementor-2730 .elementor-element.elementor-element-f930d46 .elementor-post:hover .elementor-post__header {
  border-bottom-style: dashed !important;
}

/* 3. Speech Bubble Reading Time Badge */
.elementor-2730 .elementor-element.elementor-element-f930d46 .elementor-post__badge {
  position: absolute !important;
  top: -18px !important;
  left: 28px !important;
  background-color: #E2FC85 !important;
  color: #000000 !important;
  font-family: monospace, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  padding: 8px 16px !important;
  border: 2px solid #000000 !important;
  border-radius: 999px !important;
  box-shadow: 3px 3px 0px #000000 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  z-index: 10 !important;
}

.elementor-2730 .elementor-element.elementor-element-f930d46 .elementor-post__badge::before {
  content: "✱" !important;
  font-size: 10px !important;
  display: inline-block !important;
}

.elementor-2730 .elementor-element.elementor-element-f930d46 .elementor-post__badge::after {
  content: "" !important;
  position: absolute !important;
  bottom: -6px !important;
  left: 18px !important;
  width: 8px !important;
  height: 8px !important;
  background-color: #E2FC85 !important;
  border-right: 2px solid #000000 !important;
  border-bottom: 2px solid #000000 !important;
  transform: rotate(45deg) !important;
}

/* 4. Text content padding inside the card */
.elementor-2730 .elementor-element.elementor-element-f930d46 .elementor-post__text {
  padding: 24px 28px !important;
}

/* 5. Neo-Brutalist "Read More" Button */
.elementor-2730 .elementor-element.elementor-element-f930d46 .elementor-post__read-more {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background-color: #C0C3F2 !important;
  color: #000000 !important;
  font-family: monospace, monospace !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  padding: 12px 24px !important;
  border: 2.5px solid #000000 !important;
  border-radius: 999px !important;
  box-shadow: 4px 5px 0px #000000 !important;
  transform: translate(0px, 0px);
  transition: transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.15s cubic-bezier(0.4, 0, 0.2, 1) !important;
  margin-top: 14px !important;
}

/* Top-right diagonal arrow matching the pill */
.elementor-2730 .elementor-element.elementor-element-f930d46 .elementor-post__read-more::after {
  content: "↗" !important;
  font-size: 14px !important;
  line-height: 1 !important;
  transition: transform 0.15s ease !important;
}

/* Button Pressed/Depressed Effect */
.elementor-2730 .elementor-element.elementor-element-f930d46 .elementor-post__read-more:hover {
  transform: translate(3px, 4px) !important;
  box-shadow: 1px 1px 0px #000000 !important;
  color: #000000 !important;
}

.elementor-2730 .elementor-element.elementor-element-f930d46 .elementor-post__read-more:active {
  transform: translate(4px, 5px) !important;
  box-shadow: 0px 0px 0px #000000 !important;
}

/* 6. Floating Animated Emoji */
.elementor-2730 .elementor-element.elementor-element-f930d46 .cherry-emoji {
  display: inline-block !important;
  will-change: transform;
  animation: smoothBreathingFloat 4.5s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite !important;
}

.elementor-2730 .elementor-element.elementor-element-f930d46 .elementor-post:hover .cherry-emoji {
  animation: slowAirBounce 2s ease-in-out infinite !important;
}

/* 7. Keyframe Animations */
@keyframes smoothBreathingFloat {
  0% { transform: translate3d(0, 0px, 0) scale(1); }
  50% { transform: translate3d(0, -5px, 0) scale(1.025); }
  100% { transform: translate3d(0, 0px, 0) scale(1); }
}

@keyframes slowAirBounce {
  0% { transform: translate3d(0, 0px, 0) scale(1.03); }
  50% { transform: translate3d(0, -14px, 0) scale(1.08); }
  100% { transform: translate3d(0, 0px, 0) scale(1.03); }
}/* End custom CSS */