.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ==========================================================
   HANSEN HARVEST - GLOBAL CSS
   Paste into: Elementor > Site Settings > Custom CSS
   Or add to Theme Customizer > Additional CSS
   ========================================================== */

:root {
    --hh-charcoal: #121917;
    --hh-gold: #EBA916;
    --hh-gold-light: #E8C854;
    --hh-aqua: #2B99C8;
    --hh-green: #3F762A;
    --hh-olive: #9B7515;
    --hh-bg: #F7FAFC;
    --hh-text: #121917;
    --hh-muted: #5B6B7A;
    --hh-border: #E3EAF2;
    --hh-white: #FFFFFF;
    --hh-shadow-sm: 0 2px 8px rgba(18,25,23,0.06);
    --hh-shadow: 0 8px 30px rgba(18,25,23,0.08);
    --hh-shadow-lg: 0 20px 60px rgba(18,25,23,0.12);
    --hh-shadow-glow: 0 0 40px rgba(43,153,200,0.15);
    --hh-radius: 16px;
    --hh-radius-sm: 8px;
    --hh-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --hh-transition-fast: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --hh-transition-slow: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* Typography */
.hh-section {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.hh-section h1,
.hh-section h2,
.hh-section h3,
.hh-section h4,
.hh-section h5,
.hh-section h6 {
    font-weight: 700;
    line-height: 1.2;
    color: var(--hh-charcoal);
    letter-spacing: -0.02em;
    margin: 0;
}

.hh-section p {
    color: var(--hh-muted);
    font-size: 1.0625rem;
    line-height: 1.75;
    margin: 0;
}

/* Scroll Animation Base Classes */
.hh-animate {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1),
                transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.hh-animate.hh-visible {
    opacity: 1;
    transform: translateY(0);
}

.hh-animate-left {
    opacity: 0;
    transform: translateX(-60px);
    transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1),
                transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.hh-animate-left.hh-visible {
    opacity: 1;
    transform: translateX(0);
}

.hh-animate-right {
    opacity: 0;
    transform: translateX(60px);
    transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1),
                transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.hh-animate-right.hh-visible {
    opacity: 1;
    transform: translateX(0);
}

.hh-animate-scale {
    opacity: 0;
    transform: scale(0.9);
    transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1),
                transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.hh-animate-scale.hh-visible {
    opacity: 1;
    transform: scale(1);
}

/* Stagger delays */
.hh-delay-1 { transition-delay: 0.1s; }
.hh-delay-2 { transition-delay: 0.2s; }
.hh-delay-3 { transition-delay: 0.3s; }
.hh-delay-4 { transition-delay: 0.4s; }
.hh-delay-5 { transition-delay: 0.5s; }
.hh-delay-6 { transition-delay: 0.6s; }

/* Button Styles */
.hh-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 16px 36px;
    font-size: 0.9375rem;
    font-weight: 600;
    border-radius: 50px;
    cursor: pointer;
    border: 2px solid transparent;
    white-space: nowrap;
    letter-spacing: 0.02em;
    position: relative;
    overflow: hidden;
    transition: var(--hh-transition);
    text-decoration: none;
}

.hh-btn::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: rgba(255,255,255,0.2);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: width 0.6s ease, height 0.6s ease;
}

.hh-btn:hover::before {
    width: 300px;
    height: 300px;
}

.hh-btn-primary {
    background: var(--hh-gold);
    color: var(--hh-charcoal);
    border-color: var(--hh-gold);
    box-shadow: 0 4px 20px rgba(235,169,22,0.35);
}

.hh-btn-primary:hover {
    background: var(--hh-gold-light);
    border-color: var(--hh-gold-light);
    transform: translateY(-4px);
    box-shadow: 0 12px 35px rgba(235,169,22,0.45);
}

.hh-btn-primary:active {
    transform: translateY(-2px);
}

.hh-btn-secondary {
    background: transparent;
    color: var(--hh-white);
    border-color: var(--hh-aqua);
}

.hh-btn-secondary:hover {
    background: var(--hh-aqua);
    color: var(--hh-white);
    transform: translateY(-4px);
    box-shadow: 0 12px 35px rgba(43,153,200,0.35);
}

.hh-btn-outline {
    background: var(--hh-white);
    color: var(--hh-charcoal);
    border-color: var(--hh-charcoal);
}

.hh-btn-outline:hover {
    background: var(--hh-charcoal);
    color: var(--hh-white);
    transform: translateY(-4px);
    box-shadow: 0 12px 35px rgba(18,25,23,0.25);
}

/* Card Styles with Hover Glow */
.hh-card {
    background: var(--hh-white);
    border-radius: var(--hh-radius);
    border: 1px solid var(--hh-border);
    box-shadow: var(--hh-shadow-sm);
    transition: var(--hh-transition);
    position: relative;
}

.hh-card::after {
    content: '';
    position: absolute;
    inset: -1px;
    border-radius: var(--hh-radius);
    background: linear-gradient(135deg, rgba(43,153,200,0.3), rgba(63,118,42,0.3));
    opacity: 0;
    z-index: -1;
    transition: var(--hh-transition);
    filter: blur(20px);
}

.hh-card:hover {
    transform: translateY(-10px);
    box-shadow: var(--hh-shadow-lg);
}

.hh-card:hover::after {
    opacity: 1;
}

/* Section Label */
.hh-section-label {
    display: inline-block;
    color: var(--hh-aqua);
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    margin-bottom: 16px;
}

/* Container */
.hh-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
}

/* Water Ripple Keyframes */
@keyframes hh-ripple-expand {
    0% {
        transform: scale(0.6);
        opacity: 0;
    }
    40% {
        opacity: 0.6;
    }
    100% {
        transform: scale(1.8);
        opacity: 0;
    }
}

@keyframes hh-ripple-pulse {
    0%, 100% {
        transform: scale(1);
        opacity: 0.3;
    }
    50% {
        transform: scale(1.1);
        opacity: 0.5;
    }
}

@keyframes hh-float {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
}

@keyframes hh-shimmer {
    0% {
        background-position: -200% 0;
    }
    100% {
        background-position: 200% 0;
    }
}

@keyframes hh-gradient-shift {
    0%, 100% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
}

/* Responsive */
@media (max-width: 1024px) {
    .hh-container {
        padding: 0 20px;
    }
}

@media (max-width: 768px) {
    .hh-btn {
        padding: 14px 28px;
        font-size: 0.875rem;
    }

    .hh-animate,
    .hh-animate-left,
    .hh-animate-right {
        transform: translateY(30px) !important;
    }

    .hh-animate.hh-visible,
    .hh-animate-left.hh-visible,
    .hh-animate-right.hh-visible {
        transform: translateY(0) !important;
    }
}/* End custom CSS */