:root{

    --ellio-forest: #01433B;      /* Primary dark */
    --ellio-lime:   #A0FF6E;      /* Primary accent */

    --ellio-blush:  #FFC5CA;

    --ellio-plum:   #730049;

    --ellio-indigo: #975FFB;

    --ellio-lilac:  #BE97DF;

    --ellio-stone:  #E8ECE4;

    --ellio-white:  #FFFFFF;

}
/*=========================================================
    ELLIO HERO
=========================================================*/
.ellio-hero{
    position:relative;
    overflow:hidden;
    display:flex;
    align-items:center;
    min-height:720px;
  padding:100px 0;

    background:
        linear-gradient(
            115deg,
            rgba(1,67,59,.92) 0%,
            rgba(1,67,59,.86) 45%,
            rgba(1,67,59,.72) 100%
        ),
        url("/sites/ellio/image/jpeg/image-hero.jpg");

    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

/* Giant question mark */

.ellio-question{

    position:absolute;

    top:-140px;
    right:-70px;

    font-family:"Fraunces",serif;

    font-size:620px;

    font-weight:400;

    line-height:1;

    color:rgba(1,67,59,.045);

    pointer-events:none;

    user-select:none;

    z-index:1;

}

/* subtle divider */

.ellio-hero::after{

    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:0;

    height:1px;

    background:rgba(1,67,59,.08);

}

/*=========================================================
    LEFT COLUMN
=========================================================*/

.ellio-hero .container{

    position:relative;

    z-index:5;

}

.ellio-eyebrow{

    display:inline-block;

    margin-bottom:24px;

    font-size:13px;

    font-weight:700;

    letter-spacing:.18em;

    text-transform:uppercase;

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

.ellio-title{

    font-family:"Fraunces",serif;

    font-size:clamp(54px,7vw,80px);

    line-height:.98;

    font-weight:500;

    letter-spacing:-.04em;
  
    color:var(--ellio-lime);
    margin-bottom:30px;

    max-width:700px;

}

.ellio-title span{

   color:#fff;

    font-style:italic;

    font-weight:400;

}

.ellio-intro{

    max-width:560px;

    font-size:20px;

    line-height:1.9;

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

    margin-bottom:48px;

}

/*=========================================================
    BUTTONS
=========================================================*/

.ellio-buttons{

    display:flex;

    flex-wrap:wrap;

    gap:16px;

}

.ellio-btn-primary{

    background:var(--ellio-lime);

    color:var(--ellio-forest);

    border-radius:999px;

    padding:16px 34px;

    font-weight:600;

    transition:.25s;

    box-shadow:
        0 10px 30px rgba(201,255,102,.35);

}

.ellio-btn-primary:hover{

    background:#b8ef55;

    color:var(--ellio-forest);

    transform:translateY(-2px);

}

.ellio-btn-secondary{

    background:#fff;

    color:var(--ellio-forest);

    border:1px solid rgba(1,67,59,.12);

    border-radius:999px;

    padding:16px 34px;

    transition:.25s;

}

.ellio-btn-secondary:hover{

    background:var(--ellio-forest);

    color:#fff;

}

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

.ellio-card{

    position:relative;

    max-width:360px;

    margin-left:auto;

    padding:42px;

    border-radius:30px;

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

    backdrop-filter:blur(22px);

    -webkit-backdrop-filter:blur(22px);

    border:1px solid rgba(255,255,255,.22);

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

}

.ellio-card::before{

    content:"";

    position:absolute;

    inset:1px;

    border-radius:inherit;

    background:

        linear-gradient(
        180deg,
        rgba(255,255,255,.45),
        rgba(255,255,255,0));

    pointer-events:none;

}

.ellio-card small{

    display:block;

    margin-bottom:24px;

    font-size:11px;

    font-weight:700;

    letter-spacing:.18em;

    text-transform:uppercase;

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

}

.ellio-card h2{

    font-family:"Fraunces",serif;

    font-size:46px;

    line-height:1.15;

    font-weight:400;

    color:var(--ellio-blush);

    margin-bottom:28px;

}

.ellio-card hr{

    border:none;

 border-top:1px solid rgba(255,255,255,.18);

    margin:28px 0;

}

.ellio-card p{

    margin:0;

    font-family:"Fraunces",serif;

    font-size:28px;

    color:#fff;

}

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

@media(max-width:991px){

    .ellio-hero{

        min-height:auto;

        padding:90px 0;

        text-align:center;

    }

  .ellio-question{

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

}

    .ellio-title{

        font-size:56px;

    }

    .ellio-intro{

        margin-left:auto;

        margin-right:auto;

    }

    .ellio-buttons{

        justify-content:center;

    }

    .ellio-card{

        margin:60px auto 0;

    }

}
.logo-original {
    max-width: 115px;
    height: auto;
}

.ellio-highlight{

    margin-top:80px;

    padding-top:50px;

    border-top:1px solid rgba(1,67,59,.12);

}

.ellio-highlight p{

    max-width:900px;

    margin:0 auto;

    text-align:center;

    font-family:"Fraunces", serif;

    font-size:34px;

    line-height:1.5;

    color:var(--ellio-forest);

}

.ellio-highlight strong{

    color:var(--ellio-plum);

    font-weight:500;

}
/*=========================================================
    SECTION HEADINGS
=========================================================*/

.ellio-section-label{

    display:inline-block;

    margin-bottom:22px;

    font-size:13px;

    font-weight:700;

    letter-spacing:.18em;

    text-transform:uppercase;

    color:var(--ellio-plum);

}
.ellio-section-title{

    font-family:"Fraunces", serif;

    font-size:clamp(42px,4vw,50px);

    line-height:1.08;

    font-weight:500;

    color:var(--ellio-forest);

    margin:0;



}
.ellio-section-text{

    max-width:620px;

    font-size:20px;
    line-height:1.9;

    color:rgba(1,67,59,.75);


}
/*=========================================================
    OVERVIEW
=========================================================*/

.ellio-overview{

    padding:120px 0;

    background:var(--ellio-white);

}
/*=========================================================
    WHY JOIN US
=========================================================*/

.ellio-join{

    padding:80px 0;

    background:var(--ellio-forest);

}

.ellio-section-label-light{

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

}

.ellio-section-title-light{

    color:#fff;

}

.ellio-section-title-light em{

    font-style:italic;

    color:var(--ellio-lime);

    font-weight:400;

}

.ellio-join-content{

    padding-top:50px;

}

.ellio-join-content p{

    font-size:20px;

    line-height:1.9;

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

    margin-bottom:28px;

}

.ellio-join-content p:last-child{

    margin-bottom:0;

}
/*=========================================================
    WHY JOIN US IMAGE
=========================================================*/
.ellio-image-wrap{

    position:relative;

    max-width:460px;

    margin-left:auto;

}

.ellio-image{

    display:block;

    width:100%;

    border-radius:28px;

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

    position:relative;

    z-index:2;

}

.ellio-image-accent{

    position:absolute;

    width:140px;

    height:140px;

    right:-35px;

    bottom:-35px;

  background:linear-gradient(
    135deg,
    #A0FF6E 0%,
    #8DE85F 100%
);

    border-radius:28px;

    z-index:1;
  opacity:.85;

    box-shadow:0 20px 40px rgba(0,0,0,.18);
}
/*=========================================================
    LIFE AT ELLIO
=========================================================*/

.ellio-banner{

    padding:120px 0;

    background:var(--ellio-stone);

}

.ellio-banner-title{

    font-family:"Fraunces", serif;

    font-size:clamp(48px,5vw,68px);

    line-height:1.05;

    color:var(--ellio-forest);

    margin:0 0 28px;

}

.ellio-banner-text{

    max-width:520px;

    font-size:20px;

    line-height:1.8;

    color:rgba(1,67,59,.75);

    margin-bottom:40px;

}

.ellio-banner-image{

    position:relative;

    max-width:500px;

    margin-left:auto;

}

.ellio-banner-image .ellio-image{

    border-radius:30px;

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

}

.ellio-banner-image .ellio-image-accent{

    right:-20px;

    bottom:-20px;

}
/*=========================================================
    SUPPORT
=========================================================*/

.ellio-support{

  padding:80px 0;
    background:#fff;

    border-top:1px solid rgba(1,67,59,.08);

}
.ellio-support .ellio-section-label{
    margin-bottom:16px;
}
.ellio-support-title{

    font-family:"Fraunces", serif;

   font-size:clamp(30px,2.8vw,38px);

    line-height:1.2;

    color:var(--ellio-forest);

    margin-bottom:18px;

}

.ellio-support-text{

    font-size:18px;

    line-height:1.8;

    color:rgba(1,67,59,.72);

    margin:0;

}
.ellio-support-link{

    display:inline-flex;

    align-items:center;

    gap:10px;              /* better than margin on the icon */

    margin-top:24px;

    font-weight:700;

       color:var(--ellio-plum);

    text-decoration:none;

    transition:all .25s ease;

}
.ellio-support-link i{
    transition:transform .25s ease;
}


.ellio-support-link:hover{

    color:var(--ellio-plum);

}

.ellio-support-link:hover i{

    transform:translateX(6px);

}
.ellio-image-accent-left{

    left:-35px;

    top:-35px;

    right:auto;

    bottom:auto;

}
@media (min-width:992px){

    .ellio-banner-image-offset{
        transform:translateY(130px);
    }

}

/*=========================================================
    CTA
=========================================================*/

.ellio-cta{
    padding:110px 0;
    background:var(--ellio-forest);
    text-align:center;
}

.ellio-capita{
    padding:110px 0;
    background:var(--ellio-stone);
    text-align:center;
}

.ellio-eyebrow--dark{
    display:inline-block;
    margin-bottom:18px;
    font-size:13px;
    font-weight:700;
    letter-spacing:.18em;
    text-transform:uppercase;
    color:var(--ellio-plum);
}

.ellio-cta .ellio-eyebrow--dark{
    color:rgba(255,255,255,.75);
}

.ellio-h2{
    font-family:"Fraunces",serif;
    font-size:clamp(40px,4vw,56px);
    line-height:1.12;
    font-weight:500;
    color:#fff;
    max-width:820px;
    margin:0 auto;
}

.ellio-capita .ellio-h2{
    color:var(--ellio-forest);
}

.ellio-h2--sm{
    font-size:clamp(34px,3.5vw,46px);
}

.ellio-body-lg{
    max-width:720px;
    margin:28px auto 0;
    font-size:20px;
    line-height:1.9;
    color:rgba(1,67,59,.72);
}

.ellio-cta .ellio-btn-primary{
    margin-top:40px;
}
.page-content {
    padding-bottom: 0rem;
}