.elementor-263 .elementor-element.elementor-element-3017aa47{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-263 .elementor-element.elementor-element-5d31d1ee{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-263 .elementor-element.elementor-element-1dcbd37d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-263 .elementor-element.elementor-element-538b2b24{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-263 .elementor-element.elementor-element-1bf7ca91{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-263 .elementor-element.elementor-element-3661e944{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-263 .elementor-element.elementor-element-3a23cfe2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}body.elementor-page-263:not(.elementor-motion-effects-element-type-background), body.elementor-page-263 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-161a3bf8 *//*==================================================
HERO
==================================================*/

.hero{

    position:relative;

    display:flex;

    align-items:center;

    justify-content:center;

    min-height:100svh;

    overflow:hidden;

    background:#231F1A;

    color:#FFFFFF;

}

/*==================================================
VIDEO
==================================================*/

.hero-video{

    position:absolute;

    inset:0;

    width:100%;

    height:100%;

    object-fit:cover;

    z-index:1;

}

.hero-overlay{

    position:absolute;

    inset:0;

    z-index:2;

    background:
    linear-gradient(
        180deg,
        rgba(0,0,0,.18) 0%,
        rgba(0,0,0,.34) 45%,
        rgba(0,0,0,.68) 100%
    );

}

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

.hero-content{

    position:relative;

    z-index:10;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    text-align:center;

    width:min(820px,92vw);

    padding:120px 20px;

}

.hero-logo{

    margin-bottom:48px;

}

.hero-logo img{

    width:180px;

    max-width:42vw;

    display:block;

    margin:auto;

}

.hero-kicker{

    font-family:"Acumin Pro",sans-serif;

    font-size:.82rem;

    letter-spacing:.34em;

    text-transform:uppercase;

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

    margin-bottom:24px;

}

.hero-title{

    font-family:"Moret",serif;

    font-size:clamp(3.3rem,8vw,7rem);

    line-height:.94;

    font-weight:700;

    max-width:12ch;

    margin:0;

    color:#FFFFFF;

    text-wrap:balance;

}

.hero-text{

    font-family:"Freight Text Pro",serif;

    font-size:1.28rem;

    line-height:1.85;

    max-width:640px;

    margin:38px auto 0;

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

}

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

.hero-buttons{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:18px;

    flex-wrap:wrap;

    margin-top:54px;

}

.hero-btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-width:210px;

    height:58px;

    padding:0 34px;

    border-radius:999px;

    text-decoration:none;

    font-family:"Acumin Pro",sans-serif;

    font-size:.95rem;

    transition:

        background .35s,

        color .35s,

        transform .35s,

        border-color .35s;

}

.hero-btn-dark{

    background:#FFFFFF;

    color:#231F1A;

    border:1px solid #FFFFFF;

}

.hero-btn-dark:hover{

    background:transparent;

    color:#FFFFFF;

    transform:translateY(-2px);

}

.hero-btn-light{

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

    color:#FFFFFF;

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

    backdrop-filter:blur(16px);

}

.hero-btn-light:hover{

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

    transform:translateY(-2px);

}

/*==================================================
LANGUAGE
==================================================*/

.hero-language{

    position:absolute;

    top:28px;

    right:28px;

    z-index:30;

    display:flex;

    align-items:center;

    gap:12px;

    padding:10px 16px;

    border-radius:999px;

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

    backdrop-filter:blur(18px);

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

}

.hero-language span{

    opacity:.35;

}

.hero-language button{

    border:none;

    background:none;

    cursor:pointer;

    color:#FFFFFF;

    font-family:"Acumin Pro",sans-serif;

    font-size:.85rem;

    opacity:.45;

    transition:opacity .3s;

}

.hero-language button.active{

    opacity:1;

}

/*==================================================
SCROLL
==================================================*/

.hero-scroll{

    position:absolute;

    left:50%;

    bottom:28px;

    transform:translateX(-50%);

    border:none;

    background:none;

    cursor:pointer;

    z-index:20;

    opacity:.82;

    transition:opacity .35s;

}

.hero-scroll:hover{

    opacity:1;

}

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

@media(max-width:767px){

    .hero-content{

        padding:110px 24px 90px;

    }

    .hero-logo img{

        width:145px;

    }

    .hero-title{

        font-size:3.2rem;

    }

    .hero-text{

        font-size:1.05rem;

        line-height:1.75;

    }

    .hero-buttons{

        width:100%;

        flex-direction:column;

    }

    .hero-btn{

        width:100%;

    }

    .hero-language{

        top:18px;

        right:18px;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3017aa47 */.terracore-menu{
scroll-behavior:smooth;
background:#F7F2EB;
color:#2E2A26;
}

.tc-section{
max-width:1100px;
margin:auto;
padding:80px 30px;
}

.tc-hero{
height:100vh;
display:flex;
justify-content:center;
align-items:center;
text-align:center;
position:relative;
background:#2f332d;
color:#fff;
overflow:hidden;
}

.tc-hero:before{
content:"";
position:absolute;
inset:0;
background:url(TUA-IMMAGINE.jpg) center/cover;
opacity:.28;
transition:.4s;
}

.tc-hero-content{
position:relative;
z-index:2;
max-width:760px;
padding:30px;
}

.tc-logo{
width:220px;
margin-bottom:35px;
}

.tc-sub{
letter-spacing:4px;
text-transform:uppercase;
font-size:.85rem;
margin-bottom:20px;
opacity:.85;
}

.tc-hero h1{
font-size:clamp(46px,7vw,82px);
margin:0 0 20px;
}

.tc-hero p{
font-size:18px;
line-height:1.8;
max-width:650px;
margin:auto;
}

.tc-lang{
margin-top:40px;
display:flex;
justify-content:center;
gap:12px;
}

.tc-lang button{
padding:12px 26px;
background:none;
border:1px solid rgba(255,255,255,.4);
color:#fff;
cursor:pointer;
border-radius:40px;
}

.tc-lang button.active{
background:#fff;
color:#222;
}

.tc-nav{
position:sticky;
top:0;
z-index:999;
background:rgba(247,242,235,.95);
backdrop-filter:blur(12px);
display:flex;
justify-content:center;
gap:12px;
padding:18px;
border-bottom:1px solid rgba(0,0,0,.08);
flex-wrap:wrap;
}

.tc-nav a{
text-decoration:none;
color:#2E2A26;
padding:12px 18px;
border-radius:50px;
transition:.3s;
font-size:.9rem;
}

.tc-nav a:hover{
background:#C66E4E;
color:#fff;
}

.tc-title{
font-size:clamp(34px,5vw,60px);
margin-bottom:10px;
}

.tc-intro{
font-size:17px;
max-width:720px;
line-height:1.8;
margin-bottom:60px;
}

.tc-category{
margin-top:80px;
margin-bottom:35px;
}

.tc-category h2{
font-size:34px;
margin-bottom:10px;
}

.tc-category p{
opacity:.7;
}

.tc-item{
padding:26px 0;
border-bottom:1px solid rgba(0,0,0,.08);
}

.tc-head{
display:flex;
justify-content:space-between;
gap:30px;
align-items:flex-start;
}

.tc-name{
font-size:24px;
}

.tc-price{
font-size:22px;
white-space:nowrap;
}

.tc-desc{
margin-top:12px;
opacity:.75;
line-height:1.8;
}

.tc-allergens{
margin-top:14px;
font-size:.85rem;
display:inline-flex;
padding:8px 14px;
background:#ece5da;
border-radius:30px;
cursor:pointer;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d330f89 *//*==================================================
PREMIUM PHOTO NAVIGATOR
TERRACORE
==================================================*/

.menu-cards{

    position:sticky;

    top:18px;

    z-index:999;

    width:100%;

    padding:24px 0 40px;

    background:
    linear-gradient(
    to bottom,
    rgba(245,241,234,.96),
    rgba(245,241,234,.82),
    rgba(245,241,234,0));

    backdrop-filter:blur(18px);

}

.menu-cards-slider{

    width:min(1380px,94vw);

    margin:auto;

    display:grid;

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

    gap:22px;

}

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

.menu-card{

    position:relative;

    display:block;

    overflow:hidden;

    aspect-ratio:4/5;

    border-radius:28px;

    text-decoration:none;

    color:#fff;

    background:#222;

    transition:

    transform .55s cubic-bezier(.19,1,.22,1),

    box-shadow .55s,

    border-color .55s;

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

    box-shadow:

    0 18px 45px rgba(0,0,0,.12);

}

/*==================================================
PHOTO
==================================================*/

.menu-card-bg{

    position:absolute;

    inset:0;

    overflow:hidden;

}

.menu-card-bg img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:

    transform 1.2s cubic-bezier(.19,1,.22,1);

}

/*==================================================
OVERLAY
==================================================*/

.menu-card-overlay{

    position:absolute;

    inset:0;

    background:

    linear-gradient(

    180deg,

    rgba(0,0,0,.10),

    rgba(0,0,0,.18),

    rgba(0,0,0,.70)

    );

}

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

.menu-card-content{

    position:absolute;

    left:24px;

    right:24px;

    bottom:24px;

    z-index:10;

}

.menu-card-title{

    font-family:"Moret",serif;

    font-size:32px;

    line-height:1;

    margin:0 0 10px;

    color:#fff;

}

.menu-card-sub{

    display:block;

    font-family:"Freight Text Pro",serif;

    font-size:15px;

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

}

/*==================================================
HOVER
==================================================*/

.menu-card:hover{

    transform:translateY(-8px);

    box-shadow:

    0 35px 80px rgba(0,0,0,.22);

}

.menu-card:hover img{

    transform:scale(1.08);

}

/*==================================================
ACTIVE
==================================================*/

.menu-card.active{

    border:2px solid #8D6748;

    transform:translateY(-6px);

}

.menu-card.active::after{

    content:"";

    position:absolute;

    inset:0;

    border-radius:28px;

    box-shadow:

    inset 0 0 0 2px rgba(255,255,255,.15);

}

/*==================================================
TABLET (768-1024)
==================================================*/

@media(min-width:768px) and (max-width:1024px){

.menu-cards{

    top:16px;

    padding:20px 0 40px;

}

.menu-cards-slider{

    display:grid;

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

    gap:18px;

    width:94vw;

    margin:auto;

}

.menu-card{

    min-height:220px;

    aspect-ratio:auto;

}

.menu-card:last-child{

    grid-column:1 / -1;

}

.menu-card-title{

    font-size:30px;

}

.menu-card-sub{

    font-size:15px;

}

}

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

@media(max-width:767px){

.menu-cards{

    position:relative;

    top:0;

    padding:18px 0 30px;

    margin-bottom:35px;

}

.menu-cards-slider{

    display:flex;

    flex-direction:column;

    gap:14px;

    width:94vw;

    margin:auto;

}

.menu-card{

    flex:none;

    width:100%;

    aspect-ratio:auto;

    min-height:120px;

    border-radius:22px;

    display:grid;

    grid-template-columns:120px 1fr;

    overflow:hidden;

}

.menu-card-bg{

    position:relative;

    inset:auto;

    width:100%;

    height:100%;

}

.menu-card-bg img{

    width:100%;

    height:100%;

    object-fit:cover;

}

.menu-card-overlay{

    position:absolute;

    left:0;

    top:0;

    width:120px;

    height:100%;

    background:

    linear-gradient(

        90deg,

        rgba(0,0,0,.18),

        rgba(0,0,0,.32)

    );

}

.menu-card-content{

    position:relative;

    left:auto;

    right:auto;

    bottom:auto;

    padding:24px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    background:#F8F5EF;

    color:#231F1A;

}

.menu-card-title{

    color:#231F1A;

    font-size:24px;

    margin-bottom:6px;

}

.menu-card-sub{

    color:#6E665E;

    font-size:14px;

}

.menu-card.active{

    border:2px solid #8D6748;

    transform:none;

}

.menu-card.active .menu-card-content{

    background:#231F1A;

}

.menu-card.active .menu-card-title{

    color:#FFFFFF;

}

.menu-card.active .menu-card-sub{

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

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-77ab106 *//*==================================================
TERRACORE
BREAKFAST
COMPLETE CSS
PART 1
GENERAL LAYOUT
==================================================*/


/**************************************************
SECTION
**************************************************/

.menu-section{

    position:relative;

    width:min(1160px,92vw);

    margin:120px auto;

    padding:110px 110px 90px;

    background:#FFFFFF;

    border-radius:34px;

    border:1px solid rgba(35,31,26,.05);

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

    overflow:hidden;

}


/**************************************************
TOP LINE
**************************************************/

.menu-section::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:4px;

    background:#8D6748;

}


/**************************************************
INTRO
**************************************************/

.menu-intro{

    width:100%;

    max-width:700px;

    margin:0 auto 90px;

    text-align:center;

}


/**************************************************
KICKER
**************************************************/

.menu-kicker{

    display:inline-flex;

    align-items:center;

    gap:16px;

    font-family:"Acumin Pro";

    font-size:11px;

    font-weight:700;

    letter-spacing:.35em;

    text-transform:uppercase;

    color:#8D6748;

}

.menu-kicker::before,

.menu-kicker::after{

    content:"";

    width:40px;

    height:1px;

    background:#CDB79E;

}


/**************************************************
TITLE
**************************************************/

.menu-title{

    margin:24px 0;

    font-family:"Moret";

    font-size:72px;

    line-height:.95;

    font-weight:400;

    color:#231F1A;

}


/**************************************************
DESCRIPTION
**************************************************/

.menu-text{

    margin:auto;

    max-width:620px;

    font-family:"Freight Text Pro";

    font-size:22px;

    line-height:1.85;

    color:#655E57;

}


/**************************************************
MODULE
**************************************************/

.menu-module{

    width:100%;

    max-width:940px;

    margin:95px auto 0;

}


/**************************************************
HEADER
**************************************************/

.module-head{

    display:flex;

    align-items:center;

    gap:24px;

    margin-bottom:34px;

}


/**************************************************
NUMBER
**************************************************/

.module-number{

    width:52px;

    height:52px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#F7F3EE;

    border:1px solid #ECE3D8;

    color:#8D6748;

    font-family:"Acumin Pro";

    font-size:12px;

    font-weight:700;

    letter-spacing:.18em;

}


/**************************************************
TITLE
**************************************************/

.module-head h3{

    flex:1;

    margin:0;

    padding-bottom:18px;

    border-bottom:1px solid #ECE8E1;

    font-family:"Moret";

    font-size:38px;

    font-weight:400;

    color:#231F1A;

}


/**************************************************
LIST
**************************************************/

.dish-list{

    display:grid;

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

    column-gap:60px;

}
/*==================================================
TERRACORE
BREAKFAST
COMPLETE CSS
PART 2
DISHES
==================================================*/


/**************************************************
ROW
**************************************************/

.dish{

    position:relative;

    display:grid;

    grid-template-columns:1fr auto;

    align-items:center;

    gap:24px;

    padding:18px 22px;

    margin-bottom:4px;

    border-radius:16px;

    transition:
        background .30s ease,
        transform .30s ease,
        padding .30s ease,
        box-shadow .30s ease;

}


/**************************************************
BOTTOM LINE
**************************************************/

.dish::after{

    content:"";

    position:absolute;

    left:22px;

    right:22px;

    bottom:0;

    height:1px;

    background:#F1ECE6;

}


/**************************************************
LAST ROW
**************************************************/

.dish:last-child::after{

    display:none;

}


/**************************************************
LEFT ACCENT
**************************************************/

.dish::before{

    content:"";

    position:absolute;

    left:0;

    top:16px;

    bottom:16px;

    width:3px;

    border-radius:20px;

    background:#8D6748;

    opacity:0;

    transition:.30s;

}


/**************************************************
HOVER
**************************************************/

.dish:hover{

    background:#FCFBF9;

    transform:translateX(6px);

    box-shadow:

        0 10px 24px rgba(0,0,0,.035);

}


.dish:hover::before{

    opacity:1;

}


/**************************************************
NAME
**************************************************/

.dish-name{

    font-family:"Freight Text Pro";

    font-size:20px;

    line-height:1.65;

    color:#231F1A;

    transition:.30s;

}


.dish:hover .dish-name{

    color:#231F1A;

}


/**************************************************
ALLERGENS
**************************************************/

.dish-allergens{

    display:flex;

    align-items:center;

    justify-content:flex-end;

    gap:8px;

    flex-wrap:wrap;

    min-width:90px;

    font-family:"Acumin Pro";

    font-size:11px;

    font-weight:700;

    letter-spacing:.12em;

    color:#8D6748;

}


/**************************************************
EMPTY
**************************************************/

.dish-allergens:empty{

    display:none;

}


/**************************************************
SMALL NOTE
**************************************************/

.dish small{

    display:block;

    margin-top:6px;

    font-family:"Acumin Pro";

    font-size:12px;

    color:#9C938B;

}


/**************************************************
MODULE SPACING
**************************************************/

.menu-module+.menu-module{

    padding-top:18px;

}


/**************************************************
SUBTLE REVEAL
**************************************************/

.menu-module{

    animation:moduleReveal .55s ease both;

}


@keyframes moduleReveal{

    from{

        opacity:0;

        transform:translateY(18px);

    }

    to{

        opacity:1;

        transform:none;

    }

}
/*==================================================
TERRACORE
BREAKFAST
COMPLETE CSS
PART 3
LIVE STATION
==================================================*/


/**************************************************
LIVE STATION
**************************************************/

.live-station{

    margin-top:130px;

}


/**************************************************
CARD
**************************************************/

.live-card{

    position:relative;

    overflow:hidden;

    padding:70px;

    border-radius:30px;

    background:#FAF8F5;

    border:1px solid #ECE5DC;

}


/**************************************************
TOP BAR
**************************************************/

.live-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:5px;

    background:#8D6748;

}


/**************************************************
TITLE
**************************************************/

.live-card h4{

    margin:0 0 22px;

    font-family:"Moret";

    font-size:54px;

    line-height:1;

    font-weight:400;

    color:#231F1A;

}


/**************************************************
TEXT
**************************************************/

.live-card p{

    max-width:760px;

    margin:0 0 45px;

    font-family:"Freight Text Pro";

    font-size:21px;

    line-height:1.85;

    color:#635C55;

}


/**************************************************
BADGES
**************************************************/

.live-list{

    display:flex;

    flex-wrap:wrap;

    gap:14px;

}


/**************************************************
TAG
**************************************************/

.live-list span{

    display:flex;

    align-items:center;

    justify-content:center;

    padding:14px 22px;

    border-radius:999px;

    background:#FFFFFF;

    border:1px solid #E7DDD3;

    color:#231F1A;

    font-family:"Acumin Pro";

    font-size:12px;

    font-weight:600;

    letter-spacing:.10em;

    text-transform:uppercase;

    transition:
        background .35s,
        color .35s,
        transform .35s;

}


.live-list span:hover{

    background:#231F1A;

    color:#FFFFFF;

    transform:translateY(-3px);

}


/**************************************************
SPECIAL SHADOW
**************************************************/

.live-card{

    box-shadow:

    0 15px 50px rgba(0,0,0,.05);

}


/**************************************************
SMALL DECORATION
**************************************************/

.live-card::after{

    content:"Chef Experience";

    position:absolute;

    right:40px;

    top:38px;

    font-family:"Acumin Pro";

    font-size:11px;

    letter-spacing:.35em;

    text-transform:uppercase;

    color:#B59A81;

}
/*==================================================
TERRACORE
BREAKFAST
COMPLETE CSS
PART 4
RESPONSIVE
==================================================*/


/**************************************************
DESKTOP XL
**************************************************/

@media(min-width:1600px){

.menu-section{

    max-width:1220px;

    padding:120px;

}

.menu-title{

    font-size:84px;

}

.menu-text{

    font-size:24px;

}

.module-head h3{

    font-size:42px;

}

.dish-name{

    font-size:21px;

}

}


/**************************************************
LAPTOP
**************************************************/

@media(max-width:1280px){

.menu-section{

    width:94vw;

    padding:80px;

}

.menu-title{

    font-size:62px;

}

.menu-text{

    font-size:20px;

}

.menu-module{

    max-width:100%;

}

.dish-list{

    column-gap:40px;

}

}


/**************************************************
TABLET LANDSCAPE
**************************************************/

@media(max-width:1024px){

.menu-section{

    padding:60px;

    border-radius:28px;

}

.menu-title{

    font-size:56px;

}

.menu-text{

    font-size:19px;

}

.module-head h3{

    font-size:34px;

}

.dish-list{

    grid-template-columns:1fr;

}

.live-card{

    padding:50px;

}

.live-card h4{

    font-size:44px;

}

.live-card p{

    font-size:18px;

}

}


/**************************************************
TABLET PORTRAIT
**************************************************/

@media(max-width:820px){

.menu-section{

    padding:48px;

}

.menu-intro{

    margin-bottom:60px;

}

.menu-title{

    font-size:46px;

}

.menu-text{

    font-size:18px;

}

.module-head{

    gap:16px;

}

.module-number{

    width:44px;

    height:44px;

}

.module-head h3{

    font-size:30px;

}

.dish-name{

    font-size:18px;

}

}


/**************************************************
MOBILE
**************************************************/

@media(max-width:767px){

.menu-section{

    width:94vw;

    margin:70px auto;

    padding:30px 24px;

    border-radius:22px;

}

.menu-section::before{

    height:3px;

}

.menu-intro{

    margin-bottom:40px;

}

.menu-title{

    font-size:36px;

}

.menu-text{

    font-size:17px;

    line-height:1.75;

}

.menu-kicker{

    font-size:10px;

}

.menu-kicker::before,

.menu-kicker::after{

    width:20px;

}

.menu-module{

    margin-top:55px;

}

.module-head{

    align-items:flex-start;

    gap:12px;

    margin-bottom:20px;

}

.module-number{

    width:38px;

    height:38px;

    font-size:10px;

}

.module-head h3{

    font-size:24px;

}

.dish{

    grid-template-columns:1fr;

    gap:8px;

    padding:14px 16px;

}

.dish:hover{

    transform:none;

    padding-left:16px;

    padding-right:16px;

}

.dish::after{

    left:16px;

    right:16px;

}

.dish-name{

    font-size:17px;

}

.dish-allergens{

    justify-content:flex-start;

    min-width:0;

}

.live-card{

    padding:28px;

}

.live-card::after{

    position:relative;

    display:block;

    top:auto;

    right:auto;

    margin-bottom:18px;

}

.live-card h4{

    font-size:34px;

}

.live-card p{

    font-size:17px;

}

.live-list{

    gap:10px;

}

.live-list span{

    width:100%;

}

}


/**************************************************
SMOOTH SCROLL OFFSET
**************************************************/

#breakfast{

    scroll-margin-top:120px;

}


/**************************************************
TEXT SELECTION
**************************************************/

::selection{

    background:#8D6748;

    color:#FFFFFF;

}


/**************************************************
FOCUS
**************************************************/

.dish:focus-within,

.menu-card:focus{

    outline:none;

    box-shadow:

        0 0 0 2px rgba(141,103,72,.20);

}
/*==================================================
MODULE CARDS
==================================================*/

.menu-module{

    position:relative;

    background:#FFFFFF;

    border:1px solid #EFEAE4;

    border-radius:28px;

    padding:42px;

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

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

}

.menu-module:hover{

    transform:translateY(-4px);

    box-shadow:
        0 18px 50px rgba(0,0,0,.06);

    border-color:#E2D5C8;

}

.module-head{

    margin-bottom:28px;

}

.module-head h3{

    border-bottom:none;

    padding-bottom:0;

}

.dish-list{

    margin-top:18px;

}

.live-station{

    background:transparent;

    border:none;

    box-shadow:none;

    padding:0;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-39488054 *//*==================================================
TERRACORE
BREAKFAST
COMPLETE CSS
PART 1
GENERAL LAYOUT
==================================================*/


/**************************************************
SECTION
**************************************************/

.menu-section{

    position:relative;

    width:min(1160px,92vw);

    margin:120px auto;

    padding:110px 110px 90px;

    background:#FFFFFF;

    border-radius:34px;

    border:1px solid rgba(35,31,26,.05);

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

    overflow:hidden;

}


/**************************************************
TOP LINE
**************************************************/

.menu-section::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:4px;

    background:#8D6748;

}


/**************************************************
INTRO
**************************************************/

.menu-intro{

    width:100%;

    max-width:700px;

    margin:0 auto 90px;

    text-align:center;

}


/**************************************************
KICKER
**************************************************/

.menu-kicker{

    display:inline-flex;

    align-items:center;

    gap:16px;

    font-family:"Acumin Pro";

    font-size:11px;

    font-weight:700;

    letter-spacing:.35em;

    text-transform:uppercase;

    color:#8D6748;

}

.menu-kicker::before,

.menu-kicker::after{

    content:"";

    width:40px;

    height:1px;

    background:#CDB79E;

}


/**************************************************
TITLE
**************************************************/

.menu-title{

    margin:24px 0;

    font-family:"Moret";

    font-size:72px;

    line-height:.95;

    font-weight:400;

    color:#231F1A;

}


/**************************************************
DESCRIPTION
**************************************************/

.menu-text{

    margin:auto;

    max-width:620px;

    font-family:"Freight Text Pro";

    font-size:22px;

    line-height:1.85;

    color:#655E57;

}


/**************************************************
MODULE
**************************************************/

.menu-module{

    width:100%;

    max-width:940px;

    margin:95px auto 0;

}


/**************************************************
HEADER
**************************************************/

.module-head{

    display:flex;

    align-items:center;

    gap:24px;

    margin-bottom:34px;

}


/**************************************************
NUMBER
**************************************************/

.module-number{

    width:52px;

    height:52px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#F7F3EE;

    border:1px solid #ECE3D8;

    color:#8D6748;

    font-family:"Acumin Pro";

    font-size:12px;

    font-weight:700;

    letter-spacing:.18em;

}


/**************************************************
TITLE
**************************************************/

.module-head h3{

    flex:1;

    margin:0;

    padding-bottom:18px;

    border-bottom:1px solid #ECE8E1;

    font-family:"Moret";

    font-size:38px;

    font-weight:400;

    color:#231F1A;

}


/**************************************************
LIST
**************************************************/

.dish-list{

    display:grid;

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

    column-gap:60px;

}
/*==================================================
TERRACORE
BREAKFAST
COMPLETE CSS
PART 2
DISHES
==================================================*/


/**************************************************
ROW
**************************************************/

.dish{

    position:relative;

    display:grid;

    grid-template-columns:1fr auto;

    align-items:center;

    gap:24px;

    padding:18px 22px;

    margin-bottom:4px;

    border-radius:16px;

    transition:
        background .30s ease,
        transform .30s ease,
        padding .30s ease,
        box-shadow .30s ease;

}


/**************************************************
BOTTOM LINE
**************************************************/

.dish::after{

    content:"";

    position:absolute;

    left:22px;

    right:22px;

    bottom:0;

    height:1px;

    background:#F1ECE6;

}


/**************************************************
LAST ROW
**************************************************/

.dish:last-child::after{

    display:none;

}


/**************************************************
LEFT ACCENT
**************************************************/

.dish::before{

    content:"";

    position:absolute;

    left:0;

    top:16px;

    bottom:16px;

    width:3px;

    border-radius:20px;

    background:#8D6748;

    opacity:0;

    transition:.30s;

}


/**************************************************
HOVER
**************************************************/

.dish:hover{

    background:#FCFBF9;

    transform:translateX(6px);

    box-shadow:

        0 10px 24px rgba(0,0,0,.035);

}


.dish:hover::before{

    opacity:1;

}


/**************************************************
NAME
**************************************************/

.dish-name{

    font-family:"Freight Text Pro";

    font-size:20px;

    line-height:1.65;

    color:#231F1A;

    transition:.30s;

}


.dish:hover .dish-name{

    color:#231F1A;

}


/**************************************************
ALLERGENS
**************************************************/

.dish-allergens{

    display:flex;

    align-items:center;

    justify-content:flex-end;

    gap:8px;

    flex-wrap:wrap;

    min-width:90px;

    font-family:"Acumin Pro";

    font-size:11px;

    font-weight:700;

    letter-spacing:.12em;

    color:#8D6748;

}


/**************************************************
EMPTY
**************************************************/

.dish-allergens:empty{

    display:none;

}


/**************************************************
SMALL NOTE
**************************************************/

.dish small{

    display:block;

    margin-top:6px;

    font-family:"Acumin Pro";

    font-size:12px;

    color:#9C938B;

}


/**************************************************
MODULE SPACING
**************************************************/

.menu-module+.menu-module{

    padding-top:18px;

}


/**************************************************
SUBTLE REVEAL
**************************************************/

.menu-module{

    animation:moduleReveal .55s ease both;

}


@keyframes moduleReveal{

    from{

        opacity:0;

        transform:translateY(18px);

    }

    to{

        opacity:1;

        transform:none;

    }

}
/*==================================================
TERRACORE
BREAKFAST
COMPLETE CSS
PART 3
LIVE STATION
==================================================*/


/**************************************************
LIVE STATION
**************************************************/

.live-station{

    margin-top:130px;

}


/**************************************************
CARD
**************************************************/

.live-card{

    position:relative;

    overflow:hidden;

    padding:70px;

    border-radius:30px;

    background:#FAF8F5;

    border:1px solid #ECE5DC;

}


/**************************************************
TOP BAR
**************************************************/

.live-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:5px;

    background:#8D6748;

}


/**************************************************
TITLE
**************************************************/

.live-card h4{

    margin:0 0 22px;

    font-family:"Moret";

    font-size:54px;

    line-height:1;

    font-weight:400;

    color:#231F1A;

}


/**************************************************
TEXT
**************************************************/

.live-card p{

    max-width:760px;

    margin:0 0 45px;

    font-family:"Freight Text Pro";

    font-size:21px;

    line-height:1.85;

    color:#635C55;

}


/**************************************************
BADGES
**************************************************/

.live-list{

    display:flex;

    flex-wrap:wrap;

    gap:14px;

}


/**************************************************
TAG
**************************************************/

.live-list span{

    display:flex;

    align-items:center;

    justify-content:center;

    padding:14px 22px;

    border-radius:999px;

    background:#FFFFFF;

    border:1px solid #E7DDD3;

    color:#231F1A;

    font-family:"Acumin Pro";

    font-size:12px;

    font-weight:600;

    letter-spacing:.10em;

    text-transform:uppercase;

    transition:
        background .35s,
        color .35s,
        transform .35s;

}


.live-list span:hover{

    background:#231F1A;

    color:#FFFFFF;

    transform:translateY(-3px);

}


/**************************************************
SPECIAL SHADOW
**************************************************/

.live-card{

    box-shadow:

    0 15px 50px rgba(0,0,0,.05);

}


/**************************************************
SMALL DECORATION
**************************************************/

.live-card::after{

    content:"Chef Experience";

    position:absolute;

    right:40px;

    top:38px;

    font-family:"Acumin Pro";

    font-size:11px;

    letter-spacing:.35em;

    text-transform:uppercase;

    color:#B59A81;

}
/*==================================================
TERRACORE
BREAKFAST
COMPLETE CSS
PART 4
RESPONSIVE
==================================================*/


/**************************************************
DESKTOP XL
**************************************************/

@media(min-width:1600px){

.menu-section{

    max-width:1220px;

    padding:120px;

}

.menu-title{

    font-size:84px;

}

.menu-text{

    font-size:24px;

}

.module-head h3{

    font-size:42px;

}

.dish-name{

    font-size:21px;

}

}


/**************************************************
LAPTOP
**************************************************/

@media(max-width:1280px){

.menu-section{

    width:94vw;

    padding:80px;

}

.menu-title{

    font-size:62px;

}

.menu-text{

    font-size:20px;

}

.menu-module{

    max-width:100%;

}

.dish-list{

    column-gap:40px;

}

}


/**************************************************
TABLET LANDSCAPE
**************************************************/

@media(max-width:1024px){

.menu-section{

    padding:60px;

    border-radius:28px;

}

.menu-title{

    font-size:56px;

}

.menu-text{

    font-size:19px;

}

.module-head h3{

    font-size:34px;

}

.dish-list{

    grid-template-columns:1fr;

}

.live-card{

    padding:50px;

}

.live-card h4{

    font-size:44px;

}

.live-card p{

    font-size:18px;

}

}


/**************************************************
TABLET PORTRAIT
**************************************************/

@media(max-width:820px){

.menu-section{

    padding:48px;

}

.menu-intro{

    margin-bottom:60px;

}

.menu-title{

    font-size:46px;

}

.menu-text{

    font-size:18px;

}

.module-head{

    gap:16px;

}

.module-number{

    width:44px;

    height:44px;

}

.module-head h3{

    font-size:30px;

}

.dish-name{

    font-size:18px;

}

}


/**************************************************
MOBILE
**************************************************/

@media(max-width:767px){

.menu-section{

    width:94vw;

    margin:70px auto;

    padding:30px 24px;

    border-radius:22px;

}

.menu-section::before{

    height:3px;

}

.menu-intro{

    margin-bottom:40px;

}

.menu-title{

    font-size:36px;

}

.menu-text{

    font-size:17px;

    line-height:1.75;

}

.menu-kicker{

    font-size:10px;

}

.menu-kicker::before,

.menu-kicker::after{

    width:20px;

}

.menu-module{

    margin-top:55px;

}

.module-head{

    align-items:flex-start;

    gap:12px;

    margin-bottom:20px;

}

.module-number{

    width:38px;

    height:38px;

    font-size:10px;

}

.module-head h3{

    font-size:24px;

}

.dish{

    grid-template-columns:1fr;

    gap:8px;

    padding:14px 16px;

}

.dish:hover{

    transform:none;

    padding-left:16px;

    padding-right:16px;

}

.dish::after{

    left:16px;

    right:16px;

}

.dish-name{

    font-size:17px;

}

.dish-allergens{

    justify-content:flex-start;

    min-width:0;

}

.live-card{

    padding:28px;

}

.live-card::after{

    position:relative;

    display:block;

    top:auto;

    right:auto;

    margin-bottom:18px;

}

.live-card h4{

    font-size:34px;

}

.live-card p{

    font-size:17px;

}

.live-list{

    gap:10px;

}

.live-list span{

    width:100%;

}

}


/**************************************************
SMOOTH SCROLL OFFSET
**************************************************/

#breakfast{

    scroll-margin-top:120px;

}


/**************************************************
TEXT SELECTION
**************************************************/

::selection{

    background:#8D6748;

    color:#FFFFFF;

}


/**************************************************
FOCUS
**************************************************/

.dish:focus-within,

.menu-card:focus{

    outline:none;

    box-shadow:

        0 0 0 2px rgba(141,103,72,.20);

}
/*==================================================
MODULE CARDS
==================================================*/

.menu-module{

    position:relative;

    background:#FFFFFF;

    border:1px solid #EFEAE4;

    border-radius:28px;

    padding:42px;

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

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

}

.menu-module:hover{

    transform:translateY(-4px);

    box-shadow:
        0 18px 50px rgba(0,0,0,.06);

    border-color:#E2D5C8;

}

.module-head{

    margin-bottom:28px;

}

.module-head h3{

    border-bottom:none;

    padding-bottom:0;

}

.dish-list{

    margin-top:18px;

}

.live-station{

    background:transparent;

    border:none;

    box-shadow:none;

    padding:0;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-288c4696 *//*==================================================
TERRACORE
BREAKFAST
COMPLETE CSS
PART 1
GENERAL LAYOUT
==================================================*/


/**************************************************
SECTION
**************************************************/

.menu-section{

    position:relative;

    width:min(1160px,92vw);

    margin:120px auto;

    padding:110px 110px 90px;

    background:#FFFFFF;

    border-radius:34px;

    border:1px solid rgba(35,31,26,.05);

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

    overflow:hidden;

}


/**************************************************
TOP LINE
**************************************************/

.menu-section::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:4px;

    background:#8D6748;

}


/**************************************************
INTRO
**************************************************/

.menu-intro{

    width:100%;

    max-width:700px;

    margin:0 auto 90px;

    text-align:center;

}


/**************************************************
KICKER
**************************************************/

.menu-kicker{

    display:inline-flex;

    align-items:center;

    gap:16px;

    font-family:"Acumin Pro";

    font-size:11px;

    font-weight:700;

    letter-spacing:.35em;

    text-transform:uppercase;

    color:#8D6748;

}

.menu-kicker::before,

.menu-kicker::after{

    content:"";

    width:40px;

    height:1px;

    background:#CDB79E;

}


/**************************************************
TITLE
**************************************************/

.menu-title{

    margin:24px 0;

    font-family:"Moret";

    font-size:72px;

    line-height:.95;

    font-weight:400;

    color:#231F1A;

}


/**************************************************
DESCRIPTION
**************************************************/

.menu-text{

    margin:auto;

    max-width:620px;

    font-family:"Freight Text Pro";

    font-size:22px;

    line-height:1.85;

    color:#655E57;

}


/**************************************************
MODULE
**************************************************/

.menu-module{

    width:100%;

    max-width:940px;

    margin:95px auto 0;

}


/**************************************************
HEADER
**************************************************/

.module-head{

    display:flex;

    align-items:center;

    gap:24px;

    margin-bottom:34px;

}


/**************************************************
NUMBER
**************************************************/

.module-number{

    width:52px;

    height:52px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#F7F3EE;

    border:1px solid #ECE3D8;

    color:#8D6748;

    font-family:"Acumin Pro";

    font-size:12px;

    font-weight:700;

    letter-spacing:.18em;

}


/**************************************************
TITLE
**************************************************/

.module-head h3{

    flex:1;

    margin:0;

    padding-bottom:18px;

    border-bottom:1px solid #ECE8E1;

    font-family:"Moret";

    font-size:38px;

    font-weight:400;

    color:#231F1A;

}


/**************************************************
LIST
**************************************************/

.dish-list{

    display:grid;

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

    column-gap:60px;

}
/*==================================================
TERRACORE
BREAKFAST
COMPLETE CSS
PART 2
DISHES
==================================================*/


/**************************************************
ROW
**************************************************/

.dish{

    position:relative;

    display:grid;

    grid-template-columns:1fr auto;

    align-items:center;

    gap:24px;

    padding:18px 22px;

    margin-bottom:4px;

    border-radius:16px;

    transition:
        background .30s ease,
        transform .30s ease,
        padding .30s ease,
        box-shadow .30s ease;

}


/**************************************************
BOTTOM LINE
**************************************************/

.dish::after{

    content:"";

    position:absolute;

    left:22px;

    right:22px;

    bottom:0;

    height:1px;

    background:#F1ECE6;

}


/**************************************************
LAST ROW
**************************************************/

.dish:last-child::after{

    display:none;

}


/**************************************************
LEFT ACCENT
**************************************************/

.dish::before{

    content:"";

    position:absolute;

    left:0;

    top:16px;

    bottom:16px;

    width:3px;

    border-radius:20px;

    background:#8D6748;

    opacity:0;

    transition:.30s;

}


/**************************************************
HOVER
**************************************************/

.dish:hover{

    background:#FCFBF9;

    transform:translateX(6px);

    box-shadow:

        0 10px 24px rgba(0,0,0,.035);

}


.dish:hover::before{

    opacity:1;

}


/**************************************************
NAME
**************************************************/

.dish-name{

    font-family:"Freight Text Pro";

    font-size:20px;

    line-height:1.65;

    color:#231F1A;

    transition:.30s;

}


.dish:hover .dish-name{

    color:#231F1A;

}


/**************************************************
ALLERGENS
**************************************************/

.dish-allergens{

    display:flex;

    align-items:center;

    justify-content:flex-end;

    gap:8px;

    flex-wrap:wrap;

    min-width:90px;

    font-family:"Acumin Pro";

    font-size:11px;

    font-weight:700;

    letter-spacing:.12em;

    color:#8D6748;

}


/**************************************************
EMPTY
**************************************************/

.dish-allergens:empty{

    display:none;

}


/**************************************************
SMALL NOTE
**************************************************/

.dish small{

    display:block;

    margin-top:6px;

    font-family:"Acumin Pro";

    font-size:12px;

    color:#9C938B;

}


/**************************************************
MODULE SPACING
**************************************************/

.menu-module+.menu-module{

    padding-top:18px;

}


/**************************************************
SUBTLE REVEAL
**************************************************/

.menu-module{

    animation:moduleReveal .55s ease both;

}


@keyframes moduleReveal{

    from{

        opacity:0;

        transform:translateY(18px);

    }

    to{

        opacity:1;

        transform:none;

    }

}
/*==================================================
TERRACORE
BREAKFAST
COMPLETE CSS
PART 3
LIVE STATION
==================================================*/


/**************************************************
LIVE STATION
**************************************************/

.live-station{

    margin-top:130px;

}


/**************************************************
CARD
**************************************************/

.live-card{

    position:relative;

    overflow:hidden;

    padding:70px;

    border-radius:30px;

    background:#FAF8F5;

    border:1px solid #ECE5DC;

}


/**************************************************
TOP BAR
**************************************************/

.live-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:5px;

    background:#8D6748;

}


/**************************************************
TITLE
**************************************************/

.live-card h4{

    margin:0 0 22px;

    font-family:"Moret";

    font-size:54px;

    line-height:1;

    font-weight:400;

    color:#231F1A;

}


/**************************************************
TEXT
**************************************************/

.live-card p{

    max-width:760px;

    margin:0 0 45px;

    font-family:"Freight Text Pro";

    font-size:21px;

    line-height:1.85;

    color:#635C55;

}


/**************************************************
BADGES
**************************************************/

.live-list{

    display:flex;

    flex-wrap:wrap;

    gap:14px;

}


/**************************************************
TAG
**************************************************/

.live-list span{

    display:flex;

    align-items:center;

    justify-content:center;

    padding:14px 22px;

    border-radius:999px;

    background:#FFFFFF;

    border:1px solid #E7DDD3;

    color:#231F1A;

    font-family:"Acumin Pro";

    font-size:12px;

    font-weight:600;

    letter-spacing:.10em;

    text-transform:uppercase;

    transition:
        background .35s,
        color .35s,
        transform .35s;

}


.live-list span:hover{

    background:#231F1A;

    color:#FFFFFF;

    transform:translateY(-3px);

}


/**************************************************
SPECIAL SHADOW
**************************************************/

.live-card{

    box-shadow:

    0 15px 50px rgba(0,0,0,.05);

}


/**************************************************
SMALL DECORATION
**************************************************/

.live-card::after{

    content:"Chef Experience";

    position:absolute;

    right:40px;

    top:38px;

    font-family:"Acumin Pro";

    font-size:11px;

    letter-spacing:.35em;

    text-transform:uppercase;

    color:#B59A81;

}
/*==================================================
TERRACORE
BREAKFAST
COMPLETE CSS
PART 4
RESPONSIVE
==================================================*/


/**************************************************
DESKTOP XL
**************************************************/

@media(min-width:1600px){

.menu-section{

    max-width:1220px;

    padding:120px;

}

.menu-title{

    font-size:84px;

}

.menu-text{

    font-size:24px;

}

.module-head h3{

    font-size:42px;

}

.dish-name{

    font-size:21px;

}

}


/**************************************************
LAPTOP
**************************************************/

@media(max-width:1280px){

.menu-section{

    width:94vw;

    padding:80px;

}

.menu-title{

    font-size:62px;

}

.menu-text{

    font-size:20px;

}

.menu-module{

    max-width:100%;

}

.dish-list{

    column-gap:40px;

}

}


/**************************************************
TABLET LANDSCAPE
**************************************************/

@media(max-width:1024px){

.menu-section{

    padding:60px;

    border-radius:28px;

}

.menu-title{

    font-size:56px;

}

.menu-text{

    font-size:19px;

}

.module-head h3{

    font-size:34px;

}

.dish-list{

    grid-template-columns:1fr;

}

.live-card{

    padding:50px;

}

.live-card h4{

    font-size:44px;

}

.live-card p{

    font-size:18px;

}

}


/**************************************************
TABLET PORTRAIT
**************************************************/

@media(max-width:820px){

.menu-section{

    padding:48px;

}

.menu-intro{

    margin-bottom:60px;

}

.menu-title{

    font-size:46px;

}

.menu-text{

    font-size:18px;

}

.module-head{

    gap:16px;

}

.module-number{

    width:44px;

    height:44px;

}

.module-head h3{

    font-size:30px;

}

.dish-name{

    font-size:18px;

}

}


/**************************************************
MOBILE
**************************************************/

@media(max-width:767px){

.menu-section{

    width:94vw;

    margin:70px auto;

    padding:30px 24px;

    border-radius:22px;

}

.menu-section::before{

    height:3px;

}

.menu-intro{

    margin-bottom:40px;

}

.menu-title{

    font-size:36px;

}

.menu-text{

    font-size:17px;

    line-height:1.75;

}

.menu-kicker{

    font-size:10px;

}

.menu-kicker::before,

.menu-kicker::after{

    width:20px;

}

.menu-module{

    margin-top:55px;

}

.module-head{

    align-items:flex-start;

    gap:12px;

    margin-bottom:20px;

}

.module-number{

    width:38px;

    height:38px;

    font-size:10px;

}

.module-head h3{

    font-size:24px;

}

.dish{

    grid-template-columns:1fr;

    gap:8px;

    padding:14px 16px;

}

.dish:hover{

    transform:none;

    padding-left:16px;

    padding-right:16px;

}

.dish::after{

    left:16px;

    right:16px;

}

.dish-name{

    font-size:17px;

}

.dish-allergens{

    justify-content:flex-start;

    min-width:0;

}

.live-card{

    padding:28px;

}

.live-card::after{

    position:relative;

    display:block;

    top:auto;

    right:auto;

    margin-bottom:18px;

}

.live-card h4{

    font-size:34px;

}

.live-card p{

    font-size:17px;

}

.live-list{

    gap:10px;

}

.live-list span{

    width:100%;

}

}


/**************************************************
SMOOTH SCROLL OFFSET
**************************************************/

#breakfast{

    scroll-margin-top:120px;

}


