/* =========================================
   NEXORA — EXPERIENCE / GALLERY TRANSITION
========================================= */

.experience {
    margin-bottom: 0 !important;
}

/* Pull the following gallery section closer */

.experience + .gallery {
    margin-top: 0 !important;
    padding-top: 90px !important;
    
}
/* =========================================
   NEXORA — EXPERIENCE BACKGROUND
========================================= */

.experience {
    position: relative;

    max-width: none !important;

    margin: 130px 0 !important;

    padding: 110px 7% 120px !important;

    background:
        linear-gradient(
            135deg,
            #07131d 0%,
            #0c1d29 50%,
            #07131d 100%
        ) !important;

    overflow: hidden;
}


/* subtle luxury glow */

.experience::before {
    content: "";

    position: absolute;

    width: 600px;
    height: 600px;

    top: -250px;
    right: -180px;

    background: rgba(212,175,55,.07);

    border-radius: 50%;

    filter: blur(80px);

    pointer-events: none;
}


/* second subtle glow */

.experience::after {
    content: "";

    position: absolute;

    width: 450px;
    height: 450px;

    bottom: -250px;
    left: -150px;

    background: rgba(212,175,55,.045);

    border-radius: 50%;

    filter: blur(70px);

    pointer-events: none;
}


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

.experience > h2 {
    position: relative;

    z-index: 2;

    margin-bottom: 48px !important;

    color: #f5f1e8 !important;

    font-family: 'Cinzel', serif !important;

    font-size: 3rem !important;

    font-weight: 400 !important;

    letter-spacing: 6px !important;

    text-align: center;
}

.experience > h2::before {
    content: "CURATED EXPERIENCES";

    display: block;

    margin-bottom: 15px;

    color: #d4af37;

    font-family: Arial, sans-serif;

    font-size: .62rem;

    font-weight: 600;

    letter-spacing: 5px;
}


/* =========================================
   GRID ABOVE BACKGROUND
========================================= */

.experience-grid {
    position: relative;

    z-index: 2;
}


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

@media (max-width: 768px) {

    .experience {
        margin: 80px 0 !important;

        padding: 75px 18px 80px !important;
    }

    .experience > h2 {
        font-size: 2rem !important;

        letter-spacing: 3px !important;

        margin-bottom: 35px !important;
    }
}
/* =========================================
   NEXORA — LUXURY CARD EDGES
========================================= */

.experience-card {
    border-radius: 14px !important;

    border: 1px solid rgba(212, 175, 55, 0.18) !important;

    box-shadow:
        0 18px 45px rgba(8, 20, 31, 0.10),
        0 2px 8px rgba(8, 20, 31, 0.06) !important;

    transition:
        transform .5s ease,
        box-shadow .5s ease,
        border-color .5s ease !important;
}


/* subtle luxury frame */

.experience-card::before {
    content: "";

    position: absolute;

    inset: 9px;

    z-index: 3;

    border: 1px solid rgba(255, 255, 255, 0.22);

    border-radius: 9px;

    pointer-events: none;

    opacity: .75;
}


/* richer hover */

.experience-card:hover {
    transform: translateY(-4px);

    border-color: rgba(212, 175, 55, 0.45) !important;

    box-shadow:
        0 25px 55px rgba(8, 20, 31, 0.16),
        0 4px 15px rgba(212, 175, 55, 0.08) !important;
}


/* keep image inside rounded corners */

.experience-card img {
    border-radius: 13px !important;
}


/* mobile */

@media (max-width: 768px) {

    .experience-card {
        border-radius: 11px !important;
    }

    .experience-card img {
        border-radius: 10px !important;
    }

    .experience-card::before {
        inset: 7px;
        border-radius: 7px;
    }
}
/* =========================================
   NEXORA — EXPLORE ETHIOPIA
   CLEAN EDITORIAL SYSTEM
========================================= */

.discover {
    width: 100%;
    max-width: 1500px;
    margin: 140px auto;
    padding: 0 35px;
    box-sizing: border-box;
}


/* SECTION INTRO */

.discover > h2 {
    font-family: 'Cinzel', serif;
    font-size: 3.4rem;
    font-weight: 500;
    letter-spacing: 2px;
    color: #08141F;
    text-align: center;
    margin: 0 0 18px;
}

.discover > p {
    max-width: 650px;
    margin: 0 auto 65px;

    text-align: center;

    color: #666;

    font-size: 1.05rem;
    line-height: 1.9;
}


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

.explore-grid {
    width: 100%;

    display: grid;

    grid-template-columns: 1.15fr 1fr;
    grid-template-rows: repeat(3, 230px);

    gap: 16px;

    margin: 0;

    padding: 0;

    box-sizing: border-box;
}


/* =========================================
   PHOTO BLOCKS
========================================= */

.explore-large,
.explore-small {
    position: relative;

    display: block;

    width: 100%;
    height: 100%;

    min-width: 0;
    min-height: 0;

    padding: 0;
    margin: 0;

    overflow: hidden;

    border: none;
    outline: none;

    border-radius: 4px;

    background: transparent;

    box-sizing: border-box;

    text-decoration: none;

    -webkit-tap-highlight-color: transparent;
}


/* MAIN IMAGE */

.explore-large:first-child {
    grid-row: 1 / 4;
}


/* =========================================
   IMAGE — MUST FILL EVERYTHING
========================================= */

.explore-grid img {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    max-width: none;

    display: block;

    margin: 0;
    padding: 0;

    object-fit: cover;
    object-position: center;

    border: none;
    outline: none;

    border-radius: inherit;

    box-sizing: border-box;

    transform: scale(1);

    transition:
        transform 1s cubic-bezier(.2,.7,.2,1);
}


/* =========================================
   TEXT OVER PHOTO
========================================= */

.explore-overlay {
    position: absolute;

    inset: 0;

    z-index: 2;

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

    padding: 38px;

    box-sizing: border-box;

    background:
        linear-gradient(
            to top,
            rgba(0,0,0,.82) 0%,
            rgba(0,0,0,.35) 40%,
            rgba(0,0,0,0) 72%
        );

    color: white;

    border: none;
    outline: none;
}


