:root {
            --navy: #19253c;
            --ivory: #fcf9f4;
            --warm: #eae1d5;
            --gold:  #bfa064;
            --teal: #20494f;
            --earth: #997738;
            --navy-light: #243352;
            --navy-dark: #0f1825;
            --text-muted: rgba(234, 225, 213, 0.6);
            --gold-light: rgba(191, 160, 100, 0.3);
        }

        *,
        *::before,
        *::after {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        html {
            scroll-behavior: smooth;
            font-size: 16px;
        }

        body {
            font-family: 'Geist', system-ui, sans-serif;
            /* background: var(--ivory); */
            color: var(--navy);
            overflow-x: hidden;
            cursor: none;
        }

        /* ─── CUSTOM CURSOR ─── */
        .cursor {
            position: fixed;
            width: 8px;
            height: 8px;
            background: var(--gold);
            border-radius: 50%;
            pointer-events: none;
            z-index: 9999;
            transform: translate(-50%, -50%);
            transition: transform 0.1s;
            
        }

        .cursor-ring {
            position: fixed;
            width: 36px;
            height: 36px;
            border: 1px solid var(--gold);
            border-radius: 50%;
            pointer-events: none;
            z-index: 9998;
            transform: translate(-50%, -50%);
            transition: all 0.15s ease;
           
        }

        .cursor-ring.hover {
            width: 60px;
            height: 60px;
            background: rgba(191, 160, 100, 0.08);
        }

        /* ─── LOADER ─── */
        #loader {
            position: fixed;
            inset: 0;
            background: var(--navy-dark);
            z-index: 10000;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            transition: opacity 0.8s ease, visibility 0.8s ease;
        }

        #loader.hidden {
            opacity: 0;
            visibility: hidden;
        }

        .loader-logo {
            color: var(--warm);
            font-size: clamp(3rem, 8vw, 7rem);
            font-weight: 300;
            letter-spacing: 0.3em;
            overflow: hidden;
        }

        .loader-logo span {
            display: inline-block;
            transform: translateY(100%);
            animation: loaderReveal 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
        }

        .loader-logo span:nth-child(2) {
            animation-delay: 0.08s;
        }

        .loader-logo span:nth-child(3) {
            animation-delay: 0.16s;
        }

        .loader-logo span:nth-child(4) {
            animation-delay: 0.24s;
        }

        .loader-bar {
            width: 0;
            height: 1px;
            background: var(--gold);
            margin-top: 3rem;
            animation: loaderBar 1.8s ease forwards 0.5s;
        }

        .loader-tagline {
            color: var(--text-muted);
            font-size: 0.75rem;
            letter-spacing: 0.2em;
            text-transform: uppercase;
            margin-top: 1rem;
            opacity: 0;
            animation: fadeIn 0.6s ease forwards 1.8s;
        }

        @keyframes loaderReveal {
            to {
                transform: translateY(0);
            }
        }

        @keyframes loaderBar {
            to {
                width: 200px;
            }
        }

        @keyframes fadeIn {
            to {
                opacity: 1;
            }
        }

        /* ─── SCROLL PROGRESS ─── */
        #scroll-progress {
            position: fixed;
            top: 0;
            left: 0;
            height: 2px;
            background: linear-gradient(90deg, var(--gold), var(--teal));
            z-index: 9997;
            transition: width 0.05s linear;
        }

        /* ─── NAVBAR ─── */



        .nav-logo {
            display: inline-flex;
            align-items: center;
            text-decoration: none;
            flex-shrink: 0;
        }

        .logo-image {
            width: clamp(130px, 16vw, 130px);
            height: auto;
            display: block;
            object-fit: contain;
        }

        /* MOBILE */
        @media (max-width: 767px) {

            .logo-image {
                width: clamp(120px, 38vw, 130px);
            }
        }

        /* SMALL MOBILE */
        @media (max-width: 480px) {

            .logo-image {
                width: 130px;
            }
        }








        nav {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            z-index: 1000;
            padding: 0 clamp(1.5rem, 5vw, 4rem);
            height: 72px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
        }

        nav.scrolled {
            /* background: rgba(25, 37, 60, 0.85); */
            /* backdrop-filter: blur(20px); */
            /* border-bottom: 1px solid rgba(191, 160, 100, 0.15); */
            height: 64px;
        }

        .nav-logo {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            text-decoration: none;
            color: var(--warm);
        }

        .nav-submark {
            width: 28px;
            height: 28px;
            position: relative;
            flex-shrink: 0;
        }

        .nav-submark-svg {
            width: 100%;
            height: 100%;
        }

        .nav-wordmark {
            font-size: 3rem;
            font-weight: 500;
            letter-spacing: 0.2em;
            color: var(--warm);
        }

        .nav-links {
            display: flex;
            align-items: center;
            gap: 2.5rem;
            list-style: none;
        }

        .nav-links a {
            color: rgba(234, 225, 213, 0.7);
            text-decoration: none;
            font-size: 0.8rem;
            font-weight: 400;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            transition: color 0.3s;
            position: relative;
        }

        .nav-links a::after {
            content: '';
            position: absolute;
            bottom: -4px;
            left: 0;
            width: 0;
            height: 1px;
            background: var(--gold);
            transition: width 0.3s ease;
        }

        .nav-links a:hover {
            color: var(--warm);
        }

        .nav-links a:hover::after {
            width: 100%;
        }

        .nav-cta {
            background: transparent;
            border: 1px solid rgba(191, 160, 100, 0.5);
            color: var(--warm) !important;
            padding: 0.5rem 1.25rem;
            border-radius: 2px;
            font-size: 0.75rem !important;
            letter-spacing: 0.12em !important;
            transition: all 0.3s ease !important;
        }

        .nav-cta::after {
            display: none !important;
        }

        .nav-cta:hover {
            background: var(--gold) !important;
            border-color: var(--gold) !important;
            color: var(--navy) !important;
        }









       /* ───────── MOBILE MENU ───────── */

        .hamburger {
            width: 48px;
            height: 48px;
            display: none;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            gap: 6px;
            cursor: pointer;
            background: transparent;
            border: none;
            position: relative;
            z-index: 1002;
            transition: all 0.3s ease;
        }

        .hamburger span {
            width: 24px;
            height: 1.5px;
            background: var(--warm);
            display: block;
            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
            transform-origin: center;
        }

        /* ACTIVE ICON */

        .hamburger.active span:nth-child(1) {
            transform: translateY(7px) rotate(45deg);
        }

        .hamburger.active span:nth-child(2) {
            opacity: 0;
        }

        .hamburger.active span:nth-child(3) {
            transform: translateY(-7px) rotate(-45deg);
        }

        /* MOBILE MENU */

        .mobile-menu {
            position: fixed;
            inset: 0;
            background: rgba(15, 24, 37, 0.98);
            backdrop-filter: blur(18px);
            -webkit-backdrop-filter: blur(18px);

            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;

            gap: 2rem;

            z-index: 1001;

            opacity: 0;
            visibility: hidden;
            pointer-events: none;

            transform: translateY(-20px);

            transition:
                opacity 0.45s ease,
                transform 0.45s ease,
                visibility 0.45s;
        }

        /* OPEN STATE */

        .mobile-menu.open {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
            transform: translateY(0);
        }

        /* MENU LINKS */

        .mobile-menu a {
            color: var(--warm);
            text-decoration: none;
            font-size: clamp(1.3rem, 4vw, 2rem);
            font-weight: 300;
            letter-spacing: 0.18em;
            text-transform: uppercase;
            position: relative;
            transition:
                color 0.3s ease,
                transform 0.3s ease,
                opacity 0.3s ease;
        }

        /* Link hover */

        .mobile-menu a:hover {
            color: var(--gold);
            transform: translateY(-2px);
        }

        /* Animated underline */

        .mobile-menu a::after {
            content: '';
            position: absolute;
            left: 50%;
            bottom: -8px;
            width: 0;
            height: 1px;
            background: var(--gold);
            transform: translateX(-50%);
            transition: width 0.35s ease;
        }

        .mobile-menu a:hover::after {
            width: 100%;
        }

        /* CLOSE BUTTON */

        .mobile-close {
            position: absolute;
            top: 24px;
            right: 24px;

            width: 48px;
            height: 48px;

            border: none;
            background: transparent;

            color: var(--warm);
            font-size: 2rem;
            cursor: pointer;

            display: flex;
            align-items: center;
            justify-content: center;

            transition:
                transform 0.3s ease,
                color 0.3s ease;
        }

        .mobile-close:hover {
            transform: rotate(90deg);
            color: var(--gold);
        }

        /* MOBILE ONLY */

        @media (max-width: 768px) {

            .nav-links {
                display: none;
            }

            .hamburger {
                display: flex;
            }
        }












        .page {
            min-height: 100vh;
        }

        /* ─── HERO ─── */
        /* ─── HERO ─── */
        .hero {
            min-height: 100vh;
            position: relative;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;

            /* Background Image Only */
            background-image: url("../images/hero/Home-4.jpg") !important;
            background-size: cover;
            /* background-position: center;
            background-repeat: no-repeat; */
}
        

        /* CONTENT WRAPPER */
        .hero-content {
            position: relative;
            z-index: 2;
            width: 100%;
            max-width: 1400px;

            /* RIGHT SIDE ALIGN */
            margin-left: auto;

            display: flex;
            flex-direction: column;
            justify-content: center;

            /* PUSH CONTENT TO RIGHT */
            padding: 50px clamp(1.5rem, 6vw, 6rem) 80px;
        }

        /* CONTENT BOX WIDTH */
        .hero-text-wrap {
            width: 100%;
            max-width: 760px;

            /* RIGHT ALIGN BLOCK */
            margin-left: auto;
        }

        /* OPTIONAL CENTER ALIGN VERSION */
        /* 
        .hero-text-wrap{
            margin: 0 auto;
            text-align: center;
        }
        */

        .hero-eyebrow {
            color: var(--gold);
            font-size: 0.9rem;
            font-weight: 500;
            letter-spacing: 0.25em;
            text-transform: uppercase;
            margin-bottom: 2rem;

            opacity: 0;
            transform: translateY(20px);
            animation: heroUp 1s cubic-bezier(0.16, 1, 0.3, 1) forwards 0.3s;
        }

        .hero-title {
            font-size: clamp(3rem, 6vw, 3.5rem);
            font-weight: 200;
            line-height: 1.02;
            color: var(--warm);
            letter-spacing: -0.03em;
            margin-bottom: 2rem;
        }

        .hero-title .line {
            overflow: hidden;
            display: block;
        }

        .hero-title .line-inner {
            display: block;
            transform: translateY(110%);
            animation: heroLine 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
        }

        .hero-title .line:nth-child(1) .line-inner {
            animation-delay: 0.5s;
        }

        .hero-title .line:nth-child(2) .line-inner {
            animation-delay: 0.7s;
        }

        .hero-title em {
            font-style: normal;
            color: var(--gold);
        }

        .hero-sub {
            font-size: clamp(1rem, 1.3vw, 1rem);
            color: var(--text-muted);
            font-weight: 300;
            max-width: 560px;
            line-height: 1.8;
            margin-bottom: 3rem;

            opacity: 0;
            transform: translateY(20px);
            animation: heroUp 1s cubic-bezier(0.16, 1, 0.3, 1) forwards 1s;
        }

        .hero-ctas {
            display: flex;
            align-items: center;
            gap: 1.2rem;
            flex-wrap: wrap;

            opacity: 0;
            transform: translateY(20px);
            animation: heroUp 1s cubic-bezier(0.16, 1, 0.3, 1) forwards 1.2s;
        }

        /* BUTTONS */
        .btn-primary {
            background: var(--gold);
            color: var(--navy);
            border: none;
            padding: 0.95rem 2.2rem;
            font-size: 0.78rem;
            font-weight: 600;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            text-decoration: none;
            border-radius: 2px;
            transition: 0.35s ease;
        }

        .btn-primary:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 30px rgba(191, 160, 100, 0.25);
        }

        .btn-outline {
            background: transparent;
            color: var(--warm);
            border: 1px solid rgba(234, 225, 213, 0.3);
            padding: 0.95rem 2.2rem;
            font-size: 0.78rem;
            font-weight: 500;
            letter-spacing: 0.12em;
            text-transform: uppercase;
            text-decoration: none;
            border-radius: 2px;
            transition: 0.35s ease;
        }

        .btn-outline:hover {
            border-color: var(--gold);
            color: var(--gold);
        }

        /* ANIMATION */
        @keyframes heroUp {
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes heroLine {
            to {
                transform: translateY(0);
            }
        }

        /* ================================
        LARGE LAPTOP
        ================================ */
        @media (max-width: 1400px) {

            .hero-content {
                padding-right: 6rem;
            }

            .hero-text-wrap {
                max-width: 680px;
            }
        }

        /* ================================
        TABLET
        ================================ */
        @media (max-width: 992px) {

            .hero {
                min-height: auto;
                padding-top: 120px;
                padding-bottom: 80px;
            }

            .hero-content {
                padding: 0 2rem;
            }

            .hero-text-wrap {
                max-width: 100%;
                margin: 0 auto;
            }

            .hero-title {
                font-size: clamp(2.8rem, 8vw, 4.8rem);
            }

            .hero-sub {
                max-width: 100%;
            }
        }

        /* ================================
        MOBILE
        ================================ */
        @media (max-width: 768px) {

            .hero {
                align-items: flex-start;
            }

            .hero-content {
                padding: 40px 1.5rem 70px !important;
            }

            .hero-text-wrap {
                margin: 0;
            }

            .hero-eyebrow {
                font-size: 0.62rem;
                letter-spacing: 0.18em;
                margin-bottom: 1.3rem;
            }

            .hero-title {
                font-size: clamp(2.3rem, 11vw, 4rem);
                line-height: 1.05;
                margin-bottom: 1.5rem;
            }

            .hero-sub {
                font-size: 0.98rem;
                line-height: 1.7;
                margin-bottom: 2.2rem;
            }

            .hero-ctas {
                gap: 0.9rem;
                width: 100%;
            }

            .btn-primary,
            .btn-outline {
                width: 100%;
                text-align: center;
                padding: 1rem 1.2rem;
            }
        }

        /* ================================
        SMALL MOBILE
        ================================ */
        @media (max-width: 480px) {

            .hero-content {
                padding: 110px 1.2rem 60px;
            }

            .hero-title {
                font-size: 2.1rem;
            }

            .hero-sub {
                font-size: 0.92rem;
            }
        }









        /* ─── SECTIONS ─── */
        section {
        
            padding: clamp(70px, 10vw, 70px) clamp(1.5rem, 8vw, 10rem);
        }

        .container {
            max-width: 1300px;
            margin: 0 auto;
        }

        .section-label {
            font-size: 0.9rem;
            font-weight: 600;
            letter-spacing: 0.3em;
            text-transform: uppercase;
            color: var(--gold);
            margin-bottom: 1.5rem;
            display: block;
        }

        .section-heading {
            font-size: clamp(1.8rem, 4vw, 3.5rem);
            font-weight: 200;
            line-height: 1.15;
            color: var(--navy);
            letter-spacing: -0.02em;
        }

        .section-heading.light {
            color:#19253c;
        }

        .section-heading em {
            font-style: normal;
            color: var(--earth);
        }

        .section-body {
            font-size: clamp(1rem, 1.2vw, 1rem);
            line-height: 1.8;
            color: #4a5568;
            max-width: 800px;
            margin-top: 1.5rem;
        }

        .section-body.light {
            color:19253c;
        }

        .divider {
            width: 40px;
            height: 1px;
            background: var(--gold);
            margin: 2rem 0;
        }

        .divider.center {
            margin: 2rem auto;
        }

        /* ─── STATS SECTION ─── */
        .stats-section {
            background:#fcf9f4;
            position: relative;
            overflow: hidden;
        }

        .stats-section::before {
            content: '';
            position: absolute;
            inset: 0;
            /* background: radial-gradient(ellipse 60% 80% at 50% 50%, rgba(32, 73, 79, 0.3) 0%, transparent 60%); */
        }

        .stats-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 0;
            position: relative;
            z-index: 1;
        }

        .stat-item {
            padding: 3rem 2rem;
            border-right: 1px solid rgba(191, 160, 100, 0.15);
            text-align: center;
            position: relative;
        }

        .stat-item:last-child {
            border-right: none;
        }

        .stat-number {
            font-size: clamp(2.5rem, 5vw, 5rem);
            font-weight: 100;
            color: var(--warm);
            letter-spacing: -0.03em;
            line-height: 1;
            display: block;
        }

        .stat-number span {
            color: var(--earth);
        }

        .stat-label {
            font-size: 1rem;
            color: #19253c;
            margin-top: 0.75rem;
            letter-spacing: 0.05em;
            line-height: 1.5;
        }

        /* ─── WHAT WE DELIVER ─── */
        .deliver-section {
            background:var(--warm);
        }

        .deliver-header {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 4rem;
            align-items: start;
            margin-bottom: 4rem;
        }

        .tags-container {
            display: flex;
            flex-wrap: wrap;
            gap: 0.75rem;
            margin-top: 2rem;
            
        }

        .tag {
            padding: 0.5rem 1.25rem;
            border: 1px solid rgba(32, 73, 79, 0.3);
            font-size: 0.9rem;
            font-weight: 500;
            letter-spacing: 0.05em;
            border-radius: 50px;
            transition: all 0.3s ease;
            cursor: default;
            /* background-color:#19253c ;
            color: #bfa064; */
            background:#eae1d5;
            color: #19253c;

        }
        .tg1{
            background-color:var(--navy);
        }
        .tg1:hover{
            background-color:var(--warm)!important;
            color: #19253c!important;
        }

        .tag:hover {
            /* background:#eae1d5;
            color: #19253c; */
            border-color: var(--teal);
            background-color:#19253c ;
            color: #bfa064;
        }

        /* ─── WHO WE WORK WITH TEASER ─── */
        .audience-teaser {
            background:  #19253c;
            position: relative;
            overflow: hidden;
        }

        .audience-teaser::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 1px;
            background: linear-gradient(90deg, transparent, var(--gold), transparent);
            opacity: 0.3;
        }

        .audience-grid {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 1.5rem;
            margin-top: 3rem;
        }

        .audience-card {
            border: 1px solid rgba(191, 160, 100, 0.15);
            padding: 2.25rem;
            position: relative;
            overflow: hidden;
            cursor: default;
            transition: all 0.4s ease;
            background: rgba(255, 255, 255, 0.02);
        }

        .audience-card::before {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(135deg, rgba(191, 160, 100, 0.04), transparent);
            opacity: 0;
            transition: opacity 0.4s;
        }

        .audience-card:hover {
            /* border-color: rgba(191, 160, 100, 0.4); */
            transform: translateY(-3px);
        }

        .audience-card:hover::before {
            opacity: 1;
        }

        .audience-card h3 {
            font-size: 1.05rem;
            font-weight: 400;
            color: var(--warm);
            margin-bottom: 0.75rem;
            letter-spacing: 0.03em;
        }

        .audience-card p {
            font-size: 1rem;
            color: var(--text-muted);
            line-height: 1.7;
        }

        /* ─── CTA BAND ─── */
        .cta-band {
            background: #19253c;
            position: relative;
            overflow: hidden;
            padding: 7rem clamp(1.5rem, 8vw, 5rem);
        }

        .cta-band::before {
            content: '';
            position: absolute;
            inset: 0;
            background:#0f1825;
        }

        .cta-band-inner {
            position: relative;
            z-index: 1;
            max-width: 700px;
        }

        .cta-band h2 {
            font-size: clamp(2rem, 4vw, 4rem);
            font-weight: 200;
            color: var(--warm);
            line-height: 1.15;
            margin-bottom: 1.5rem;
            letter-spacing: -0.02em;
        }

        .cta-band p {
            color: var(--gold);
            font-size: 1.2rem;
            line-height: 1.75;
            margin-bottom: 2.5rem;
        }

        

        /* ─── ABOUT PAGE ─── */
        .about-hero {
            background: var(--navy-dark);
            min-height: 65vh;
            display: flex;
            align-items: flex-end;
            padding: 8rem clamp(1.5rem, 8vw, 10rem) 5rem;
            position: relative;
            overflow: hidden;
        }

        .about-hero::before {
            content: '';
            position: absolute;
            inset: 0;
            background: radial-gradient(ellipse 60% 80% at 70% 50%, rgba(32, 73, 79, 0.2) 0%, transparent 60%);
        }

        .about-hero-content {
            position: relative;
            z-index: 1;
            max-width: 800px;
        }

        .pull-quote {
            font-size: clamp(1.05rem, 2vw, 1.4rem);
            font-style: italic;
            color: var(--gold);
            font-weight: 300;
            line-height: 1.7;
            border-left: 2px solid var(--gold);
            padding-left: 2rem;
            /* margin: 1rem 0; */
        }

        .values-row {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1rem;
            margin-top: 3rem;
        }

        .value-item {
            padding: 1rem;
            border: 1px solid rgba(25, 37, 60, 0.12);
        }

        .value-item h4 {
            font-size: 1.05rem;
            font-weight: 600;
            color: var(--teal);
            letter-spacing: 0.08em;
            margin-bottom: 0.5rem;
        }

        .value-item p {
            font-size: 1rem;
            color: #718096;
            line-height: 1.6;
        }

        .founders-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 2rem;
            margin-top: 3rem;
        }

        .founder-card {
            border: 1px solid rgba(191, 160, 100, 0.15);
            background: rgba(255, 255, 255, 0.02);
            padding: 3rem;
            position: relative;
            overflow: hidden;
        }
        .founder-card:hover {
             transform:
        translateY(-14px)
        scale(1.025)
        rotateX(0deg) !important;

    border-color: rgba(191,160,100,0.45);

    box-shadow:
        0 30px 80px rgba(0,0,0,0.28),
        0 0 0 1px rgba(191,160,100,0.08);

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.02),
            rgba(255,255,255,0)
        );
        }

        .founder-card::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 2px;
            background: linear-gradient(90deg, var(--gold), transparent);
        }

        .founder-initial {
            width: 60px;
            height: 60px;
            border: 1px solid rgba(191, 160, 100, 0.4);
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--gold);
            font-size: 1.5rem;
            font-weight: 200;
            margin-bottom: 1.5rem;
        }

        .founder-card h3 {
            font-size: 1.25rem;
            font-weight: 400;
            color: var(--gold);
            margin-bottom: 0.25rem;
        }

        .founder-card .role {
            font-size: 1rem;
            color: var(--gold);
            letter-spacing: 0.1em;
            text-transform: uppercase;
            margin-bottom: 15px!important;
        }

        .founder-card p {
            font-size: 1rem;
            color: var(--text-muted);
            line-height: 1.75;
        }

        .two-col {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1rem;
            align-items: start;
        }

        .col-card {
            background:  #eae1d5;
            padding: 2.5rem;


            transform:
            translateY(90px)
            rotateX(10deg)
            scale(0.94);

           

            transition:
                opacity 1.3s cubic-bezier(0.16,1,0.3,1),
                transform 1.3s cubic-bezier(0.16,1,0.3,1),
                filter 1.2s ease,
                border-color 0.45s ease,
                background 0.45s ease,
                box-shadow 0.45s ease;


        }

        .col-card{
            min-height: 320px;
        }
        .crd1{
            min-height: 230px;
        }

        
        /* Tablet */
        @media (max-width: 991px) {
            .two-col {
                grid-template-columns: 1fr;
            }

            .col-card {
                width: 100%;
                min-height: 250px!important;;
            }
        }
       
        
        .col-card {
            background:  #eae1d5;
            padding: 2.5rem;
        }
        .col-card:hover {
            transform:
            translateY(-14px)
            scale(1.025)
            rotateX(0deg) !important;

            border-color: rgba(191,160,100,0.45);

            box-shadow:
                0 30px 80px rgba(0,0,0,0.28),
                0 0 0 1px rgba(191,160,100,0.08);

            background:
                linear-gradient(
                    180deg,
                    rgba(255,255,255,0.02),
                    rgba(255,255,255,0)
                );
        }

        .col-card h3 {
            font-size: 1.05rem;
            font-weight: 500;
            color: var(--navy);
            margin-bottom: 1rem;
        }

        .col-card p {
            font-size: 1rem;
            color: #4a5568;
            line-height: 1.75;
        }

        /* ─── SERVICES PAGE ─── */
        .services-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1.5px;
            background: rgba(25, 37, 60, 0.08);
            margin-top: 3rem;
        }

        .service-card {
            /* background: var(--ivory); */
            background: #19253c;
            padding: 2.5rem 2.25rem;
            position: relative;
            overflow: hidden;
            transition: all 0.4s ease;
            cursor: default;
        }

        .service-card::before {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 2px;
            background: var(--teal);
            transform: scaleX(0);
            transition: transform 0.4s ease;
            transform-origin: left;
        }

        .service-card:hover {
            /* background: #19253c ; */
            background: var(--ivory);
        }

        .service-card:hover::before {
            transform: scaleX(1);
        }

        .service-card:hover h3 {
            color: var(--warm);
            
        }

        .service-card:hover p {
            color: var(--text-muted);
        }

        .service-card:hover .service-tags .tag {
            border-color: rgba(191, 160, 100, 0.3);
            color: rgba(191, 160, 100, 0.8);
        }

        .service-icon {
            width: 40px;
            height: 40px;
            margin-bottom: 1.5rem;
        }

        .service-card h3 {
            font-size: 1.05rem;
            font-weight: 500;
            color:#eae1d5;
            /* color: var(--navy); */
            margin-bottom: 1rem;
            transition: color 0.4s;
        }

        .service-card p {
            font-size: 0.85rem;
            color:#eae1d5;
            line-height: 1.75;
            margin-bottom: 1.5rem;
            transition: color 0.4s;
        }

        .service-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 0.4rem;
        }

        .service-tags .tag {
            font-size: 0.9rem;
            padding: 0.3rem 0.75rem;
        }

        .track-record {
            /* background: var(--teal); */
            padding: 1.5rem 2rem;
            margin-top: 1.5rem;
        }

        .track-record p {
             color: var(--gold);
            font-size: 1.2rem;
            line-height: 1.6;
        }

        .track-record strong {
            color: var(--gold);
        }

        /* ─── OUR MODEL PAGE ─── */
        .model-layers {
        margin-top: 4rem;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
        align-items: stretch;
        }

        .layer-block {
        display: grid;
        grid-template-columns: 90px 1fr;
        gap: 2rem;
        align-items: start;
        padding: 2.5rem;
        border: 1px solid rgba(25, 37, 60, 0.1);
        /* background: #fff; */
        height: 100%;
}

        .layer-label-col {
            padding-top: 0.5rem;
        }

        .layer-number {
            
        font-size: 3.5rem;
        font-weight: 100;
        color:var(--gold);
        line-height: 1;
        display: block;
}

        .layer-tag {
            display: inline-block;
            background: var(--teal);
            color: var(--warm);
            font-size: 0.65rem;
            letter-spacing: 0.2em;
            text-transform: uppercase;
            padding: 0.35rem 0.75rem;
            /* margin-top: -1.5rem; */
        }

        .model-caps {
            display: flex;
            flex-wrap: wrap;
            gap: 0.5rem;
            margin-top: 1.5rem;
        }

        .model-cap {
            background: rgba(25, 37, 60, 0.06);
            color: var(--navy);
            font-size: 1rem;
            padding: 0.4rem 1rem;
            font-weight: 500;
            border-radius: 1px;
        }

        .model-contrast {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1rem;
            margin-top: 3rem;
            
        }

        .contrast-card {
            padding: 2.5rem;
            background: var(--ivory);
            
        }

        .contrast-card.dark {
            background: var(--navy);
        }

        .contrast-card h4 {
            font-size: 0.7rem;
            font-weight: 600;
            letter-spacing: 0.2em;
            text-transform: uppercase;
            margin-bottom: 1rem;
        }

        .contrast-card h4.gold {
            color: var(--gold);
        }

        .contrast-card h4.teal {
            color: var(--teal);
        }

        .contrast-card p {
            font-size: 1rem;
            line-height: 1.75;
        }

        .contrast-card.dark p {
            color: var(--text-muted);
        }
        
        @media (max-width: 991px) {
    .model-layers {
        grid-template-columns: 1fr;
    }

    .layer-block {
        grid-template-columns: 80px 1fr;
        gap: 1.5rem;
    }

    .layer-number {
        font-size: 3rem;
    }
}