/**************************************************
TEXT SELECTION
**************************************************/

::selection{

    background:#8D6748;

    color:#FFFFFF;

}


/**************************************************
FOCUS
**************************************************/

.dish:focus-within,

.menu-card:focus{

    outline:none;

    box-shadow:

        0 0 0 2px rgba(141,103,72,.20);

}
/*==================================================
MODULE CARDS
==================================================*/

.menu-module{

    position:relative;

    background:#FFFFFF;

    border:1px solid #EFEAE4;

    border-radius:28px;

    padding:42px;

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

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

}

.menu-module:hover{

    transform:translateY(-4px);

    box-shadow:
        0 18px 50px rgba(0,0,0,.06);

    border-color:#E2D5C8;

}

.module-head{

    margin-bottom:28px;

}

.module-head h3{

    border-bottom:none;

    padding-bottom:0;

}

.dish-list{

    margin-top:18px;

}

.live-station{

    background:transparent;

    border:none;

    box-shadow:none;

    padding:0;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6aaff805 *//*==================================================
TERRACORE
BREAKFAST
COMPLETE CSS
PART 1
GENERAL LAYOUT
==================================================*/


/**************************************************
SECTION
**************************************************/

.menu-section{

    position:relative;

    width:min(1160px,92vw);

    margin:120px auto;

    padding:110px 110px 90px;

    background:#FFFFFF;

    border-radius:34px;

    border:1px solid rgba(35,31,26,.05);

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

    overflow:hidden;

}


/**************************************************
TOP LINE
**************************************************/

.menu-section::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:4px;

    background:#8D6748;

}


