.elementor-391 .elementor-element.elementor-element-1aabc2e5{--display:flex;}.elementor-391 .elementor-element.elementor-element-492c4d86{width:100%;max-width:100%;}.elementor-391 .elementor-element.elementor-element-107d04f{--display:flex;}.elementor-391 .elementor-element.elementor-element-2043690 > .elementor-widget-container{transition:background 0s;}.elementor-391 .elementor-element.elementor-element-2043690 .elementor-portfolio__filter:not(:last-child){margin-right:calc(10px/2);}.elementor-391 .elementor-element.elementor-element-2043690 .elementor-portfolio__filter:not(:first-child){margin-left:calc(10px/2);}.elementor-391 .elementor-element.elementor-element-2043690 .elementor-portfolio__filters{margin-bottom:10px;}.elementor-391 .elementor-element.elementor-element-267738e8{--display:flex;}.elementor-391 .elementor-element.elementor-element-6c45024b{width:100%;max-width:100%;}:root{--page-title-display:none;}/* Start custom CSS for portfolio, class: .elementor-element-2043690 *//* 1. The Default State: Tactile 3D Tiles */
.elementor-391 .elementor-element.elementor-element-2043690 .elementor-portfolio__filter {
    background-color: #FFF5E4; /* Warm, creamy off-white background */
    color: #444444; 
    padding: 10px 24px;
    border-radius: 12px; /* Slightly squarer for a card-like feel */
    border: 2px solid #EFBAA5; /* Warm, earthy peach border */
    margin: 8px 6px;
    font-weight: 600;
    letter-spacing: 0.5px;
    
    /* Gives the button a physical resting base */
    box-shadow: 0px 4px 0px #EFBAA5; 
    
    transition: all 0.25s ease-in-out;
    transform-style: preserve-3d;
    display: inline-block;
}

/* 2. The Hover State: The Tile Pops Up and Glows */
.elementor-391 .elementor-element.elementor-element-2043690 .elementor-portfolio__filter:hover {
    background-color: #EFBAA5; /* Fills with the warm peach color */
    color: #ffffff !important; 
    border-color: #EFBAA5;
    
    /* Lifts the tile higher */
    transform: translateY(-4px);
    
    /* Expands the solid base and adds a soft cast shadow */
    box-shadow: 
        0px 8px 0px #d9a08c,
        0px 12px 20px rgba(239, 186, 165, 0.4); 
}

/* 3. The Active State: Pressed Down into the Page */
.elementor-391 .elementor-element.elementor-element-2043690 .elementor-portfolio__filter.elementor-active {
    background-color: #EFBAA5;
    color: #ffffff !important;
    border-color: #EFBAA5;
    
    /* Pushes the button down mechanically */
    transform: translateY(4px);
    
    /* Removes the physical base shadow to look "pressed" */
    box-shadow: 0px 0px 0px #EFBAA5; 
}
.elementor-portfolio__filter[data-filter="__all"] {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6c45024b *//* Footer Container */
.fk-footer {
  background-color: #FDF5F2; /* Very soft pastel blush/beige background */
  color: #5C5552; /* Gentle dark gray text */
  font-family: 'Georgia', serif; 
  text-align: center;
  padding: 80px 20px 40px;
  position: relative;
  overflow: hidden;
}

/* Call to Action Section */
.fk-footer-cta {
  max-width: 650px;
  margin: 0 auto 70px;
}

.fk-footer-cta h2 {
  font-size: 2.5rem;
  margin-bottom: 20px;
  color: #4A403C; 
}

.fk-footer-cta p {
  font-size: 1.15rem;
  line-height: 1.7;
  margin-bottom: 35px;
  font-family: 'Arial', sans-serif;
  color: #6D6460;
}

/* CTA Buttons */
.fk-cta-links {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

.fk-btn {
  background-color: #F1BDB1; /* Deeper pastel pink/peach */
  color: #FFFFFF;
  padding: 14px 28px;
  text-decoration: none;
  border-radius: 40px; 
  font-family: 'Arial', sans-serif;
  font-size: 1rem;
  font-weight: 600;
  transition: all 0.3s ease;
  border: 2px solid #F1BDB1;
}

.fk-btn:hover {
  background-color: #E2A495;
  border-color: #E2A495;
}

.fk-btn-outline {
  background-color: transparent;
  color: #4A403C;
  border: 2px solid #F1BDB1;
}

.fk-btn-outline:hover {
  background-color: #F1BDB1;
  color: #FFFFFF;
}

/* Bottom Footer & Illustration */
.fk-footer-bottom {
  border-top: 2px solid #F6E6E1; 
  padding-top: 50px;
  position: relative;
}

.fk-footer-illustration {
  margin-top: -110px; 
  margin-bottom: 20px;
}

.fk-footer-illustration img {
  width: 160px; 
  height: auto;
  display: inline-block;
  position: relative;
  z-index: 10; 
}

.fk-brand-name {
  font-size: 1.8rem;
  letter-spacing: 3px;
  margin-bottom: 20px;
  color: #4A403C;
  text-transform: uppercase;
  font-weight: 700;
}

/* NEW: Footer Navigation Links */
.fk-footer-nav {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 25px;
  margin-bottom: 35px;
}

.fk-nav-link {
  color: #6D6460;
  font-family: 'Arial', sans-serif;
  font-size: 0.95rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none;
  transition: color 0.3s ease, transform 0.2s ease;
}

.fk-nav-link:hover {
  color: #F1BDB1; /* Links turn pastel pink on hover */
  transform: translateY(-2px); /* Slight lift effect on hover */
}

/* Footer Credits */
.fk-footer-credits p {
  font-family: 'Arial', sans-serif;
  font-size: 0.9rem;
  margin: 5px 0;
  color: #8A7E78;
}/* End custom CSS */