/* =====================================================
        GLOBAL
        ===================================================== */

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

        body{
            /*background:#0a0a0a;*/
            color:#000;
            font-family:'Inter',sans-serif;
            overflow-x:hidden;
        }

        a{
            text-decoration:none;
        }

        /* =====================================================
        TOP BAR
        ===================================================== */

        .top-bar{
            position:fixed;
            top:0;
            left:0;
            width:100%;
            z-index:9999;
            padding:32px 40px;
            display:flex;
            justify-content:space-between;
            align-items:center;
        }
/* =====================================================
LOGO IMAGE
===================================================== */

.logo{
    display:flex;
    align-items:center;
}

.logo img{
    height:64px;
    width:auto;
    object-fit:contain;
    transition:0.3s ease;
    filter:drop-shadow(0 10px 25px rgba(0,0,0,0.25));
}

/* HOVER EFFECT */

.logo:hover img{
    transform:scale(1.03);
}

/* MOBILE */

@media(max-width:991px){

    .logo img{
        height:46px;
    }

}

        .logo span{
            color:#b98b5f;
        }

        /* ACTIONS */

        .top-actions{
            display:flex;
            align-items:center;
            gap:14px;
        }

        .action-btn{
            width:52px;
            height:52px;
            border-radius:50%;
            background:#8c4817;
            border:1px solid rgba(255,255,255,0.08);
            backdrop-filter:blur(12px);
            display:flex;
            align-items:center;
            justify-content:center;
            color:#fff;
            font-size:18px;
            transition:0.3s;
        }

        .action-btn:hover{
            background:#b98b5f;
            color:#fff;
            transform:translateY(-3px);
        }

        /* =====================================================
        MAIN WRAPPER
        ===================================================== */

        .gateway-wrapper{
            min-height:100vh;
            padding:140px 40px 40px;
            position:relative;
            overflow:hidden;
            display:flex;
            flex-direction:column;
            justify-content:center;
        }

        /* BACKGROUND GLOW */

        .bg-glow{
            position:absolute;
            inset:0;
            background:
            radial-gradient(circle at top left,
            rgba(185,139,95,0.16),
            transparent 30%),

            radial-gradient(circle at bottom right,
            rgba(255,255,255,0.04),
            transparent 30%);
        }

        /* =====================================================
        INTRO
        ===================================================== */

        .intro-area{
            position:relative;
            z-index:2;
            text-align:center;
            margin-bottom:70px;
        }

        .intro-label{
            color:#b98b5f;
            text-transform:uppercase;
            letter-spacing:5px;
            font-size:11px;
            font-weight:700;
            margin-bottom:25px;
            display:block;
        }

        .intro-title{
            font-size:120px;
            line-height:0.9;
            font-weight:900;
            letter-spacing:-7px;
            margin-bottom:28px;
        }

        .intro-text{
            max-width:720px;
            margin:auto;
            color:#bdbdbd;
            font-size:18px;
            line-height:2;
        }

        /* =====================================================
        GRID
        ===================================================== */

        .gateway-grid{
            position:relative;
            z-index:2;
            display:grid;
            grid-template-columns:repeat(2,1fr);
            gap:24px;
        }

        /* =====================================================
        CARD
        ===================================================== */

        .gateway-card{
            position:relative;
            height:72vh;
            min-height:620px;
            border-radius:38px;
            overflow:hidden;
            display:flex;
            align-items:flex-end;
            transition:0.5s ease;
        }

        .gateway-card:hover{
            transform:translateY(-10px);
        }

        /* IMAGE */

        .gateway-card img{
            position:absolute;
            inset:0;
            width:100%;
            height:100%;
            object-fit:cover;
            transition:1s;
        }

        .gateway-card:hover img{
            transform:scale(1.08);
        }

        /* OVERLAY */

        .gateway-card::before{
            content:"";
            position:absolute;
            inset:0;
            background:
            linear-gradient(to top,
            rgba(0,0,0,0.92),
            rgba(0,0,0,0.15));
            z-index:1;
        }

        /* CONTENT */

        .card-content{
            position:relative;
            z-index:2;
            width:100%;
            padding:42px;
        }

        .card-label{
            color:#c99c70;
            text-transform:uppercase;
            letter-spacing:3px;
            font-size:11px;
            font-weight:700;
            margin-bottom:20px;
            display:block;
        }

        .card-title{
            font-size:52px;
            line-height:1;
            font-weight:800;
            margin-bottom:20px;
            color:#fff;
        }

        .card-line{
            width:70px;
            height:1px;
            background:rgba(255,255,255,0.2);
            margin-bottom:25px;
        }

        .card-text{
            color:#d5d5d5;
            line-height:1.9;
            margin-bottom:40px;
            max-width:320px;
        }

        /* CTA */

        .card-cta{
            display:flex;
            align-items:center;
            justify-content:space-between;
            padding-top:22px;
            border-top:1px solid rgba(255,255,255,0.1);
            color:#fff;
            font-weight:600;
            letter-spacing:1px;
        }

        .card-cta i{
            font-size:24px;
            transition:0.3s;
        }

        .gateway-card:hover .card-cta i{
            transform:translateX(8px);
        }

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

        @media(max-width:1400px){

            .intro-title{
                font-size:92px;
            }

        }

        @media(max-width:991px){

            .top-bar{
                padding:24px 20px;
            }

            .logo{
                font-size:20px;
            }

            .gateway-wrapper{
                padding:120px 18px 20px;
            }

            .intro-title{
                font-size:54px;
                line-height:1;
                letter-spacing:-3px;
            }

            .intro-text{
                font-size:15px;
                line-height:1.9;
            }

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

            .gateway-card{
                min-height:520px;
                height:auto;
                border-radius:28px;
            }

            .card-content{
                padding:32px 28px;
            }

            .card-title{
                font-size:38px;
            }

            .card-text{
                font-size:14px;
            }

            .action-btn{
                width:46px;
                height:46px;
            }

        }