/**************************************************
INTRO
**************************************************/

.menu-intro{

    width:100%;

    max-width:700px;

    margin:0 auto 90px;

    text-align:center;

}


/**************************************************
KICKER
**************************************************/

.menu-kicker{

    display:inline-flex;

    align-items:center;

    gap:16px;

    font-family:"Acumin Pro";

    font-size:11px;

    font-weight:700;

    letter-spacing:.35em;

    text-transform:uppercase;

    color:#8D6748;

}

.menu-kicker::before,

.menu-kicker::after{

    content:"";

    width:40px;

    height:1px;

    background:#CDB79E;

}


/**************************************************
TITLE
**************************************************/

.menu-title{

    margin:24px 0;

    font-family:"Moret";

    font-size:72px;

    line-height:.95;

    font-weight:400;

    color:#231F1A;

}


/**************************************************
DESCRIPTION
**************************************************/

.menu-text{

    margin:auto;

    max-width:620px;

    font-family:"Freight Text Pro";

    font-size:22px;

    line-height:1.85;

    color:#655E57;

}


/**************************************************
MODULE
**************************************************/

.menu-module{

    width:100%;

    max-width:940px;

    margin:95px auto 0;

}


/**************************************************
HEADER
**************************************************/

.module-head{

    display:flex;

    align-items:center;

    gap:24px;

    margin-bottom:34px;

}


