/*
 * Holiday Reset Theme
 * hero.css
 * Version 1.0
 */

.sunrise-hero{

    position:relative;

    min-height:100svh;

    overflow:hidden;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#FDFBF8;

    isolation:isolate;

    padding:0;

}

.hero-atmosphere{
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    background:
      radial-gradient(circle at 50% 82%, rgba(255,222,180,.55), transparent 35%),
      radial-gradient(circle at 15% 85%, rgba(232,157,165,.16), transparent 38%),
      radial-gradient(circle at 85% 80%, rgba(176,155,255,.16), transparent 40%),
      radial-gradient(circle at 50% 10%, rgba(105,200,247,.12), transparent 55%);
}

.hero-content{

    position:relative;

    z-index:10;

    width:min(760px,90vw);

    margin:auto;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:flex-start;

    text-align:center;

    padding-top:4rem;

}

.hero-eyebrow{
    font-family:var(--font-body);
    text-transform:uppercase;
    letter-spacing:.45em;
    font-size:.78rem;
    color:var(--terracotta);
    margin-bottom:2rem;
}

.hero-title{

    font-family:var(--font-display);

    font-size:clamp(4.5rem,8vw,7.5rem);

    line-height:.86;

    letter-spacing:-0.05em;

    font-weight:400;

    color:#14234A;

    margin:0;

}

.hero-title span{
    display:block;
    background:var(--gradient-sunrise);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}

.hero-divider{
    width:90px;
    height:2px;
    background:linear-gradient(90deg,var(--terracotta),transparent);
    border-radius:999px;
    margin:2rem 0;
}

.hero-description{
    max-width:560px;
    color:var(--text-soft);
    line-height:1.8;
    font-size:1.15rem;
}

.journey-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:2.75rem;
    min-width:320px;
    height:66px;
    padding:0 2rem;
    border-radius:999px;
    background:#fff;
    color:var(--text);
    border:1px solid rgba(216,123,90,.25);
    box-shadow:0 12px 40px rgba(216,123,90,.12);
    transition:var(--transition);
    font-weight:700;
}

.journey-button:hover{
    transform:translateY(-2px);
    box-shadow:0 18px 50px rgba(216,123,90,.18);
}

.hero-meta{
    margin-top:1rem;
    color:var(--text-soft);
    font-size:.92rem;
}

.hero-landscape{

    position:absolute;

    inset:0;

    overflow:hidden;

    z-index:1;

    pointer-events:none;

}

.hero-scene{

    width:100%;

    height:100%;

    object-fit:cover;

    object-position:center bottom;

    display:block;

    transform:scale(1.02);

}

@media (max-width:768px){
    .sunrise-hero{padding-top:5.5rem;}
    .hero-description{font-size:1rem;}
    .journey-button{
        width:min(92vw,340px);
        min-width:unset;
    }
}