@media (max-width: 576px) {
    .layer-block {
        grid-template-columns: 1fr;
        gap: 1rem;
        padding: 2rem;
    }

    .layer-label-col {
        display: flex;
        align-items: center;
        gap: 1rem;
    }

    .layer-number {
        font-size: 2.5rem;
    }
}

        /* ─── OUR STORY PAGE ─── */
        .story-intro {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 6rem;
            align-items: start;
        }

        .proof-grid {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 0;
            margin-top: 3rem;
            border: 1px solid rgba(25, 37, 60, 0.1);
        }

        .proof-item {
            padding: 2.5rem 1.5rem;
            border-right: 1px solid rgba(25, 37, 60, 0.1);
            text-align: center;
        }

        .proof-item:last-child {
            border-right: none;
        }

        .proof-number {
            font-size: clamp(1.8rem, 3vw, 2.8rem);
            font-weight: 100;
            color: var(--navy);
            display: block;
            letter-spacing: -0.03em;
        }

        .proof-number span {
            color: var(--gold);
        }

        .proof-label {
            font-size: 0.75rem;
            color: #718096;
            margin-top: 0.5rem;
            line-height: 1.5;
        }

        .rebrand-block {
            background: var(--navy-dark);
            padding: 5rem clamp(1.5rem, 8vw, 10rem);
        }

        .blockquote {
            font-size: clamp(1rem, 2vw, 1.3rem);
            font-style: italic;
            color: var(--gold);
            font-weight: 300;
            line-height: 1.7;
            max-width: 700px;
        }

        /* ─── WHO WE WORK WITH PAGE ─── */
        .audience-page-cards {
            margin-top: 3rem;
            display: flex;
            flex-direction: column;
            gap: 20px;
            
        }

        .audience-page-card {
            background: var(--ivory);
            padding: 3rem;
            display: grid;
            grid-template-columns: 280px 1fr;
            /* gap: 4rem; */
            align-items: start;
            transition: all 0.3s;
        }

        .audience-page-card:hover {
            background: var(--navy);
        }
        

        .audience-page-card h3 {
            font-size: 1.2rem;
            font-weight: 400;
            color: var(--navy);
            margin-bottom: 0.5rem;
        }

        .audience-page-card:hover h3 {
            color: var(--gold);
        }
        

        .audience-page-card .audience-type {
            font-size: 0.65rem;
            font-weight: 600;
            letter-spacing: 0.2em;
            text-transform: uppercase;
            color: var(--teal);
            margin-bottom: 1.5rem;
            display: block;
            padding-left: 25px;
        }

        .audience-page-card:hover .audience-type {
            color: var(--gold);
        }

        .audience-page-card p {
            padding-left: 10px;
            padding-right: 10px;
            font-size: 1rem;
            color: #4a5568;
            line-height: 1.75;
            margin-bottom: 1.5rem;
        }

        .audience-page-card:hover p {
            color: var(--warm);
        }

        .deliver-list {
            list-style: none;
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
        }

        .deliver-list li {
            font-size: 1rem;
            color: #718096;
            padding-left: 1.25rem;
            position: relative;
            line-height: 1.5;
            padding-left: 10px;
            padding-right: 10px;
        }

         .audience-page-card:hover .deliver-list li {
            color: var(--warm);
        }

        .deliver-list li::before {
            content: '—';
            position: absolute;
            left: 0;
            color: var(--gold);
        }

        .shared-values {
            background: var(--navy);
            padding: 7rem clamp(1.5rem, 8vw, 10rem);
            position: relative;
            overflow: hidden;
            text-align: center;
        }

        .shared-values::before {
            content: '';
            position: absolute;
            inset: 0;
            background: radial-gradient(ellipse 60% 80% at 50% 50%, rgba(32, 73, 79, 0.3) 0%, transparent 60%);
        }

        .shared-values-inner {
            position: relative;
            z-index: 1;
        }

        .shared-values p {
            font-size: clamp(1rem, 1.8vw, 1.25rem);
            color: var(--text-muted);
            line-height: 1.8;
            max-width: 720px;
            margin: 0 auto 2rem;
        }

        .shared-values .blockquote {
            margin: 0 auto;
            text-align: center;
            border: none;
            padding: 0;
        }

        /* ─── EVENTS PAGE ─── */
        .events-stats {
            background: var(--navy);
            padding: 5rem clamp(1.5rem, 8vw, 10rem);
        }

        .events-stats-grid {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 0;
        }

        .event-stat {
            padding: 0 1.5rem;
            border-right: 1px solid rgba(252, 249, 244, 0.15);
            text-align: center;
        }

        .event-stat:last-child {
            border-right: none;
        }

        .event-stat .number {
            font-size: clamp(2rem, 4vw, 3.5rem);
            font-weight: 100;
            color: var(--warm);
            letter-spacing: -0.03em;
            display: block;
        }

        .event-stat .number span {
            color: var(--gold);
        }

        .event-stat .label {
            font-size: 1rem;
            color: rgba(252, 249, 244, 0.6);
            margin-top: 0.5rem;
            line-height: 1.5;
        }

        .events-types-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 1.5px;
            background: rgba(25, 37, 60, 0.08);
            margin-top: 3rem;
        }

        .event-type-card {
            background: var(--ivory);
            padding: 2.5rem;
            transition: all 0.3s;
        }

        .event-type-card:hover {
            background: var(--navy);
        }

        .event-type-card:hover h3 {
            color: var(--warm);
        }

        .event-type-card:hover p {
            color: var(--text-muted);
        }

        .event-type-card h3 {
            font-size: 1rem;
            font-weight: 500;
            color: var(--navy);
            margin-bottom: 0.75rem;
            transition: color 0.3s;
        }

        .event-type-card p {
            font-size: 1rem;
            color: #718096;
            line-height: 1.7;
            transition: color 0.3s;
        }

        .event-num {
            font-size: 0.65rem;
            font-weight: 600;
            color: var(--gold);
            letter-spacing: 0.2em;
            margin-bottom: 1rem;
            display: block;
        }

        /* ─── CONTACT PAGE ─── */
        .contact-layout {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 5rem;
            align-items: start;
            margin-top: 3rem;
        }

        .contact-info h3 {
            font-size: 1.5rem;
            font-weight: 300;
            color:#19253c;
            margin-bottom: 0.5rem;
        }

        .contact-info p {
            color: #19253c;
            font-size: 1rem;
            line-height: 1.75;
            margin-bottom: 2rem;
        }

        .contact-detail {
            display: flex;
            align-items: center;
            gap: 1rem;
            margin-bottom: 1.25rem;
        }

        .contact-detail-icon {
            width: 36px;
            height: 36px;
            border: 1px solid #19253c;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        .contact-detail-icon svg {
            width: 16px;
            height: 16px;
            stroke: #19253c;
            fill: none;
        }

        .contact-detail span {
            color:#19253c;
            font-size: 0.85rem;
        }

        .contact-form {
            background:#19253c;
            padding: 3rem;
            border: 1px solid rgba(191, 160, 100, 0.15);
        }

        .form-group {
            margin-bottom: 1.5rem;
        }

        .form-group label {
            display: block;
            font-size: 0.7rem;
            font-weight: 600;
            letter-spacing: 0.15em;
            text-transform: uppercase;
            color: var(--gold);
            margin-bottom: 0.6rem;
        }

        .form-group input,
        .form-group textarea,
        .form-group select {
            width: 100%;
            background: rgba(255, 255, 255, 0.04);
            border: 1px solid rgba(191, 160, 100, 0.2);
            color: var(--warm);
            padding: 0.875rem 1rem;
            font-family: inherit;
            font-size: 0.9rem;
            outline: none;
            transition: border-color 0.3s;
            border-radius: 0;
            -webkit-appearance: none;
        }

        .form-group input::placeholder,
        .form-group textarea::placeholder {
            color: rgba(234, 225, 213, 0.25);
        }

        .form-group input:focus,
        .form-group textarea:focus {
            border-color: var(--gold);
        }

        .form-group textarea {
            height: 120px;
            resize: none;
        }

        .form-group select option {
            background: var(--navy);
        }

        .form-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1rem;
        }

        .form-success {
            display: none;
            background: var(--teal);
            color: var(--warm);
            padding: 1.5rem;
            font-size: 0.9rem;
            margin-top: 1rem;
        }

        .calendly-placeholder {
           background: var(--navy);
            border: 1px dashed var(--gold);
            padding: 2.5rem;
            text-align: center;
            margin-top: 2rem;
        }

        .calendly-placeholder p {
            color: var(--text-muted);
            font-size: 0.85rem;
            margin-bottom: 1rem;
        }

        .contact-page {
            background: var(--navy);
            min-height: 100vh;
        }







        /* ─────────────────────────────────────────
        IMAGE PAGE HEADER
        ───────────────────────────────────────── */

        .image-page-header {
            position: relative;
            width: 100%;
            min-height: 60vh;
            overflow: hidden;

            display: flex;
            align-items: center;

            padding: 120px clamp(1.5rem, 8vw, 10rem);

            /* BACKGROUND IMAGE */
            background-image: url("../images/hero/about-4.jpg") !important;

            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
        }

        /* subtle glow */
        .image-page-header::before {
            content: "";
            position: absolute;
            inset: 0;

            background:
                radial-gradient(
                    ellipse at 75% 50%,
                    rgba(61, 115, 126, 0.18) 0%,
                    transparent 60%
                );

            pointer-events: none;
        }

        .image-page-overlay {
            position: absolute;
            inset: 0;
            background: rgba(0, 0, 0, 0.15);
        }

        .image-page-content {
            padding-left: clamp(4rem, 4vw, 2rem);
            padding-right: clamp(4rem, 4vw, 2rem);
            position: relative;
            z-index: 2;
            max-width:1200px;
            width: 100%;
            
        }

        /* small label */
        .image-page-label {
            display: inline-block;

            color: #caa86b;

            font-size: 0.72rem;
            font-weight: 600;

            letter-spacing: 0.35em;
            text-transform: uppercase;

            margin-bottom: 1.4rem;
        }

        /* heading */
        .image-page-content h1 {
            font-size:2rem;
            font-weight: 200;
            line-height: 1.05;
            letter-spacing: -0.04em;

            color: #f3eee7;

            margin: 0;
        }

        /* paragraph */
        .image-page-content p {
            margin-top: 2rem;

            max-width: 640px;

            color: rgba(255, 255, 255, 0.72);

            font-size: 1rem;
            line-height: 1.9;
            font-weight: 400;
        }

        /* ─────────────────────────────────────────
        LARGE SCREENS
        ───────────────────────────────────────── */

        @media screen and (max-width: 1400px){

    .image-page-content{
        max-width: 1200px;
    }

}