/* CATEGORY */

.explore-overlay span {
    display: block;

    margin: 0 0 10px;

    color: #D4AF37;

    font-family: 'Poppins', sans-serif;

    font-size: .68rem;
    font-weight: 600;

    letter-spacing: 5px;

    text-transform: uppercase;
}


/* TITLE */

.explore-overlay h3 {
    margin: 0;

    color: #fff;

    font-family: 'Cinzel', serif;

    font-size: 2rem;
    font-weight: 500;

    line-height: 1.15;

    letter-spacing: .5px;
}


/* MODERN ETHIOPIA */

.explore-large:first-child
.explore-overlay h3 {
    font-size: 3rem;
}


/* =========================================
   SMALL GOLD DETAIL
========================================= */

.explore-overlay::after {
    content: "";

    width: 38px;
    height: 1px;

    margin-top: 16px;

    background: #D4AF37;

    transition: width .4s ease;
}


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

.explore-large:hover img,
.explore-small:hover img {
    transform: scale(1.045);
}

.explore-large:hover .explore-overlay::after,
.explore-small:hover .explore-overlay::after {
    width: 70px;
}


/* =========================================
   IMPORTANT:
   REMOVE FOCUS / GOLD OUTLINE
========================================= */

.explore-large:focus,
.explore-small:focus,
.explore-large:focus-visible,
.explore-small:focus-visible {
    outline: none;
    border: none;
    box-shadow: none;
}


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

@media (max-width: 768px) {

    .discover {
        margin: 90px auto;
        padding: 0 18px;
    }

    .discover > h2 {
        font-size: 2.25rem;
        line-height: 1.2;
    }

    .discover > p {
        font-size: .98rem;
        line-height: 1.8;
        margin-bottom: 40px;
    }


    .explore-grid {

        display: grid;

        grid-template-columns: 1fr;

        grid-template-rows:
            330px
            230px
            230px
            230px;

        gap: 10px;
    }


    .explore-large:first-child {
        grid-row: auto;
    }


    .explore-large,
    .explore-small {

        width: 100%;
        height: 100%;

        border-radius: 4px;
    }


    .explore-overlay {

        padding: 25px;
    }


    .explore-overlay span {

        font-size: .6rem;

        letter-spacing: 4px;

        margin-bottom: 8px;
    }


    .explore-overlay h3 {

        font-size: 1.65rem;
    }


    .explore-large:first-child
    .explore-overlay h3 {

        font-size: 2.25rem;
    }

}
/* =========================================
   NEXORA — CINEMATIC EXPLORE ETHIOPIA
========================================= */

.explore-grid {
    max-width: 1450px;
    margin: 65px auto 0;

    display: grid;
    grid-template-columns: 1.4fr 1fr;
    grid-template-rows: 420px 420px;

    gap: 12px;
}


/* IMAGE */

.explore-large,
.explore-small {
    position: relative;

    display: block;

    overflow: hidden;

    border-radius: 8px;

    text-decoration: none;

    background: #000;
}


/* IMAGE ITSELF */

.explore-grid img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform 1.2s cubic-bezier(.2,.7,.2,1);
}


/* CINEMATIC TEXT AREA */

.explore-overlay {
    position: absolute;
    inset: 0;

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

    padding: 45px;

    color: white;

    background:
        linear-gradient(
            to top,
            rgba(0,0,0,.82) 0%,
            rgba(0,0,0,.42) 35%,
            transparent 70%
        );
}


/* CATEGORY */

.explore-overlay span {
    margin-bottom: 12px;

    color: #D4AF37;

    font-family: 'Poppins', sans-serif;

    font-size: .68rem;
    font-weight: 600;

    letter-spacing: 5px;

    text-transform: uppercase;
}


/* TITLE */

.explore-overlay h3 {
    margin: 0;

    color: #fff;

    font-family: 'Cinzel', serif;

    font-size: 2.7rem;
    font-weight: 500;

    line-height: 1.1;

    letter-spacing: .5px;
}


/* HOVER */

.explore-large:hover img,
.explore-small:hover img {
    transform: scale(1.055);
}


/* SUBTLE GOLD LINE */

.explore-overlay::after {
    content: "";

    width: 45px;
    height: 1px;

    background: #D4AF37;

    margin-top: 18px;

    transition: width .4s ease;
}

.explore-large:hover .explore-overlay::after,
.explore-small:hover .explore-overlay::after {
    width: 80px;
}


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

@media (max-width: 768px) {

    .explore-grid {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(4, 300px);

        gap: 10px;

        margin-top: 40px;

        padding: 0 15px;
    }

    .explore-large,
    .explore-small {
        min-height: 300px;

        border-radius: 6px;
    }

    .explore-overlay {
        padding: 28px;
    }

    .explore-overlay h3 {
        font-size: 2rem;
    }

}
/* =========================================
   NEXORA JOURNAL
========================================= */

.journal-title {
    font-family: 'Cinzel', serif;
    font-size: 3.8rem;
    font-weight: 600;
    letter-spacing: 3px;
    text-align: center;
    color: #08141F;
    margin: 0 0 18px;
}

.journal-subtitle {
    max-width: 650px;
    margin: 0 auto 60px;
    text-align: center;

    font-family: 'Poppins', sans-serif;
    font-size: 1.05rem;
    font-weight: 300;
    line-height: 1.9;

    color: #777;
    letter-spacing: .5px;
}

/* Mobile */

@media (max-width: 768px) {

    .journal-title {
        font-size: 2.3rem;
        letter-spacing: 2px;
    }

    .journal-subtitle {
        font-size: .95rem;
        line-height: 1.8;
        padding: 0 20px;
        margin-bottom: 40px;
    }

}
/* =========================================
   NEXORA — FEATURED DESTINATIONS
   LUXURY EDITORIAL COLLECTION
========================================= */

.destinations {
    padding: 140px 40px;
    background:
        linear-gradient(
            180deg,
            #f4f0e4 0%,
            #FFFDF8 100%
        );
    text-align: center;
}

