/* ============================================================
   EMPIRE REAL ESTATE NI
   HOME APP EXPERIENCE
   ISOLATED CSS
============================================================ */

.ere-homeapp-page{

    --ha-black:#07090c;
    --ha-dark:#101419;
    --ha-dark-2:#171c23;
    --ha-dark-3:#202730;

    --ha-gold:#b99a5d;
    --ha-gold-light:#d8bc7d;

    --ha-blue:#8294d8;

    --ha-white:#ffffff;

    --ha-cream:#f7f4ee;
    --ha-cream-2:#eee9e1;

    --ha-text:#21252a;
    --ha-muted:#73797f;

    position:relative;

    width:100%;

    margin:0;
    padding:0;

    overflow-x:clip;

    background:var(--ha-cream);

    color:var(--ha-text);

    font-family:"Manrope",sans-serif;
}


.ere-homeapp-page *,
.ere-homeapp-page *::before,
.ere-homeapp-page *::after{
    box-sizing:border-box;
}


.ere-homeapp-page button,
.ere-homeapp-page input,
.ere-homeapp-page select{
    font-family:inherit;
}


.ere-homeapp-container{

    position:relative;

    z-index:3;

    width:min(
        calc(100% - 56px),
        1420px
    );

    margin-inline:auto;
}


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

.ere-homeapp-hero{

    position:relative;

    isolation:isolate;

    width:100%;
    min-height:760px;

    display:flex;
    align-items:center;

    overflow:hidden;

    background:var(--ha-black);
}


.ere-homeapp-hero-backgrounds{

    position:absolute;

    inset:0;

    z-index:0;
}


.ere-homeapp-hero-bg{

    position:absolute;

    inset:0;

    opacity:0;

    transform:scale(1.015);

    transition:
        opacity 1.15s ease,
        transform 7s ease;
}


.ere-homeapp-hero-bg.is-active{

    opacity:1;

    transform:scale(1.065);
}


.ere-homeapp-hero-bg img{

    position:absolute;

    left:-35px;
    top:-35px;

    width:calc(100% + 70px);
    height:calc(100% + 70px);

    max-width:none !important;

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

    transform:
        translate3d(
            0,
            var(--ha-hero-y,0px),
            0
        );

    will-change:transform;
}


.ere-homeapp-hero-overlay{

    position:absolute;

    inset:0;

    z-index:1;

    background:
        linear-gradient(
            90deg,
            rgba(5,7,9,.96) 0%,
            rgba(6,9,13,.90) 37%,
            rgba(7,10,15,.63) 68%,
            rgba(8,11,16,.38) 100%
        ),
        radial-gradient(
            circle at 80% 15%,
            rgba(216,188,125,.16),
            transparent 25%
        ),
        radial-gradient(
            circle at 18% 90%,
            rgba(130,148,216,.10),
            transparent 28%
        );
}


.ere-homeapp-hero-grid-lines{

    position:absolute;

    inset:0;

    z-index:2;

    opacity:.16;

    pointer-events:none;

    background-image:
        linear-gradient(
            rgba(255,255,255,.05) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.05) 1px,
            transparent 1px
        );

    background-size:78px 78px;

    mask-image:
        linear-gradient(
            90deg,
            transparent,
            #000 20%,
            #000 80%,
            transparent
        );
}


.ere-homeapp-orbit{

    position:absolute;

    z-index:2;

    border-radius:50%;

    border:
        1px solid rgba(216,188,125,.13);

    pointer-events:none;
}


.ere-homeapp-orbit-one{

    width:780px;
    height:780px;

    right:-250px;
    top:-310px;
}


.ere-homeapp-orbit-one::after{

    content:"";

    position:absolute;

    inset:110px;

    border-radius:inherit;

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


.ere-homeapp-orbit-two{

    width:340px;
    height:340px;

    left:-180px;
    bottom:-170px;

    border-color:
        rgba(130,148,216,.13);
}


.ere-homeapp-hero-layout{

    min-height:760px;

    padding:72px 0;

    display:grid;

    grid-template-columns:
        minmax(0,1.05fr)
        minmax(380px,440px);

    align-items:center;

    gap:clamp(45px,6vw,90px);
}


/* ============================================================
   HERO COPY
============================================================ */

.ere-homeapp-hero-copy{

    position:relative;

    width:100%;
    max-width:850px;

    padding:44px;

    overflow:hidden;

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

    border-radius:31px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.11),
            rgba(255,255,255,.035)
        );

    box-shadow:
        0 35px 90px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.06);

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

    transform-style:preserve-3d;
}


.ere-homeapp-hero-copy::before{

    content:"";

    position:absolute;

    left:0;
    top:0;

    width:180px;
    height:4px;

    background:
        linear-gradient(
            90deg,
            var(--ha-gold-light),
            rgba(130,148,216,.70),
            transparent
        );
}


.ere-homeapp-eyebrow{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:18px;

    color:var(--ha-gold-light);

    font-size:11px;

    font-weight:800;

    letter-spacing:2px;

    text-transform:uppercase;
}


.ere-homeapp-eyebrow span{

    width:38px;
    height:1px;

    background:var(--ha-gold);
}


.ere-homeapp-hero-copy h1{

    max-width:790px;

    margin:0;

    color:#fff;

    font-family:"Playfair Display",serif;

    font-size:clamp(55px,5.25vw,86px);

    font-weight:500;

    line-height:.98;

    letter-spacing:-2.5px;
}


.ere-homeapp-hero-copy h1 em{

    display:block;

    margin-top:8px;

    color:var(--ha-gold-light);

    font-weight:400;

    font-style:italic;
}


.ere-homeapp-hero-copy > p{

    max-width:650px;

    margin:25px 0 0;

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

    font-size:14px;

    line-height:1.85;
}


.ere-homeapp-hero-actions{

    margin-top:31px;

    display:flex;

    flex-wrap:wrap;

    gap:10px;
}


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

.ere-homeapp-btn-primary,
.ere-homeapp-btn-secondary{

    min-height:56px;

    padding:0 22px;

    display:inline-flex;

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

    gap:11px;

    border-radius:15px;

    text-decoration:none;

    font-size:12px;

    font-weight:800;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        background .3s ease,
        color .3s ease;
}


.ere-homeapp-btn-primary{

    background:
        linear-gradient(
            135deg,
            var(--ha-gold-light),
            var(--ha-gold)
        );

    color:var(--ha-black);
}


