/* ============================================
           BREADCRUMB HERO
        ============================================ */
        .ht-breadcrumb {
            position: relative;
            width: 100%;
            height: 340px;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }
        .ht-breadcrumb__bg {
            position: absolute;
            inset: 0;
            background-image: url('assets/img/banner-9.jpg');
            background-size: cover;
            background-position: center;
            transform: scale(1.05);
            transition: transform 8s ease;
        }
        .ht-breadcrumb__bg.zoomed { transform: scale(1); }
        .ht-breadcrumb__overlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(135deg, rgba(81,39,41,0.85) 0%, rgba(35,39,40,0.75) 60%, rgba(0,0,0,0.6) 100%);
        }
        .ht-breadcrumb__overlay::after {
            content: '';
            position: absolute;
            inset: 0;
            background: repeating-linear-gradient(
                45deg,
                transparent,
                transparent 40px,
                rgba(255,255,255,0.015) 40px,
                rgba(255,255,255,0.015) 80px
            );
        }
        .ht-breadcrumb__content {
            position: relative;
            z-index: 5;
            text-align: center;
            color: #fff;
        }
        .ht-breadcrumb__eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 18px;
            background: rgba(255,255,255,0.08);
            border: 1px solid rgba(255,255,255,0.2);
            padding: 6px 20px;
            border-radius: 50px;
            backdrop-filter: blur(10px);
        }
        .ht-breadcrumb__eyebrow span {
            font-size: 12px;
            letter-spacing: 4px;
            text-transform: uppercase;
            font-weight: 700;
            color: #f5c6c8;
        }
        .ht-breadcrumb__title {
            font-family: 'Montserrat', sans-serif;
            font-size: clamp(36px, 6vw, 70px);
            font-weight: 900;
            text-transform: uppercase;
            line-height: 1.1;
            margin-bottom: 20px;
            letter-spacing: -1px;
        }
        .ht-breadcrumb__title {
            color: white;
        }
        .ht-breadcrumb__nav {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            font-size: 14px;
            font-weight: 500;
        }
        .ht-breadcrumb__nav a { color: rgba(255,255,255,0.7); text-decoration: none; transition: color .3s; }
        .ht-breadcrumb__nav a:hover { color: #f5c6c8; }
        .ht-breadcrumb__nav .sep { color: rgba(255,255,255,0.35); font-size: 11px; }
        .ht-breadcrumb__nav .current { color: #f5c6c8; font-weight: 700; }

        /* ============================================
           SERVICES INTRO SECTION
        ============================================ */
        .ht-services-intro {
            background: #FDF7F4;
            padding: 80px 0 50px;
            text-align: center;
        }
        .ht-services-intro .eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 20px;
        }
        .ht-services-intro .eyebrow-line { width: 35px; height: 2px; background: #512729; }
        .ht-services-intro .eyebrow-text {
            font-size: 12px;
            letter-spacing: 5px;
            color: #512729;
            font-weight: 800;
            text-transform: uppercase;
        }
        .ht-services-intro h2 {
            font-family: 'Montserrat', sans-serif;
            font-size: clamp(28px, 4vw, 48px);
            font-weight: 900;
            color: #1a1a1a;
            margin-bottom: 20px;
            line-height: 1.2;
        }
        .ht-services-intro p {
            max-width: 720px;
            margin: 0 auto;
            font-size: 16px;
            color: #666;
            line-height: 1.8;
            font-weight: 400;
        }

        /* ============================================
           SERVICES GRID
        ============================================ */
        .ht-services-grid {
            background: #f5ede9;
            padding: 60px 0 80px;
        }
        .ht-svc-card {
            background: #fff;
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 4px 20px rgba(0,0,0,0.07);
            transition: all 0.4s cubic-bezier(0.23,1,0.32,1);
            margin-bottom: 30px;
            display: flex;
            flex-direction: column;
        }
        .ht-svc-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 20px 50px rgba(81,39,41,0.15);
        }
        .ht-svc-card__img {
            position: relative;
            height: 240px;
            overflow: hidden;
        }
        .ht-svc-card__img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.6s ease;
        }
        .ht-svc-card:hover .ht-svc-card__img img { transform: scale(1.08); }
        .ht-svc-card__badge {
            position: absolute;
            top: 16px;
            left: 16px;
            background: #512729;
            color: #fff;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 2px;
            text-transform: uppercase;
            padding: 5px 14px;
            border-radius: 30px;
        }
        .ht-svc-card__img-overlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(to top, rgba(81,39,41,0.5) 0%, transparent 50%);
            opacity: 0;
            transition: opacity 0.4s;
        }
        .ht-svc-card:hover .ht-svc-card__img-overlay { opacity: 1; }
        .ht-svc-card__body {
            padding: 28px;
            flex: 1;
            display: flex;
            flex-direction: column;
        }
        .ht-svc-card__icon {
            width: 50px;
            height: 50px;
            background: #fdece9;
            border-radius: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 16px;
            transition: background 0.3s;
        }
        .ht-svc-card:hover .ht-svc-card__icon { background: #512729; }
        .ht-svc-card__icon svg { transition: stroke 0.3s; stroke: #512729; }
        .ht-svc-card:hover .ht-svc-card__icon svg { stroke: #fff; }
        .ht-svc-card__title {
            font-size: 20px;
            font-weight: 800;
            color: #1a1a1a;
            margin-bottom: 12px;
            line-height: 1.3;
        }
        .ht-svc-card__desc {
            font-size: 14.5px;
            color: #666;
            line-height: 1.7;
            font-weight: 400;
            flex: 1;
            margin-bottom: 20px;
        }
        .ht-svc-card__features {
            list-style: none;
            padding: 0;
            margin: 0 0 22px;
        }
        .ht-svc-card__features li {
            font-size: 13px;
            color: #444;
            padding: 5px 0;
            padding-left: 20px;
            position: relative;
            font-weight: 500;
        }
        .ht-svc-card__features li::before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            width: 7px;
            height: 7px;
            background: #512729;
            border-radius: 50%;
        }
        .ht-svc-card__btn {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            background: #1a1a1a;
            color: #fff;
            padding: 12px 24px;
            border-radius: 50px;
            font-size: 13px;
            font-weight: 700;
            text-decoration: none;
            letter-spacing: 1px;
            text-transform: uppercase;
            transition: all 0.3s;
            align-self: flex-start;
        }
        .ht-svc-card__btn:hover {
            background: #512729;
            color: #fff;
            transform: translateX(5px);
        }
        .ht-svc-card__btn svg { transition: transform 0.3s; }
        .ht-svc-card__btn:hover svg { transform: translateX(4px); }

        /* Sub-services section */
        .ht-sub-services {
            background: #232728;
            padding: 70px 0;
        }
        .ht-sub-services h2 {
            font-size: clamp(26px, 3.5vw, 42px);
            font-weight: 900;
            color: #fff;
            margin-bottom: 12px;
        }
        .ht-sub-services .sub-text { color: rgba(255,255,255,0.6); font-size: 15px; margin-bottom: 50px; font-weight: 400; }
        .ht-sub-card {
            background: rgba(255,255,255,0.06);
            border: 1px solid rgba(255,255,255,0.1);
            border-radius: 16px;
            padding: 30px;
            transition: all 0.3s ease;
            margin-bottom: 24px;
            text-align: center;
        }
        .ht-sub-card:hover {
            background: #512729;
            border-color: #512729;
            transform: translateY(-6px);
        }
        .ht-sub-card__num {
            font-size: 13px;
            font-weight: 800;
            color: #512729;
            letter-spacing: 3px;
            margin-bottom: 12px;
            display: block;
            transition: color 0.3s;
        }
        .ht-sub-card:hover .ht-sub-card__num { color: rgba(255,255,255,0.6); }
        .ht-sub-card h4 {
            font-size: 17px;
            font-weight: 700;
            color: #fff;
            margin-bottom: 10px;
        }
        .ht-sub-card p {
            font-size: 13.5px;
            color: rgba(255,255,255,0.6);
            line-height: 1.6;
            margin-bottom: 18px;
            font-weight: 400;
        }
        .ht-sub-card a {
            font-size: 12px;
            font-weight: 700;
            color: rgba(255,255,255,0.5);
            text-decoration: none;
            letter-spacing: 2px;
            text-transform: uppercase;
            display: inline-flex;
            align-items: center;
            gap: 8px;
            transition: color 0.3s;
        }
        .ht-sub-card a:hover, .ht-sub-card:hover a { color: #fff; }

        /* CTA Banner */
        .ht-cta-band {
            background: linear-gradient(135deg, #512729 0%, #7a3c3f 50%, #512729 100%);
            padding: 70px 0;
            text-align: center;
            position: relative;
            overflow: hidden;
        }
        .ht-cta-band::before {
            content: '';
            position: absolute;
            inset: 0;
            background: repeating-linear-gradient(
                -45deg,
                transparent,
                transparent 50px,
                rgba(255,255,255,0.03) 50px,
                rgba(255,255,255,0.03) 100px
            );
        }
        .ht-cta-band h2 {
            font-size: clamp(28px, 4vw, 50px);
            font-weight: 900;
            color: #fff;
            margin-bottom: 15px;
            position: relative;
        }
        .ht-cta-band p {
            font-size: 16px;
            color: rgba(255,255,255,0.75);
            margin-bottom: 35px;
            font-weight: 400;
            position: relative;
        }
        .ht-cta-band .ht-btn-white {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            background: #fff;
            color: #512729;
            padding: 16px 40px;
            border-radius: 50px;
            font-size: 14px;
            font-weight: 800;
            text-decoration: none;
            letter-spacing: 1.5px;
            text-transform: uppercase;
            transition: all 0.3s;
            position: relative;
        }
        .ht-cta-band .ht-btn-white:hover {
            background: #1a1a1a;
            color: #fff;
            transform: scale(1.05);
        }

        /* Reveal animations */
        .ht-reveal {
            opacity: 0;
            transform: translateY(40px);
            transition: all 0.7s cubic-bezier(0.22, 1, 0.36, 1);
        }
        .ht-reveal.active { opacity: 1; transform: translateY(0); }
        .ht-reveal-delay-1 { transition-delay: 0.1s; }
        .ht-reveal-delay-2 { transition-delay: 0.2s; }
        .ht-reveal-delay-3 { transition-delay: 0.3s; }

        @media (max-width: 767px) {
            .ht-breadcrumb { height: 280px; }
            .ht-svc-card__img { height: 200px; }
        }