/* Our Journey page — verbatim from supplied design */
        /* === exact design tokens from about/leadership pages === */
        :root {
            --gold: #b89b72;
            --gold-soft: #cfb18a;
            --text-main: #22252b;
            --text-muted: #777a80;
            --bg-page: #ede9e4;
            --bg-card: #ffffff;
            --border-soft: #e2e4ea;
            --shadow-soft: 0 22px 45px rgba(0, 0, 0, 0.08);
        }

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

        body {
            font-family: 'Poppins', sans-serif;
            background: var(--bg-page);
            color: var(--text-main);
            line-height: 1.7;
        }

        section {
            position: relative;
            overflow: hidden;
            background: transparent;
        }

        .gold-text {
            color: var(--gold) !important;
        }

        .section-eyebrow {
            letter-spacing: 4px;
            text-transform: uppercase;
            font-size: 20px;
            color: var(--gold-soft);
            font-weight: 500;
            margin-bottom: 10px;
        }

        .section-heading {
            font-size: 34px;
            font-weight: 600;
            letter-spacing: 3px;
            text-transform: uppercase;
            color: var(--text-main);
            margin-bottom: 28px;
        }

        .section-heading span {
            color: var(--gold);
        }

        .section-intro {
            max-width: 720px;
            margin: 0 auto 40px;
            color: var(--text-muted);
            font-size: 15px;
            line-height: 1.8;
        }

        /* ===== CARD STYLES (image top, text below) ===== */
        .journey-card {
            background: white;
            border-radius: 28px;
            overflow: hidden;
            height: 100%;
            box-shadow: var(--shadow-soft);
            transition: transform 0.25s ease, box-shadow 0.3s ease;
            display: flex;
            flex-direction: column;
        }

        .journey-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 30px 50px rgba(0, 0, 0, 0.15);
        }

        .card-image {
            width: 100%;
            aspect-ratio: 16 / 9;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            background-color: #d9d2c5;
            transition: transform 0.4s ease;
        }

        .journey-card:hover .card-image {
            transform: scale(1.02);
        }

        .card-content {
            padding: 24px 22px 28px;
            background: #fcf9f7;
            flex-grow: 1;
            display: flex;
            flex-direction: column;
        }

        .journey-year {
            font-size: 2.8rem;
            font-weight: 700;
            line-height: 1;
            color: var(--gold);
            letter-spacing: 2px;
            margin-bottom: 0.25rem;
        }

        .journey-month {
            font-size: 0.9rem;
            font-weight: 500;
            text-transform: uppercase;
            letter-spacing: 2px;
            color: #5f4e3c;
            background: rgba(184, 155, 114, 0.1);
            display: inline-block;
            padding: 4px 14px;
            border-radius: 30px;
            margin: 0.5rem 0 0.75rem 0;
            border: 1px solid rgba(184, 155, 114, 0.2);
            width: fit-content;
            max-width: 80%;
        }

        .journey-title {
            font-size: 1.6rem;
            font-weight: 600;
            letter-spacing: 0.5px;
            color: var(--text-main);
            margin-bottom: 0.5rem;
            line-height: 1.3;
        }

        .journey-desc {
            color: var(--text-muted);
            font-size: 0.9rem;
            line-height: 1.7;
            flex-grow: 1;
        }

        hr.gold-hr {
            border: 0;
            height: 1px;
            background: linear-gradient(90deg, transparent, var(--gold-soft), transparent);
            margin: 2.5rem 0;
        }

        /* === Humble beginnings hero styles (from second file) === */
        .section-subtitle{
            letter-spacing:5px;
            font-size:13px;
            color:#b79b7d;
            text-align:center;
            margin-bottom:10px;
        }

        .section-title{
            font-family: 'Playfair Display', serif;
            font-size:42px;
            text-align:center;
            font-weight:700;
            margin-bottom:35px;
        }

        .section-title span{
            color:#e11d2e;
        }

        .story-card{
            border-radius:28px;
            overflow:hidden;
            box-shadow:0 15px 35px rgba(0,0,0,0.08);
        }

        .story-image{
            width:100%;
            height:100%;
            object-fit:cover;
        }

        .story-content{
            background:#0d141a;
            color:#fff;
            padding:50px;
            display:flex;
            flex-direction:column;
            justify-content:center;
            height:100%;
        }

        .year-badge{
            background:#b79b7d;
            color:#fff;
            padding:6px 14px;
            border-radius:8px;
            font-size:18px;
            font-weight:600;
            display:inline-block;
            width:fit-content;
            margin-bottom:18px;
        }

        .story-content h3{
            font-size:28px;
            font-weight:600;
            margin-bottom:18px;
        }

        .story-content p{
            font-size:15.5px;
            line-height:1.6;
            color:#d0d5d9;
            margin-bottom:0;
        }

        @media(max-width:992px){
            .section-title{
                font-size:28px;
            }
            .story-content{
                padding:35px 25px;
            }
        }