.destination-heading {
    max-width: 800px;
    margin: 0 auto 70px;
}

.destination-heading > span {
    display: block;
    color: #B08A24;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: 5px;
    text-transform: uppercase;
    margin-bottom: 18px;
}

.destination-heading h2 {
    font-family: 'Cinzel', serif;
    font-size: 3.5rem;
    color: #08141F;
    letter-spacing: 3px;
    margin: 0 0 25px;
}

.destination-heading h2::after {
    content: "";
    display: block;
    width: 65px;
    height: 2px;
    background: #D4AF37;
    margin: 24px auto 0;
}

.destination-heading p {
    max-width: 650px;
    margin: 25px auto 0;
    color: #686868;
    line-height: 1.9;
    font-size: 1.05rem;
}


/* GRID */

.destination-grid {
    max-width: 1400px;
    margin: auto;

    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 35px;
}


/* CARD */

.destination {
    position: relative;

    background: #f2ead0;

    border-radius: 30px;
    overflow: hidden;

    border: 1px solid rgba(212,175,55,.16);

    box-shadow:
        0 18px 50px rgba(8,20,31,.08);

    transition:
        transform .5s ease,
        box-shadow .5s ease;
}

.destination:hover {
    transform: translateY(-8px);

    box-shadow:
        0 30px 70px rgba(8,20,31,.15);
}


/* IMAGE */

.destination-image {
    position: relative;
    height: 390px;
    overflow: hidden;
}

.destination-image img {
    width: 100%;
    height: 100%;

    object-fit: cover;
    display: block;

    transition:
        transform 1s cubic-bezier(.2,.7,.2,1),
        filter .6s ease;
}

.destination:hover .destination-image img {
    transform: scale(1.07);
    filter: brightness(.9);
}


/* CINEMATIC GRADIENT */

.destination-image::after {
    content: "";

    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            to top,
            rgba(5,13,20,.82) 0%,
            rgba(5,13,20,.28) 48%,
            rgba(5,13,20,.02) 100%
        );

    pointer-events: none;
}


/* IMAGE TEXT */

.destination-overlay {
    position: absolute;

    left: 32px;
    right: 32px;
    bottom: 28px;

    z-index: 2;

    text-align: left;
}

.destination-overlay span {
    display: block;

    color: #D4AF37;

    font-size: .7rem;
    font-weight: 600;

    letter-spacing: 4px;
    text-transform: uppercase;

    margin-bottom: 9px;
}

.destination-overlay h3 {
    font-family: 'Cinzel', serif;

    color: white;

    font-size: 2.25rem;

    letter-spacing: 1px;

    margin: 0;
}


/* CONTENT */

.destination-content {
    padding: 25px 30px 30px;

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

    gap: 25px;

    text-align: left;
}

.destination-content p {
    color: #666;

    line-height: 1.7;

    font-size: .95rem;

    margin: 0;

    flex: 1;
}


/* LUXURY BUTTON */

.destination-content .destination-btn {
    flex-shrink: 0;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    min-height: auto;

    padding: 12px 20px;

    border: 1px solid #D4AF37;
    border-radius: 999px;

    background: transparent;

    color: #08141F;

    font-size: .72rem;
    font-weight: 600;

    letter-spacing: 1.5px;
    text-transform: uppercase;

    text-decoration: none;

    transition: .35s ease;
}

.destination-content .destination-btn span {
    font-size: 1rem;

    transition: transform .35s ease;
}

.destination-content .destination-btn:hover {
    background: #D4AF37;
    color: #08141F;

    transform: translateY(-2px);

    box-shadow:
        0 10px 25px rgba(212,175,55,.25);
}

.destination-content .destination-btn:hover span {
    transform: translateX(4px);
}


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

@media (max-width: 768px) {

    .destinations {
        padding: 90px 20px;
    }

    .destination-heading {
        margin-bottom: 45px;
    }

    .destination-heading > span {
        font-size: .7rem;
        letter-spacing: 3px;
    }

    .destination-heading h2 {
        font-size: 2.25rem;
        letter-spacing: 2px;
    }

    .destination-heading p {
        font-size: .95rem;
        line-height: 1.8;
    }

    .destination-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .destination {
        border-radius: 24px;
    }

    .destination-image {
        height: 300px;
    }

    .destination-overlay {
        left: 23px;
        right: 23px;
        bottom: 22px;
    }

    .destination-overlay span {
        font-size: .62rem;
        letter-spacing: 3px;
    }

    .destination-overlay h3 {
        font-size: 1.75rem;
    }

    .destination-content {
        padding: 20px;
        display: block;
    }

    .destination-content p {
        margin-bottom: 18px;
    }

    .destination-content .destination-btn {
        width: auto;
    }
}
/* =================================
   LUXURY BACK HOME
================================= */

.back-home {
    padding: 45px 20px;
    text-align: center;
    background: #08141F;
    border-top: 1px solid rgba(212,175,55,.18);
}

.back-home a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 14px 32px;

    border: 1px solid rgba(212,175,55,.55);
    border-radius: 999px;

    background: transparent;
    color: #D4AF37;

    text-decoration: none;
    font-size: .85rem;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;

    transition: .35s ease;
}

.back-home a:hover {
    background: #D4AF37;
    color: #08141F;
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(212,175,55,.25);
}
/* =========================================
   NEXORA ADDIS LAYOVER EXPERIENCE
========================================= */

.layover-experience{

    padding:120px 30px;

    background:
    linear-gradient(
        180deg,
        #07131f 0%,
        #0d2436 100%
    );

    color:white;

    text-align:center;

}


.layover-header{

    max-width:850px;

    margin:0 auto 65px;

}


.layover-header > span{

    color:#D4AF37;

    font-size:.8rem;

    font-weight:600;

    letter-spacing:5px;

}


.layover-header h2{

    font-family:'Cinzel',serif;

    color:white;

    font-size:3.5rem;

    line-height:1.2;

    margin:20px 0;

}


.layover-header .gold-line{

    margin:25px auto;

}