/**************************************************
NUMBER
**************************************************/

.module-number{

    width:52px;

    height:52px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#F7F3EE;

    border:1px solid #ECE3D8;

    color:#8D6748;

    font-family:"Acumin Pro";

    font-size:12px;

    font-weight:700;

    letter-spacing:.18em;

}


/**************************************************
TITLE
**************************************************/

.module-head h3{

    flex:1;

    margin:0;

    padding-bottom:18px;

    border-bottom:1px solid #ECE8E1;

    font-family:"Moret";

    font-size:38px;

    font-weight:400;

    color:#231F1A;

}


/**************************************************
LIST
**************************************************/

.dish-list{

    display:grid;

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

    column-gap:60px;

}
/*==================================================
TERRACORE
BREAKFAST
COMPLETE CSS
PART 2
DISHES
==================================================*/


/**************************************************
ROW
**************************************************/

.dish{

    position:relative;

    display:grid;

    grid-template-columns:1fr auto;

    align-items:center;

    gap:24px;

    padding:18px 22px;

    margin-bottom:4px;

    border-radius:16px;

    transition:
        background .30s ease,
        transform .30s ease,
        padding .30s ease,
        box-shadow .30s ease;

}


/**************************************************
BOTTOM LINE
**************************************************/

.dish::after{

    content:"";

    position:absolute;

    left:22px;

    right:22px;

    bottom:0;

    height:1px;

    background:#F1ECE6;

}


