



.elitano-end-section,
.elitano-end-section *{
    box-sizing:border-box;
}

.elitano-end-section{
    width:100vw !important;
    max-width:100vw !important;

    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;

    overflow:hidden;

    font-family:"Inter",sans-serif;
}

.elitano-end-inner{
    width:min(100%,1440px);

    margin:0 auto;

    padding-left:64px;
    padding-right:64px;
}


/* =========================================================
   SHARED TYPOGRAPHY
========================================================= */

.elitano-end-eyebrow{
    display:block;

    margin-bottom:16px;

    font-size:11px;
    font-weight:600;

    line-height:1;

    letter-spacing:.30em;

    text-transform:uppercase;
}

.elitano-end-title{
    margin:0;

    font-family:"Bebas Neue",sans-serif;

    font-size:clamp(58px,7vw,96px);
    font-weight:400;

    line-height:.91;

    letter-spacing:.025em;

    text-transform:uppercase;
}


/* =========================================================
   REVEAL ANIMATION SYSTEM
========================================================= */

.elitano-reveal{
    opacity:0;

    transform:translateY(34px);

    transition:
        opacity .85s ease,
        transform 1s cubic-bezier(.16,1,.3,1);
}

.elitano-reveal-left{
    opacity:0;

    transform:translateX(-42px);

    transition:
        opacity .9s ease,
        transform 1.05s cubic-bezier(.16,1,.3,1);
}

.elitano-reveal-right{
    opacity:0;

    transform:translateX(42px);

    transition:
        opacity .9s ease,
        transform 1.05s cubic-bezier(.16,1,.3,1);
}

.elitano-scale-reveal{
    opacity:0;

    transform:
        scale(.965)
        translateY(24px);

    transition:
        opacity 1s ease,
        transform 1.1s cubic-bezier(.16,1,.3,1);
}

.elitano-visible.elitano-reveal,
.elitano-visible.elitano-reveal-left,
.elitano-visible.elitano-reveal-right{
    opacity:1;

    transform:translate(0,0);
}

.elitano-visible.elitano-scale-reveal{
    opacity:1;

    transform:
        scale(1)
        translateY(0);
}


/* STAGGER DELAYS */

.elitano-delay-1{
    transition-delay:.08s;
}

.elitano-delay-2{
    transition-delay:.16s;
}

.elitano-delay-3{
    transition-delay:.24s;
}

.elitano-delay-4{
    transition-delay:.32s;
}

.elitano-delay-5{
    transition-delay:.40s;
}

.elitano-delay-6{
    transition-delay:.48s;
}

.elitano-delay-7{
    transition-delay:.56s;
}


/* =========================================================
   WHY ELITANO
========================================================= */

.elitano-why-new{
    position:relative;

    padding:115px 0 105px;

    background:#050505;

    color:#fff;
}


/* GLOW */

.elitano-why-new::before{
    content:"";

    position:absolute;

    width:650px;
    height:650px;

    top:-320px;
    right:-200px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.10) 0%,
            rgba(255,255,255,0) 68%
        );

    pointer-events:none;
}


/* subtle lines */

.elitano-why-new::after{
    content:"";

    position:absolute;

    inset:0;

    pointer-events:none;

    opacity:.11;

    background:
        repeating-linear-gradient(
            0deg,
            rgba(255,255,255,.018) 0,
            rgba(255,255,255,.018) 1px,
            transparent 1px,
            transparent 4px
        );
}


/* TOP */

.elitano-why-top{
    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:
        minmax(0,1.2fr)
        minmax(300px,.8fr);

    gap:80px;

    align-items:end;

    margin-bottom:65px;
}

.elitano-why-new
.elitano-end-eyebrow{
    color:rgba(255,255,255,.46);
}

.elitano-why-new
.elitano-end-title{
    max-width:800px;

    color:#fff;
}

.elitano-why-intro{
    max-width:520px;

    margin:0;

    color:rgba(255,255,255,.64);

    font-size:15px;

    line-height:1.9;
}