.ere-homeapp-btn-primary:hover{

    color:var(--ha-black);

    transform:translateY(-4px);

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


.ere-homeapp-btn-secondary{

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

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

    color:#fff;
}


.ere-homeapp-btn-secondary:hover{

    color:var(--ha-gold-light);

    transform:translateY(-4px);
}


.ere-homeapp-hero-quick{

    margin-top:24px;

    padding-top:20px;

    display:flex;

    flex-wrap:wrap;

    gap:8px;

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


.ere-homeapp-hero-quick a{

    padding:9px 13px;

    display:flex;

    align-items:center;

    gap:7px;

    border-radius:30px;

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

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

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

    font-size:11px;

    text-decoration:none;

    transition:
        color .25s ease,
        background .25s ease;
}


.ere-homeapp-hero-quick a:hover{

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

    color:#fff;
}


.ere-homeapp-hero-quick i{

    color:var(--ha-gold-light);
}


/* ============================================================
   HERO DASHBOARD
============================================================ */

.ere-homeapp-hero-app{

    position:relative;

    width:100%;
    max-width:440px;

    justify-self:end;

    perspective:1300px;
}


.ere-homeapp-dashboard{

    position:relative;

    width:100%;

    padding:23px;

    overflow:hidden;

    border-radius:29px;

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

    background:
        radial-gradient(
            circle at 88% 0%,
            rgba(216,188,125,.13),
            transparent 25%
        ),
        linear-gradient(
            145deg,
            rgba(20,24,29,.96),
            rgba(8,11,14,.94)
        );

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

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

    transform:
        perspective(1300px)
        rotateY(-4deg)
        rotateX(1deg);

    transform-style:preserve-3d;
}


.ere-homeapp-dashboard-top{

    padding-bottom:20px;

    display:flex;

    align-items:flex-start;
    justify-content:space-between;

    gap:20px;

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


.ere-homeapp-live{

    display:flex;

    align-items:center;

    gap:7px;

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

    font-size:10px;

    font-weight:800;

    letter-spacing:1px;

    text-transform:uppercase;
}


.ere-homeapp-live i{

    width:7px;
    height:7px;

    border-radius:50%;

    background:#65d382;

    box-shadow:
        0 0 0 5px rgba(101,211,130,.10);
}


.ere-homeapp-dashboard-top h2{

    margin:9px 0 0;

    color:#fff;

    font-family:"Playfair Display",serif;

    font-size:29px;

    font-weight:500;
}


.ere-homeapp-dashboard-top small{

    display:block;

    margin-top:4px;

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

    font-size:10px;
}


.ere-homeapp-dashboard-icon{

    width:48px;
    height:48px;

    flex:0 0 48px;

    display:grid;

    place-items:center;

    border-radius:15px;

    border:
        1px solid rgba(216,188,125,.18);

    background:
        rgba(216,188,125,.08);

    color:var(--ha-gold-light);
}


.ere-homeapp-dashboard-stats{

    margin-top:17px;

    display:grid;

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

    gap:7px;
}


.ere-homeapp-dashboard-stats > div{

    padding:15px 7px;

    text-align:center;

    border-radius:15px;

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

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


.ere-homeapp-dashboard-stats strong{

    display:block;

    color:#fff;

    font-family:"Playfair Display",serif;

    font-size:24px;

    font-weight:500;
}


.ere-homeapp-dashboard-stats span{

    display:block;

    margin-top:3px;

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

    font-size:9px;

    text-transform:uppercase;
}


.ere-homeapp-dashboard-property{

    margin-top:17px;

    padding:8px;

    display:grid;

    grid-template-columns:
        80px
        minmax(0,1fr);

    align-items:center;

    gap:12px;

    border-radius:17px;

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

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


.ere-homeapp-dashboard-property-image{

    width:80px;
    height:76px;

    overflow:hidden;

    border-radius:12px;

    background:#222831;
}


.ere-homeapp-dashboard-property-image img{

    width:100%;
    height:100%;

    display:block;

    object-fit:cover;
}


.ere-homeapp-dashboard-property-copy{

    min-width:0;

    display:flex;

    flex-direction:column;

    justify-content:center;
}


.ere-homeapp-dashboard-property-copy > span{

    color:var(--ha-gold-light);

    font-size:9px;

    font-weight:800;

    text-transform:uppercase;
}


.ere-homeapp-dashboard-property-copy strong{

    margin-top:4px;

    overflow:hidden;

    color:#fff;

    font-size:12px;

    font-weight:800;

    white-space:nowrap;

    text-overflow:ellipsis;
}


.ere-homeapp-dashboard-property-copy small{

    margin-top:5px;

    overflow:hidden;

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

    font-size:10px;

    white-space:nowrap;

    text-overflow:ellipsis;
}


.ere-homeapp-dashboard-property-copy small i{

    margin-right:5px;

    color:var(--ha-gold);
}


.ere-homeapp-dashboard-price{

    grid-column:1 / -1;

    padding:11px 4px 3px;

    display:flex;

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

    gap:15px;

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


.ere-homeapp-dashboard-price strong{

    color:#fff;

    font-family:"Playfair Display",serif;

    font-size:19px;

    font-weight:500;
}


.ere-homeapp-dashboard-price span{

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

    font-size:9px;
}


.ere-homeapp-dashboard-footer{

    margin-top:16px;

    padding-top:15px;

    display:flex;

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

    gap:20px;

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


.ere-homeapp-dashboard-footer > a{

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

    font-size:10px;

    font-weight:800;

    text-decoration:none;

    text-transform:uppercase;
}


.ere-homeapp-dashboard-footer > a i{

    margin-left:7px;

    color:var(--ha-gold-light);
}


.ere-homeapp-hero-controls{

    display:flex;

    gap:5px;
}


.ere-homeapp-hero-controls button{

    width:38px;
    height:38px;

    display:grid;

    place-items:center;

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

    border-radius:12px;

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

    color:#fff;

    cursor:pointer;
}


.ere-homeapp-hero-dots{

    margin-top:15px;

    display:flex;

    gap:6px;
}


.ere-homeapp-hero-dots button{

    width:18px;
    height:3px;

    padding:0;

    border:0;

    border-radius:3px;

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

    cursor:pointer;

    transition:
        width .3s ease,
        background .3s ease;
}


.ere-homeapp-hero-dots button.is-active{

    width:42px;

    background:var(--ha-gold-light);
}


/* ============================================================
   LIVE STRIP
============================================================ */

.ere-homeapp-live-strip{

    background:var(--ha-black);

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

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


.ere-homeapp-live-grid{

    display:grid;

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


.ere-homeapp-live-grid > div{

    min-height:100px;

    padding:20px 24px;

    display:flex;

    align-items:center;

    gap:13px;

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


.ere-homeapp-live-grid > div:first-child{

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


.ere-homeapp-live-grid > div > span:not(.ere-homeapp-live-dot){

    width:43px;
    height:43px;

    flex:0 0 43px;

    display:grid;

    place-items:center;

    border-radius:14px;

    border:
        1px solid rgba(216,188,125,.16);

    background:
        rgba(216,188,125,.07);

    color:var(--ha-gold-light);
}


.ere-homeapp-live-dot{

    width:9px;
    height:9px;

    flex:0 0 9px;

    border-radius:50%;

    background:#65d382;

    box-shadow:
        0 0 0 5px rgba(101,211,130,.10);
}


.ere-homeapp-live-grid small{

    display:block;

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

    font-size:10px;

    text-transform:uppercase;
}


.ere-homeapp-live-grid strong{

    display:block;

    margin-top:3px;

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

    font-size:12px;
}


/* ============================================================
   COMMON
============================================================ */

.ere-homeapp-section-label{

    margin-bottom:30px;

    display:flex;

    align-items:center;

    gap:14px;
}


.ere-homeapp-section-label > span{

    width:38px;
    height:38px;

    display:grid;

    place-items:center;

    border-radius:12px;

    background:var(--ha-dark);

    color:var(--ha-gold-light);

    font-size:10px;

    font-weight:800;
}


.ere-homeapp-section-label strong{

    color:var(--ha-dark);

    font-size:11px;

    letter-spacing:1.3px;

    text-transform:uppercase;
}


.ere-homeapp-section-label small{

    margin-left:auto;

    color:#999da0;

    font-size:10px;

    text-transform:uppercase;
}


.ere-homeapp-section-label-light > span{

    background:
        rgba(255,255,255,.08);
}


.ere-homeapp-section-label-light strong{

    color:#fff;
}


.ere-homeapp-section-label-light small{

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


.ere-homeapp-mini-label{

    display:flex;

    align-items:center;

    gap:10px;

    color:#967a48;

    font-size:11px;

    font-weight:800;

    letter-spacing:1.5px;

    text-transform:uppercase;
}


.ere-homeapp-mini-label::before{

    content:"";

    width:31px;
    height:1px;

    background:var(--ha-gold);
}


.ere-homeapp-text-link{

    display:inline-flex;

    align-items:center;

    gap:10px;

    color:var(--ha-dark);

    font-size:11px;

    font-weight:800;

    text-decoration:none;

    text-transform:uppercase;
}


.ere-homeapp-text-link i{

    color:var(--ha-gold);

    transition:transform .3s ease;
}


.ere-homeapp-text-link:hover i{

    transform:translateX(4px);
}


.ere-homeapp-text-link-light{

    color:#fff;
}


/* ============================================================
   ABOUT
============================================================ */

.ere-homeapp-about{

    position:relative;

    padding:115px 0;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 90% 5%,
            rgba(130,148,216,.06),
            transparent 22%
        ),
        linear-gradient(
            180deg,
            #faf8f4,
            #f2ede6
        );
}


.ere-homeapp-about-grid{

    display:grid;

    grid-template-columns:
        minmax(0,1.05fr)
        minmax(360px,.75fr);

    align-items:center;

    gap:70px;
}


.ere-homeapp-about-visual{

    position:relative;

    min-height:620px;

    perspective:1200px;
}


.ere-homeapp-about-main{

    position:absolute;

    inset:0 80px 50px 0;

    overflow:hidden;

    border-radius:30px;

    box-shadow:
        0 35px 90px rgba(10,12,14,.16);
}


.ere-homeapp-about-main img{

    width:100%;
    height:100%;

    display:block;

    object-fit:cover;

    transition:transform .8s ease;
}


.ere-homeapp-about-visual:hover
.ere-homeapp-about-main img{

    transform:scale(1.04);
}


.ere-homeapp-about-secondary{

    position:absolute;

    width:235px;
    height:270px;

    right:0;
    bottom:0;

    overflow:hidden;

    border:
        8px solid var(--ha-cream);

    border-radius:24px;

    box-shadow:
        0 25px 65px rgba(10,12,14,.16);
}


.ere-homeapp-about-secondary img{

    width:100%;
    height:100%;

    display:block;

    object-fit:cover;
}


.ere-homeapp-about-floating{

    position:absolute;

    left:28px;
    bottom:25px;

    min-width:210px;

    padding:13px;

    display:flex;

    align-items:center;

    gap:11px;

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

    border-radius:17px;

    background:
        rgba(10,13,17,.78);

    color:#fff;

    box-shadow:
        0 20px 55px rgba(0,0,0,.24);

    backdrop-filter:blur(12px);
}


.ere-homeapp-about-floating > span{

    width:42px;
    height:42px;

    display:grid;

    place-items:center;

    border-radius:13px;

    background:
        rgba(216,188,125,.12);

    color:var(--ha-gold-light);
}


.ere-homeapp-about-floating small{

    display:block;

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

    font-size:10px;
}


.ere-homeapp-about-floating strong{

    display:block;

    margin-top:2px;

    font-size:12px;
}


.ere-homeapp-about-copy{

    padding:15px 0;
}


.ere-homeapp-about-copy h2{

    margin:14px 0 0;

    color:var(--ha-dark);

    font-family:"Playfair Display",serif;

    font-size:clamp(43px,4.5vw,66px);

    font-weight:500;

    line-height:1;

    letter-spacing:-2px;
}


.ere-homeapp-about-copy h2 em{

    display:block;

    margin-top:6px;

    color:var(--ha-gold);

    font-weight:400;

    font-style:italic;
}


.ere-homeapp-about-copy p{

    margin:18px 0 0;

    color:var(--ha-muted);

    font-size:14px;

    line-height:1.85;
}


.ere-homeapp-about-lead{

    color:#4d5358 !important;

    font-size:16px !important;
}


.ere-homeapp-about-points{

    margin-top:26px;

    display:grid;

    gap:9px;
}


.ere-homeapp-about-points div{

    min-height:44px;

    padding:0 13px;

    display:flex;

    align-items:center;

    gap:10px;

    border-radius:13px;

    border:
        1px solid rgba(17,19,21,.07);

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

    color:#555b60;

    font-size:13px;
}


.ere-homeapp-about-points i{

    color:var(--ha-gold);
}


.ere-homeapp-about-copy
.ere-homeapp-text-link{

    margin-top:28px;
}


/* ============================================================
   PROPERTIES
============================================================ */

.ere-homeapp-properties{

    padding:115px 0;

    overflow:hidden;

    background:#fff;
}


.ere-homeapp-properties-head{

    margin-bottom:37px;

    display:flex;

    align-items:flex-end;
    justify-content:space-between;

    gap:40px;
}


.ere-homeapp-properties-head h2,
.ere-homeapp-stories-head h2,
.ere-homeapp-map-head h2{

    max-width:760px;

    margin:14px 0 0;

    color:var(--ha-dark);

    font-family:"Playfair Display",serif;

    font-size:clamp(43px,4.4vw,64px);

    line-height:1;

    font-weight:500;

    letter-spacing:-2px;
}


.ere-homeapp-properties-head h2 em,
.ere-homeapp-stories-head h2 em,
.ere-homeapp-map-head h2 em{

    display:block;

    color:var(--ha-gold);

    font-weight:400;

    font-style:italic;
}


.ere-homeapp-properties-toolbar{

    margin-bottom:18px;

    display:flex;

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

    gap:20px;
}


.ere-homeapp-property-tabs{

    padding:5px;

    display:flex;

    gap:4px;

    border-radius:15px;

    background:#f2efe9;
}


.ere-homeapp-property-tabs button{

    min-height:45px;

    padding:0 16px;

    display:flex;

    align-items:center;

    gap:9px;

    border:0;

    border-radius:11px;

    background:transparent;

    color:#777c81;

    font-size:11px;

    font-weight:800;

    cursor:pointer;
}


.ere-homeapp-property-tabs button span{

    min-width:22px;
    height:22px;

    display:grid;

    place-items:center;

    border-radius:50%;

    background:
        rgba(0,0,0,.06);

    font-size:9px;
}


.ere-homeapp-property-tabs button.is-active{

    background:var(--ha-dark);

    color:#fff;
}


.ere-homeapp-property-tabs button.is-active span{

    background:var(--ha-gold);

    color:var(--ha-black);
}


.ere-homeapp-property-arrows{

    display:flex;

    gap:5px;
}


.ere-homeapp-property-arrows button{

    width:46px;
    height:46px;

    display:grid;

    place-items:center;

    border:
        1px solid rgba(17,19,21,.08);

    border-radius:13px;

    background:#f7f5f0;

    color:var(--ha-dark);

    cursor:pointer;
}


.ere-homeapp-property-viewport{

    overflow-x:auto;

    scroll-behavior:smooth;

    scrollbar-width:none;

    scroll-snap-type:x mandatory;
}


.ere-homeapp-property-viewport::-webkit-scrollbar{
    display:none;
}


.ere-homeapp-property-track{

    display:flex;

    gap:18px;
}


.ere-homeapp-property-card{

    width:min(390px,84vw);

    flex:0 0 min(390px,84vw);

    overflow:hidden;

    scroll-snap-align:start;

    border-radius:25px;

    border:
        1px solid rgba(185,154,93,.12);

    background:#fff;

    box-shadow:
        0 18px 48px rgba(11,13,15,.08);

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


.ere-homeapp-property-card:hover{

    transform:translateY(-7px);

    box-shadow:
        0 30px 75px rgba(11,13,15,.14);
}


.ere-homeapp-property-card[hidden]{
    display:none !important;
}


.ere-homeapp-property-image{

    position:relative;

    height:310px;

    overflow:hidden;

    background:#ddd;
}


.ere-homeapp-property-image > img{

    width:100%;
    height:100%;

    display:block;

    object-fit:cover;

    transition:
        transform .75s ease;
}


.ere-homeapp-property-card:hover
.ere-homeapp-property-image > img{

    transform:scale(1.045);
}


.ere-homeapp-no-image{

    width:100%;
    height:100%;

    display:grid;

    place-items:center;

    background:#ece9e3;

    color:#b99a5d;

    font-size:34px;
}


.ere-homeapp-property-image-overlay{

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(7,9,11,.04),
            transparent 50%,
            rgba(7,9,11,.42)
        );
}


.ere-homeapp-property-status,
.ere-homeapp-property-photos{

    position:absolute;

    z-index:2;

    top:15px;

    min-height:29px;

    padding:0 10px;

    display:flex;

    align-items:center;

    gap:7px;

    border-radius:30px;

    background:
        rgba(10,12,14,.73);

    color:#fff;

    font-size:10px;

    font-weight:700;

    backdrop-filter:blur(8px);
}


.ere-homeapp-property-status{
    left:15px;
}


.ere-homeapp-property-status i{

    width:6px;
    height:6px;

    border-radius:50%;

    background:#65d382;
}


.ere-homeapp-property-photos{
    right:15px;
}


.ere-homeapp-property-photos i{
    color:var(--ha-gold-light);
}


.ere-homeapp-property-content{
    padding:23px;
}


.ere-homeapp-property-meta{

    display:flex;

    justify-content:space-between;

    gap:15px;
}


.ere-homeapp-property-meta span{

    color:var(--ha-gold);

    font-size:10px;

    font-weight:800;

    letter-spacing:1px;

    text-transform:uppercase;
}


.ere-homeapp-property-meta small{

    color:#aaaeb1;

    font-size:9px;
}


.ere-homeapp-property-card h3{

    margin:12px 0 0;

    color:var(--ha-dark);

    font-family:"Playfair Display",serif;

    font-size:30px;

    line-height:1.05;

    font-weight:600;
}


.ere-homeapp-property-card h3 em{

    display:block;

    margin-top:4px;

    color:var(--ha-gold);

    font-size:.72em;

    font-weight:400;

    font-style:italic;
}


.ere-homeapp-property-location{

    margin:13px 0 0;

    color:#84898e;

    font-size:12px;
}


.ere-homeapp-property-location i{

    margin-right:5px;

    color:var(--ha-gold);
}


.ere-homeapp-property-price{
    margin-top:19px;
}


.ere-homeapp-property-price strong{

    display:block;

    color:var(--ha-dark);

    font-family:"Playfair Display",serif;

    font-size:25px;

    font-weight:600;
}


.ere-homeapp-property-price small{

    display:block;

    margin-top:3px;

    color:#94999d;

    font-size:10px;
}


.ere-homeapp-property-features{

    margin-top:18px;

    display:flex;

    flex-wrap:wrap;

    gap:6px;
}


.ere-homeapp-property-features span{

    padding:7px 9px;

    border-radius:9px;

    background:#f6f3ed;

    color:#777c81;

    font-size:10px;
}


.ere-homeapp-property-features i{

    margin-right:5px;

    color:var(--ha-gold);
}


.ere-homeapp-property-footer{

    margin-top:21px;

    padding-top:16px;

    display:grid;

    grid-template-columns:
        1fr
        46px;

    gap:7px;

    border-top:
        1px solid rgba(17,19,21,.07);
}


.ere-homeapp-property-footer a:first-child{

    min-height:46px;

    padding:0 14px;

    display:flex;

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

    border-radius:13px;

    background:var(--ha-dark);

    color:#fff;

    font-size:11px;

    font-weight:800;

    text-decoration:none;
}


.ere-homeapp-property-footer a:first-child i{
    color:var(--ha-gold-light);
}


.ere-homeapp-property-footer a:last-child{

    width:46px;
    height:46px;

    display:grid;

    place-items:center;

    border-radius:13px;

    background:#f7f5f0;

    color:var(--ha-gold);

    text-decoration:none;
}


.ere-homeapp-properties-empty{

    padding:50px 20px;

    text-align:center;

    color:#81868a;

    font-size:14px;
}


/* ============================================================
   STORIES
============================================================ */

.ere-homeapp-stories{

    padding:110px 0;

    overflow:hidden;

    background:
        linear-gradient(
            145deg,
            #0c1015,
            #171d24
        );
}


.ere-homeapp-stories-head{

    margin-bottom:38px;

    display:flex;

    align-items:flex-end;
    justify-content:space-between;

    gap:40px;
}


.ere-homeapp-stories-head
.ere-homeapp-mini-label{

    color:var(--ha-gold-light);
}


.ere-homeapp-stories-head h2{
    color:#fff;
}


.ere-homeapp-story-grid{

    min-height:680px;

    display:grid;

    grid-template-columns:
        1.25fr
        .75fr
        .75fr;

    grid-template-rows:
        1fr
        1fr;

    gap:12px;
}


.ere-homeapp-story-card{

    position:relative;

    min-height:0;

    overflow:hidden;

    border-radius:22px;

    color:#fff;

    text-decoration:none;
}


.ere-homeapp-story-1{
    grid-row:1 / 3;
}


.ere-homeapp-story-4{
    grid-column:2 / 4;
}


.ere-homeapp-story-5{
    display:none;
}


.ere-homeapp-story-card img{

    position:absolute;

    inset:0;

    width:100%;
    height:100%;

    display:block;

    object-fit:cover;

    transition:
        transform .8s ease;
}


.ere-homeapp-story-card:hover img{
    transform:scale(1.055);
}


.ere-homeapp-story-overlay{

    position:absolute;

    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(7,9,11,.08),
            rgba(7,9,11,.10) 40%,
            rgba(7,9,11,.87)
        );
}


.ere-homeapp-story-top{

    position:absolute;

    z-index:2;

    left:18px;
    right:18px;
    top:17px;

    display:flex;

    justify-content:space-between;
}


.ere-homeapp-story-top > span{

    font-family:"Playfair Display",serif;

    font-size:18px;

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


.ere-homeapp-story-top small{

    padding:7px 9px;

    border-radius:10px;

    background:
        rgba(7,9,11,.52);

    font-size:10px;

    backdrop-filter:blur(8px);
}


.ere-homeapp-story-top small i{

    margin-right:5px;

    color:var(--ha-gold-light);
}


.ere-homeapp-story-bottom{

    position:absolute;

    z-index:2;

    left:22px;
    right:22px;
    bottom:22px;
}


.ere-homeapp-story-bottom small{

    display:block;

    color:var(--ha-gold-light);

    font-size:10px;

    text-transform:uppercase;
}


.ere-homeapp-story-bottom strong{

    display:block;

    margin-top:6px;

    font-family:"Playfair Display",serif;

    font-size:26px;

    font-weight:500;
}


.ere-homeapp-story-1
.ere-homeapp-story-bottom strong{

    font-size:37px;
}


.ere-homeapp-story-bottom span{

    margin-top:12px;

    display:flex;

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

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

    font-size:10px;

    text-transform:uppercase;
}


.ere-homeapp-story-bottom span i{
    color:var(--ha-gold-light);
}


/* ============================================================
   WHY PARALLAX
============================================================ */

.ere-homeapp-why{

    position:relative;

    isolation:isolate;

    padding:120px 0;

    overflow:hidden;

    background:var(--ha-dark);
}


.ere-homeapp-why-bg{

    position:absolute;

    inset:-60px;

    z-index:0;
}


.ere-homeapp-why-bg img{

    width:100%;
    height:100%;

    max-width:none !important;

    display:block;

    object-fit:cover;

    transform:
        translate3d(
            0,
            var(--ha-why-y,0px),
            0
        )
        scale(1.08);

    will-change:transform;
}


.ere-homeapp-why-overlay{

    position:absolute;

    inset:0;

    z-index:1;

    background:
        linear-gradient(
            100deg,
            rgba(7,9,12,.97),
            rgba(8,11,15,.88) 50%,
            rgba(8,11,15,.73)
        ),
        radial-gradient(
            circle at 85% 10%,
            rgba(216,188,125,.14),
            transparent 23%
        );
}


.ere-homeapp-why-head{

    margin-bottom:42px;

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(300px,.55fr);

    align-items:end;

    gap:60px;
}


.ere-homeapp-why
.ere-homeapp-mini-label{

    color:var(--ha-gold-light);
}


.ere-homeapp-why-head h2{

    max-width:800px;

    margin:14px 0 0;

    color:#fff;

    font-family:"Playfair Display",serif;

    font-size:clamp(46px,4.8vw,69px);

    font-weight:500;

    line-height:1;

    letter-spacing:-2px;
}


.ere-homeapp-why-head h2 em{

    display:block;

    color:var(--ha-gold-light);

    font-weight:400;

    font-style:italic;
}


.ere-homeapp-why-head > p{

    margin:0;

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

    font-size:14px;

    line-height:1.85;
}


.ere-homeapp-why-bento{

    display:grid;

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

    gap:10px;
}


.ere-homeapp-why-card{

    position:relative;

    min-height:280px;

    padding:26px;

    overflow:hidden;

    border-radius:22px;

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

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.11),
            rgba(255,255,255,.04)
        );

    color:#fff;

    backdrop-filter:blur(14px);
}


.ere-homeapp-why-large{
    grid-column:span 2;
}


.ere-homeapp-why-wide{

    grid-column:span 4;

    min-height:135px;

    display:grid;

    grid-template-columns:
        auto
        1fr
        auto;

    align-items:center;

    gap:22px;
}


.ere-homeapp-why-card > span,
.ere-homeapp-why-wide > div:first-child > span{

    position:absolute;

    right:18px;
    top:16px;

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

    font-family:"Playfair Display",serif;

    font-size:18px;
}


.ere-homeapp-why-card > i,
.ere-homeapp-why-wide > div:first-child > i{

    width:48px;
    height:48px;

    display:grid;

    place-items:center;

    border-radius:15px;

    background:
        rgba(216,188,125,.10);

    color:var(--ha-gold-light);
}


.ere-homeapp-why-card h3{

    margin:45px 0 0;

    font-family:"Playfair Display",serif;

    font-size:25px;

    font-weight:500;
}


.ere-homeapp-why-wide h3{
    margin:0;
}


.ere-homeapp-why-card p{

    margin:11px 0 0;

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

    font-size:13px;

    line-height:1.75;
}


.ere-homeapp-why-wide > a{

    color:#fff;

    font-size:11px;

    font-weight:800;

    text-decoration:none;

    text-transform:uppercase;
}


.ere-homeapp-why-wide > a i{

    margin-left:8px;

    color:var(--ha-gold-light);
}


/* ============================================================
   MAP EXPLORER
============================================================ */

.ere-homeapp-map-section{

    position:relative;

    padding:115px 0;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 8% 0%,
            rgba(185,154,93,.08),
            transparent 22%
        ),
        linear-gradient(
            180deg,
            #f8f5ef,
            #efebe4
        );
}


.ere-homeapp-map-head{

    margin-bottom:38px;

    display:flex;

    align-items:flex-end;
    justify-content:space-between;

    gap:40px;
}


.ere-homeapp-map-app{

    position:relative;

    width:100%;
    min-height:650px;

    display:grid;

    grid-template-columns:
        minmax(0,1.4fr)
        minmax(360px,.60fr);

    overflow:hidden;

    border-radius:30px;

    border:
        1px solid rgba(17,19,21,.08);

    background:#fff;

    box-shadow:
        0 35px 90px rgba(11,13,15,.13);
}


.ere-homeapp-map-wrap{

    position:relative;

    width:100%;

    height:650px;
    min-height:650px;

    overflow:hidden;

    isolation:isolate;

    background:#d9dbd9;
}


#ereHomeAppMap,
.ere-homeapp-map{

    position:absolute !important;

    inset:0 !important;

    width:100% !important;
    height:100% !important;

    min-width:0 !important;
    min-height:0 !important;

    z-index:1;

    background:#d9dbd9;
}


/* ============================================================
   LEAFLET HARD FIX
============================================================ */

.ere-homeapp-map .leaflet-map-pane,
.ere-homeapp-map .leaflet-tile-pane,
.ere-homeapp-map .leaflet-overlay-pane,
.ere-homeapp-map .leaflet-shadow-pane,
.ere-homeapp-map .leaflet-marker-pane,
.ere-homeapp-map .leaflet-tooltip-pane,
.ere-homeapp-map .leaflet-popup-pane,
.ere-homeapp-map .leaflet-pane,
.ere-homeapp-map .leaflet-tile-container{

    position:absolute !important;

    left:0;
    top:0;
}


.ere-homeapp-map
.leaflet-pane > svg,
.ere-homeapp-map
.leaflet-pane > canvas{

    position:absolute;

    left:0;
    top:0;
}


.ere-homeapp-map .leaflet-tile{

    position:absolute !important;

    left:0;
    top:0;

    width:256px;
    height:256px;

    max-width:none !important;
    max-height:none !important;

    padding:0 !important;
    margin:0 !important;

    border:0 !important;

    object-fit:initial !important;
}


.ere-homeapp-map img,
.ere-homeapp-map .leaflet-tile,
.ere-homeapp-map .leaflet-marker-icon,
.ere-homeapp-map .leaflet-marker-shadow{

    max-width:none !important;
}


.ere-homeapp-map
.leaflet-control-zoom{

    overflow:hidden;

    border:0 !important;

    border-radius:13px !important;

    box-shadow:
        0 10px 30px rgba(0,0,0,.14);
}


.ere-homeapp-map
.leaflet-control-zoom a{

    width:38px !important;
    height:38px !important;

    line-height:38px !important;

    border:0 !important;

    background:
        rgba(255,255,255,.96) !important;

    color:#101419 !important;
}


.ere-homeapp-map
.leaflet-control-attribution{

    padding:4px 7px !important;

    background:
        rgba(255,255,255,.82) !important;

    font-size:8px !important;

    backdrop-filter:blur(8px);
}


/* ============================================================
   MAP FILTERS
============================================================ */

.ere-homeapp-map-tabs{

    position:absolute;

    z-index:800;

    left:18px;
    top:18px;

    padding:5px;

    display:flex;

    align-items:center;

    gap:4px;

    border-radius:16px;

    border:
        1px solid rgba(17,19,21,.07);

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

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

    backdrop-filter:blur(15px);
}


.ere-homeapp-map-tabs button{

    min-height:43px;

    padding:0 14px;

    display:flex;

    align-items:center;

    gap:7px;

    border:0;

    border-radius:11px;

    background:transparent;

    color:#73787d;

    cursor:pointer;

    font-size:10px;

    font-weight:800;

    transition:
        background .25s ease,
        color .25s ease;
}


.ere-homeapp-map-tabs button span{

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

    display:grid;

    place-items:center;

    border-radius:50%;

    background:
        rgba(0,0,0,.06);

    font-size:8px;
}


.ere-homeapp-map-tabs button.is-active{

    background:var(--ha-dark);

    color:#fff;
}


.ere-homeapp-map-tabs button.is-active span{

    background:var(--ha-gold);

    color:var(--ha-black);
}


/* ============================================================
   MAP MARKER
============================================================ */

.ere-homeapp-map-marker-wrap{

    border:0 !important;

    background:transparent !important;
}


.ere-homeapp-map-marker{

    width:42px;
    height:42px;

    display:grid;

    place-items:center;

    border:
        4px solid #fff;

    border-radius:
        50% 50% 50% 9px;

    background:var(--ha-gold);

    color:var(--ha-black);

    transform:
        rotate(-45deg);

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

    transition:
        transform .25s ease,
        background .25s ease;
}


.ere-homeapp-map-marker i{

    transform:rotate(45deg);

    font-size:12px;
}


.ere-homeapp-map-marker.is-active{

    background:var(--ha-dark);

    color:var(--ha-gold-light);

    transform:
        rotate(-45deg)
        scale(1.13);
}


/* ============================================================
   MAP PANEL
============================================================ */

.ere-homeapp-map-panel{

    position:relative;

    min-width:0;
    min-height:650px;

    display:flex;

    flex-direction:column;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(216,188,125,.10),
            transparent 25%
        ),
        linear-gradient(
            145deg,
            #101419,
            #171d24
        );
}


.ere-homeapp-map-panel-image{

    position:relative;

    width:100%;
    height:315px;
    min-height:315px;

    overflow:hidden;

    background:#242930;
}


.ere-homeapp-map-panel-image img{

    position:absolute;

    inset:0;

    width:100% !important;
    height:100% !important;

    max-width:none !important;

    display:block;

    object-fit:cover;

    transform:scale(1.02);

    transition:
        opacity .35s ease,
        transform .7s ease;
}


.ere-homeapp-map-panel:hover
.ere-homeapp-map-panel-image img{

    transform:scale(1.055);
}


.ere-homeapp-map-panel-image::after{

    content:"";

    position:absolute;

    inset:0;

    z-index:1;

    background:
        linear-gradient(
            180deg,
            rgba(7,9,11,.05),
            rgba(7,9,11,.12) 45%,
            rgba(7,9,11,.83)
        );
}


.ere-homeapp-map-panel-image > span{

    position:absolute;

    z-index:3;

    left:20px;
    bottom:19px;

    min-height:30px;

    padding:0 11px;

    display:flex;

    align-items:center;

    border-radius:30px;

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

    background:
        rgba(7,9,11,.72);

    color:#fff;

    font-size:9px;

    font-weight:800;

    backdrop-filter:blur(9px);
}


.ere-homeapp-map-panel-body{

    padding:31px;

    display:flex;

    flex:1;

    flex-direction:column;
}


.ere-homeapp-map-panel-body > small{

    color:var(--ha-gold-light);

    font-size:9px;

    font-weight:800;

    letter-spacing:1.2px;

    text-transform:uppercase;
}


.ere-homeapp-map-panel h3{

    margin:13px 0 0;

    color:#fff;

    font-family:"Playfair Display",serif;

    font-size:clamp(30px,2.4vw,39px);

    font-weight:500;

    line-height:1.03;
}


.ere-homeapp-map-panel-body > p{

    margin:14px 0 0;

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

    font-size:11px;

    line-height:1.6;
}


.ere-homeapp-map-panel-body > p i{

    margin-right:6px;

    color:var(--ha-gold);
}


.ere-homeapp-map-price{

    margin-top:26px;

    padding-top:22px;

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


.ere-homeapp-map-price strong{

    display:block;

    color:#fff;

    font-family:"Playfair Display",serif;

    font-size:30px;

    font-weight:500;
}


.ere-homeapp-map-price small{

    display:block;

    margin-top:4px;

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

    font-size:9px;
}


.ere-homeapp-map-panel-actions{

    margin-top:auto;

    padding-top:27px;

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        49px;

    gap:7px;
}


.ere-homeapp-map-panel-actions a:first-child{

    min-height:49px;

    padding:0 15px;

    display:flex;

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

    gap:15px;

    border-radius:13px;

    background:
        linear-gradient(
            135deg,
            var(--ha-gold-light),
            var(--ha-gold)
        );

    color:var(--ha-black);

    font-size:10px;

    font-weight:800;

    text-decoration:none;
}


.ere-homeapp-map-panel-actions a:last-child{

    width:49px;
    height:49px;

    display:grid;

    place-items:center;

    border-radius:13px;

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

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

    color:#fff;

    text-decoration:none;
}


/* ============================================================
   FINAL
============================================================ */

.ere-homeapp-final{

    position:relative;

    isolation:isolate;

    padding:115px 0;

    overflow:hidden;

    background:var(--ha-dark);
}


.ere-homeapp-final-bg{

    position:absolute;

    inset:-55px;

    z-index:0;
}


.ere-homeapp-final-bg img{

    width:100%;
    height:100%;

    max-width:none !important;

    display:block;

    object-fit:cover;

    transform:
        translate3d(
            0,
            var(--ha-final-y,0px),
            0
        )
        scale(1.07);

    will-change:transform;
}


.ere-homeapp-final-overlay{

    position:absolute;

    inset:0;

    z-index:1;

    background:
        linear-gradient(
            90deg,
            rgba(7,9,12,.95),
            rgba(7,9,12,.84)
        ),
        radial-gradient(
            circle at 85% 20%,
            rgba(216,188,125,.16),
            transparent 26%
        );
}


.ere-homeapp-final-card{

    position:relative;

    z-index:2;

    min-height:370px;

    padding:55px;

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        390px;

    align-items:center;

    gap:60px;

    overflow:hidden;

    border-radius:30px;

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

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.10),
            rgba(255,255,255,.04)
        );

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

    backdrop-filter:blur(17px);
}


.ere-homeapp-final
.ere-homeapp-mini-label{

    color:var(--ha-gold-light);
}


.ere-homeapp-final h2{

    max-width:800px;

    margin:14px 0 0;

    color:#fff;

    font-family:"Playfair Display",serif;

    font-size:clamp(43px,4.6vw,66px);

    line-height:1;

    font-weight:500;
}


.ere-homeapp-final h2 em{

    display:block;

    color:var(--ha-gold-light);

    font-weight:400;

    font-style:italic;
}


.ere-homeapp-final p{

    max-width:630px;

    margin:18px 0 0;

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

    font-size:14px;

    line-height:1.8;
}


.ere-homeapp-final-actions{

    margin-top:28px;

    display:flex;

    flex-wrap:wrap;

    gap:9px;
}


.ere-homeapp-final-hud{

    padding:22px;

    border-radius:23px;

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

    background:
        rgba(8,11,14,.65);
}


.ere-homeapp-final-hud > span{

    display:flex;

    align-items:center;

    gap:8px;

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

    font-size:10px;

    font-weight:800;

    text-transform:uppercase;
}


.ere-homeapp-final-hud > span i{

    width:7px;
    height:7px;

    border-radius:50%;

    background:#65d382;
}


.ere-homeapp-final-hud > div{

    margin-top:18px;

    display:grid;

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

    gap:7px;
}


.ere-homeapp-final-hud article{

    padding:16px 7px;

    text-align:center;

    border-radius:14px;

    background:
        rgba(255,255,255,.05);
}


.ere-homeapp-final-hud strong{

    display:block;

    color:#fff;

    font-family:"Playfair Display",serif;

    font-size:25px;

    font-weight:500;
}


.ere-homeapp-final-hud small{

    display:block;

    margin-top:4px;

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

    font-size:9px;
}


/* ============================================================
   REVEALS
============================================================ */

.ere-homeapp-reveal{

    opacity:0;

    transform:
        translateY(28px);

    transition:
        opacity .75s ease,
        transform .75s cubic-bezier(.2,.75,.2,1);
}


.ere-homeapp-reveal.is-visible{

    opacity:1;

    transform:none;
}


/* ============================================================
   RESPONSIVE 1100
============================================================ */

@media(max-width:1100px){

    .ere-homeapp-hero-layout{

        grid-template-columns:
            minmax(0,1fr)
            380px;

        gap:35px;
    }


    .ere-homeapp-about-grid{
        gap:40px;
    }


    .ere-homeapp-why-bento{

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


    .ere-homeapp-why-wide{
        grid-column:span 2;
    }


    .ere-homeapp-map-app{

        grid-template-columns:
            1fr
            370px;
    }


    .ere-homeapp-final-card{

        grid-template-columns:
            1fr
            340px;

        gap:35px;
    }

}


/* ============================================================
   RESPONSIVE 900
============================================================ */

@media(max-width:900px){

    .ere-homeapp-container{

        width:
            calc(100% - 32px);
    }


    .ere-homeapp-hero{

        min-height:auto;
    }


    .ere-homeapp-hero-layout{

        min-height:auto;

        padding:60px 0;

        grid-template-columns:1fr;

        gap:22px;
    }


    .ere-homeapp-hero-copy{

        max-width:none;

        padding:32px;

        transform:none !important;
    }


    .ere-homeapp-hero-app{

        max-width:none;

        justify-self:stretch;
    }


    .ere-homeapp-dashboard{

        transform:none !important;
    }


    .ere-homeapp-live-grid{

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


    .ere-homeapp-about-grid{

        grid-template-columns:1fr;

        gap:45px;
    }


    .ere-homeapp-about-visual{

        min-height:560px;

        transform:none !important;
    }


    .ere-homeapp-properties-head,
    .ere-homeapp-stories-head,
    .ere-homeapp-map-head{

        align-items:flex-start;

        flex-direction:column;
    }


    .ere-homeapp-story-grid{

        min-height:850px;

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

        grid-template-rows:
            1.15fr
            1fr
            1fr;
    }


    .ere-homeapp-story-1{

        grid-column:1 / 3;

        grid-row:auto;
    }


    .ere-homeapp-story-4{
        grid-column:auto;
    }


    .ere-homeapp-story-5{
        display:block;
    }


    .ere-homeapp-why-head{

        grid-template-columns:1fr;

        gap:20px;
    }


    .ere-homeapp-map-app{
        grid-template-columns:1fr;
    }


    .ere-homeapp-map-wrap{

        height:520px;
        min-height:520px;
    }


    .ere-homeapp-map-panel{
        min-height:auto;
    }


    .ere-homeapp-map-panel-image{

        height:340px;
        min-height:340px;
    }


    .ere-homeapp-final-card{

        grid-template-columns:1fr;

        gap:35px;
    }


    [data-homeapp-tilt]{
        transform:none !important;
    }

}


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

@media(max-width:680px){

    .ere-homeapp-container{

        width:
            calc(100% - 22px);
    }


    .ere-homeapp-hero-layout{
        padding:38px 0;
    }


    .ere-homeapp-hero-copy{

        padding:24px 19px;

        border-radius:21px;
    }


    .ere-homeapp-hero-copy h1{

        font-size:43px;

        letter-spacing:-1.2px;
    }


    .ere-homeapp-hero-copy > p{

        font-size:13px;

        line-height:1.7;
    }


    .ere-homeapp-hero-actions{

        display:grid;

        grid-template-columns:1fr;
    }


    .ere-homeapp-hero-actions a{
        width:100%;
    }


    .ere-homeapp-dashboard{

        padding:17px;

        border-radius:21px;
    }


    .ere-homeapp-dashboard-property{

        grid-template-columns:
            66px
            minmax(0,1fr);
    }


    .ere-homeapp-dashboard-property-image{

        width:66px;
        height:63px;
    }


    .ere-homeapp-live-grid{

        grid-template-columns:
            1fr
            1fr;
    }


    .ere-homeapp-live-grid > div{

        min-height:87px;

        padding:14px 10px;
    }


    .ere-homeapp-live-grid > div > span:not(.ere-homeapp-live-dot){

        width:37px;
        height:37px;

        flex-basis:37px;
    }


    .ere-homeapp-about,
    .ere-homeapp-properties,
    .ere-homeapp-stories,
    .ere-homeapp-why,
    .ere-homeapp-map-section,
    .ere-homeapp-final{

        padding:75px 0;
    }


    .ere-homeapp-section-label small{
        display:none;
    }


    .ere-homeapp-about-visual{
        min-height:430px;
    }


    .ere-homeapp-about-main{

        inset:
            0
            45px
            35px
            0;

        border-radius:21px;
    }


    .ere-homeapp-about-secondary{

        width:145px;
        height:180px;

        border-width:5px;

        border-radius:18px;
    }


    .ere-homeapp-about-floating{

        left:13px;
        bottom:10px;

        min-width:175px;
    }


    .ere-homeapp-about-copy h2,
    .ere-homeapp-properties-head h2,
    .ere-homeapp-stories-head h2,
    .ere-homeapp-map-head h2,
    .ere-homeapp-why-head h2,
    .ere-homeapp-final h2{

        font-size:39px;

        letter-spacing:-1px;
    }


    .ere-homeapp-story-grid{

        min-height:0;

        display:grid;

        grid-template-columns:1fr;

        grid-template-rows:none;
    }


    .ere-homeapp-story-card,
    .ere-homeapp-story-1,
    .ere-homeapp-story-4{

        grid-column:auto;
        grid-row:auto;

        min-height:310px;
    }


    .ere-homeapp-story-5{
        display:block;
    }


    .ere-homeapp-why-bento{
        grid-template-columns:1fr;
    }


    .ere-homeapp-why-large,
    .ere-homeapp-why-wide{
        grid-column:auto;
    }


    .ere-homeapp-why-wide{

        min-height:230px;

        display:block;
    }


    .ere-homeapp-why-wide > a{

        display:inline-flex;

        margin-top:20px;
    }


    .ere-homeapp-map-app{
        border-radius:21px;
    }


    .ere-homeapp-map-wrap{

        height:430px;
        min-height:430px;
    }


    .ere-homeapp-map-tabs{

        left:10px;
        top:10px;

        max-width:
            calc(100% - 20px);

        overflow-x:auto;
    }


    .ere-homeapp-map-tabs button{
        flex:0 0 auto;
    }


    .ere-homeapp-map-panel-image{

        height:255px;
        min-height:255px;
    }


    .ere-homeapp-map-panel-body{
        padding:25px 20px;
    }


    .ere-homeapp-map-panel h3{
        font-size:30px;
    }


    .ere-homeapp-final-card{

        padding:35px 20px;

        border-radius:22px;
    }


    .ere-homeapp-final-actions{

        display:grid;

        grid-template-columns:1fr;
    }


    .ere-homeapp-final-actions a{
        width:100%;
    }


    .ere-homeapp-final-hud > div{
        grid-template-columns:1fr;
    }

}


/* ============================================================
   VERY SMALL
============================================================ */

@media(max-width:390px){

    .ere-homeapp-hero-copy h1{
        font-size:39px;
    }


    .ere-homeapp-live-grid{
        grid-template-columns:1fr;
    }


    .ere-homeapp-property-card{

        width:87vw;

        flex-basis:87vw;
    }

}


/* ============================================================
   REDUCED MOTION
============================================================ */

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

    .ere-homeapp-page *,
    .ere-homeapp-page *::before,
    .ere-homeapp-page *::after{

        animation-duration:.01ms !important;

        animation-iteration-count:1 !important;

        transition-duration:.01ms !important;
    }


    .ere-homeapp-reveal{

        opacity:1 !important;

        transform:none !important;
    }


    [data-homeapp-tilt]{
        transform:none !important;
    }

}