.elementor-kit-6{--e-global-color-primary:#3A4A3F;--e-global-color-secondary:#D17C38;--e-global-color-text:#000000;--e-global-color-accent:#F8CE11;--e-global-color-1c9d56d:#F4F4F3;--e-global-color-e9e7f2c:#FFFFFF;--e-global-color-a681f4a:#C5671C;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-size:2.8rem;--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-size:2.4rem;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-size:1.1rem;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;font-size:1.1rem;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-secondary );}.elementor-kit-6 h1{font-size:2.8rem;}.elementor-kit-6 h2{font-size:2rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:1px;}.elementor-element{--widgets-spacing:1px 1px;--widgets-spacing-row:1px;--widgets-spacing-column:1px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-6 h1{font-size:2.4rem;}.elementor-kit-6 h2{font-size:1.8rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6 h1{font-size:2rem;}.elementor-kit-6 h2{font-size:1.6rem;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.hero-title {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.hero-title.visible {
  opacity: 1;
  transform: translateY(0);
}


/* Default: visible immediately */
.hero-title {
  opacity: 1;
  transform: none;
}

/* Optional: only animate for users who like motion, after load */
@media (prefers-reduced-motion: no-preference) {
  .hero-title.animate-in {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
  }

  .hero-title.animate-in.visible {
    opacity: 1;
    transform: none;
  }
}
<img src="hero.webp" alt="..." loading="eager" fetchpriority="high">

/* ================================
   STARTER CLAMP STYLESHEET
   Global Typography – Elementor
================================ */

body {
	font-size: 16px;
}

/* Body text */
.elementor p,
.elementor li {
	font-size: clamp(1rem, 2.4vw, 1.25rem); /* 16px → 20px */
	line-height: 1.75;
}

/* Headings */
.elementor h1 {
	font-size: clamp(2.4rem, 6vw, 4rem);
	line-height: 1.1;
}

.elementor h2 {
	font-size: clamp(2rem, 4.8vw, 3.2rem);
	line-height: 1.15;
}

.elementor h3 {
	font-size: clamp(1.7rem, 3.6vw, 2.6rem);
	line-height: 1.2;
}

.elementor h4 {
	font-size: clamp(1.4rem, 3vw, 2.2rem);
	line-height: 1.25;
}

.elementor h5 {
	font-size: clamp(1.2rem, 2.4vw, 1.8rem);
	line-height: 1.3;
}

.elementor h6 {
	font-size: clamp(1.05rem, 2vw, 1.5rem);
	line-height: 1.35;
}

/* Widescreen hard caps */
@media (min-width: 1440px) {
	.elementor h1 { font-size: 4rem; }
	.elementor h2 { font-size: 3.2rem; }
	.elementor h3 { font-size: 2.6rem; }
	.elementor h4 { font-size: 2.2rem; }
	.elementor h5 { font-size: 1.8rem; }
	.elementor h6 { font-size: 1.5rem; }
}/* End custom CSS */