.layover-header p{

    max-width:720px;

    margin:auto;

    color:rgba(255,255,255,.75);

    font-size:1.08rem;

    line-height:1.9;

}


/* OPTIONS */

.layover-options{

    max-width:1250px;

    margin:auto;

    display:grid;

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

    gap:25px;

}


.layover-option{

    position:relative;

    padding:40px 30px;

    text-align:left;

    background:rgba(255,255,255,.045);

    border:1px solid rgba(212,175,55,.18);

    border-radius:28px;

    transition:.4s ease;

}


.layover-option:hover{

    transform:translateY(-8px);

    border-color:#D4AF37;

    box-shadow:0 25px 60px rgba(0,0,0,.3);

}


.layover-number{

    display:block;

    color:#D4AF37;

    font-family:'Cinzel',serif;

    font-size:1rem;

    letter-spacing:3px;

    margin-bottom:25px;

}


.layover-option h3{

    font-family:'Cinzel',serif;

    color:white;

    font-size:1.5rem;

    margin-bottom:18px;

}


.layover-option p{

    color:rgba(255,255,255,.7);

    line-height:1.8;

    min-height:90px;

}


.layover-option ul{

    list-style:none;

    padding:0;

    margin:25px 0 30px;

}


.layover-option li{

    color:rgba(255,255,255,.82);

    padding:9px 0;

    border-bottom:1px solid rgba(255,255,255,.07);

    font-size:.9rem;

}


/* POPULAR */

.featured-layover{

    border-color:rgba(212,175,55,.65);

    background:
    linear-gradient(
        145deg,
        rgba(212,175,55,.12),
        rgba(255,255,255,.04)
    );

}


.popular-badge{

    display:inline-block;

    background:#D4AF37;

    color:#08141F;

    padding:6px 12px;

    border-radius:20px;

    font-size:.65rem;

    font-weight:700;

    letter-spacing:1.5px;

    margin-bottom:15px;

}


/* BUTTON */

.layover-btn{

    display:flex;

    align-items:center;

    justify-content:center;

    width:100%;

    box-sizing:border-box;

    min-height:50px;

    padding:13px 20px;

    border:1px solid #D4AF37;

    border-radius:999px;

    background:transparent;

    color:#D4AF37;

    text-decoration:none;

    font-size:.8rem;

    font-weight:700;

    letter-spacing:1.5px;

    transition:.35s ease;

}


.layover-btn:hover{

    background:#D4AF37;

    color:#08141F;

    transform:translateY(-3px);

}


/* TRUST STRIP */

.layover-trust{

    max-width:1000px;

    margin:75px auto 0;

    padding:25px 15px;

    display:grid;

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

    border-top:1px solid rgba(212,175,55,.2);

    border-bottom:1px solid rgba(212,175,55,.2);

}


.layover-trust div{

    display:flex;

    flex-direction:column;

    align-items:center;

    gap:10px;

}


.layover-trust strong{

    color:#D4AF37;

    font-size:1.4rem;

}


.layover-trust span{

    color:rgba(255,255,255,.65);

    font-size:.7rem;

    letter-spacing:1.5px;

}


/* FINAL CTA */

.layover-final{

    max-width:700px;

    margin:80px auto 0;

}


.layover-final h3{

    font-family:'Cinzel',serif;

    color:white;

    font-size:2rem;

}


.layover-final p{

    color:rgba(255,255,255,.7);

    line-height:1.8;

    margin-bottom:30px;

}


.layover-main-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:16px 35px;

    border-radius:999px;

    background:#D4AF37;

    color:#08141F;

    text-decoration:none;

    font-weight:700;

    letter-spacing:1px;

    transition:.35s ease;

}


.layover-main-btn:hover{

    background:#E6C65C;

    transform:translateY(-4px);

    box-shadow:0 15px 40px rgba(212,175,55,.3);

}


/* MOBILE */

@media(max-width:768px){

    .layover-experience{

        padding:90px 20px;

    }

    .layover-header h2{

        font-size:2.3rem;

    }

    .layover-options{

        grid-template-columns:1fr;

    }

    .layover-option{

        padding:30px 25px;

    }

    .layover-option p{

        min-height:auto;

    }

    .layover-trust{

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

        gap:25px;

    }

    .layover-final h3{

        font-size:1.7rem;

    }

    .layover-main-btn{

        width:100%;

        box-sizing:border-box;

    }

}
/* =========================================
   ADDIS LAYOVER EXPERIENCES
========================================= */

.layover-section{

    padding:120px 40px;

    background:
    linear-gradient(
        180deg,
        #08141F,
        #10293D
    );

    color:white;

    text-align:center;

}

.layover-header{

    max-width:800px;

    margin:0 auto 60px;

}

.layover-header > span{

    color:#D4AF37;

    font-size:.8rem;

    letter-spacing:4px;

    font-weight:600;

}

.layover-header h2{

    font-family:'Cinzel',serif;

    font-size:3.5rem;

    margin:20px 0;

    color:white;

}

.layover-header p{

    max-width:700px;

    margin:auto;

    color:rgba(255,255,255,.75);

    line-height:1.9;

    font-size:1.05rem;

}


/* CARDS */

.layover-grid{

    max-width:1300px;

    margin:auto;

    display:grid;

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

    gap:28px;

}

.layover-card{

    background:#111f2c;

    border:1px solid rgba(212,175,55,.18);

    border-radius:28px;

    overflow:hidden;

    text-align:left;

    transition:.45s ease;

}

.layover-card:hover{

    transform:translateY(-10px);

    border-color:#D4AF37;

    box-shadow:
    0 25px 60px rgba(0,0,0,.35);

}

.layover-card img{

    width:100%;

    height:270px;

    object-fit:cover;

    display:block;

    transition:.7s ease;

}

.layover-card:hover img{

    transform:scale(1.05);

}

.layover-content{

    padding:30px;

}

.layover-content > span{

    color:#D4AF37;

    letter-spacing:3px;

    font-size:.75rem;

}

.layover-content h3{

    font-family:'Cinzel',serif;

    color:white;

    font-size:1.7rem;

    margin:12px 0 15px;

}