/* =========================================================
   WHY MAIN GRID
========================================================= */

.elitano-why-layout{
    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:
        minmax(0,.85fr)
        minmax(0,1.15fr);

    gap:16px;
}


/* =========================================================
   FEATURE CARD
========================================================= */

.elitano-why-feature{
    position:relative;

    min-height:540px;

    padding:42px;

    display:flex;

    flex-direction:column;

    justify-content:space-between;

    overflow:hidden;

    border:1px solid rgba(255,255,255,.16);

    background:
        linear-gradient(
            145deg,
            #101010 0%,
            #070707 65%,
            #020202 100%
        );

    transition:
        transform .55s cubic-bezier(.16,1,.3,1),
        border-color .4s ease,
        box-shadow .55s ease;
}

.elitano-why-feature:hover{
    transform:translateY(-7px);

    border-color:rgba(255,255,255,.32);

    box-shadow:
        0 26px 70px rgba(0,0,0,.35);
}

.elitano-why-feature::after{
    content:"ELITANO";

    position:absolute;

    right:-15px;
    bottom:-38px;

    font-family:"Bebas Neue",sans-serif;

    color:rgba(255,255,255,.035);

    font-size:150px;

    letter-spacing:.04em;

    pointer-events:none;

    transition:
        transform .9s cubic-bezier(.16,1,.3,1),
        color .5s ease;
}

.elitano-why-feature:hover::after{
    transform:
        translateX(-10px)
        scale(1.03);

    color:rgba(255,255,255,.055);
}


/* FEATURE TOP */

.elitano-feature-top{
    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;
}

.elitano-feature-number{
    font-family:"Bebas Neue",sans-serif;

    color:rgba(255,255,255,.20);

    font-size:70px;

    line-height:.8;

    transition:
        color .35s ease,
        transform .45s cubic-bezier(.16,1,.3,1);
}

.elitano-why-feature:hover
.elitano-feature-number{
    color:rgba(255,255,255,.40);

    transform:translateY(-4px);
}

.elitano-feature-line{
    position:relative;

    flex:1;

    height:1px;

    overflow:hidden;

    background:
        rgba(255,255,255,.12);
}

.elitano-feature-line::after{
    content:"";

    position:absolute;

    top:0;
    left:-100%;

    width:100%;
    height:1px;

    background:
        linear-gradient(
            90deg,
            rgba(255,255,255,.75),
            rgba(255,255,255,0)
        );

    animation:
        elitanoFeatureLine
        3s
        ease-in-out
        infinite;
}

@keyframes elitanoFeatureLine{

    0%{
        left:-100%;
    }

    60%{
        left:100%;
    }

    100%{
        left:100%;
    }

}


.elitano-why-feature h3{
    max-width:470px;

    margin:0 0 22px;

    font-family:"Bebas Neue",sans-serif;

    color:#fff;

    font-size:clamp(48px,5vw,70px);
    font-weight:400;

    line-height:.93;

    letter-spacing:.03em;

    text-transform:uppercase;
}

.elitano-why-feature p{
    max-width:500px;

    margin:0;

    color:rgba(255,255,255,.60);

    font-size:14px;

    line-height:1.8;
}


/* =========================================================
   SMALL WHY CARDS
========================================================= */

.elitano-why-cards{
    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:16px;
}

.elitano-why-card{
    position:relative;

    min-height:260px;

    padding:28px;

    display:flex;

    flex-direction:column;

    justify-content:space-between;

    overflow:hidden;

    border:1px solid rgba(255,255,255,.14);

    background:#090909;

    transition:
        background .4s ease,
        border-color .4s ease,
        transform .5s cubic-bezier(.16,1,.3,1),
        box-shadow .5s ease;
}


/* animated corner */