/**************************************************
LAST ROW
**************************************************/

.dish:last-child::after{

    display:none;

}


/**************************************************
LEFT ACCENT
**************************************************/

.dish::before{

    content:"";

    position:absolute;

    left:0;

    top:16px;

    bottom:16px;

    width:3px;

    border-radius:20px;

    background:#8D6748;

    opacity:0;

    transition:.30s;

}


/**************************************************
HOVER
**************************************************/

.dish:hover{

    background:#FCFBF9;

    transform:translateX(6px);

    box-shadow:

        0 10px 24px rgba(0,0,0,.035);

}


.dish:hover::before{

    opacity:1;

}


/**************************************************
NAME
**************************************************/

.dish-name{

    font-family:"Freight Text Pro";

    font-size:20px;

    line-height:1.65;

    color:#231F1A;

    transition:.30s;

}


.dish:hover .dish-name{

    color:#231F1A;

}


/**************************************************
ALLERGENS
**************************************************/

.dish-allergens{

    display:flex;

    align-items:center;

    justify-content:flex-end;

    gap:8px;

    flex-wrap:wrap;

    min-width:90px;

    font-family:"Acumin Pro";

    font-size:11px;

    font-weight:700;

    letter-spacing:.12em;

    color:#8D6748;

}


/**************************************************
EMPTY
**************************************************/