.layover-content p{

    color:rgba(255,255,255,.72);

    line-height:1.8;

    margin-bottom:25px;

}

.layover-info{

    display:flex;

    flex-wrap:wrap;

    gap:10px;

}

.layover-info span{

    border:1px solid rgba(212,175,55,.25);

    border-radius:30px;

    padding:8px 12px;

    color:#D4AF37;

    font-size:.75rem;

}


/* CTA */

.layover-cta{

    max-width:850px;

    margin:80px auto 0;

    padding:55px 30px;

    border:1px solid rgba(212,175,55,.3);

    border-radius:30px;

    background:rgba(255,255,255,.04);

}

.layover-cta > span{

    color:#D4AF37;

    letter-spacing:4px;

    font-size:.75rem;

}

.layover-cta h2{

    font-family:'Cinzel',serif;

    font-size:2.5rem;

    color:white;

    margin:18px 0;

}

.layover-cta p{

    max-width:650px;

    margin:0 auto 30px;

    color:rgba(255,255,255,.75);

    line-height:1.8;

}

.layover-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:16px 30px;

    border-radius:999px;

    background:#D4AF37;

    color:#08141F;

    font-weight:700;

    text-decoration:none;

    letter-spacing:1px;

    transition:.35s ease;

}

.layover-btn:hover{

    background:#E6C65C;

    color:#08141F;

    transform:translateY(-4px);

    box-shadow:0 15px 35px rgba(212,175,55,.3);

}


/* MOBILE */

@media(max-width:768px){

    .layover-section{

        padding:90px 20px;

    }

    .layover-header h2{

        font-size:2.3rem;

    }

    .layover-grid{

        grid-template-columns:1fr;

        gap:25px;

    }

    .layover-card img{

        height:230px;

    }

    .layover-content{

        padding:25px;

    }

    .layover-cta{

        padding:40px 20px;

    }

    .layover-cta h2{

        font-size:2rem;

    }

    .layover-btn{

        width:100%;

        box-sizing:border-box;

    }

}
/* ==========================================
   NEXORA — MOBILE INTRO FINAL FIX
========================================== */

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

    .ethiopia-intro {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 70px 0 !important;
        padding: 0 20px !important;
        gap: 35px !important;
        overflow: hidden !important;
    }

    /* PHOTO */
    .intro-image {
        order: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .intro-image img {
    width: 100% !important;
    max-width: 100% !important;
    height: 260px !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    border-radius: 22px !important;
}

    /* TEXT */
    .intro-text {
        order: 2 !important;
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
    }

    /* FOUR NUMBERS */
    .intro-highlights {
        order: 3 !important;

        display: grid !important;

        /* THIS IS THE IMPORTANT PART */
        grid-template-columns: 1fr 1fr !important;

        width: 100% !important;
        max-width: 100% !important;

        gap: 15px !important;

        margin: 10px 0 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }

    .intro-highlights div {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        padding: 25px 8px !important;

        text-align: center !important;

        box-sizing: border-box !important;

        overflow: hidden !important;
    }

    .intro-highlights h3 {
        font-size: 1.7rem !important;
        line-height: 1.1 !important;
        white-space: normal !important;
        word-break: normal !important;
    }

    .intro-highlights span {
        display: block !important;
        font-size: .8rem !important;
        line-height: 1.5 !important;
        white-space: normal !important;
    }
}
/* =========================================
   FINAL MOBILE FIX — DO NOT DELETE
========================================= */

html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

/* Make every element calculate width correctly */
*,
*::before,
*::after {
    box-sizing: border-box;
}

/* ===============================
   ETHIOPIA INTRO — MOBILE ORDER
   PHOTO → TEXT → NUMBERS
================================ */

