/* =====================================
   ARIA MANESH PARS
   Eurasia Gateway Experience
===================================== */

.gateway-hero {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    background:
        radial-gradient(circle at center,
        rgba(198,149,46,.15),
        transparent 35%),
        #071426;
    color: #f7f5f1;
    display:flex;
    align-items:center;
    justify-content:center;
}


.gateway-content {
    position:relative;
    z-index:5;
    text-align:center;
    max-width:900px;
    padding:40px 20px;
}


.gateway-label {
    letter-spacing:5px;
    font-size:14px;
    color:#c6952e;
    margin-bottom:25px;
}


.gateway-title {
    font-size:clamp(42px,6vw,82px);
    line-height:1.1;
    font-weight:800;
    margin:0;
}


.gateway-title span {
    color:#c6952e;
}


.gateway-subtitle {
    margin-top:25px;
    font-size:clamp(18px,2vw,28px);
    color:#d8d8d8;
}


.gateway-actions {
    margin-top:45px;
    display:flex;
    gap:20px;
    justify-content:center;
    flex-wrap:wrap;
}


.gateway-btn {
    padding:16px 35px;
    border-radius:50px;
    text-decoration:none;
    transition:.3s;
    font-weight:600;
}


.gateway-btn.primary {
    background:#c6952e;
    color:#071426;
}


.gateway-btn.secondary {
    border:1px solid rgba(255,255,255,.3);
    color:white;
}


.gateway-btn:hover {
    transform:translateY(-4px);
}


/* SVG MAP */

.gateway-map {
    position:absolute;
    inset:0;
    opacity:.55;
}


.route-line {
    fill:none;
    stroke:#c6952e;
    stroke-width:2;
    stroke-dasharray:1000;
    stroke-dashoffset:1000;
    animation:
    drawRoute 5s ease forwards;
}


@keyframes drawRoute {

    to {
        stroke-dashoffset:0;
    }

}


.location-dot {

    fill:#c6952e;
    animation:pulse 2s infinite;

}


@keyframes pulse {

    0%,100% {
        r:6;
        opacity:1;
    }

    50% {
        r:12;
        opacity:.5;
    }

}


@media(max-width:768px){

.gateway-title{
    font-size:42px;
}

.gateway-subtitle{
    font-size:18px;
}

}