.dish-allergens:empty{

    display:none;

}


/**************************************************
SMALL NOTE
**************************************************/

.dish small{

    display:block;

    margin-top:6px;

    font-family:"Acumin Pro";

    font-size:12px;

    color:#9C938B;

}


/**************************************************
MODULE SPACING
**************************************************/

.menu-module+.menu-module{

    padding-top:18px;

}


/**************************************************
SUBTLE REVEAL
**************************************************/

.menu-module{

    animation:moduleReveal .55s ease both;

}


@keyframes moduleReveal{

    from{

        opacity:0;

        transform:translateY(18px);

    }

    to{

        opacity:1;

        transform:none;

    }

}
/*==================================================
TERRACORE
BREAKFAST
COMPLETE CSS
PART 3
LIVE STATION
==================================================*/


/**************************************************
LIVE STATION
**************************************************/

.live-station{

    margin-top:130px;

}


/**************************************************
CARD
**************************************************/

.live-card{

    position:relative;

    overflow:hidden;

    padding:70px;

    border-radius:30px;

    background:#FAF8F5;

    border:1px solid #ECE5DC;

}


/**************************************************
TOP BAR
**************************************************/

.live-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:100%;

    height:5px;

    background:#8D6748;

}


/**************************************************
TITLE
**************************************************/

