@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/coffee-house/assets/inter-v13-latin-regular-U9R_j0_y.woff2) format("woff2")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:600;src:url(/coffee-house/assets/inter-v13-latin-600-dkrH7PHm.woff2) format("woff2")}h1{font-size:4.5rem;font-weight:600;line-height:105%}@media screen and (max-width: 380px){h1{font-size:2.625rem;font-weight:600;line-height:115%}}@media screen and (min-width: 381px) and (max-width: 480px){h1{font-size:3rem}}h2,.menu h1{font-size:3.75rem;font-weight:600;line-height:125%}@media screen and (max-width: 380px){h2,.menu h1{font-size:2rem;font-weight:600;line-height:125%}}@media screen and (min-width: 381px) and (max-width: 480px){h2,.menu h1{font-size:2.75rem}}h3,figcaption{font-size:1.5rem;font-weight:600;line-height:125%}h3.card-footer,figcaption.card-footer{line-height:115%}@media screen and (min-width: 769px) and (max-width: 868px){h3,figcaption{font-size:1.25rem}}p{line-height:1.5rem}.text-accent{color:#b0907a;font-style:italic}.medium{font-size:1rem;font-weight:400;line-height:150%}.caption{font-size:.625rem;font-weight:600;line-height:140%}a,button,.secondary-btn .title{font-size:1rem;font-weight:600;line-height:150%}.burger-link{font-size:2rem;font-weight:600;line-height:125%}img{max-width:100%}ul{list-style-type:none}a{color:inherit;text-decoration:none}a.active,button.active{pointer-events:none;cursor:default}.no-scroll{overflow:hidden}.hide{display:none!important}@media screen and (max-width: 768px){.hide-md{display:none!important}.flex-md{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center}}@media screen and (min-width: 769px){.hide-l{display:none}}@media screen and (max-width: 381px){.hide-sm{display:none}}.section.coffee h2{text-align:center}.section.about .grid-container{margin-top:2.5rem;margin-bottom:-2.5rem;display:grid;grid-template-columns:auto auto;gap:2.5rem}@media screen and (max-width: 768px){.section.about .grid-container{margin-bottom:0;grid-template-columns:2fr}}.section.about .grid-item{overflow:hidden;border-radius:1.25rem}.section.about .grid-item:nth-child(1){grid-row-start:1;grid-row-end:3;aspect-ratio:660/590;margin-bottom:2.5rem}.section.about .grid-item:nth-child(1) img{margin-top:-2.125rem}.section.about .grid-item:nth-child(2){grid-row-start:3;grid-row-end:4;aspect-ratio:660/430;margin-top:-2.5rem;margin-bottom:2.5rem}.section.about .grid-item:nth-child(2) img{margin-top:-7.188rem}.section.about .grid-item:nth-child(3){aspect-ratio:660/430}.section.about .grid-item:nth-child(3) img{margin-top:-7.125rem}.section.about .grid-item:nth-child(4){grid-row-start:2;grid-row-end:4;aspect-ratio:660/590;margin-bottom:2.5rem}.section.about .grid-item:nth-child(4) img{margin-top:-2.125rem}.section.about .grid-item img{transform:scale(1.1)}@media (hover: hover) and (pointer: fine){.section.about .grid-item img:hover{transform:scale(1)}}@media screen and (max-width: 768px){.section.about .grid-item:nth-child(1){grid-row-end:2}.section.about .grid-item:nth-child(4){grid-row-end:3}.section.about .grid-item:nth-child(3n+1){aspect-ratio:688/590;margin-bottom:0}.section.about .grid-item:nth-child(3n+1) img{margin:0;transform:scale(1.05)}}@media screen and (max-width: 380px){.section.about .grid-item{min-height:100%}.section.about .grid-item:nth-child(3n+1){aspect-ratio:348/590}.section.about .grid-item:nth-child(3n+1) img{max-width:initial;transform:scale(1)}}.section.mobile{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center}.section.mobile .content{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:start;max-width:39.375rem;margin-right:6.25rem}.section.mobile .content p{margin:2.5rem 0}.section.mobile .content .btn-box{display:flex;flex-wrap:wrap;gap:1.25rem}@media screen and (max-width: 768px){.section.mobile{flex-direction:column}.section.mobile .content{max-width:100%;margin-right:0}.section.mobile .image-wrap{margin-top:6.2rem}}@media screen and (max-width: 380px){.section.mobile .content .btn-box{flex-direction:column;gap:1.3rem}.section.mobile .image-wrap{margin-top:2.5rem}}@media (prefers-reduced-motion: no-preference){.section.about .grid-item img{transition:all .4s ease 0s}}.menu-header{max-width:50rem;margin:1.25rem auto 0;text-align:center}.menu-header .link.active:after{transform:scaleX(1)}.menu-content{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center}.menu-content .menu-btn{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:1rem;margin:2.4rem 0}.menu-content .grid-container{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,31.625rem);gap:2.5rem}.menu-content .grid-container .grid-item{border:1px solid #C1B6AD;border-radius:2.5rem;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:start;align-items:center;cursor:pointer}.menu-content .grid-container .grid-item *{pointer-events:none}@media (hover: hover) and (pointer: fine){.menu-content .grid-container .grid-item:hover .item-img img{transform:scale(1)}}.menu-content .grid-container .grid-item .item-img{border-radius:2.5rem;overflow:hidden;position:relative}.menu-content .grid-container .grid-item .item-img img{height:100%;transform:scale(1.1)}.menu-content .grid-container .grid-item .item-text{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:start;width:100%;padding:1.25rem;flex-grow:1}.menu-content .grid-container .grid-item .item-text h3.title{margin-bottom:.75rem}.menu-content .grid-container .grid-item .item-text .card-footer{margin-top:auto}.menu-content .refresh{width:3.75rem;height:3.75rem;color:#665f55;background-color:transparent;border:1px solid #665F55;border-radius:50%;margin-top:2.5rem}@media (prefers-reduced-motion: no-preference){.menu-content .refresh{transition:all .4s}}@media (hover: hover) and (pointer: fine){.menu-content .refresh:hover{cursor:pointer;color:#e1d4c9;background-color:#665f55}}.menu-content .refresh .svg-icon{vertical-align:middle}@media screen and (max-width: 768px){.menu-content{padding-right:.875rem;padding-left:.875rem}.menu-content .grid-container{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width: 380px){.menu-content{padding-right:1.15rem;padding-left:1.15rem}.menu-content .menu-btn{gap:.5rem}.menu-content .grid-container{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(4,31.625rem)}}@media (prefers-reduced-motion: no-preference){.item-img img{transition:all .5s ease 0s}}.container{max-width:85rem;margin:0 auto}.section{margin-top:6.2rem;position:relative}header{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center}header .logo{width:6.25rem;height:3.75rem}header .link img{margin-left:4px;vertical-align:top}.section-hero{min-height:40.25rem;margin-top:1.25rem;padding:6.25rem;position:relative;border-radius:2.5rem;overflow:hidden}.section-hero h1{color:#e1d4c9}.section-hero p{padding:2.5rem 0;color:#e1d4c9}@media screen and (max-width: 768px){.section-hero{padding-right:3.75rem;padding-left:3.75rem}}@media screen and (max-width: 380px){.section-hero{min-height:calc(100% - 6.25rem);padding:3.75rem 1rem}}.flexbox-text{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:start;max-width:33.125rem}footer{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:start;padding:6.25rem;border-radius:2.5rem;background-color:#665f55}footer h2{color:#e1d4c9;margin-bottom:2.5rem}footer .left-col{max-width:33.125rem;margin-right:6.25rem;flex:1}footer .left-col button:not(:last-child){margin-right:.75rem}footer .left-col .btn-box{display:flex}footer .right-col{margin-top:2rem;flex:1;color:#e1d4c9}footer .right-col h3{margin-bottom:2.3rem}footer .right-col ul{display:flex;flex-direction:column;gap:1rem}footer .right-col .link{display:flex}footer .right-col .link a:after{display:block;content:"";border-bottom:solid 2px #E1D4C9;transform:scaleX(0)}@media (hover: hover) and (pointer: fine){footer .right-col .link a:hover:after{transform:scaleX(1)}}@media (prefers-reduced-motion: no-preference){footer .right-col .link a:after{transition:transform .3s ease-in-out}}footer .right-col img{padding-right:.438rem}footer .right-col .time{cursor:default}@media screen and (max-width: 768px){footer{padding-right:3.75rem;padding-left:3.75rem;padding-bottom:6.625rem;flex-direction:column}footer .left-col{margin-right:0}footer .right-col{margin-top:6.35rem}footer .right-col h3{margin-bottom:2.4rem}}@media screen and (max-width: 380px){footer{padding:3.75rem 1rem 4.2rem}footer.section.footer-home{margin-top:6rem}footer .right-col{margin-top:2.5rem}}nav ul{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center}nav li:after,.link:after{display:block;content:"";border-bottom:solid 2px #665F55;transform:scaleX(0)}nav li:not(.active):hover:after,.link:not(.active):hover:after{transform:scaleX(1)}nav li:not(:last-child),.link:not(:last-child){margin-right:2.5rem}.menu-button{display:none;flex-direction:column;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;border-radius:50%;border:1px solid #665F55;cursor:pointer}.menu-button div{width:1rem;height:1.5px;background-color:#665f55;border-radius:1px;transition:all .4s}.menu-button .bottom-line{margin-top:6px}.menu-button.active .top-line{transform:translateY(3px) rotate(-45deg)}.menu-button.active .bottom-line{transform:translateY(-4px) rotate(45deg)}@media (prefers-reduced-motion: no-preference){nav li:after,.link:after{transition:transform .3s ease-in-out}}@media screen and (max-width: 768px){.nav-wrap{position:absolute;z-index:999;top:6.2rem;left:100%;width:0;min-height:100%;overflow:hidden;transition:all 1s ease}.nav{min-height:calc(100vh - 6.2rem);background-color:#e1d4c9;padding:3.75rem 2.5rem}.nav *{font-size:2rem;line-height:125%;text-wrap:nowrap}.nav nav ul{flex-direction:column;gap:3.75rem}.nav nav ul li{margin-right:0}.nav nav ul li:after{border-bottom-width:0}.nav .link{text-align:center;margin-top:6.2rem}.nav .link:after{border-bottom-width:0}.nav .link img{width:2.5rem}.nav a{opacity:0;transition:all .8s ease}.nav-wrap.active{width:100%;left:0}.nav-wrap.active a{opacity:1}.nav-wrap.active .link.active a{border-bottom:solid 2px #665F55}.menu-button{display:flex}}@media screen and (max-width: 380px){.nav-wrap .nav{padding-left:1rem;padding-right:1rem}}video{position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;object-fit:cover}.link-btn-img,.primary-btn{width:12.5rem;text-align:center;background-color:#e1d4c9;border-radius:6.25rem}.link-btn-img{padding:1.25rem}.link-btn-img img{margin-right:-1.5rem;margin-left:.25rem;vertical-align:top;opacity:0}@media screen and (max-width: 768px){.link-btn-img img{vertical-align:sub;margin-right:0;opacity:1}}.link-btn-img:hover img{margin-right:0;opacity:1}.primary-btn{display:flex;padding:.75rem 1.25rem;text-align:start;color:#403f3d;border:1px solid #665F55}.primary-btn img{margin-right:7px}.primary-btn>span{padding-left:.438rem;display:flex;flex-direction:column;line-height:1.5}.primary-btn .subtitle{font-size:.625rem}@media (hover: hover) and (pointer: fine){.primary-btn:hover{color:#e1d4c9;background-color:#665f55;cursor:pointer}}.icon-btn{width:3.75rem;height:3.75rem;color:#c1b6ad;background-color:transparent;border:1px solid #C1B6AD;border-radius:50%}@media (prefers-reduced-motion: no-preference){.icon-btn{transition:all .4s}}@media (hover: hover) and (pointer: fine){.icon-btn:hover{cursor:pointer;color:#403f3d;background-color:#e1d4c9}}.icon-btn .svg-icon{vertical-align:middle}.secondary-btn{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;padding:.5rem 1rem .5rem .5rem;color:#403f3d;border:1px solid #C1B6AD;border-radius:6.25rem;background-color:transparent}.secondary-btn .circle{width:1.875rem;height:1.875rem;margin-right:.5rem;border-radius:50%;background-color:#c1b6ad}.secondary-btn .circle img{vertical-align:bottom}.secondary-btn.active{color:#e1d4c9;background-color:#665f55}.secondary-btn.active .circle{background-color:#e1d4c9}@media (hover: hover) and (pointer: fine){.secondary-btn:hover{color:#e1d4c9;background-color:#665f55;cursor:pointer}.secondary-btn:hover .circle{background-color:#e1d4c9}}.cancel-btn{width:100%}@media (prefers-reduced-motion: no-preference){.link-btn-img img,.link-btn-img:hover img,.primary-btn,.secondary-btn{transition:all .5s ease}}.slider{position:relative}.slider .slide-wrap{display:flex;overflow-x:hidden;width:30rem;margin-left:auto;margin-right:auto}.slider .slide-wrap .carousel{display:flex;transition:all 1.5s ease;max-width:100%}.slider .slide-wrap .slide{flex:0 0 100%;text-align:center}.slider .slide-wrap .slide .slide-content{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;max-width:30rem;margin:2.5rem auto 0}.slider .slide-wrap .slide .slide-content figcaption{margin-top:1.125rem}.slider .slide-wrap .slide .slide-content p,.slider .slide-wrap .slide .slide-content h3{margin-top:1rem}.slider .arrow{width:3.75rem;height:3.75rem;color:#665f55;background-color:transparent;border:1px solid #665F55;border-radius:50%;position:absolute;top:50%;transform:translateY(-50%);z-index:1}@media (prefers-reduced-motion: no-preference){.slider .arrow{transition:all .4s}}@media (hover: hover) and (pointer: fine){.slider .arrow:hover{cursor:pointer;color:#e1d4c9;background-color:#665f55}}.slider .arrow .svg-icon{vertical-align:middle}.slider .arrow.prev{left:0}.slider .arrow.next{right:0}.slider .arrow .svg-icon{fill:currentColor}.slider .progress{display:flex;justify-content:center;margin-top:2.4rem}.slider .progress .dash{position:relative;width:2.5rem;height:.25rem;background-color:#c1b6ad;border-radius:6.25rem;cursor:pointer}.slider .progress .dash:nth-child(2){margin:0 .75rem}.slider .progress .dash .dash-progress{position:absolute;width:0;height:.25rem;display:block;background-color:#665f55;border-radius:6.25rem;transition:width .5s ease}@media screen and (max-width: 380px){.slider .slide-wrap{max-width:100%}.slider .slide-wrap .slide .slide-content{max-width:21.75rem;margin:2.5rem 0 0}}@media screen and (max-width: 767px) and (min-width: 381px){.slider .slide-wrap{max-width:100%}.slider .slide-wrap .slide .slide-content{max-width:19rem}}@media screen and (max-width: 767px){.arrow{display:none}}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:50rem;padding:1rem;border:none;border-radius:2.5rem;background-color:#e1d4c9;color:#403f3d}.modal::backdrop{background:rgba(0,0,0,.3)}.modal .dialog-wrap{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:flex-start}.modal .dialog-wrap .dialog-img{width:19.375rem;height:19.375rem;margin-right:1.25rem;border-radius:2.5rem;flex-shrink:0;overflow:hidden}.modal .dialog-wrap .dialog-img img{width:100%;transform:scale(1.1)}.modal .dialog-wrap h3{margin-bottom:.75rem}.modal .dialog-wrap form{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:flex-start;gap:1.25rem;margin-top:1.25rem}.modal .dialog-wrap form fieldset{border:none}.modal .dialog-wrap form fieldset legend{margin-bottom:.5rem}.modal .dialog-wrap form fieldset input[type=radio],.modal .dialog-wrap form fieldset input[type=checkbox]{opacity:0;position:fixed;width:0}.modal .dialog-wrap form fieldset .secondary-btn:has(input:checked){color:#e1d4c9;background-color:#665f55;cursor:pointer}.modal .dialog-wrap form fieldset .secondary-btn:has(input:checked) .circle{background-color:#e1d4c9;color:#403f3d}.modal .dialog-wrap form fieldset label{display:inline-block;margin-right:.5rem}.modal .dialog-wrap form fieldset label .circle{display:inline-flex;justify-content:center;align-items:center;font-size:1rem;font-weight:600;line-height:150%}.modal .dialog-wrap form fieldset label:hover .circle{color:#403f3d}.modal .dialog-wrap form .total{display:flex;justify-content:space-between;width:100%}.modal .dialog-wrap form .info{display:flex;border-top:1px solid #C1B6AD;padding-top:.75rem;padding-bottom:.75rem;color:#403f3d;font-size:.625rem;font-weight:600;line-height:140%}.modal .dialog-wrap form .info .icon-info{margin-right:.5rem}.modal .primary-btn{justify-content:center}@media screen and (max-width: 50.438rem){.modal label{margin-bottom:.5rem}}html{box-sizing:border-box;font-size:1em;scroll-behavior:smooth}*,*:before,*:after{margin:0;padding:0;box-sizing:inherit}body{width:100%;min-height:100vh;padding:1.25rem 2.5rem 2.5rem;font-family:Inter,sans-serif;color:#403f3d;background-color:#e1d4c9}@media screen and (max-width: 380px){body{padding-right:1rem;padding-left:1rem}}body:has(dialog.modal[open]){overflow:hidden}