@media screen and (max-width: 884px){

    .image-page-content{
        
         padding-left: clamp(1rem, 4vw, 1rem)!important;
        padding-right: clamp(1rem, 4vw, 1rem)!important;
    }

}
@media screen and (max-width: 768px){

    .image-page-content{
        
         padding-left: clamp(1rem, 4vw, 1rem);
        padding-right: clamp(1rem, 4vw, 1rem);
    }

}


/* ─────────────────────────
   768px to 991px
───────────────────────── */
@media screen and (min-width: 768px) and (max-width: 991px){

   .image-page-content{
        padding-left: clamp(1rem, 4vw, 1rem);
        padding-right: clamp(1rem, 4vw, 1rem);
    }

}
/* ─────────────────────────
   768px to 991px
───────────────────────── */
@media screen and (min-width: 991px) and (max-width: 1120px){

   .image-page-content{
        
     padding-left: clamp(1rem, 4vw, 1rem);
        padding-right: clamp(1rem, 4vw, 1rem);
    }

}

@media screen and (max-width: 1280px){

    .image-page-header{
        padding-top: 130px;
        padding-bottom: 100px;
    }

    .image-page-content{
        max-width: 1120px;
         padding-left: clamp(0rem, 4vw, 0rem);
        padding-right: clamp(1rem, 4vw, 1rem);
    }

}

        @media (min-width: 1600px) {

            

            .image-page-header {
                padding-left: 14rem;
                padding-right: 14rem;
            }

            .image-page-content {
                max-width: 1400px;
            }

            .image-page-content h1 {
                font-size: 3.5rem;
            }
        }

        /* ─────────────────────────────────────────
        TABLET
        ───────────────────────────────────────── */

        @media (max-width: 991px) {

            .image-page-header {
                min-height: 50vh;

                padding-top: 130px;
                padding-bottom: 90px;

                background-position: center;
            }

            .image-page-content h1 {
                font-size: clamp(2.3rem, 7vw, 4rem);
                line-height: 1.08;
            }

            .image-page-content p {
                font-size: 1rem;
                line-height: 1.8;
                max-width: 100%;
            }
            
        }

        /* ─────────────────────────────────────────
        MOBILE
        ───────────────────────────────────────── */

        @media (max-width: 768px) {


            .image-page-header {
                min-height: 50vh;

                align-items: flex-end;

                padding:
                    120px
                    1.5rem
                    4rem;

                background-position: 62% center;

                background-image:
                    linear-gradient(
                        180deg,
                        rgba(3, 10, 20, 0.55) 0%,
                        rgba(3, 10, 20, 0.82) 45%,
                        rgba(3, 10, 20, 0.95) 100%
                    ),
                    url('assets/images/about/about-banner.jpg');
            }

            .image-page-content {
                padding-left: clamp(1rem, 3vw, 2rem);
            padding-right: clamp(1rem, 3vw, 2rem);
            position: relative;
            z-index: 2;
            max-width:1400px;
            }

            .image-page-label {
                font-size: 0.66rem;
                letter-spacing: 0.28em;
            }

            .image-page-content h1 {
                font-size: clamp(2rem, 10vw, 3rem);
                line-height: 1.1;
                letter-spacing: -0.03em;
            }

            .image-page-content p {
                margin-top: 1.4rem;

                font-size: 0.95rem;
                line-height: 1.8;

                color: rgba(255, 255, 255, 0.75);
            }
        }

        /* ─────────────────────────────────────────
        SMALL MOBILE
        ───────────────────────────────────────── */

        @media (max-width: 480px) {

            .image-page-header {
                padding-left: 1.2rem;
                padding-right: 1.2rem;
                padding-bottom: 3.5rem;
            }

            .image-page-content h1 {
                font-size: 2.2rem;
            }

            .image-page-content p {
                font-size: 0.92rem;
                line-height: 1.75;
            }
        }