.live-card h4{

    margin:0 0 22px;

    font-family:"Moret";

    font-size:54px;

    line-height:1;

    font-weight:400;

    color:#231F1A;

}


/**************************************************
TEXT
**************************************************/

.live-card p{

    max-width:760px;

    margin:0 0 45px;

    font-family:"Freight Text Pro";

    font-size:21px;

    line-height:1.85;

    color:#635C55;

}


/**************************************************
BADGES
**************************************************/

.live-list{

    display:flex;

    flex-wrap:wrap;

    gap:14px;

}


/**************************************************
TAG
**************************************************/

.live-list span{

    display:flex;

    align-items:center;

    justify-content:center;

    padding:14px 22px;

    border-radius:999px;

    background:#FFFFFF;

    border:1px solid #E7DDD3;

    color:#231F1A;

    font-family:"Acumin Pro";

    font-size:12px;

    font-weight:600;

    letter-spacing:.10em;

    text-transform:uppercase;

    transition:
        background .35s,
        color .35s,
        transform .35s;

}


.live-list span:hover{

    background:#231F1A;

    color:#FFFFFF;

    transform:translateY(-3px);

}


/**************************************************
SPECIAL SHADOW
**************************************************/

.live-card{

    box-shadow:

    0 15px 50px rgba(0,0,0,.05);

}


/**************************************************
SMALL DECORATION
**************************************************/

.live-card::after{

    content:"Chef Experience";

    position:absolute;

    right:40px;

    top:38px;

    font-family:"Acumin Pro";

    font-size:11px;

    letter-spacing:.35em;

    text-transform:uppercase;

    color:#B59A81;

}
/*==================================================
TERRACORE
BREAKFAST
COMPLETE CSS
PART 4
RESPONSIVE
==================================================*/


/**************************************************
DESKTOP XL
**************************************************/

@media(min-width:1600px){

.menu-section{

    max-width:1220px;

    padding:120px;

}

.menu-title{

    font-size:84px;

}

.menu-text{

    font-size:24px;

}

.module-head h3{

    font-size:42px;

}

.dish-name{

    font-size:21px;

}

}


/**************************************************
LAPTOP
**************************************************/

@media(max-width:1280px){

.menu-section{

    width:94vw;

    padding:80px;

}

.menu-title{

    font-size:62px;

}

.menu-text{

    font-size:20px;

}

.menu-module{

    max-width:100%;

}

.dish-list{

    column-gap:40px;

}

}


/**************************************************
TABLET LANDSCAPE
**************************************************/

@media(max-width:1024px){

.menu-section{

    padding:60px;

    border-radius:28px;

}

.menu-title{

    font-size:56px;

}

.menu-text{

    font-size:19px;

}

.module-head h3{

    font-size:34px;

}

.dish-list{

    grid-template-columns:1fr;

}

.live-card{

    padding:50px;

}

.live-card h4{

    font-size:44px;

}

.live-card p{

    font-size:18px;

}

}


/**************************************************
TABLET PORTRAIT
**************************************************/

@media(max-width:820px){

.menu-section{

    padding:48px;

}

.menu-intro{

    margin-bottom:60px;

}

.menu-title{

    font-size:46px;

}

.menu-text{

    font-size:18px;

}

.module-head{

    gap:16px;

}

.module-number{

    width:44px;

    height:44px;

}

.module-head h3{

    font-size:30px;

}

.dish-name{

    font-size:18px;

}

}


/**************************************************
MOBILE
**************************************************/

@media(max-width:767px){

.menu-section{

    width:94vw;

    margin:70px auto;

    padding:30px 24px;

    border-radius:22px;

}

.menu-section::before{

    height:3px;

}

.menu-intro{

    margin-bottom:40px;

}

.menu-title{

    font-size:36px;

}

.menu-text{

    font-size:17px;

    line-height:1.75;

}

.menu-kicker{

    font-size:10px;

}

.menu-kicker::before,

.menu-kicker::after{

    width:20px;

}

.menu-module{

    margin-top:55px;

}

.module-head{

    align-items:flex-start;

    gap:12px;

    margin-bottom:20px;

}

.module-number{

    width:38px;

    height:38px;

    font-size:10px;

}

.module-head h3{

    font-size:24px;

}

.dish{

    grid-template-columns:1fr;

    gap:8px;

    padding:14px 16px;

}

.dish:hover{

    transform:none;

    padding-left:16px;

    padding-right:16px;

}

.dish::after{

    left:16px;

    right:16px;

}

.dish-name{

    font-size:17px;

}

.dish-allergens{

    justify-content:flex-start;

    min-width:0;

}

.live-card{

    padding:28px;

}

.live-card::after{

    position:relative;

    display:block;

    top:auto;

    right:auto;

    margin-bottom:18px;

}

.live-card h4{

    font-size:34px;

}

.live-card p{

    font-size:17px;

}

.live-list{

    gap:10px;

}

.live-list span{

    width:100%;

}

}


/**************************************************
SMOOTH SCROLL OFFSET
**************************************************/

#breakfast{

    scroll-margin-top:120px;

}


/**************************************************
TEXT SELECTION
**************************************************/