.elitano-why-card::after{
    content:"";

    position:absolute;

    width:100px;
    height:100px;

    top:-55px;
    right:-55px;

    border:1px solid rgba(255,255,255,.08);

    border-radius:50%;

    transition:
        transform .6s cubic-bezier(.16,1,.3,1),
        opacity .4s ease;
}

.elitano-why-card:hover{
    transform:translateY(-8px);

    background:#fff;

    border-color:#fff;

    color:#000;

    box-shadow:
        0 25px 60px rgba(0,0,0,.28);
}

.elitano-why-card:hover::after{
    transform:
        scale(1.7)
        translate(-4px,4px);

    opacity:.14;

    border-color:#000;
}

.elitano-card-number{
    position:relative;

    z-index:2;

    font-family:"Bebas Neue",sans-serif;

    color:rgba(255,255,255,.18);

    font-size:46px;

    line-height:1;

    transition:
        color .35s ease,
        transform .45s cubic-bezier(.16,1,.3,1);
}

.elitano-why-card:hover
.elitano-card-number{
    color:rgba(0,0,0,.18);

    transform:translateY(-4px);
}

.elitano-why-card h4{
    position:relative;

    z-index:2;

    margin:0 0 10px;

    font-family:"Bebas Neue",sans-serif;

    color:#fff;

    font-size:29px;
    font-weight:400;

    letter-spacing:.04em;

    text-transform:uppercase;

    transition:
        color .35s ease,
        transform .4s cubic-bezier(.16,1,.3,1);
}

.elitano-why-card:hover h4{
    color:#000;

    transform:translateX(4px);
}

.elitano-why-card p{
    position:relative;

    z-index:2;

    margin:0;

    color:rgba(255,255,255,.55);

    font-size:13px;

    line-height:1.7;

    transition:
        color .35s ease,
        transform .4s cubic-bezier(.16,1,.3,1);
}

.elitano-why-card:hover p{
    color:rgba(0,0,0,.62);

    transform:translateX(4px);
}


/* =========================================================
   WHY BOTTOM CTA
========================================================= */

.elitano-why-bottom{
    position:relative;

    z-index:2;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:40px;

    margin-top:55px;

    padding-top:30px;

    border-top:1px solid rgba(255,255,255,.16);
}

.elitano-why-bottom p{
    max-width:680px;

    margin:0;

    color:rgba(255,255,255,.50);

    font-size:13px;

    line-height:1.8;
}

.elitano-dark-btn{
    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:18px;

    min-height:54px;

    padding:0 32px;

    border:1px solid rgba(255,255,255,.8);

    color:#fff !important;

    background:transparent;

    font-size:10px;
    font-weight:700;

    letter-spacing:.14em;

    text-transform:uppercase;

    text-decoration:none !important;

    transition:
        background .3s ease,
        color .3s ease,
        transform .35s cubic-bezier(.16,1,.3,1);
}

.elitano-dark-btn span{
    transition:
        transform .35s cubic-bezier(.16,1,.3,1);
}

.elitano-dark-btn:hover{
    background:#fff;

    color:#000 !important;

    transform:translateY(-3px);
}

.elitano-dark-btn:hover span{
    transform:translateX(5px);
}


/* =========================================================
   HERITAGE
========================================================= */

.elitano-heritage-new{
    position:relative;

    padding:120px 0;

    overflow:hidden;

    background:#f4f4f1;

    color:#000;
}


/* light decorative glow */

.elitano-heritage-new::before{
    content:"";

    position:absolute;

    width:600px;
    height:600px;

    right:-300px;
    bottom:-320px;

    border:1px solid rgba(0,0,0,.045);

    border-radius:50%;

    pointer-events:none;
}

.elitano-heritage-grid{
    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:
        minmax(0,1.02fr)
        minmax(0,.98fr);

    gap:80px;

    align-items:center;
}


/* =========================================================
   HERITAGE IMAGE — VIDEO REMOVED
========================================================= */