/* SECTION */
.name-section {
    position: relative;
    overflow: hidden;
}

/* LAYOUT */
.name-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4rem;
}

/* LEFT CONTENT */
.name-content {
    flex: 1;
    position: relative;
    z-index: 2;
}

/* RIGHT IMAGE */
.name-image {
    flex: 0 0 38%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
}

.name-image img {
    width: 100%;
    max-width: 620px;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* LARGE SCREEN */
@media (max-width: 1400px) {
    .name-image {
        flex: 0 0 35%;
    }
}

/* LAPTOP */
@media (max-width: 1200px) {

    .name-wrapper {
        gap: 3rem;
    }

    .name-image {
        flex: 0 0 34%;
    }
}

/* TABLET + MOBILE */
/* IMAGE HIDDEN */
@media (max-width: 992px) {

    .name-wrapper {
        display: block;
    }

    .name-content {
        max-width: 100% !important;
    }

    .name-image {
        display: none;
    }
}














/* FOUNDER IMAGE */
.founder-image {
    width: 148px;
    height: 200px;
    margin-bottom: 2rem;
    overflow: hidden;
    border: 1px solid rgba(201, 162, 90, 0.5);
    background: rgba(255,255,255,0.02);
}

/* IMAGE */
.founder-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

/* TABLET */
@media (max-width: 768px) {
    .founder-image {
        width: 85px;
        height: 85px;
    }
}

/* MOBILE */
@media (max-width: 480px) {
    .founder-image {
        width: 75px;
        height: 75px;
    }
}






/* TRACK RECORD SECTION */
.track-record {
    width: fit-content;
    max-width: 90%;
    margin: 5rem auto 0;
    padding: 2rem 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

/* TEXT */
.track-record p {
    margin: 0;
    line-height: 1.8;
}

/* TABLET */
@media (max-width: 768px) {
    .track-record {
        max-width: 92%;
        padding: 1.75rem 2rem;
        margin-top: 4rem;
    }
}

/* MOBILE */
@media (max-width: 480px) {
    .track-record {
        width: calc(100% - 2rem);
        padding: 1.5rem 1.25rem;
        margin-top: 3rem;
    }
}













        

        /* ─── HERO PAGE (sub-pages) ─── */
        .page-hero {
            background: var(--navy-dark);
            padding: 10rem clamp(1.5rem, 8vw, 10rem) 5rem;
            position: relative;
            overflow: hidden;
        }

        .page-hero::before {
            content: '';
            position: absolute;
            inset: 0;
            background: radial-gradient(ellipse 50% 80% at 70% 50%, rgba(32, 73, 79, 0.15) 0%, transparent 60%);
        }

        .page-hero-content {
            position: relative;
            z-index: 1;
            max-width: 850px;
        }

        .page-hero h1 {
            font-size: clamp(2.2rem, 5vw, 3.5rem);
            font-weight: 200;
            color: var(--warm);
            line-height: 1.1;
            letter-spacing: -0.025em;
            margin: 1rem 0;
        }

        .page-hero p {
            color: var(--text-muted);
            font-size: 1.05rem;
            line-height: 1.8;
            max-width: 600px;
            margin-top: 1.5rem;
        }

        /* ─── SCROLL ANIMATIONS ─── */
        .reveal {
            opacity: 0;
            transform: translateY(40px);
            transition: all 0.9s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .reveal.visible {
            opacity: 1;
            transform: translateY(0);
        }

        .reveal-left {
            opacity: 0;
            transform: translateX(-40px);
            transition: all 0.9s cubic-bezier(0.16, 1, 0.3, 1);
        }

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

        .stagger>* {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
            /* background-color: #19253c;
            color: #bfa064; */
        }

        .stagger.visible>*:nth-child(1) {
            opacity: 1;
            transform: none;
            transition-delay: 0s;
        }

        .stagger.visible>*:nth-child(2) {
            opacity: 1;
            transform: none;
            transition-delay: 0.1s;
        }

        .stagger.visible>*:nth-child(3) {
            opacity: 1;
            transform: none;
            transition-delay: 0.2s;
        }

        .stagger.visible>*:nth-child(4) {
            opacity: 1;
            transform: none;
            transition-delay: 0.3s;
        }

        .stagger.visible>*:nth-child(5) {
            opacity: 1;
            transform: none;
            transition-delay: 0.4s;
        }
        .stagger.visible>*:nth-child(6) {
            opacity: 1;
            transform: none;
            transition-delay: 0.4s;
        }

        .stagger.visible>*:nth-child(7) {
            opacity: 1;
            transform: none;
            transition-delay: 0.5s;
        }

        /* ─── RESPONSIVE ─── */
        @media (max-width: 1024px) {
            

            .deliver-header {
                grid-template-columns: 1fr;
                gap: 2rem;
            }

            .proof-grid {
                grid-template-columns: repeat(3, 1fr);
            }

            .proof-item:nth-child(4),
            .proof-item:nth-child(5) {
                border-top: 1px solid rgba(25, 37, 60, 0.1);
            }

            .events-stats-grid {
                grid-template-columns: repeat(3, 1fr);
            }

            .event-stat:nth-child(4),
            .event-stat:nth-child(5) {
                margin-top: 2rem;
                border-right: none;
            }
        }

        @media (max-width: 768px) {
            .nav-links {
                display: none;
            }

            .hamburger {
                display: flex;
            }

            .stats-grid {
                grid-template-columns: 1fr;
            }

            .stat-item {
                border-right: none;
                border-bottom: 1px solid rgba(191, 160, 100, 0.15);
            }

            .audience-grid {
                grid-template-columns: 1fr;
            }

            .founders-grid {
                grid-template-columns: 1fr;
            }

            .two-col {
                grid-template-columns: 1fr;
                gap: 2rem;
            }

            .services-grid {
                grid-template-columns: 1fr;
            }

            .model-contrast {
                grid-template-columns: 1fr;
            }

            .layer-block {
                grid-template-columns: 1fr;
                gap: 1rem;
            }

            .story-intro {
                grid-template-columns: 1fr;
                gap: 3rem;
            }

            .proof-grid {
                grid-template-columns: 1fr 1fr;
            }

            .audience-page-card {
                grid-template-columns: 1fr;
                gap: 2rem;
            }

            .events-types-grid {
                grid-template-columns: 1fr 1fr;
            }

            .events-stats-grid {
                grid-template-columns: 1fr 1fr;
            }

            .contact-layout {
                grid-template-columns: 1fr;
            }

            

            .values-row {
                grid-template-columns: 1fr;
            }

            .form-row {
                grid-template-columns: 1fr;
            }

            body {
                cursor: auto;
            }

            .cursor,
            .cursor-ring {
                display: none;
            }

            .hero-content {
                padding-top: 40px !important;
            }
        }

        @media (max-width: 480px) {
            .events-stats-grid {
                grid-template-columns: 1fr;
            }

            .event-stat {
                border-right: none;
                border-bottom: 1px solid rgba(252, 249, 244, 0.15);
                padding: 1.5rem;
            }

            .proof-grid {
                grid-template-columns: 1fr;
            }

            .events-types-grid {
                grid-template-columns: 1fr;
            }
        }

        /* ─── LOGO SVG ─── */
        .logo-ezer {
            font-size: 1.1rem;
            font-weight: 500;
            letter-spacing: 0.18em;
        }
    










      /* =========================================================
   CINEMATIC HERO ANIMATION
========================================================= */

/* EYEBROW */
.hero-eyebrow{
    opacity: 0;
    transform: translateY(60px) scale(0.96);
    filter: blur(10px);

    animation:
        eyebrowReveal 1.6s cubic-bezier(0.16,1,0.3,1) forwards,
        eyebrowFloat 7s ease-in-out infinite 2s;
}

/* TITLE */
.hero-title{
    perspective: 1200px;
}

.hero-title .line{
    overflow: hidden;
    display: block;
}

.hero-title .line-inner{
    display: inline-block;
    opacity: 0;

    transform:
        translateY(160%)
        rotateX(-18deg)
        skewY(6deg)
        scaleY(1.15);

    filter: blur(12px);

    animation: cinematicReveal 1.9s cubic-bezier(0.16,1,0.3,1) forwards;
}

/* STAGGER */
.hero-title .line:nth-child(1) .line-inner{
    animation-delay: 0.7s;
}

.hero-title .line:nth-child(2) .line-inner{
    animation-delay: 1.05s;
}

.hero-title .line:nth-child(3) .line-inner{
    animation-delay: 1.4s;
}

/* SUBTEXT */
.hero-sub{
    opacity: 0;
    transform: translateY(60px);
    filter: blur(10px);

    animation: softRise 1.7s cubic-bezier(0.16,1,0.3,1) forwards;
    animation-delay: 1.8s;
}

/* BUTTONS */
.hero-ctas{
    opacity: 0;
    transform: translateY(50px) scale(0.95);
    filter: blur(8px);

    animation: ctaReveal 1.5s cubic-bezier(0.16,1,0.3,1) forwards;
    animation-delay: 2.2s;
}

/* WHOLE HERO FLOAT */
.hero-content{
    animation: luxuryFloat 10s ease-in-out infinite;
    will-change: transform;
}

/* GOLD EMPHASIS */
.hero-title em{
    position: relative;
    color: var(--gold);
    font-style: normal;

    animation:
        goldGlow 5s ease-in-out infinite alternate,
        goldPulse 7s ease-in-out infinite;
}

/* SHIMMER EFFECT */
.hero-title em::after{
    content: "";
    position: absolute;
    top: -10%;
    left: -120%;

    width: 70%;
    height: 130%;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,0.5),
        transparent
    );

    transform: skewX(-20deg);

    animation: shimmerSweep 5s ease-in-out infinite;
}

/* =========================================================
   KEYFRAMES
========================================================= */

@keyframes cinematicReveal{
    0%{
        opacity: 0;

        transform:
            translateY(160%)
            rotateX(-18deg)
            skewY(6deg)
            scaleY(1.15);

        filter: blur(12px);
    }

    60%{
        opacity: 1;
        filter: blur(0);
    }

    100%{
        opacity: 1;

        transform:
            translateY(0%)
            rotateX(0deg)
            skewY(0deg)
            scaleY(1);

        filter: blur(0);
    }
}

@keyframes eyebrowReveal{
    0%{
        opacity: 0;
        transform: translateY(60px) scale(0.96);
        filter: blur(10px);
    }

    100%{
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: blur(0);
    }
}

@keyframes softRise{
    0%{
        opacity: 0;
        transform: translateY(60px);
        filter: blur(10px);
    }

    100%{
        opacity: 1;
        transform: translateY(0);
        filter: blur(0);
    }
}

@keyframes ctaReveal{
    0%{
        opacity: 0;
        transform: translateY(50px) scale(0.95);
        filter: blur(8px);
    }

    100%{
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: blur(0);
    }
}

/* FLOATING MOTION */
@keyframes luxuryFloat{
    0%,100%{
        transform: translateY(0px);
    }

    25%{
        transform: translateY(-6px);
    }

    50%{
        transform: translateY(-14px);
    }

    75%{
        transform: translateY(-5px);
    }
}

/* EYEBROW FLOAT */
@keyframes eyebrowFloat{
    0%,100%{
        transform: translateY(0px);
    }

    50%{
        transform: translateY(-4px);
    }
}

/* GOLD GLOW */
@keyframes goldGlow{
    0%{
        text-shadow:
            0 0 0 rgba(191,160,100,0);
    }

    100%{
        text-shadow:
            0 0 18px rgba(191,160,100,0.45),
            0 0 34px rgba(191,160,100,0.2),
            0 0 55px rgba(191,160,100,0.08);
    }
}

/* SUBTLE GOLD PULSE */
@keyframes goldPulse{
    0%,100%{
        transform: scale(1);
    }

    50%{
        transform: scale(1.03);
    }
}

/* SHIMMER */
@keyframes shimmerSweep{
    0%{
        left: -120%;
        opacity: 0;
    }

    12%{
        opacity: 1;
    }

    35%{
        left: 130%;
        opacity: 0;
    }

    100%{
        left: 130%;
        opacity: 0;
    }
}

/* =========================================================
   MOBILE OPTIMIZATION
========================================================= */

@media (max-width: 767px){

    .hero-content{
        animation: luxuryFloatMobile 8s ease-in-out infinite;
    }

    .hero-title .line-inner{
        animation-duration: 1.5s;
    }

    .hero-eyebrow,
    .hero-sub,
    .hero-ctas{
        animation-duration: 1.3s;
    }
}

@keyframes luxuryFloatMobile{
    0%,100%{
        transform: translateY(0px);
    }

    50%{
        transform: translateY(-6px);
    }
}








/* =========================================================
   CINEMATIC AUDIENCE CARD ANIMATIONS
========================================================= */

.audience-grid{
    perspective: 1400px;
}

.audience-grid .audience-card{
    position: relative;
    overflow: hidden;
    isolation: isolate;

    opacity: 0;

    transform:
        translateY(90px)
        rotateX(10deg)
        scale(0.94);

    filter: blur(10px);

    transition:
        opacity 1.3s cubic-bezier(0.16,1,0.3,1),
        transform 1.3s cubic-bezier(0.16,1,0.3,1),
        filter 1.2s ease,
        border-color 0.45s ease,
        background 0.45s ease,
        box-shadow 0.45s ease;
}

/* =========================================================
   REVEAL STATE
========================================================= */

.audience-grid.visible .audience-card{
    opacity: 1;

    transform:
        translateY(0)
        rotateX(0deg)
        scale(1);

    filter: blur(0);
}

/* STAGGER DELAYS */

.audience-grid.visible .audience-card:nth-child(1){
    transition-delay: 0.08s;
}

.audience-grid.visible .audience-card:nth-child(2){
    transition-delay: 0.22s;
}

.audience-grid.visible .audience-card:nth-child(3){
    transition-delay: 0.36s;
}

.audience-grid.visible .audience-card:nth-child(4){
    transition-delay: 0.5s;
}

/* =========================================================
   HOVER INTERACTION
========================================================= */

.audience-card:hover{
    transform:
        translateY(-14px)
        scale(1.025)
        rotateX(0deg) !important;

    border-color: rgba(191,160,100,0.45);

    box-shadow:
        0 30px 80px rgba(0,0,0,0.28),
        0 0 0 1px rgba(191,160,100,0.08);

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.02),
            rgba(255,255,255,0)
        );
}