::selection{

    background:#8D6748;

    color:#FFFFFF;

}


/**************************************************
FOCUS
**************************************************/

.dish:focus-within,

.menu-card:focus{

    outline:none;

    box-shadow:

        0 0 0 2px rgba(141,103,72,.20);

}
/*==================================================
MODULE CARDS
==================================================*/

.menu-module{

    position:relative;

    background:#FFFFFF;

    border:1px solid #EFEAE4;

    border-radius:28px;

    padding:42px;

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

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

}

.menu-module:hover{

    transform:translateY(-4px);

    box-shadow:
        0 18px 50px rgba(0,0,0,.06);

    border-color:#E2D5C8;

}

.module-head{

    margin-bottom:28px;

}

.module-head h3{

    border-bottom:none;

    padding-bottom:0;

}

.dish-list{

    margin-top:18px;

}

.live-station{

    background:transparent;

    border:none;

    box-shadow:none;

    padding:0;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-464b689a *//*==================================================
TERRACORE
ALLERGENI
PART 1
==================================================*/

.allergens-section{

    width:min(1160px,92vw);

    margin:120px auto;

    padding:100px;

    background:#FFFFFF;

    border-radius:34px;

    border:1px solid rgba(35,31,26,.05);

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

    position:relative;

    overflow:hidden;

}

.allergens-section::before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:4px;

    background:#8D6748;

}

/**************************************************/

.allergens-intro{

    max-width:720px;

    margin:0 auto 80px;

    text-align:center;

}

.allergens-kicker{

    display:inline-flex;

    align-items:center;

    gap:16px;

    font-family:"Acumin Pro";

    font-size:11px;

    font-weight:700;

    letter-spacing:.35em;

    text-transform:uppercase;

    color:#8D6748;

}

.allergens-kicker::before,
.allergens-kicker::after{

    content:"";

    width:40px;

    height:1px;

    background:#CDB79E;

}

.allergens-title{

    margin:24px 0;

    font-family:"Moret";

    font-size:70px;

    font-weight:400;

    line-height:.95;

    color:#231F1A;

}

.allergens-text{

    max-width:620px;

    margin:auto;

    font-family:"Freight Text Pro";

    font-size:21px;

    line-height:1.85;

    color:#655E57;

}

/**************************************************/

.allergens-grid{

    display:grid;

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

    gap:22px;

}
/*==================================================
TERRACORE
ALLERGENI
PART 2
CARD + RESPONSIVE
==================================================*/


/**************************************************
CARD
**************************************************/

.allergen-card{

    position:relative;

    display:grid;

    grid-template-columns:68px 1fr;

    gap:26px;

    align-items:flex-start;

    padding:30px;

    background:#FFFFFF;

    border:1px solid #EFEAE4;

    border-radius:22px;

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

}

.allergen-card:hover{

    transform:translateY(-5px);

    border-color:#DDCDBF;

    box-shadow:

        0 18px 45px rgba(0,0,0,.05);

}


/**************************************************
NUMBER
**************************************************/

.allergen-number{

    width:52px;

    height:52px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#F8F4EF;

    border:1px solid #E9DFD4;

    color:#8D6748;

    font-family:"Acumin Pro";

    font-size:18px;

    font-weight:700;

}


/**************************************************
TITLE
**************************************************/

.allergen-card h3{

    margin:2px 0 12px;

    font-family:"Moret";

    font-size:31px;

    font-weight:400;

    line-height:1.1;

    color:#231F1A;

}


/**************************************************
DESCRIPTION
**************************************************/

.allergen-card p{

    margin:0;

    font-family:"Freight Text Pro";

    font-size:18px;

    line-height:1.7;

    color:#6A625A;

}


/**************************************************
DESKTOP LARGE
**************************************************/

@media(min-width:1600px){

.allergens-section{

    max-width:1220px;

}

}


/**************************************************
TABLET
**************************************************/

@media(max-width:1024px){

.allergens-section{

    padding:60px;

}

.allergens-title{

    font-size:54px;

}

.allergens-grid{

    grid-template-columns:1fr;

}

.allergen-card h3{

    font-size:28px;

}

}


/**************************************************
MOBILE
**************************************************/

@media(max-width:767px){

.allergens-section{

    width:94vw;

    padding:30px 24px;

    border-radius:22px;

    margin:70px auto;

}

.allergens-intro{

    margin-bottom:40px;

}

.allergens-title{

    font-size:38px;

}

.allergens-text{

    font-size:17px;

    line-height:1.75;

}

.allergen-card{

    grid-template-columns:48px 1fr;

    gap:16px;

    padding:20px;

    border-radius:18px;

}

.allergen-number{

    width:40px;

    height:40px;

    font-size:15px;

}

.allergen-card h3{

    font-size:22px;

    margin-bottom:8px;

}

.allergen-card p{

    font-size:16px;

    line-height:1.6;

}

}


/**************************************************
SCROLL OFFSET
**************************************************/

#allergeni{

    scroll-margin-top:120px;

}
/*==================================================
ALLERGEN NOTE
==================================================*/

.allergens-note{

    max-width:760px;

    margin:50px auto 70px;

    padding:22px 28px;

    border-left:4px solid #8D6748;

    background:#FAF8F5;

    border-radius:0 18px 18px 0;

}

.allergens-note span{

    display:block;

    font-family:"Freight Text Pro";

    font-size:18px;

    line-height:1.8;

    color:#5F5851;

}

@media(max-width:767px){

.allergens-note{

    margin:35px auto 45px;

    padding:18px 20px;

}

.allergens-note span{

    font-size:16px;

    line-height:1.7;

}

}/* End custom CSS */
/* Start custom CSS *//*==================================================
GLOBAL UI
TERRACORE DIGITAL MENU
==================================================*/

:root{

--tc-bg:#F5F1EA;
--tc-surface:#F8F5EF;
--tc-text:#231F1A;
--tc-line:rgba(35,31,26,.12);

--tc-bronze:#8D6748;
--tc-clay:#A55A3C;
--tc-olive:#5F6543;
--tc-ivory:#FBF8F2;

--tc-radius:24px;

--tc-max:1280px;

--tc-speed:.45s;
}

html{

scroll-behavior:smooth;

}

body{

background:var(--tc-bg);

color:var(--tc-text);

}

section{

position:relative;

width:100%;

}

.tc-container{

width:min(var(--tc-max),92vw);

margin:auto;

}

.tc-title{

font-family:"Moret",serif;

}

.tc-subtitle{

font-family:"Acumin Pro",sans-serif;

text-transform:uppercase;

letter-spacing:.18em;

opacity:.7;

}

.tc-text{

font-family:"Freight Text Pro",serif;

line-height:1.8;

}

.tc-button{

font-family:"Acumin Pro",sans-serif;

display:inline-flex;

align-items:center;

justify-content:center;

padding:18px 34px;

border-radius:999px;

text-decoration:none;

transition:all var(--tc-speed);

cursor:pointer;

}

.tc-button-dark{

background:#231F1A;

color:#fff;

}

.tc-button-dark:hover{

transform:translateY(-2px);

}

.tc-button-light{

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

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

color:#fff;

backdrop-filter:blur(20px);

}

.tc-button-light:hover{

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

}

.menu-section{

padding:120px 0;

}

.menu-grid{

display:grid;

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

gap:70px;

}

.menu-card{

background:#fff;

border-radius:28px;

padding:42px;

box-shadow:0 10px 45px rgba(0,0,0,.04);

}

.menu-category{

font-family:"Moret",serif;

margin-bottom:32px;

}

.dish{

display:flex;

justify-content:space-between;

align-items:flex-start;

gap:25px;

padding:22px 0;

border-bottom:1px solid var(--tc-line);

}

.dish:last-child{

border-bottom:none;

}

.dish-name{

font-family:"Acumin Pro",sans-serif;

font-weight:600;

margin-bottom:8px;

}

.dish-description{

font-family:"Freight Text Pro",serif;

opacity:.75;

}

.price{

font-family:"Acumin Pro",sans-serif;

white-space:nowrap;

margin-left:24px;

}

@media(max-width:1024px){

.menu-grid{

grid-template-columns:1fr;

}

}

@media(max-width:767px){

.menu-section{

padding:80px 0;

}

.menu-card{

padding:28px;

border-radius:18px;

}

.dish{

flex-direction:column;

gap:12px;

}

.price{

margin-left:0;

}

}/* End custom CSS */