:root{--max-width-desktop:1370px;--color-primary:#C35729;--color-primary-accent:#f18652;--color-primary-transparent:rgba(195,87,41,0.1);--color-primary-light:#fde4d7;--color-primary-dark:#064260;--color-white:#fafafa;--color-white-accent:#f5f5f5;--color-white-transparent:rgba(250,250,250,0.1);--color-black:#0a0a0a;--color-accent:#ececec;--color-muted:#a0a0a0;--color-bg-base:transparent;--color-bg-accent:var(--color-accent);--color-bg-contrast:var(--color-primary);--color-bg-overlay:rgba(0,0,0,0.64);--color-text-base:var(--color-white);--color-text-contrast:var(--color-white);--color-text-primary:var(--color-primary);--color-button-bg-base:var(--color-primary);--color-button-bg-base-hover:var(--color-primary-accent);--color-button-bg-outline-hover:var(--color-primary-transparent);--color-button-bg-outline-hover-inverse:var(--color-white-transparent);--shadow-base:0 15px 18px rgba(23,23,36,0.15);--border-radius-img:1rem;--border-radius-btn:.4rem;--spacing-section:5rem;--spacing-gap:5rem;--spacing-navbar:50px;--spacing-grid-gap:1.5rem;--color-alert-success-bg:#C2F3D6;--color-alert-success-border:#96EAB8;--color-alert-success-text:#B1D37B;--color-alert-danger-bg:#FFE1E3;--color-alert-danger-border:#FF99A4;--color-alert-danger-text:#E34A46;--color-placeholder:#d0d0d0;--imageStrip-height:80px}
@media (max-width:768px){:root{--spacing-section:3rem;--spacing-gap:3rem}}
.Header-container{align-items:flex-start;padding:0 var(--spacing-grid-gap);box-sizing:border-box}
.Header-content{text-align:left;margin-top:25vh}
.Header-content .Headline h2{font-size:35px;margin-bottom:40px}
.Header-content .Headline h1{font-size:70px;line-height:1.2}
.Header-image{position:absolute;top:80px;right:0;width:67%}
@media (max-width:768px){.Header-content .Headline h1{font-size:50px}.Header-content .Headline h2{font-size:30px}.Header .Buttons{flex-direction:column;align-items:flex-start}}
.Button{border-radius:25px;font-weight:500}
.Button--contrast{color:var(--color-primary);background-color:var(--color-white)}
.Button--contrast:hover{color:var(--color-primary-accent);background-color:var(--color-primary-light)}
.Tiles--products{grid-row-gap:8rem}
.Tiles-tile--product{box-shadow:none;flex-direction:row;align-items:center;padding-right:50px}
.Tiles-tile--product h3.Headline{font-size:18px;font-weight:bold}
.Tiles-tile--product .Content p{font-size:16px;font-weight:300}
.Tiles-tile--product .Tiles-imageElement{flex:0 0 10vw;width:10vw}
.Tiles-tile--product .Tiles-body{padding:0 0 0 2rem}
.Tiles-tile--product .Tiles-bottom{padding:0 0 0 2rem}
.Tiles-tile--product .Tiles-price{color:var(--color-white);display:flex;align-items:center;justify-content:space-between;margin-top:1rem}
.Tiles-tile--product .Tiles-priceLabel{white-space:nowrap}
.Tiles-tile--product .Tiles-priceValue{display:inline-flex}
.Tiles-tile--product .Tiles-priceBefore{color:var(--color-alert-danger-text);text-decoration:line-through;font-weight:bold}
.Tiles-tile--product .Tiles-priceAfter{color:var(--color-alert-success-text);font-weight:bold}
.Tiles-tile--product .Tiles-button{padding:0;margin-top:1rem}
.Tiles-tile--product .Tiles-content{display:flex;flex-direction:column;justify-content:space-between;height:270px;flex:1 1 100%}
.Tiles-tile--product .Tiles-priceDots{flex:1 1 100%;border-bottom:1px dotted var(--color-white);display:inline-block;margin-top:5px}
.Tiles-tile--product .Tiles-sale{color:var(--color-alert-success-text);font-weight:bold}
@media (max-width:768px){.Tiles-tile--product{flex-direction:column;padding-right:0}.Tiles-tile--product .Tiles-content{height:auto;width:100%}.Tiles-tile--product .Tiles-imageElement{width:70%}.Tiles-tile--product .Tiles-body,.Tiles-tile--product .Tiles-bottom{padding-left:0}}
.BlogList{gap:8rem}
.BlogList-item{gap:0;background-color:#141F15}
.BlogList-item:hover .BlogList-itemReadMore{color:var(--color-primary)}
.BlogList-itemImage{overflow:hidden}
.BlogList-itemImage img{width:100%;display:block;transition:all 0.3s ease-in-out}
.BlogList-itemContent{padding:2rem 2rem 0 2rem;background-color:#141F15;box-shadow:0 0 10px rgba(0,0,0,0.1);flex:0 0 180px}
.BlogList-itemContent h2.Headline{font-size:22px;margin-bottom:20px;margin-top:0;font-weight:bold}
.BlogList-itemDate{display:none}
.BlogList-itemReadMore{padding:0 2rem 2rem 2rem;background-color:#141F15;color:var(--color-white);transition:all 0.2s ease-in-out}
.BlogList-allPosts{display:flex;justify-content:flex-end;margin-bottom:50px}
.BlogSection .Section{background-color:transparent;background-image:linear-gradient(to bottom,var(--color-bg-overlay) 0%,rgba(0,0,0,0) 20%,rgba(0,0,0,0) 80%,var(--color-bg-overlay) 100%)}
@media (max-width:1200px){.BlogList{gap:4rem}.BlogList-itemContent{padding:2rem 1rem 0 1rem}.BlogList-itemReadMore{padding:0 1rem 1rem 1rem}}
@media (max-width:991px){.BlogList{gap:2rem;grid-template-columns:1fr}.BlogList-itemContent{padding:2rem 1rem 0 1rem}.BlogList-itemReadMore{padding:0 1rem 1rem 1rem}}
@media (max-width:768px){.BlogList-allPosts{justify-content:flex-start}.BlogSection .Headline h2{margin-bottom:0}}
.Navigation-brand{position:relative;height:var(--spacing-navbar);width:var(--spacing-navbar);flex:0 0 var(--spacing-navbar)}
.Navigation-logo{position:absolute;top:12vh;width:153px;height:152px;transition:all ease 0.3s;max-width:500px}
.Navigation-itemWrapper{height:auto;border-radius:1.5rem}
.Navigation-itemWrapper:last-child .Navigation-item{background-color:var(--color-primary)}
.Navigation-itemWrapper:last-child .Navigation-item:hover{background-color:var(--color-primary-accent)}
.Navigation-item{height:auto;padding:1rem 2rem;border-radius:1.5rem;display:inline-block}
.Navigation-menu--desktop{align-items:center}
.Navigation.isScrolled{background-color:var(--color-bg-overlay);box-shadow:none}
.Navigation.isScrolled .Navigation-logo{top:1rem;height:var(--spacing-navbar);width:var(--spacing-navbar)}
.Navigation.isScrolled .Navigation-item:hover{color:var(--color-white)}
.Navigation.isOpen{background-color:#141F15}
.Navigation.isOpen .Navigation-menu{background-color:#141F15}
.Navigation-logo--page{position:static;width:var(--spacing-navbar);height:var(--spacing-navbar)}
@media (max-width:1040px){.Navigation-item{padding:0.6rem 0.5rem}}
@media (max-width:768px){.Navigation .Navigation-menu{top:82px}.Navigation.isOpen .Navigation-menu{height:calc(100vh - 82px)}.Navigation-logo{position:static;width:var(--spacing-navbar);height:var(--spacing-navbar)}.Navigation-itemWrapper:last-child{padding:0 2rem}.Navigation-itemWrapper .Navigation-item{border-radius:2rem;text-align:center}}
.Footer{background-color:#141F15;border-top:0;padding-bottom:20px}
.Footer-top{gap:0;align-items:stretch}
.Footer-top .Flex-col{flex:0 0 33%;padding-bottom:1.5rem;border-bottom:1px solid #687069}
.Footer-bottom{gap:0;padding-bottom:100px}
.Footer-bottom .Flex-col{flex:0 0 50%}
.Footer-logoWrapper{position:relative}
.Footer-logo{position:absolute;top:-15px;left:50%;transform:translateX(-50%);width:200px;height:200px}
.Footer-motto{font-size:20px;color:var(--color-white);line-height:1.6}
.Footer-social{display:flex;gap:1rem;align-items:center;justify-content:flex-end}
.Footer-contentLeft{display:flex}
.Footer-content{flex:1 1 50%}
.Footer-content p{font-size:16px;color:#C3C5C3}
.Footer-content--dim{padding-left:20%}
.Footer-content--dim p{color:#737A74;font-size:13px}
.Footer-bottom{padding-top:100px}
.Footer-copy{text-align:right;border-top:1px solid #687069}
@media (max-width:768px){.Footer-top .Flex-col{border-bottom:0}.Footer-logo{position:static;transform:none}.Footer-logoWrapper,.Footer-motto{text-align:center}.Footer-social{flex-wrap:wrap;gap:2rem 0;justify-content:center}.Footer-socialItem{flex:1 1 25%;display:inline-flex;justify-content:center}.Footer-bottom{padding-top:0;padding-bottom:2rem}.Footer-content--dim{padding-left:0}.Footer-copy{text-align:left}}
.BlogPost-header{margin-top:80px}
.BlogPost-header .Flex-container{padding:0}
.BlogPost-header h1.Headline{color:var(--color-primary);font-weight:bold}
.BlogPost .Content{max-width:800px;margin:80px auto 0}
.BlogPost .Content p{font-size:18px}
.BlogPost .Content h2{font-size:30px;color:var(--color-primary);font-weight:bold}
.BlogPost .Content img{width:100% !important}
.BlogPost .Content li{color:var(--color-white)}
body,html{scroll-behavior:smooth;font-family:"itc-avant-garde-gothic-pro",sans-serif;font-weight:500;scroll-padding-top:82px}
h1,h2,h3,h4,h5,h6{font-family:"itc-avant-garde-gothic-pro",sans-serif;font-weight:300;line-height:1.4}
h2{font-size:55px}
.Flex-container--full{width:100%;max-width:100%}
.Headline{color:var(--color-text-base)}
.Headline h1,.Headline h2,.Headline h3,.Headline h4,.Headline h5,.Headline h6{font-family:"itc-avant-garde-gothic-pro",sans-serif;font-weight:300}
.Headline h2{font-size:55px;margin-bottom:50px}
.Headline h3{font-size:28px}
h1.Headline,h2.Headline,h3.Headline,h4.Headline,h5.Headline,h6.Headline{font-family:"itc-avant-garde-gothic-pro",sans-serif;font-weight:300}
.Headline p{line-height:1.8}
.Headline strong{font-weight:bold;color:inherit}
.Headline a{text-decoration:none;color:var(--color-white);font-weight:bold;transition:all ease 0.3s}
.Headline a:hover{color:var(--color-primary)}
p{font-size:22px;line-height:1.8;color:var(--color-text-base)}
img{box-shadow:none;border-radius:0}
em{font-style:normal;color:var(--color-primary)}
strong{font-weight:bold;color:inherit}
.background-holder{position:fixed;top:-5%;left:-5%;width:110%;height:110%;z-index:-1;background:url("/themes/chai-latte/assets/img/tiger_bg.png") no-repeat center center/cover}
.background-parallax{position:fixed;top:-15%;left:-15%;width:130%;height:130%;z-index:-1}
.background-parallax-left{background:url("/themes/chai-latte/assets/img/leaves_left.png") no-repeat;background-position:right center;background-size:cover;left:-44%}
.background-parallax-right{background:url("/themes/chai-latte/assets/img/leaves_right.png") no-repeat;background-position:50% center;background-size:cover}
.Header{background-color:var(--color-bg-overlay);color:var(--color-text-base)}
.Section{background-color:var(--color-bg-overlay);margin:0;padding:var(--spacing-section) 0}
.background-parallax-debug{color:#fff;position:fixed;top:0;left:0;z-index:1000}
.Section--tilesProducts .Headline--mainHeadline{margin-bottom:100px}
.ImageOverflow{overflow:visible}
.ImageOverflow .Section{padding-bottom:15vh;padding-top:25vh}
.ImageOverflow .Flex-container{align-items:flex-start}
.ImageOverflow .Flex-col{position:relative;overflow:visible}
.ImageOverflow img{position:absolute;top:-15vh;right:0;max-width:none;width:150%;height:auto}
@media (max-width:768px){.Headline{color:var(--color-text-base)}.Headline h1,.Headline h2,.Headline h3,.Headline h4,.Headline h5,.Headline h6{font-family:"itc-avant-garde-gothic-pro",sans-serif;font-weight:300}.Headline h2{font-size:30px;margin-bottom:50px}.Headline h3{font-size:28px}h1.Headline,h2.Headline,h3.Headline,h4.Headline,h5.Headline,h6.Headline{font-family:"itc-avant-garde-gothic-pro",sans-serif;font-weight:300}.Headline p{line-height:1.8}p{font-size:18px;line-height:1.8;color:var(--color-text-base)}.InstagramFeed .Headline h2{font-size:25px}.ImageOverflow{overflow:visible}.ImageOverflow .Section{padding-bottom:var(--spacing-section);padding-top:var(--spacing-section)}.ImageOverflow .Flex-container{align-items:flex-start}.ImageOverflow .Flex-col{position:relative;overflow:visible}.ImageOverflow img{position:static;width:100%;height:auto}}