/* =========================================================
   TOP SHIMMER LINE
========================================================= */

.audience-card::after{
    content: '';

    position: absolute;
    top: 0;
    left: -120%;

    width: 80%;
    height: 1px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(191,160,100,0.9),
        transparent
    );

    transform: skewX(-25deg);

    transition: left 1s cubic-bezier(0.16,1,0.3,1);
}

.audience-card:hover::after{
    left: 140%;
}

/* =========================================================
   GLOW BACKGROUND
========================================================= */

.audience-card::before{
    content: '';

    position: absolute;
    inset: -40%;

    background:
        radial-gradient(
            circle at top left,
            rgba(191,160,100,0.12),
            transparent 60%
        );

    opacity: 0;
    transition: opacity 0.6s ease;

    z-index: -1;
}

.audience-card:hover::before{
    opacity: 1;
}

/* =========================================================
   TITLE ANIMATION
========================================================= */

.audience-card h3{
    transition:
        transform 0.45s ease,
        color 0.45s ease,
        letter-spacing 0.45s ease;
}

.audience-card:hover h3{
    transform: translateY(-2px);
    color: var(--gold);
    letter-spacing: 0.01em;
}

/* =========================================================
   PARAGRAPH ANIMATION
========================================================= */

.audience-card p{
    transition:
        opacity 0.45s ease,
        transform 0.45s ease;
}