@media (max-width: 768px) {

    .ethiopia-intro {
        width: 100%;
        max-width: 100%;
        margin: 70px 0;
        padding: 0 20px;

        display: flex;
        flex-direction: column;

        gap: 35px;
    }

    /* PHOTO FIRST */
    .intro-image {
        order: 1;
        width: 100%;
    }

    .intro-image img {
        width: 100%;
        height: 380px;
        display: block;
        object-fit: cover;
        border-radius: 25px;
    }

    /* TEXT SECOND */
    .intro-text {
        order: 2;
        width: 100%;
        text-align: center;
    }

    .intro-text h2 {
        font-size: 2.1rem;
        line-height: 1.25;
    }

    .intro-text p {
        font-size: 1rem;
        line-height: 1.8;
    }

    /* NUMBERS LAST */
    .intro-highlights {
        order: 3;

        width: 100%;
        display: grid;

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

        gap: 15px;
        margin-top: 10px;
    }

    .intro-highlights div {
        width: 100%;
        padding: 25px 10px;
        min-width: 0;
    }

    .intro-highlights h3 {
        font-size: 1.8rem;
    }

    .intro-highlights span {
        font-size: .8rem;
    }

    /* ===============================
       STOP CINEMATIC SECTION OVERFLOW
    =============================== */

    .cinematic {
        width: calc(100% - 30px);
        max-width: calc(100% - 30px);

        margin: 60px 15px;

        border-radius: 25px;
        overflow: hidden;
    }

    /* ===============================
       ENTOTO FIX
    =============================== */

    .entoto-banner {
        width: calc(100% - 36px);
        max-width: calc(100% - 36px);

        margin: 80px 18px;

        border-radius: 22px;
    }

    /* ===============================
       MUSEUM / COFFEE FIX
    =============================== */

    .museum-section,
    .coffee-experience {
        width: 100%;
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    /* ===============================
       GALLERY FIX
    =============================== */

    .gallery {
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;
    }

    .gallery-grid {
        width: 100%;
        grid-template-columns: 1fr;
    }

    /* ===============================
       DESTINATIONS FIX
    =============================== */

    .destinations {
        padding-left: 20px;
        padding-right: 20px;
        width: 100%;
    }

    .destination-grid {
        width: 100%;
        grid-template-columns: 1fr;
    }

    .destination {
        width: 100%;
        min-width: 0;
    }

    /* ===============================
       BUTTON FIX
    =============================== */

    .destination-btn,
    .hero-btn,
    .cta-btn,
    .featured-btn,
    .slider-btn {
        max-width: 100%;
        white-space: normal;
        text-align: center;
    }
}
/* =========================================
   MOBILE WIDTH FIX
   ========================================= */

html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

* {
    box-sizing: border-box;
}

img {
    max-width: 100%;
}

/* Discover Ethiopia */

.ethiopia-intro {
    width: 100%;
    max-width: 1400px;
    box-sizing: border-box;
}

.intro-text,
.intro-image {
    min-width: 0;
}

@media (max-width: 768px) {

    .ethiopia-intro {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        box-sizing: border-box !important;
    }

    .intro-text {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .intro-image {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .intro-image img {
        width: 100% !important;
        max-width: 100% !important;
        height: 380px !important;
        object-fit: cover !important;
    }
}
/* FIX: DISCOVER ETHIOPIA MOBILE VISIBILITY */

.ethiopia-intro.fade-in{
    opacity:1 !important;
    transform:none !important;
    visibility:visible !important;
}

@media (max-width:768px){

    .ethiopia-intro{
        display:grid !important;
        grid-template-columns:1fr !important;
        gap:40px !important;
        padding:0 20px !important;
        margin:90px auto !important;
    }

    .intro-text{
        order:2 !important;
    }

    .intro-image{
        order:1 !important;
        display:block !important;
        visibility:visible !important;
    }

    .intro-image img{
        width:100% !important;
        height:380px !important;
        display:block !important;
        object-fit:cover !important;
    }

    .intro-label{
        display:inline-block !important;
        visibility:visible !important;
        opacity:1 !important;
    }

    .intro-text h2,
    .intro-text p{
        visibility:visible !important;
        opacity:1 !important;
    }
}
.contact-intro{

    max-width:700px;

    margin:25px auto 70px;

    text-align:center;

    font-size:1.1rem;

    line-height:1.9;

    color:#bfbfbf;

}
/*================================
DISCOVER INTRO
================================*/

.discover-intro{

    max-width:750px;

    margin:0 auto 70px;

    font-size:1.15rem;

    line-height:2;

    color:#666;

    text-align:center;

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

.ethiopia-intro{

    grid-template-columns:1fr;

    gap:40px;

    padding:0 20px;

    margin:90px auto;

}

.intro-text{

    order:2;

}

.intro-image{

    order:1;

}

.intro-text h2{

    font-size:2.2rem;

}

.intro-image img{

    height:380px;

}

.intro-highlights{

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

    gap:20px;

}

}
/*========================================
ETHIOPIA INTRO
========================================*/

.ethiopia-intro{

max-width:1400px;

margin:140px auto;

padding:0 40px;

display:grid;

grid-template-columns:1.1fr .9fr;

gap:70px;

align-items:center;

}

.intro-label{

display:inline-block;

color:#D4AF37;

font-size:.85rem;

letter-spacing:4px;

font-weight:600;

margin-bottom:20px;

}

.intro-text h2{

font-family:'Cinzel',serif;

font-size:3.5rem;

line-height:1.2;

color:#08141F;

margin-bottom:30px;

}

.intro-text p{

font-size:1.1rem;

line-height:2;

color:#666;

max-width:600px;

}
.intro-image{

    position:relative;

}

.intro-image img{

    width:100%;

    height:650px;

    object-fit:cover;

    border-radius:30px;

    display:block;

    box-shadow:0 30px 80px rgba(0,0,0,.15);

    transition:transform .6s ease;

}

.intro-image:hover img{

    transform:scale(1.03);

}
.intro-highlights{

    grid-column:1 / -1;

    display:grid;

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

    gap:30px;

    margin-top:40px;

}

.intro-highlights div{

    text-align:center;

    padding:35px 20px;

    border-top:1px solid rgba(212,175,55,.35);

}

.intro-highlights h3{

    font-family:'Cinzel',serif;

    font-size:2.3rem;

    color:#D4AF37;

    margin-bottom:10px;

}

.intro-highlights span{

    color:#666;

    letter-spacing:1px;

}
/*==================================
EXPLORE EDITORIAL GRID
==================================*/

.explore-grid{

display:grid;

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

gap:22px;

margin-top:20px;

}

.explore-large,
.explore-small{

position:relative;

overflow:hidden;

border-radius:28px;

display:block;

min-height:260px;

text-decoration:none;

}

.explore-large{

min-height:420px;

}

.explore-grid img{

width:100%;

height:100%;

object-fit:cover;

transition:transform .8s ease;

}

.explore-overlay{

position:absolute;

inset:0;

display:flex;

flex-direction:column;

justify-content:flex-end;

padding:35px;

background:linear-gradient(to top,rgba(0,0,0,.65),transparent);

color:white;

}

.explore-overlay span{

letter-spacing:3px;

font-size:.8rem;

margin-bottom:10px;

color:#D4AF37;

}

.explore-overlay h3{

font-family:'Cinzel',serif;

font-size:2.2rem;

}

.explore-large:hover img,
.explore-small:hover img{

transform:scale(1.05);

}

@media(max-width:768px){

.explore-grid{

grid-template-columns:1fr;

}

.explore-large{

min-height:320px;

}

.explore-small{

min-height:220px;

}

.explore-overlay{

padding:45px;

}

.explore-overlay h3{

font-size:1.6rem;

}

}
/*====================================
NEXORA BUTTON SYSTEM
====================================*/

.hero-btn,
.destination-btn,
.slider-btn,
.featured-btn,
.cta-btn{

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

    min-height:52px;

    padding:14px 34px;

    border-radius:999px;

    background:#D4AF37;

    color:#08141F;

    text-decoration:none;

    font-weight:600;

    letter-spacing:.5px;

    transition:all .35s ease;

    border:2px solid transparent;

}

.hero-btn:hover,
.destination-btn:hover,
.slider-btn:hover,
.featured-btn:hover,
.cta-btn:hover{

    transform:translateY(-4px);

    background:#E6C65C;

    box-shadow:0 15px 35px rgba(212,175,55,.35);

}
/*==============================
CONTACT SECTION
==============================*/

.contact{

    padding:120px 25px;

    text-align:center;

    background:#1f2122;

}

.contact-grid{

    margin-top:60px;

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));

    gap:30px;

}

.contact-card{

    background:#111827;

    border:1px solid rgba(212,175,55,.25);

    border-radius:24px;

    padding:40px 25px;

    transition:.4s;

    text-align:center;

}

.contact-card:hover{

    transform:translateY(-8px);

    border-color:#D4AF37;

    box-shadow:0 20px 40px rgba(212,175,55,.15);

}

.contact-icon{

    font-size:2.2rem;

    margin-bottom:20px;

}

.contact-card h3{

    color:#9c7f20;

    margin-bottom:15px;

    letter-spacing:1px;

}

.contact-card a{

    color:#555;

    text-decoration:none;

    word-break:break-word;

}

.contact-card p{

    color:white;

}
/* ===================================
   EDITORIAL INFO ROW
=================================== */

.section-info{

    margin-top:35px;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:16px;

    flex-wrap:wrap;

    color:#8A6A16;

    font-size:.9rem;

    letter-spacing:1px;

    text-transform:uppercase;

    font-weight:600;

}

.section-info span{

    opacity:.95;

}

@media(max-width:768px){

.section-info{

font-size:.78rem;

gap:10px;

}

}
/* ===================================
   NEXORA PREMIUM CARD SYSTEM
=================================== */

.card{

    background:#fff;

    border-radius:28px;

    overflow:hidden;

    border:1px solid rgba(212,175,55,.12);

    box-shadow:0 18px 45px rgba(0,0,0,.08);

    transition:all .45s ease;

}

.card:hover{

    transform:translateY(-12px);

    box-shadow:0 30px 70px rgba(0,0,0,.16);

}

.card img{

    width:100%;

    height:240px;

    object-fit:cover;

    transition:transform .8s ease;

}

.card:hover img{

    transform:scale(1.08);

}

.card h3{

    font-family:'Cinzel',serif;

    font-size:1.45rem;

    color:#08141F;

    margin:28px 25px 15px;

}

.card p{

    margin:0 25px 30px;

    color:#666;

    line-height:1.8;

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

.card{

border-radius:20px;

}

.card img{

height:190px;

}

.card h3{

font-size:1.2rem;

margin:20px 18px 10px;

}

.card p{

margin:0 18px 22px;

font-size:.95rem;

}

}
/* ===================================
   NEXORA TYPOGRAPHY SYSTEM
=================================== */

.section-label{

    display:inline-block;

    color:#D4AF37;

    text-transform:uppercase;

    letter-spacing:4px;

    font-size:.85rem;

    font-weight:600;

    margin-bottom:18px;

}

.section-title{

    font-family:'Cinzel',serif;

    font-size:3.3rem;

    line-height:1.15;

    color:#08141F;

    margin:0 0 28px;

}

.section-text{

    max-width:560px;

    color:#555;

    line-height:1.9;

    font-size:1.08rem;

}

/* Mobile */

@media(max-width:768px){

.section-title{

font-size:2.3rem;

}

.section-text{

font-size:1rem;

line-height:1.8;

}

}
/* ===================================
   NEXORA GLOBAL SPACING
=================================== */

:root{

    --section-space:140px;
    --content-width:1400px;
    --radius:30px;
    --shadow:0 30px 80px rgba(0,0,0,.15);

}
/* ===================================
   NEXORA BUTTON SYSTEM
=================================== */

.coffee-content a,
.museum-content a,
.entoto-overlay a,
.cta-btn,
.destination-btn{

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

    min-width:200x;
    height:20px;

    padding:0 34px;

    border:1.5px solid #645010;
    border-radius:999px;

    background:transparent;
    color:#08141F;

    font-weight:600;
    letter-spacing:1.5px;
    text-decoration:none;

    transition:.35s ease;

}

.entoto-overlay a{
    color:white;
}

.coffee-content a:hover,
.museum-content a:hover,
.entoto-overlay a:hover,
.cta-btn:hover,
.destination-btn:hover{

    background:#D4AF37;
    color:#08141F;

    transform:translateY(-3px);

    box-shadow:0 15px 35px rgba(212,175,55,.25);

}
/* ===================================
   ENTOTO CINEMATIC
=================================== */

.entoto-banner{

    height:85vh;
    min-height:650px;

    margin:var(--section-space) auto;

    max-width:1450px;

    border-radius:35px;

    overflow:hidden;

    position:relative;

    background:

    linear-gradient(
        rgba(0,0,0,.25),
        rgba(0,0,0,.55)
    ),

    url("images/a.jpg");

    background-size:cover;
    background-position:center;

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

}

.entoto-overlay{

    text-align:center;
    max-width:760px;
    padding:40px;

}

.entoto-overlay span{

    color:#D4AF37;
    letter-spacing:5px;
    text-transform:uppercase;
    font-size:.85rem;

}

.entoto-overlay h2{

    font-family:'Cinzel',serif;
    font-size:4.8rem;
    color:white;

    margin:25px 0;

    text-shadow:0 15px 40px rgba(0,0,0,.5);

}

.entoto-overlay p{

    color:rgba(255,255,255,.92);

    line-height:2;

    font-size:1.15rem;

    margin-bottom:40px;

}

.entoto-overlay a{

    display:inline-block;

    padding:18px 44px;

    border:1px solid #D4AF37;

    color:white;

    background:transparent;

    border-radius:999px;

    text-decoration:none;

    transition:.4s;

}

.entoto-overlay a:hover{

    background:#D4AF37;

    color:#08141F;

}

/* Mobile */

@media(max-width:768px){

.entoto-banner{

height:65vh;

min-height:430px;

margin:80px 18px;

border-radius:22px;

}

.entoto-overlay{

padding:25px;

}

.entoto-overlay h2{

font-size:2.5rem;

}

.entoto-overlay p{

font-size:1rem;

line-height:1.8;

}

.entoto-overlay a{

width:100%;

padding:16px;

}

}
/* ===================================
   NATIONAL MUSEUM
=================================== */

.museum-section{

    max-width:1400px;
    margin:var(--section-space) auto;
    padding:0 8%;

    display:grid;
    grid-template-columns:1fr 1.1fr;
    gap:110px;
    align-items:center;

}

.museum-content{

    max-width:520px;

}

.museum-content span{

    color:#D4AF37;
    letter-spacing:4px;
    text-transform:uppercase;
    font-size:.8rem;

}

.museum-content h2{

    font-family:'Cinzel',serif;
    font-size:3.4rem;
    color:#08141F;
    line-height:1.15;
    margin:20px 0 30px;

}

.museum-content p{

    font-size:1.08rem;
    color:#555;
    line-height:1.9;
    letter-spacing:.3px;
    margin-bottom:40px;

}

.museum-content a{

    display:inline-block;
    padding:16px 38px;

    border:1px solid #D4AF37;
    border-radius:999px;

    color:#08141F;
    text-decoration:none;

    transition:.35s;

}

.museum-content a:hover{

    background:#D4AF37;
    color:white;

}

.museum-image{

    overflow:hidden;
    border-radius:var(--radius);

    box-shadow:var(--shadow);

}

.museum-image img{

    width:100%;
    height:560px;
    object-fit:cover;
    display:block;

    transition:1s;

}

.museum-image:hover img{

    transform:scale(1.06);

}

/* Mobile */

@media(max-width:768px){

.museum-section{

grid-template-columns:1fr;

gap:35px;

margin:70px auto;

padding:0 22px;

}

.museum-content{

text-align:center;

max-width:100%;

}

.museum-content h2{

font-size:2.4rem;

}

.museum-image{

order:-1;

}

.museum-image img{

height:300px;

}

.museum-content a{

width:100%;
text-align:center;

}

}
/* ===================================
   COFFEE EXPERIENCE
=================================== */

.coffee-experience{
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
    gap:110px;

    max-width:1400px;
    margin:var(--section-space) auto;
    padding:0 8%;
}

.coffee-image{
    overflow:hidden;
    border-radius:var(--radius);
    box-shadow:var(--shadow);
}
.coffee-content{
    max-width:520px;
}
.coffee-image img{
    width:100%;
    height:560px;
    object-fit:cover;
    display:block;
    transition:1s;
}

.coffee-image:hover img{
    transform:scale(1.06);
}

.coffee-content span{
    color:#D4AF37;
    letter-spacing:4px;
    font-size:.8rem;
    text-transform:uppercase;
}

.coffee-content h2{
    font-family:'Cinzel',serif;
    font-size:3.4rem;
    line-height:1.1;
    color:#08141F;
    margin:18px 0 30px;
}

.coffee-content p{
    font-size:1.1rem;
    line-height:1.9;
    color:#555;
    margin-bottom:40px;
    letter-spacing:0.3px;
}

.coffee-content a{
    display:inline-block;
    padding:16px 38px;
    border:1px solid #D4AF37;
    border-radius:999px;
    color:#08141F;
    background:transparent;
    text-decoration:none;
    transition:.35s;
}

.coffee-content a:hover{
    background:#D4AF37;
    color:white;
}

/* ---------- Mobile ---------- */

@media (max-width:768px){

    .coffee-experience{

        grid-template-columns:1fr;

        gap:35px;

        margin:70px auto;

        padding:0 22px;
    }

    .coffee-image img{

        height:300px;

    }

    .coffee-content{

        text-align:center;

    }

    .coffee-content h2{

        font-size:2.4rem;

    }

    .coffee-content p{

        font-size:1rem;

        line-height:1.8;

    }

    .coffee-content a{

        width:100%;

        padding:16px;

    }

}
/* ===========================
   CINEMATIC EXPERIENCE
=========================== */

.cinematic{
    position:relative;
    width:100%;
    height:100vh;
    min-height:750px;
    overflow:hidden;
    margin:120px auto;
    border-radius:40px;
    max-width:1500px;
    background:#000;
}

.cinematic img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transform:scale(1.08);
    transition:transform 8s ease;
}

