.elementor-12009 .elementor-element.elementor-element-ca1e0f7{--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;--margin-top:-11px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12009 .elementor-element.elementor-element-48ea57b{--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;--margin-top:-22px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12009 .elementor-element.elementor-element-c80601d{--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;--margin-top:-22px;--margin-bottom:-22px;--margin-left:-22px;--margin-right:-22px;}.elementor-12009 .elementor-element.elementor-element-d5def8e{--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;--margin-top:-14px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}/* Start custom CSS for html, class: .elementor-element-ddc6751 *//* General Reset */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Inter', sans-serif;
        }

        body {
            background-color: #faf8f5;
            overflow-x: hidden;
        }
 .shine-text {
            display: inline-block;
            background: linear-gradient(90deg, #1a1a1a, #d4af37, #1a1a1a);
            background-size: 200% auto;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            animation: shineTextAnim 4s linear infinite;
        }
 @keyframes shineTextAnim {
            to { background-position: 200% center; }
        }

        /* Container Structure */
        .container {
            display: flex;
            align-items: center;
            justify-content: space-between;
            max-width: 1200px;
            width: 100%;
            margin: 0 auto;
            z-index: 2;
            position: relative;
            gap: 60px;
        }

        /* Refined Premium CTA Buttons */
        .hero-btns {
            display: flex;
            align-items: center;
            gap: 20px;
            opacity: 0;
            transform: translateY(20px);
            animation: premiumFadeIn 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
            animation-delay: 0.6s;
        }

        .btn-primary {
            display: flex;
            align-items: center;
            gap: 10px;
            background: linear-gradient(135deg, #d4af37, #b38924) padding-box,
                        linear-gradient(135deg, #fcecae, #d4af37, #b38924, #fcecae) border-box;
            background-size: 100% 100%, 300% 300%;
            border: 2px solid transparent;
            color: #fff;
            padding: 16px 38px;
            border-radius: 50px;
            text-decoration: none;
            font-weight: 500;
            font-size: 16px;
            letter-spacing: 0.5px;
            box-shadow: 0 15px 35px rgba(200, 157, 52, 0.25);
            transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease;
            animation: btnAnimatedBorder 6s ease infinite;
        }

        .btn-primary:hover {
            transform: translateY(-4px) scale(1.02);
            box-shadow: 0 22px 45px rgba(200, 157, 52, 0.4);
        }

        .btn-secondary {
            display: inline-block;
            color: #1a1a1a;
            padding: 16px 38px;
            border-radius: 50px;
            text-decoration: none;
            font-weight: 500;
            font-size: 16px;
            letter-spacing: 0.5px;
            border: 1px solid rgba(26, 26, 26, 0.15);
            background: rgba(255, 255, 255, 0.3);
            backdrop-filter: blur(5px);
            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .btn-secondary:hover {
            border-color: #c89d34;
            color: #a47b20;
            transform: translateY(-4px);
            background: rgba(200, 157, 52, 0.05);
            box-shadow: 0 15px 30px rgba(200, 157, 52, 0.05);
        }

        @keyframes btnAnimatedBorder {
            0% { background-position: 0% 0%, 0% 50%; }
            50% { background-position: 0% 0%, 100% 50%; }
            100% { background-position: 0% 0%, 0% 50%; }
        }

        /* Immersive Technology Hero Section */
        .tech-hero {
            position: relative;
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 140px 5% 100px;
            overflow: hidden;
            background: radial-gradient(circle at 10% 20%, rgba(253, 251, 247, 1) 0%, rgba(244, 235, 210, 0.4) 44%, rgba(250, 248, 245, 1) 90%);
        }

        /* Luxury Ambient Glows */
        .hero-glow {
            position: absolute;
            border-radius: 50%;
            filter: blur(160px);
            z-index: 0;
            opacity: 0.18;
            mix-blend-mode: multiply;
            pointer-events: none;
        }
        .glow-1 {
            width: 600px;
            height: 600px;
            background: radial-gradient(circle, #d4af37, #fcecae);
            top: -150px;
            left: -100px;
            animation: floatGlow 15s ease-in-out infinite alternate;
        }
        .glow-2 {
            width: 500px;
            height: 500px;
            background: radial-gradient(circle, #b38924, #d4af37);
            bottom: -100px;
            right: -50px;
            animation: floatGlow 12s ease-in-out infinite alternate-reverse;
        }

        @keyframes floatGlow {
            0% { transform: translate(0, 0) scale(1); }
            100% { transform: translate(50px, 30px) scale(1.1); }
        }

        .tech-hero-grid-pattern {
            position: absolute;
            inset: 0;
            background-image:
                linear-gradient(rgba(200, 157, 52, 0.04) 1px, transparent 1px),
                linear-gradient(to right, rgba(200, 157, 52, 0.04) 1px, transparent 1px);
            background-size: 50px 50px;
            opacity: 0.7;
            z-index: 0;
            mask-image: radial-gradient(circle at center, black, transparent 80%);
            -webkit-mask-image: radial-gradient(circle at center, black, transparent 80%);
        }

        /* Left Column: Typography & Content Layout */
        .tech-hero-content {
            flex: 1;
            max-width: 580px;
            perspective: 1000px;
        }

        .tag-wrap {
            display: flex;
            align-items: center;
            gap: 15px;
            margin-bottom: 25px;
            opacity: 0;
            transform: translateY(15px);
            animation: premiumFadeIn 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
        }

        .tag-line {
            width: 45px;
            height: 1px;
            background: linear-gradient(90deg, #c89d34, transparent);
        }

        .tag-text {
            font-size: 12px;
            font-weight: 600;
            letter-spacing: 3px;
            text-transform: uppercase;
            color: #a47b20;
        }

        .tech-hero-content h1 {
            font-family: 'Cormorant Garamond', serif;
            font-size: 58px;
            font-weight: 500;
            line-height: 1.15;
            color: #1a1a1a;
            margin-bottom: 25px;
            opacity: 0;
            transform: translateY(25px);
            animation: premiumFadeIn 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
            animation-delay: 0.2s;
        }

        .gradient-text {
            display: inline-block;
            background: linear-gradient(90deg, #b38924, #d4af37, #fcecae, #b38924);
            background-size: 200% auto;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            animation: textGradientFlow 5s linear infinite;
        }

        @keyframes textGradientFlow {
            0% { background-position: 0% center; }
            100% { background-position: 200% center; }
        }

        .hero-desc {
            font-size: 16.5px;
            line-height: 1.8;
            color: #5a5a5a;
            margin-bottom: 40px;
            padding-left: 24px;
            border-left: 2px solid rgba(200, 157, 52, 0.25);
            opacity: 0;
            transform: translateY(20px);
            animation: premiumFadeIn 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
            animation-delay: 0.4s;
        }

        .trust-indicators {
            display: flex;
            flex-wrap: wrap;
            gap: 15px 30px;
            margin-top: 45px;
            font-size: 13.5px;
            color: #666;
            font-weight: 500;
            opacity: 0;
            animation: premiumFadeIn 1s ease forwards;
            animation-delay: 0.8s;
        }

        .trust-indicators span {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            color: #4a4a4a;
            transition: color 0.3s ease;
        }
        .trust-indicators span:hover {
            color: #a47b20;
        }

        .trust-indicators span::before {
            content: '✦';
            color: #d4af37;
            font-size: 12px;
        }

        @keyframes premiumFadeIn {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        /* Right Column: Interactive 3D Visual Block Area */
        .tech-hero-visual {
            flex: 1;
            position: relative;
            min-height: 550px;
            display: flex;
            align-items: center;
            justify-content: center;
            perspective: 1200px; /* Gives real world depth positioning context */
            transform-style: preserve-3d;
        }

        .scene-3d-wrapper {
            position: relative;
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            transform-style: preserve-3d;
            transition: transform 0.1s ease-out;
        }

        .aesthetic-silhouette {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) translateZ(-40px);
            width: 320px;
            height: 420px;
            background: url("data:image/svg+xml,%3Csvg width='300' height='400' viewBox='0 0 300 400' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M150 400C150 400 250 350 250 250C250 150 150 0 150 0C150 0 50 150 50 250C50 350 150 400 150 400Z' fill='url(%23paint0_linear_1_2)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1_2' x1='150' y1='0' x2='150' y2='400' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D4AF37' stop-opacity='0.15'/%3E%3Cstop offset='1' stop-color='%23D4AF37' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E") no-repeat center center;
            background-size: contain;
            opacity: 0.7;
            z-index: -1;
            pointer-events: none;
        }

        .visual-center-orb {
            width: 220px;
            height: 220px;
            background: radial-gradient(circle, rgba(212, 175, 55, 0.25), transparent 70%);
            border-radius: 50%;
            position: relative;
            transform: translateZ(-20px);
        }

        .visual-center-orb::before {
            content: '';
            position: absolute;
            inset: 30px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(212, 175, 55, 0.3), transparent 70%);
            animation: orbPulse 5s ease-in-out infinite;
        }

        @keyframes orbPulse {
            0%, 100% { transform: scale(1); opacity: 0.9; }
            50% { transform: scale(1.25); opacity: 0.5; }
        }

        /* Interactive Floating Glassmorphism Cards */
        .tech-card {
            position: absolute;
            display: flex;
            align-items: center;
            gap: 14px;
            padding: 14px 22px;
            border-radius: 20px;
            background: rgba(255, 255, 255, 0.45);
            backdrop-filter: blur(16px) saturate(120%);
            -webkit-backdrop-filter: blur(16px) saturate(120%);
            border: 1px solid rgba(255, 255, 255, 0.6);
            box-shadow: 0 10px 35px rgba(180, 150, 100, 0.08);
            transition: border-color 0.4s, box-shadow 0.4s;
            will-change: transform;
            cursor: pointer;
        }

        /* Pure CSS continuous base float loop mixed dynamically via JS structural calculations */
        @keyframes floatLoop {
            0% { transform: translate(0, 0px) translateZ(var(--tz, 20px)); }
            50% { transform: translate(var(--mx, 3px), var(--my, -10px)) translateZ(var(--tz, 20px)); }
            100% { transform: translate(0, 0px) translateZ(var(--tz, 20px)); }
        }

        .tech-card:hover {
            background: rgba(255, 255, 255, 0.85) !important;
            box-shadow: 0 25px 50px rgba(200, 157, 52, 0.22) !important;
            border-color: rgba(212, 175, 55, 0.4) !important;
            z-index: 50 !important;
        }

        .tech-card-icon {
            width: 36px;
            height: 36px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 12px;
            background: linear-gradient(135deg, rgba(212, 175, 55, 0.18), rgba(212, 175, 55, 0.04));
            color: #b38924;
            transition: transform 0.3s ease;
        }

        .tech-card:hover .tech-card-icon {
            transform: scale(1.1) rotate(5deg);
        }

        .tech-card-icon svg {
            width: 20px;
            height: 20px;
        }

        .tech-card span {
            font-size: 14.5px;
            font-weight: 600;
            color: #222;
            letter-spacing: -0.2px;
        }

        /* Responsive Breakpoints Optimization */
        @media (max-width: 991px) {
            .tech-hero {
                padding-top: 120px;
                min-height: 0;
            }
            .container {
                flex-direction: column;
                text-align: center;
            }
            .hero-desc {
                border-left: none;
                padding-left: 0;
                margin: 0 auto 40px;
                max-width: 600px;
            }
            .tag-wrap, .hero-btns, .trust-indicators {
                justify-content: center;
            }
            .tech-hero-visual {
                margin-top: 80px;
                width: 100%;
                min-height: 450px;
            }
        }

        @media (max-width: 768px) {
            .tech-hero-content h1 {
                font-size: 44px;
            }
            .hero-btns {
                flex-direction: column;
                width: 100%;
                max-width: 350px;
                margin: 0 auto;
            }
            .btn-primary, .btn-secondary {
                width: 100%;
                justify-content: center;
            }
            .tech-hero-visual {
                transform: scale(0.85);
                min-height: 400px;
            }
        }

        @media (max-width: 480px) {
            .tech-hero-visual {
                transform: scale(0.7);
                min-height: 350px;
            }
            .tech-hero-content h1 {
                font-size: 36px;
            }
        }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca1e0f7 */.full-stretch{
  width:100vw !important;
  max-width:100vw !important;
  
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  
  padding-left:0 !important;
  padding-right:0 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7c8b1a7 */.premium-treatments-section {
        padding: 120px 5%;
        background-color: #faf8f5;
        position: relative;
        overflow: hidden;
    }

    /* Luxury background ambient radial glow */
    .premium-treatments-section::before {
        content: '';
        position: absolute;
        width: 500px;
        height: 500px;
        background: radial-gradient(circle, rgba(212, 175, 55, 0.06), transparent 70%);
        bottom: -150px;
        left: -100px;
        pointer-events: none;
    }

    /* Premium Navigation Bar for 5 Treatments */
    .treatment-nav {
        display: flex;
        justify-content: center;
        gap: 10px;
        max-width: 1100px;
        margin: 0 auto 70px;
        border-bottom: 1px solid rgba(212, 175, 55, 0.15);
        padding-bottom: 20px;
        flex-wrap: wrap;
    }

    .treatment-nav-btn {
        background: none;
        border: none;
        font-family: 'Inter', sans-serif;
        font-size: 14.5px;
        font-weight: 500;
        color: #777;
        padding: 12px 20px;
        cursor: pointer;
        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        position: relative;
        letter-spacing: 0.3px;
    }

    .treatment-nav-btn::after {
        content: '';
        position: absolute;
        bottom: -21px;
        left: 0;
        width: 100%;
        height: 2px;
        background: linear-gradient(90deg, #b38924, #d4af37);
        transform: scaleX(0);
        transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .treatment-nav-btn:hover {
        color: #a47b20;
    }

    .treatment-nav-btn.is-active {
        color: #1a1a1a;
        font-weight: 600;
    }

    .treatment-nav-btn.is-active::after {
        transform: scaleX(1);
    }

    /* Content Pane Presentation Layer */
    .treatment-content-wrapper {
        max-width: 1200px;
        margin: 0 auto;
        position: relative;
        min-height: 480px;
    }

    .treatment-pane {
        display: none;
        align-items: center;
        justify-content: space-between;
        gap: 80px;
        opacity: 0;
        transform: translateY(25px);
        transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .treatment-pane.is-active {
        display: flex;
        opacity: 1;
        transform: translateY(0);
    }

    /* Left Column: Glass Equipment Frame */
    .treatment-visual-box {
        flex: 1;
        max-width: 450px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .machine-glass-frame {
        width: 100%;
        min-height: 380px;
        padding: 40px;
        background: linear-gradient(135deg, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.35));
        border: 1px solid rgba(255, 255, 255, 0.8);
        backdrop-filter: blur(20px);
        -webkit-backdrop-filter: blur(20px);
        border-radius: 30px;
        box-shadow: 0 30px 60px rgba(180, 150, 100, 0.05);
        display: flex;
        align-items: center;
        justify-content: center;
        transition: transform 0.4s ease, box-shadow 0.4s ease;
    }

    .treatment-pane:hover .machine-glass-frame {
        transform: translateY(-6px);
        box-shadow: 0 40px 70px rgba(200, 157, 52, 0.1);
    }

    /* Minimalist Placeholder Vector Graphics for Premium Aesthetic Minimal Look */
    .premium-placeholder-svg {
        width: 70%;
        height: auto;
        max-height: 280px;
        opacity: 0.85;
        color: #d4af37;
        filter: drop-shadow(0 15px 25px rgba(200, 157, 52, 0.15));
    }

    .machine-bg-glow {
        position: absolute;
        width: 85%;
        height: 85%;
        background: radial-gradient(circle, rgba(212, 175, 55, 0.12), transparent 70%);
        z-index: -1;
        border-radius: 50%;
    }

    /* Right Column: Copywriting Typography */
    .treatment-text-box {
        flex: 1.2;
    }

    .treatment-text-box h2 {
        font-family: 'Cormorant Garamond', serif;
        font-size: 38px;
        font-weight: 500;
        line-height: 1.25;
        color: #1a1a1a;
        margin-bottom: 25px;
        letter-spacing: -0.3px;
    }

    .treatment-text-box h2 span {
        color: #c89d34;
        font-weight: 600;
    }

    .treatment-description {
        font-size: 16px;
        line-height: 1.8;
        color: #555;
        margin-bottom: 35px;
    }

    /* Dynamic Value Grid System */
    .action-badges-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 15px;
    }

    .action-badge {
        background: #fff;
        border: 1px solid rgba(212, 175, 55, 0.15);
        padding: 16px 14px;
        border-radius: 16px;
        text-align: center;
        box-shadow: 0 10px 25px rgba(200, 157, 52, 0.02);
        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .action-badge:hover {
        border-color: #c89d34;
        background: rgba(200, 157, 52, 0.02);
        transform: translateY(-3px);
        box-shadow: 0 15px 30px rgba(200, 157, 52, 0.08);
    }

    .badge-icon {
        font-size: 20px;
        margin-bottom: 8px;
        display: block;
    }

    .badge-title {
        font-size: 12px;
        font-weight: 600;
        color: #1a1a1a;
        text-transform: uppercase;
        letter-spacing: 0.8px;
    }

    /* Responsive Presentation Framework adjustments */
    @media (max-width: 991px) {
        .treatment-pane {
            flex-direction: column;
            gap: 40px;
            text-align: center;
        }
        .treatment-visual-box {
            width: 100%;
        }
        .action-badges-grid {
            max-width: 550px;
            margin: 0 auto;
        }
    }
    @media (max-width: 550px) {
        .action-badges-grid {
            grid-template-columns: 1fr;
            gap: 12px;
        }
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cdd646d */.tech-flip-section {
        padding: 120px 5%;
        background-color: #faf8f5;
        position: relative;
        overflow: hidden;
    }

    .flip-container {
        max-width: 1200px;
        margin: 0 auto;
        position: relative;
        z-index: 2;
    }

    .flip-header {
        text-align: center;
        max-width: 700px;
        margin: 0 auto 60px;
    }

    .flip-tag {
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 3px;
        text-transform: uppercase;
        color: #a47b20;
        margin-bottom: 15px;
        display: block;
    }

    .flip-header h2 {
        font-family: 'Cormorant Garamond', serif;
        font-size: 42px;
        font-weight: 500;
        line-height: 1.25;
        color: #1a1a1a;
    }

    /* Fixed 3-Column Display Matrix */
    .flip-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
        max-width: 1140px;
        margin: 0 auto;
        perspective: 1500px;
    }

    .flip-card-wrapper {
        height: 520px;
        position: relative;
        perspective: 1500px;
    }

    .flip-card-inner {
        width: 100%;
        height: 100%;
        position: absolute;
        transform-style: preserve-3d;
        transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    }

    /* Rotation automation indicator classes */
    .flip-card-wrapper.rotate-phase-b .flip-card-inner {
        transform: rotateY(180deg);
    }

    /* Card Face Master Styling - Designed to fit full copy cleanly */
    .card-face {
        position: absolute;
        width: 100%;
        height: 100%;
        backface-visibility: hidden;
        -webkit-backface-visibility: hidden;
        border-radius: 24px;
        padding: 35px 28px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        box-shadow: 0 15px 40px rgba(180, 150, 100, 0.04);
        background: linear-gradient(145deg, #ffffff, #fdfbf7);
        border: 1px solid rgba(212, 175, 55, 0.15);
    }

    /* Inside Layout Elements */
    .card-top-meta {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    .tech-number {
        font-family: 'Cormorant Garamond', serif;
        font-size: 36px;
        font-weight: 400;
        color: rgba(212, 175, 55, 0.3);
        line-height: 1;
    }

    .card-tech-icon {
        width: 50px;
        height: 50px;
        background: radial-gradient(circle, rgba(212, 175, 55, 0.1), transparent 75%);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #b38924;
    }

    .card-tech-icon svg {
        width: 24px;
        height: 24px;
    }

    .card-face h3 {
        font-family: 'Cormorant Garamond', serif;
        font-size: 24px;
        font-weight: 600;
        color: #1a1a1a;
        margin: 15px 0 10px 0;
    }

    .card-face p {
        font-size: 13.5px;
        line-height: 1.6;
        color: #555;
        margin-bottom: 20px;
        flex-grow: 1;
    }

    /* Premium Technical Specifications Sub-Table */
    .spec-table {
        width: 100%;
        border-collapse: collapse;
        border-top: 1px solid rgba(212, 175, 55, 0.12);
        margin-top: auto;
    }

    .spec-row {
        border-bottom: 1px solid rgba(0, 0, 0, 0.03);
    }
    .spec-row:last-child {
        border-bottom: none;
    }

    .spec-label {
        font-size: 10.5px;
        font-weight: 600;
        text-transform: uppercase;
        color: #a47b20;
        padding: 10px 0;
        letter-spacing: 0.5px;
    }

    .spec-value {
        font-size: 12.5px;
        color: #222;
        text-align: right;
        padding: 10px 0;
        font-weight: 500;
    }

    /* Back-face adjustment configuration for Side B cards */
    .card-face-b {
        transform: rotateY(180deg);
        background: linear-gradient(145deg, #fdfbf7, #ffffff);
    }

    /* Responsive Presentation Viewports */
    @media (max-width: 991px) {
        .flip-grid {
            grid-template-columns: 1fr;
            max-width: 400px;
        }
        .flip-card-wrapper {
            height: 500px;
        }
    }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6eea50f */.premium-data-section {
        padding: 100px 5%;
        background-color: #faf8f5;
        position: relative;
        overflow: hidden;
    }

    /* Subtle background grid alignment divider lines */
    .premium-data-section::before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 1px;
        height: 100%;
        background: linear-gradient(to bottom, rgba(212, 175, 55, 0.15), transparent);
        z-index: 1;
        pointer-events: none;
    }

    .data-container {
        max-width: 1200px;
        margin: 0 auto;
        position: relative;
        z-index: 2;
    }

    /* Structured Header Section */
    .data-header {
        text-align: center;
        max-width: 700px;
        margin: 0 auto 60px;
    }

    .data-tag {
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 3px;
        text-transform: uppercase;
        color: #a47b20;
        margin-bottom: 15px;
        display: block;
    }

    .data-header h2 {
        font-family: 'Cormorant Garamond', serif;
        font-size: 42px;
        font-weight: 500;
        line-height: 1.2;
        color: #1a1a1a;
    }

    /* Counter Grid Cards Layout */
    .stats-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 25px;
    }

    .stat-card {
        background: linear-gradient(135deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.4));
        border: 1px solid rgba(255, 255, 255, 0.8);
        backdrop-filter: blur(15px);
        -webkit-backdrop-filter: blur(15px);
        padding: 40px 30px;
        border-radius: 24px;
        text-align: center;
        box-shadow: 0 20px 40px rgba(180, 150, 100, 0.04);
        transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
        opacity: 0;
        transform: translateY(30px);
    }

    /* Staggered on-scroll animation target indicators */
    .stat-card.is-visible {
        opacity: 1;
        transform: translateY(0);
    }

    .stat-card:hover {
        transform: translateY(-8px);
        border-color: rgba(212, 175, 55, 0.3);
        box-shadow: 0 30px 50px rgba(200, 157, 52, 0.12);
        background: #ffffff;
    }

    .stat-number-wrap {
        font-family: 'Cormorant Garamond', serif;
        font-size: 54px;
        font-weight: 500;
        color: #1a1a1a;
        margin-bottom: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 1;
    }

    .stat-number {
        background: linear-gradient(135deg, #b38924, #d4af37);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-weight: 600;
    }

    .stat-suffix {
        color: #d4af37;
        margin-left: 2px;
    }

    .stat-label {
        font-size: 14px;
        font-weight: 600;
        color: #1a1a1a;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        margin-bottom: 8px;
    }

    .stat-desc {
        font-size: 13.5px;
        color: #666;
        line-height: 1.6;
    }

    /* Responsive Presentation Framework Adjustments */
    @media (max-width: 991px) {
        .stats-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
        }
    }
    @media (max-width: 550px) {
        .stats-grid {
            grid-template-columns: 1fr;
        }
        .data-header h2 {
            font-size: 34px;
        }
    }/* End custom CSS */