.audience-card:hover p{
    transform: translateY(-2px);
    opacity: 0.92;
}

/* =========================================================
   FLOATING MICRO-MOTION
========================================================= */

.audience-grid.visible .audience-card{
    animation: audienceFloat 8s ease-in-out infinite;
}

.audience-grid.visible .audience-card:nth-child(2){
    animation-delay: 1s;
}

.audience-grid.visible .audience-card:nth-child(3){
    animation-delay: 2s;
}

.audience-grid.visible .audience-card:nth-child(4){
    animation-delay: 3s;
}

@keyframes audienceFloat{
    0%,100%{
        transform: translateY(0px);
    }

    50%{
        transform: translateY(-6px);
    }
}

/* =========================================================
   MOBILE OPTIMIZATION
========================================================= */

@media (max-width: 767px){

    .audience-grid .audience-card{
        transform:
            translateY(60px)
            scale(0.96);

        filter: blur(6px);
    }

    .audience-card:hover{
        transform:
            translateY(-6px)
            scale(1.01) !important;
    }

    .audience-grid.visible .audience-card{
        animation: audienceFloatMobile 6s ease-in-out infinite;
    }
}

@keyframes audienceFloatMobile{
    0%,100%{
        transform: translateY(0px);
    }

    50%{
        transform: translateY(-3px);
    }
}








/* ─── CTA BAND ANIMATION ─── */

.cta-band {
    position: relative;
    overflow: hidden;
}

/* Moving glow background */
.cta-band::after {
    content: '';
    position: absolute;
    top: -20%;
    left: -10%;
    width: 40%;
    height: 140%;
    /* background: radial-gradient(
        ellipse,
        rgba(191, 160, 100, 0.08),
        transparent 70%
    ); */
    animation: ctaGlow 10s ease-in-out infinite alternate;
    pointer-events: none;
}

