.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}/* Start custom CSS *//* Header background once the page scrolls — CSS scroll-driven animation, no JS */
@supports (animation-timeline: scroll()) {
  #henko-header {
    animation: henko-header-scrolled linear both;
    animation-timeline: scroll(root);
    animation-range: 0px 50px;
  }
}
@keyframes henko-header-scrolled {
  from { background-color: rgba(20, 16, 13, 0); backdrop-filter: blur(0px); }
  to { background-color: rgba(20, 16, 13, 0.82); backdrop-filter: blur(8px); }
}
/* Browsers without scroll timelines get the scrolled state permanently */
@supports not (animation-timeline: scroll()) {
  #henko-header { background-color: rgba(20, 16, 13, 0.82); backdrop-filter: blur(8px); }
}
/* Mobile hamburger: three lines, an X when open (snippet 6 toggles .menu-open) */
#henko-menu-toggle {
  background-image: linear-gradient(#f5f1e9, #f5f1e9), linear-gradient(#f5f1e9, #f5f1e9), linear-gradient(#f5f1e9, #f5f1e9);
  background-size: 100% 1px; background-repeat: no-repeat;
  background-position: center top, center center, center bottom;
  cursor: pointer;
}
#henko-header.menu-open #henko-menu-toggle {
  background-image: linear-gradient(45deg, transparent calc(50% - 0.5px), #f5f1e9 calc(50% - 0.5px), #f5f1e9 calc(50% + 0.5px), transparent calc(50% + 0.5px)),
    linear-gradient(-45deg, transparent calc(50% - 0.5px), #f5f1e9 calc(50% - 0.5px), #f5f1e9 calc(50% + 0.5px), transparent calc(50% + 0.5px));
  background-size: 20px 20px; background-position: center center;
}
@media (max-width: 767px) {
  #henko-header.menu-open { animation: none; background-color: rgba(20, 16, 13, 0.97); backdrop-filter: none; }
  #henko-header.menu-open #henko-menu { display: flex; }
}/* End custom CSS */