/*==================================================
MARVIK & ADOR HOMEPAGE HERO
==================================================*/

.ma-home-hero{

    position:relative;

    overflow:hidden;

    min-height:720px;

    border-radius:32px;

    margin:0 auto 90px;

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

}

/*==================================================
DARK LUXURY OVERLAY
==================================================*/

.ma-home-hero::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
        90deg,
        rgba(0,0,0,.72) 0%,
        rgba(0,0,0,.50) 45%,
        rgba(0,0,0,.18) 100%
    );

    z-index:1;

}

/*==================================================
CONTENT CONTAINER
==================================================*/

.ma-home-hero .wp-block-cover__inner-container{

    position:relative;

    z-index:2;

    max-width:700px;

    margin-left:8%;

}

/*==================================================
DEFAULT HERO HEADING
==================================================*/

.ma-home-hero h1{

    font-size:clamp(56px,7vw,88px);

    line-height:.95;

    color:#fff;

    font-weight:700;

    letter-spacing:-2px;

    margin-bottom:24px;

}

/* Gold Accent */

.ma-home-hero h1::after{

    content:"";

    display:block;

    width:90px;

    height:4px;

    background:#C9A35B;

    margin-top:24px;

    border-radius:20px;

}

/*==================================================
DEFAULT HERO PARAGRAPH
==================================================*/

.ma-home-hero p{

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

    font-size:22px;

    line-height:1.8;

    max-width:620px;

    margin-bottom:40px;

}

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

.ma-hero-title{

    font-size:62px !important;

    line-height:1.05;

    letter-spacing:-2px;

    font-weight:700;

    max-width:620px;

    margin-bottom:30px !important;

    color:#fff;

    text-shadow:0 4px 20px rgba(0,0,0,.35);

}

/*==================================================
HERO PARAGRAPH
==================================================*/

.ma-hero-text{

    font-size:22px;

    line-height:1.8;

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

    max-width:620px;

    margin-bottom:40px !important;

    text-shadow:0 2px 10px rgba(0,0,0,.35);

}

/*==================================================
HERO BUTTON
==================================================*/

.ma-hero-button .wp-block-button__link{

    background:#C9A35B !important;

    color:#111 !important;

    border:0 !important;

    border-radius:60px !important;

    padding:18px 42px !important;

    font-weight:700;

    letter-spacing:1px;

    text-decoration:none;

    transition:
        background .35s ease,
        transform .35s ease,
        box-shadow .35s ease,
        filter .35s ease;

    box-shadow:0 10px 25px rgba(0,0,0,.18);

}

.ma-hero-button .wp-block-button__link:hover{

    background:#D6B26A !important;

    color:#111 !important;

    transform:translateY(-3px);

    box-shadow:0 18px 40px rgba(0,0,0,.28);

}

/*==================================================
CINEMATIC HERO IMAGE
==================================================*/

.ma-home-hero .wp-block-cover__image-background{

    animation:heroFloat 18s ease-in-out infinite alternate;

    will-change:transform;

    backface-visibility:hidden;

}

@keyframes heroFloat{

    from{

        transform:scale(1);

    }

    to{

        transform:scale(1.05);

    }

}

/*==================================================
HERO INTRO ANIMATIONS
==================================================*/

.ma-hero-title{

    opacity:0;

    transform:translateY(35px);

    animation:heroFadeUp .9s ease forwards;

}

.ma-hero-button{

    opacity:0;

    transform:translateY(35px);

    animation:heroFadeUp .9s ease .25s forwards;

}

.ma-hero-text{

    opacity:0;

    transform:translateY(35px);

    animation:heroFadeUp .9s ease .5s forwards;

}

@keyframes heroFadeUp{

    from{

        opacity:0;

        transform:translateY(35px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

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

@media(max-width:768px){

    .ma-home-hero{

        min-height:620px;

        border-radius:18px;

    }

    .ma-home-hero .wp-block-cover__inner-container{

        margin:0 30px;

    }

    .ma-home-hero h1{

        font-size:48px;

    }

    .ma-hero-title{

        font-size:46px !important;

        line-height:1.1;

    }

    .ma-home-hero p,

    .ma-hero-text{

        font-size:18px;

        line-height:1.7;

    }

}

/*==================================================
ACCESSIBILITY
==================================================*/

@media (prefers-reduced-motion:reduce){

    .ma-home-hero .wp-block-cover__image-background,

    .ma-hero-title,

    .ma-hero-button,

    .ma-hero-text{

        animation:none !important;

        transition:none !important;

    }

}