.cinematic:hover img{
    transform:scale(1.15);
}

.cinematic::before{
    content:"";
    position:absolute;
    inset:0;
    background:
    linear-gradient(
        90deg,
        rgba(0,0,0,.82) 0%,
        rgba(0,0,0,.45) 45%,
        rgba(0,0,0,.12) 100%
    );
}

.cinematic-content{
    position:absolute;
    left:80px;
    bottom:80px;
    max-width:550px;
    z-index:2;
}

.cinematic-content span{
    display:inline-block;
    color:#D4AF37;
    letter-spacing:5px;
    font-size:.8rem;
    text-transform:uppercase;
    margin-bottom:20px;
}

.cinematic-content h2{
    font-family:'Cinzel',serif;
    font-size:4.8rem;
    color:#fff;
    line-height:1;
    margin-bottom:25px;
}

.cinematic-content p{
    color:rgba(255,255,255,.9);
    line-height:2;
    font-size:1.1rem;
    margin-bottom:35px;
}

.cinematic-content a{
    display:inline-block;
    background:transparent;
    color:#fff;
    border:1px solid #D4AF37;
    padding:16px 38px;
    border-radius:50px;
    text-transform:uppercase;
    letter-spacing:3px;
    transition:.4s;
}

.cinematic-content a:hover{
    background:#D4AF37;
    color:#08131F;
}

@media(max-width:768px){

    .cinematic{
        height:80vh;
        min-height:600px;
        border-radius:25px;
        margin:60px 15px;
    }

    .cinematic-content{
        left:25px;
        right:25px;
        bottom:30px;
    }

    .cinematic-content h2{
        font-size:2.5rem;
    }

    .cinematic-content p{
        font-size:1rem;
        line-height:1.8;
    }

    .cinematic-content a{
        width:100%;
        text-align:center;
        padding:15px;
    }

}