.elitano-heritage-visual{
    position:relative;

    min-height:680px;

    overflow:hidden;

    background:#111;

    box-shadow:
        0 30px 80px rgba(0,0,0,.10);
}


/* image */

.elitano-heritage-visual img{
    position:absolute;

    inset:-3%;

    width:106%;
    height:106%;

    object-fit:cover;

    filter:
        grayscale(100%)
        contrast(1.07);

    transform:
        scale(1.03);

    transition:
        transform 1.4s cubic-bezier(.16,1,.3,1),
        filter .6s ease;
}


/* slow animation when section appears */

.elitano-heritage-visual.elitano-visible img{
    animation:
        elitanoHeritageImageMove
        13s
        cubic-bezier(.16,1,.3,1)
        forwards;
}

@keyframes elitanoHeritageImageMove{

    from{
        transform:
            scale(1.03)
            translate3d(0,0,0);
    }

    to{
        transform:
            scale(1.11)
            translate3d(-1%,-.5%,0);
    }

}


/* dark overlay */

.elitano-heritage-visual::before{
    content:"";

    position:absolute;

    inset:0;

    z-index:1;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.06) 0%,
            rgba(0,0,0,.04) 58%,
            rgba(0,0,0,.45) 100%
        );

    pointer-events:none;
}


/* subtle frame */

.elitano-heritage-visual::after{
    content:"";

    position:absolute;

    z-index:2;

    inset:18px;

    border:1px solid rgba(255,255,255,.18);

    pointer-events:none;

    opacity:0;

    transform:scale(.97);

    transition:
        opacity .9s .5s ease,
        transform 1.1s .5s cubic-bezier(.16,1,.3,1);
}

.elitano-heritage-visual.elitano-visible::after{
    opacity:1;

    transform:scale(1);
}


/* IMAGE TAG */

.elitano-heritage-image-tag{
    position:absolute;

    left:24px;
    bottom:24px;

    z-index:4;

    padding:11px 15px;

    background:#fff;

    color:#000;

    font-size:9px;
    font-weight:700;

    letter-spacing:.16em;

    text-transform:uppercase;

    opacity:0;

    transform:translateY(14px);

    transition:
        opacity .7s .65s ease,
        transform .8s .65s cubic-bezier(.16,1,.3,1);
}

.elitano-heritage-visual.elitano-visible
.elitano-heritage-image-tag{
    opacity:1;

    transform:translateY(0);
}


/* YEAR */

.elitano-heritage-year{
    position:absolute;

    right:-4px;
    top:-16px;

    z-index:3;

    font-family:"Bebas Neue",sans-serif;

    color:rgba(255,255,255,.15);

    font-size:clamp(100px,11vw,180px);

    line-height:1;

    opacity:0;

    transform:
        translateY(-25px);

    transition:
        opacity 1s .4s ease,
        transform 1s .4s cubic-bezier(.16,1,.3,1);
}

.elitano-heritage-visual.elitano-visible
.elitano-heritage-year{
    opacity:1;

    transform:translateY(0);
}


/* =========================================================
   HERITAGE CONTENT
========================================================= */

.elitano-heritage-content{
    max-width:600px;
}

.elitano-heritage-new
.elitano-end-eyebrow{
    color:rgba(0,0,0,.43);
}

.elitano-heritage-new
.elitano-end-title{
    color:#000;

    margin-bottom:30px;
}

.elitano-heritage-lead{
    margin:0 0 22px;

    color:#111;

    font-size:18px;

    line-height:1.8;
}

.elitano-heritage-desc{
    margin:0 0 38px;

    color:rgba(0,0,0,.58);

    font-size:14px;

    line-height:1.85;
}


/* =========================================================
   HERITAGE STATS
========================================================= */

.elitano-heritage-stats{
    display:grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    margin:40px 0;

    border-top:1px solid #cfcfcb;

    border-bottom:1px solid #cfcfcb;
}