/* Reveal animation */
.cta-band-inner {
    opacity: 0;
    transform: translateY(80px);
    transition:
        opacity 1.4s ease,
        transform 1.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.cta-band-inner.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Heading animation */
.cta-band-inner h2 {
    opacity: 0;
    transform: translateY(40px);
    transition: all 1.2s ease;
    transition-delay: 0.2s;
}

.cta-band-inner.visible h2 {
    opacity: 1;
    transform: translateY(0);
}

/* Paragraph animation */
.cta-band-inner p {
    opacity: 0;
    transform: translateY(40px);
    transition: all 1.2s ease;
    transition-delay: 0.45s;
}

.cta-band-inner.visible p {
    opacity: 1;
    transform: translateY(0);
}

/* Button animation */
.cta-band-inner .btn-primary {
    opacity: 0;
    transform: translateY(35px) scale(0.96);
    transition: all 1s ease;
    transition-delay: 0.7s;
}

.cta-band-inner.visible .btn-primary {
    opacity: 1;
    transform: translateY(0) scale(1);
}

/* Floating button hover */
.cta-band-inner .btn-primary:hover {
    transform: translateY(-4px) scale(1.03);
}

/* Background glow animation */
@keyframes ctaGlow {
    0% {
        transform: translateX(0) translateY(0) scale(1);
    }

    100% {
        transform: translateX(120px) translateY(40px) scale(1.2);
    }
}








/* ─── PAGE HERO ANIMATION ─── */

.page-hero {
    overflow: hidden;
    position: relative;
}

/* Background floating glow */
.page-hero::after {
    content: '';
    position: absolute;
    top: -20%;
    right: -10%;
    width: 500px;
    height: 500px;
    background: radial-gradient(
        circle,
        rgba(191, 160, 100, 0.08),
        transparent 70%
    );
    animation: heroGlowMove 10s ease-in-out infinite alternate;
    pointer-events: none;
}

/* Container reveal */
.page-hero-content {
    opacity: 0;
    transform: translateY(80px);
    animation: heroContentReveal 1.5s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    animation-delay: 0.2s;
}

/* Label animation */
.page-hero-content .section-label {
    display: inline-block;
    opacity: 0;
    transform: translateY(30px);
    animation: heroFadeUp 1s ease forwards;
    animation-delay: 0.5s;
}

/* Heading animation */
.page-hero-content h1 {
    overflow: hidden;
}

.page-hero-content h1 {
    opacity: 0;
    transform: translateY(60px);
    animation: heroFadeUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    animation-delay: 0.8s;
}

/* Paragraph animation */
.page-hero-content p {
    opacity: 0;
    transform: translateY(40px);
    animation: heroFadeUp 1.2s ease forwards;
    animation-delay: 1.2s;
}

/* Keyframes */
@keyframes heroContentReveal {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

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

@keyframes heroGlowMove {
    0% {
        transform: translateY(0) translateX(0) scale(1);
    }

    100% {
        transform: translateY(40px) translateX(-60px) scale(1.15);
    }
}









/* WHO WE WORK WITH */
.audience-teaser .container{
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding-left: clamp(1rem, 3vw, 2rem);
    padding-right: clamp(1rem, 3vw, 2rem);
}

/* CTA BAND */
.cta-band{
    background:#19253c;
    padding: clamp(4rem, 8vw, 6rem) 0;
}

.cta-band-inner{
    width: 100%;
    max-width: 1400px; /* same alignment */
    margin: 0 auto;
    padding-left: clamp(1rem, 3vw, 2rem);
    padding-right: clamp(1rem, 3vw, 2rem);
}

.cta-band-inner h2{
    max-width: 850px;
    font-size: clamp(2rem, 6vw, 3.5rem);
    line-height: 1.05;
}

.cta-band-inner p{
    max-width: 760px;
    font-size: clamp(1rem, 2vw, 1rem);
    line-height: 1.8;
    margin-top: 1.5rem;
}

.cta-band-inner .btn-primary{
    margin-top: 2rem;
}

/* TABLET */
@media (max-width: 991px){

    .cta-band-inner{
    width: 100%;
    max-width: 1160px; /* same alignment */
    margin: 0 auto;
    padding-left: clamp(1rem, 3vw, 2rem);
    padding-right: clamp(1rem, 3vw, 2rem);
}

    .cta-band-inner h2{
        max-width: 100%;
    }

    .cta-band-inner p{
        max-width: 100%;
    }
}






@media screen and (max-width: 1280px){

    .cta-band-inner{
        max-width: 1140px;
    }

}


/* CTA BAND MOBILE FIX */
@media (max-width: 767px){

    .cta-band-inner{
    width: 100%;
    max-width: 1400px; /* same alignment */
    margin: 0 auto;
    padding-left: clamp(1rem, 3vw, 2rem);
    padding-right: clamp(1rem, 3vw, 2rem);
}

    .cta-band{
        overflow: hidden;
        border-radius: 0;
    }

    .cta-band-inner{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .cta-band-inner h2{
        font-size: clamp(2.2rem, 10vw, 3.8rem);
        line-height: 1.08;
        letter-spacing: -1px;
        word-break: break-word;
        max-width: 100%;
        margin-bottom: 1.5rem;
    }

    .cta-band-inner p{
        font-size: 1rem;
        line-height: 1.8;
        max-width: 100%;
        margin-bottom: 2rem;
    }

    .cta-band-inner .btn-primary{
        display: inline-flex;
        width: auto;
        max-width: 100%;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 884px){

    .cta-band-inner{
        max-width: 1000px;
        
    }

}
@media screen and (max-width: 768px){

    .cta-band-inner{
        max-width: 700px!important;
        
    }

}


/* ─────────────────────────
   768px to 991px
───────────────────────── */
@media screen and (min-width: 768px) and (max-width: 991px){

   .cta-band-inner{
        max-width: 750px;
    }

}
/* ─────────────────────────
   768px to 991px
───────────────────────── */
@media screen and (min-width: 991px) and (max-width: 1120px){

   .cta-band-inner{
        max-width: 1000px!important;
    
    }

}









/* PAGE HERO */
.page-hero{
    width: 100%;
    padding: clamp(5rem, 10vw, 8rem) 0;
    overflow: hidden;
}

.page-hero-content{
    width: 100%;
    max-width: 1400px; /* same alignment as other sections */
    margin: 0 auto;
    padding-left: clamp(1rem, 3vw, 2rem);
    padding-right: clamp(1rem, 3vw, 2rem);
}

.page-hero-content .section-label{
    display: inline-block;
    margin-bottom: 1rem;
}

.page-hero-content h1{
    max-width: 950px;
    line-height: 1.02;
    letter-spacing: -2px;
    margin-bottom: 1.8rem;
}


@media screen and (max-width: 1280px){

   .page-hero-content{
        max-width: 1140px;
      
    }

}








/* TABLET */
@media (max-width: 991px){

    .page-hero{
        padding: 5rem 0;
    }

    .page-hero-content h1{
        max-width: 100%;
        line-height: 1.08;
    }

    .page-hero-content p{
        max-width: 100%;
    }
}



/* MOBILE */
@media (max-width: 767px){

    .page-hero{
        padding: 4rem 0 3.5rem;
    }

    .page-hero-content{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .page-hero-content h1{
    
        line-height: 1.08;
        letter-spacing: -1px;
        word-break: break-word;
        margin-bottom: 1.25rem;
    }

    .page-hero-content p{
       
        line-height: 1.8;
    }
}




@media screen and (max-width: 768px){

    .page-hero-content{
        max-width: 700px!important;
        
    }

}
@media screen and (max-width: 884px){

    .page-hero-content{
        max-width: 1000px;
        
    }

}


/* ─────────────────────────
   768px to 991px
───────────────────────── */
@media screen and (min-width: 768px) and (max-width: 991px){

   .page-hero-content{
        max-width: 750px;
    }

}
/* ─────────────────────────
   768px to 991px
───────────────────────── */
@media screen and (min-width: 991px) and (max-width: 1120px){

   .page-hero-content{
        max-width: 1000px!important;
    
    }

}

























/* =========================================================
   FOUNDERS CARD ANIMATION ONLY
   (keeps your existing design unchanged)
========================================================= */

.founders-grid{
    perspective: 1400px;
}

.founder-card{
    opacity: 0;
    transform:
        translateY(80px)
        rotateX(10deg)
        scale(0.96);

    filter: blur(8px);

    transition:
        opacity 1.2s cubic-bezier(0.16,1,0.3,1),
        transform 1.2s cubic-bezier(0.16,1,0.3,1),
        filter 1s ease;
}

/* REVEAL */
.founders-grid.visible .founder-card{
    opacity: 1;

    transform:
        translateY(0)
        rotateX(0deg)
        scale(1);

    filter: blur(0);
}

/* STAGGER */
.founders-grid.visible .founder-card:nth-child(1){
    transition-delay: 0.12s;
}

.founders-grid.visible .founder-card:nth-child(2){
    transition-delay: 0.32s;
}

/* HOVER LIFT */
.founder-card:hover{
    transform:
        translateY(-12px)
        scale(1.02) !important;
}

/* GOLD SHIMMER LINE */
.founder-card::after{
    content: '';

    position: absolute;
    top: 0;
    left: -120%;

    width: 70%;
    height: 1px;

    background: linear-gradient(
        90deg,
        transparent,
        var(--gold),
        transparent
    );

    transform: skewX(-25deg);

    transition: left 1s cubic-bezier(0.16,1,0.3,1);
}

.founder-card:hover::after{
    left: 140%;
}

/* INITIAL FLOAT */
.founder-initial{
    transition:
        transform 0.45s ease,
        box-shadow 0.45s ease;
}

.founder-card:hover .founder-initial{
    transform: scale(1.08) rotate(4deg);
}

/* TITLE ANIMATION */
.founder-card h3{
    transition:
        transform 0.4s ease,
        color 0.4s ease;
}

.founder-card:hover h3{
    transform: translateY(-2px);
    color: var(--gold);
}

/* TEXT MOTION */
.founder-card p,
.founder-card .role{
    transition:
        transform 0.4s ease,
        opacity 0.4s ease;
}

.founder-card:hover p,
.founder-card:hover .role{
    transform: translateY(-2px);
    opacity: 0.95;
}

/* FLOATING MICRO MOTION */
.founders-grid.visible .founder-card{
    animation: founderFloat 8s ease-in-out infinite;
}

.founders-grid.visible .founder-card:nth-child(2){
    animation-delay: 2s;
}

@keyframes founderFloat{
    0%,100%{
        transform: translateY(0px);
    }

    50%{
        transform: translateY(-6px);
    }
}

/* MOBILE */
@media (max-width: 767px){

    .founder-card{
        transform:
            translateY(60px)
            scale(0.97);

        filter: blur(5px);
    }

    .founder-card:hover{
        transform:
            translateY(-6px)
            scale(1.01) !important;
    }

    .founders-grid.visible .founder-card{
        animation: founderFloatMobile 6s ease-in-out infinite;
    }
}

@keyframes founderFloatMobile{
    0%,100%{
        transform: translateY(0px);
    }

    50%{
        transform: translateY(-3px);
    }
}











/* =========================================================
   SIMPLE TEXT FADE-UP ANIMATION
========================================================= */

.rebrand-block .section-label,
.rebrand-block .section-heading,
.rebrand-block .section-body,
.rebrand-block .blockquote{
    opacity: 0;
    transform: translateY(40px);

    transition:
        opacity 1s ease,
        transform 1s cubic-bezier(0.16,1,0.3,1);
}

/* ACTIVE STATE */
.rebrand-block.visible .section-label{
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.1s;
}

.rebrand-block.visible .section-heading{
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.25s;
}

.rebrand-block.visible .section-body:nth-of-type(1){
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.45s;
}

.rebrand-block.visible .section-body:nth-of-type(2){
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.65s;
}

.rebrand-block.visible .blockquote{
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.9s;
}








/* Fade Up Animation */
.fade-up {
    opacity: 0;
    transform: translateY(40px);
    animation: fadeUp 1s ease forwards;
}

.fade-up p,
.fade-up .blockquote,
.fade-up .section-label {
    opacity: 0;
    transform: translateY(25px);
}

/* Stagger Animation */
.fade-up .section-label {
    animation: fadeUp 0.8s ease forwards;
    animation-delay: 0.2s;
}

.fade-up p {
    animation: fadeUp 1s ease forwards;
    animation-delay: 0.5s;
}

.fade-up .blockquote {
    animation: fadeUp 1s ease forwards;
    animation-delay: 0.8s;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}












/* SERVICES */



.services-dark{

    background:#eae1d5;
    padding:110px 0;
    overflow:hidden;
}

.services-dark .container{

    width:92%;
    max-width:1400px;
    margin:auto;
}

.section-title{

    text-align:center;
    margin-bottom:3.5rem;
}

.section-title span{

    color:var(--gold);
    letter-spacing:5px;
    font-size:0.9rem;
    font-weight:600;
    text-transform:uppercase;
    display:block;
    margin-bottom:18px;
}

.section-title h2{

    color:#19253c;
    font-size:3.5rem;
    line-height:1.15;
    font-weight:300;
    max-width:900px;
    margin:auto;
}

.services-grid{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    border-top:1px solid rgba(255,255,255,.08);
    border-left:1px solid rgba(255,255,255,.08);
}

.service-card{

    padding:45px;
    border-right:1px solid rgba(255,255,255,.08);
    border-bottom:1px solid rgba(255,255,255,.08);
    transition:.35s;
    position:relative;
}


.service-card:hover{

    background:#19253c;
    
}

.service-card:hover{

    transform:translateY(-8px);
}
.service-card::after{
    content: '';

    position: absolute;
    top: 0;
    left: -120%;

    width: 80%;
    height: 1px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(191,160,100,0.9),
        transparent
    );

    transform: skewX(-25deg);

    transition: left 1s cubic-bezier(0.16,1,0.3,1);
}

.service-card:hover{
    transform:
        translateY(-14px)
        scale(1.025)
        rotateX(0deg) !important;

    border-color: rgba(191,160,100,0.45);

    box-shadow:
        0 30px 80px rgba(0,0,0,0.28),
        0 0 0 1px rgba(191,160,100,0.08);

    /* background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.02),
            rgba(255,255,255,0)
        ); */
}




.icon{

    width:55px;
    height:55px;
    border:1px solid #d9b46b;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:25px;
}

.icon i{

    color: #997738;
    font-size:22px;
}

.service-card h3{

    /* color:#19253c; */
    color:#bfa064;
    font-size:1.05rem;
    margin-bottom:18px;
}

.service-card p{

    /* color:#19253c; */
    color:#eae1d5;
    font-size:1rem;
    line-height:1.9;
    margin-bottom:30px;
}

.tags{
    
    color:#19253c;
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    
    
}

.tags span{

    border:1px solid rgba(32, 73, 79, 0.3);
    color:#19253c;
    padding:10px 18px;
    border-radius:50px;
    font-size:0.9rem;
    transition:.3s;
    /* background-color:  #eae1d5; */
}

.tags span:hover{

    background: #19253c;
    color:var(--earth);
}

@media(max-width:1200px){

.services-grid{

grid-template-columns:repeat(2,1fr);

}

.section-title h2{

font-size:48px;

}

}

@media(max-width:768px){

.services-grid{

grid-template-columns:1fr;

}

.section-title{

margin-bottom:50px;

}

.section-title h2{

font-size:34px;

}

.service-card{

padding:30px;

}

.service-card h3{

font-size:24px;

}

.service-card p{

font-size:16px;

}

.tags span{

font-size:0.9rem;
padding:8px 14px;

}

}













.image-page-content {
    animation: heroFade 1.2s ease forwards;
}

.image-page-content .section-label {
    animation: fadeUp .8s ease .2s forwards;
    opacity: 0;
}

.image-page-content h1 {
    animation: fadeUp .8s ease .5s forwards;
    opacity: 0;
}

.image-page-content p {
    animation: fadeUp .8s ease .8s forwards;
    opacity: 0;
}

@keyframes heroFade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}












/* ─── FOOTER ─── */
        footer {
            background:#19253c;
            padding: 5rem clamp(1.5rem, 8vw, 10rem) 2.5rem;
            position: relative;
        }

        footer::before {
            content: '';
            position: absolute;
            top: 0;
            left: clamp(1.5rem, 8vw, 10rem);
            right: clamp(1.5rem, 8vw, 10rem);
            height: 1px;
            /* background: rgba(191, 160, 100, 0.2); */
        }

      
        .footer-brand p {
            font-size: 1rem;
            color: var(--text-muted);
            line-height: 1.75;
            margin-top: 1rem;
            max-width: 260px;
        }

        

        .footer-col h4 {
            font-size: 1.2rem;
            font-weight: 600;
            letter-spacing: 0.2em;
            text-transform: uppercase;
            color: var(--gold);
            margin-bottom: 1.5rem;
        }

        .footer-col ul {
            list-style: none;
            display: flex;
            flex-direction: column;
           
        }

        .footer-col ul li a {
            color: var(--text-muted);
            text-decoration: none;
            font-size: 1rem;
            transition: color 0.3s;
        }

        .footer-col ul li a:hover {
            color: var(--warm);
        }

        .footer-bottom {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding-top: 2rem;
            border-top: 1px solid rgba(191, 160, 100, 0.1);
        }

        .footer-bottom p {
            color: rgba(234, 225, 213, 0.3);
            font-size: 0.75rem;
            letter-spacing: 0.05em;
        }

        .footer-tagline {
            color: rgba(234, 225, 213, 0.3);
            font-size: 0.7rem;
            letter-spacing: 0.15em;
            text-transform: uppercase;
        }

@media (min-width: 992px) {
        .quick-links {
            margin-left: -45px !important;
            
        }
}

 @media (max-width: 1024px) {
            .footer-grid {
                grid-template-columns: 1fr 1fr;
                gap: 2.5rem;
            }


        }
 @media (max-width: 768px) {
            .footer-grid {
                grid-template-columns: 1fr;
                gap: 2rem;
            }

            .footer-bottom {
                flex-direction: column;
                gap: 0.75rem;
                text-align: center;
            }


        }
















        /* FOOTER */
footer{
    width: 100%;
    background: #19253c;
    overflow: hidden;
    padding: clamp(4rem, 8vw, 6rem) 0 2rem;
}

/* GRID */
.footer-grid{
    max-width: 1400px;
    margin: auto;

    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr 2fr;
    gap: 40px;   /* Equal gap between every column */

    align-items: start;
    padding: 0 clamp(20px,4vw,40px);
}

/* BRAND */
.footer-brand{
    max-width: 420px;
}

.footer-brand p{
    margin-top: 1.5rem;
    font-size: 1rem;
    line-height: 1.9;
    color: rgba(234,225,213,0.72);
}

/* COLUMNS */
.footer-col h4{
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 1.2rem;
    color: #eae1d5;
}

.footer-col ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-col li{
    margin-bottom: 0.9rem;
}

.footer-col a{
    color: rgba(234,225,213,0.72);
    text-decoration: none;
    transition: 0.3s ease;
    line-height: 1.6;
}

.footer-col a:hover{
    color: #ffffff;
}

/* BOTTOM */
.footer-bottom{
    width: 100%;
    max-width: 1400px;
    margin: 3rem auto 0;
    padding: 2rem clamp(1rem, 3vw, 2rem) 0;

    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;

    border-top: 1px solid rgba(234,225,213,0.12);
}

.footer-bottom p{
    margin: 0;
    font-size: 0.95rem;
    color: rgba(234,225,213,0.55);
}

.footer-tagline{
    text-align: right;
}

/* TABLET */
@media (max-width: 991px){

    .footer-grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 3rem 2rem;
    }

    .footer-brand{
        max-width: 100%;
    }

    .footer-bottom{
        flex-direction: column;
        align-items: flex-start;
    }

    .footer-tagline{
        text-align: left;
    }
}

/* MOBILE */
@media (max-width: 767px){

    footer{
        padding: 3.5rem 0 1.5rem;
    }

    .footer-grid{
        grid-template-columns: 1fr;
        gap: 2.5rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .footer-brand p{
        margin-top: 1.2rem;
        font-size: 1rem;
        line-height: 1.8;
    }

    .footer-col h4{
        margin-bottom: 1rem;
    }

    .footer-col li{
        margin-bottom: 0.8rem;
    }

    .footer-bottom{
        margin-top: 2.5rem;
        padding: 1.5rem 1.5rem 0;
        gap: 0.6rem;
    }

    .footer-bottom p{
        font-size: 0.9rem;
        line-height: 1.6;
    }
}

/* SMALL MOBILE */
@media (max-width: 480px){

    .footer-grid,
    .footer-bottom{
        padding-left: 1.2rem;
        padding-right: 1.2rem;
    }
}




.footer-video video{
    /* width:100%; */
    max-width:450px!important;   /* wider */
    height:280px;      /* slightly taller */

    object-fit:cover;
    border-radius:18px;
    box-shadow:0 15px 40px rgba(0,0,0,.35);
    display:block;
}





/* Brand Section */
.footer-brand{
    display: flex;
    flex-direction: column;
    max-width: 420px;
    margin: 0 auto;
}

/* Logo */
.footer-brand .nav-logo{
    display: flex;

    width: 100%;
    margin-bottom: 20px;
}

.footer-brand .logo-image{
    display: block;
    width: 100px;      /* Adjust as needed */
    max-width: 100%;
    height: auto;
}

/* Brand text */
.footer-brand p{
    max-width: 320px;
    margin: 0 auto;
    line-height: 1.8;
    color: rgba(234,225,213,.75);
}


/* Tablet & Mobile */
@media (max-width: 991px) {

    /* Brand section */
    .footer-brand{
        display: flex;
        flex-direction: column;
        align-items: flex-start !important;
        justify-content: flex-start;
        text-align: left !important;
        margin: 0 !important;
        max-width: 100%;
    }

    /* Logo */
    .footer-brand .nav-logo{
        display: flex;
        justify-content: flex-start !important;
        align-items: flex-start;
        width: auto;
        margin: 0 0 20px 0 !important;
    }

    .footer-brand .logo-image{
        width: 170px;
        height: auto;
        display: block;
    }

    /* Brand text */
    .footer-brand p{
        text-align: left !important;
        margin: 0 !important;
        max-width: 100%;
    }
}

/* Mobile */
@media (max-width: 767px) {

    .footer-brand{
        align-items: flex-start !important;
        text-align: left !important;
    }

    .footer-brand .nav-logo{
        justify-content: flex-start !important;
        margin-bottom: 15px;
    }

    .footer-brand p{
        text-align: left !important;
        margin: 0 !important;
        max-width: 100%;
    }

}