.elitano-heritage-stat{
    position:relative;

    padding:25px 20px 25px 0;

    overflow:hidden;

    transition:
        background .35s ease,
        transform .4s cubic-bezier(.16,1,.3,1);
}

.elitano-heritage-stat:hover{
    transform:translateY(-3px);
}

.elitano-heritage-stat:not(:last-child){
    border-right:1px solid #cfcfcb;
}

.elitano-heritage-stat:not(:first-child){
    padding-left:20px;
}

.elitano-heritage-stat strong{
    display:block;

    margin-bottom:6px;

    font-family:"Bebas Neue",sans-serif;

    color:#000;

    font-size:36px;
    font-weight:400;

    line-height:1;

    transition:
        transform .35s cubic-bezier(.16,1,.3,1);
}

.elitano-heritage-stat:hover strong{
    transform:translateY(-3px);
}

.elitano-heritage-stat span{
    color:rgba(0,0,0,.48);

    font-size:10px;

    letter-spacing:.11em;

    text-transform:uppercase;
}


/* =========================================================
   HERITAGE BUTTON
========================================================= */

.elitano-light-btn{
    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:18px;

    min-height:54px;

    padding:0 32px;

    border:1px solid #000;

    background:#000;

    color:#fff !important;

    font-size:10px;
    font-weight:700;

    letter-spacing:.14em;

    text-transform:uppercase;

    text-decoration:none !important;

    transition:
        background .3s ease,
        color .3s ease,
        transform .35s cubic-bezier(.16,1,.3,1);
}

.elitano-light-btn span{
    transition:
        transform .35s cubic-bezier(.16,1,.3,1);
}

.elitano-light-btn:hover{
    background:transparent;

    color:#000 !important;

    transform:translateY(-3px);
}

.elitano-light-btn:hover span{
    transform:translateX(5px);
}


/* =========================================================
   TABLET
========================================================= */

@media(max-width:1050px){

    .elitano-end-inner{
        padding-left:34px;
        padding-right:34px;
    }

    .elitano-why-layout{
        grid-template-columns:1fr;
    }

    .elitano-why-feature{
        min-height:430px;
    }

    .elitano-heritage-grid{
        gap:45px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px){

    .elitano-end-inner{
        padding-left:20px;
        padding-right:20px;
    }

    .elitano-why-new,
    .elitano-heritage-new{
        padding:75px 0;
    }


    /* WHY */

    .elitano-why-top{
        grid-template-columns:1fr;

        gap:25px;

        margin-bottom:40px;
    }

    .elitano-why-cards{
        grid-template-columns:1fr;
    }

    .elitano-why-feature{
        min-height:360px;

        padding:28px;
    }

    .elitano-why-feature::after{
        font-size:100px;
    }

    .elitano-why-bottom{
        display:block;
    }

    .elitano-dark-btn{
        width:100%;

        margin-top:24px;
    }


    /* HERITAGE */

    .elitano-heritage-grid{
        grid-template-columns:1fr;

        gap:45px;
    }

    .elitano-heritage-visual{
        min-height:500px;
    }

    .elitano-heritage-stats{
        grid-template-columns:1fr;
    }

    .elitano-heritage-stat,
    .elitano-heritage-stat:not(:first-child){
        padding:18px 0;
    }

    .elitano-heritage-stat:not(:last-child){
        border-right:0;

        border-bottom:1px solid #cfcfcb;
    }

    .elitano-light-btn{
        width:100%;
    }

}


/* =========================================================
   ACCESSIBILITY
========================================================= */

@media(prefers-reduced-motion:reduce){

    .elitano-reveal,
    .elitano-reveal-left,
    .elitano-reveal-right,
    .elitano-scale-reveal,
    .elitano-heritage-visual img,
    .elitano-heritage-visual::after,
    .elitano-heritage-image-tag,
    .elitano-heritage-year,
    .elitano-feature-line::after{

        transition:none !important;
        animation:none !important;

        opacity:1 !important;

        transform:none !important;
    }

}
