h1,h2,h3,h4,h5,h6,p{margin:0}p:last-child{margin-bottom:0}ul{margin:0;padding:0;list-style:none}a{color:currentColor;text-decoration:none}button{cursor:pointer;display:block}img{display:block;max-width:100%;height:auto}html{scroll-behavior:smooth}body{background-color:#e0cbb4;font-family:Quicksand,sans-serif;color:#0b0803;line-height:1.5}h1,h2{font-family:Aboreto,sans-serif;font-weight:400;line-height:1.2;letter-spacing:-.01em}p{font-size:18px}a,button{font-size:16px}main>section{padding-top:64px;padding-bottom:64px}.nav-links-gap{gap:32px}.container{min-width:320px;max-width:375px;margin:0 auto;padding:0 16px}@media only screen and (min-width:768px){.container{max-width:768px;padding:0 32px}}@media only screen and (min-width:1440px){.container{max-width:1440px;padding:0 64px}}@keyframes slide{0%{transform:translate(-140%) translateY(-50%)}to{transform:translate(-104%) translateY(-50%)}}@keyframes stretch{0%{opacity:0;transform:translate(-50%) translateY(100%) scale(.2)}to{opacity:1;transform:translate(-50%) translateY(100%) scale(1)}}.header-container{display:flex;align-items:center;justify-content:space-between}.header-logo{padding:18px 0;display:block}.header-logo>svg{display:block}.nav-links-gap{display:none}.burger-btn{padding:12px;background-color:transparent;display:block;border:none}.burger-btn>svg{display:block;fill:#0b0803}@media screen and (min-width:768px){.burger-btn{display:none}.header-container{padding:0 64px}.header-navigation{display:flex;align-items:center;justify-content:space-between;width:100%}.nav-links-gap{display:flex}.header-list-link{padding-bottom:6px;padding-top:6px;transition:opacity .25s cubic-bezier(.4,0,.2,1)}.header-list-link:hover,.header-list-link:focus{opacity:.5}}.hero{padding-top:109px;padding-bottom:109px;max-width:375px;margin:0 auto;color:#fff;background-repeat:no-repeat;background-position:center;background-size:cover;background-image:linear-gradient(to bottom,#00000080,#00000080),url(/Coffe-Joe-Template/assets/hero-DG6Wfnx2.jpg)}@media screen and (min-resolution:2x),(-webkit-min-device-pixel-ratio:2){.hero{background-image:linear-gradient(to bottom,#00000080,#00000080),url(/Coffe-Joe-Template/assets/hero-2x-1yGQa853.jpg)}}.hero>.container{padding:0 32px}.hero-title{font-size:40px;max-width:256px;margin-bottom:24px}.hero-text{max-width:256px;margin-bottom:32px}.hero-link{display:block;font-weight:500;border-radius:100px;padding:10px 24px;width:135px;height:44px;box-shadow:0 1px 2px #0b08030d,inset 0 -2px 1px #0003,inset 0 0 0 1px #0b080326,inset 0 2px 1px #ffffff40,inset 0 32px 24px #ffffff0d;background-color:#6f4e37;transition:box-shadow .25s cubic-bezier(.4,0,.2,1)}.hero-link:active{box-shadow:none}@media only screen and (min-width:768px){.hero{padding-top:312px;padding-bottom:312px;max-width:768px}.hero-title,.hero-text{max-width:560px}}@media only screen and (min-width:1440px){.hero>.container{padding:0 64px}.hero{padding-top:259px;padding-bottom:259px;max-width:1440px}.hero-title{font-size:56px}.hero-link{transition:opacity .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}.hero-link:hover,.hero-link:focus{opacity:.5}}.welcome-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:32px}.welcome-word{font-weight:600;font-size:16px;margin-bottom:16px}.welcome-hero{font-size:36px}.welcome-text{margin-bottom:32px}.welcome-link{border-radius:100px;padding:10px 0;box-shadow:0 1px 2px #0b08030d,inset 0 -2px 1px #0003,inset 0 0 0 1px #0b080326,inset 0 2px 1px #ffffff40,inset 0 32px 24px #ffffff0d;background-color:#6f4e37;font-weight:500;line-height:1.5;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:row;gap:12px;transition:opacity .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}.welcome-link:hover,.welcome-link:focus{opacity:.5}.welcome-link-svg{fill:#fff}.welcome-link:active{box-shadow:none}.welcome-img{border-radius:40px;height:162px;margin:32px auto 0;object-fit:cover}@media screen and (min-width:768px){.welcome-container{flex-wrap:nowrap;align-items:baseline}.welcome-hero,.welcome-text{max-width:336px}.welcome-link{padding-left:24px;padding-right:24px;width:181px;height:44px}.welcome-img{height:396px;max-width:704px}}@media screen and (min-width:1440px){.welcome-hero{font-size:48px;max-width:640px}.welcome-text{max-width:640px}.welcome-img{max-width:1312px;height:738px}.welcome-container{margin-bottom:80px}}.quality{text-align:center}.quality-header{max-width:768px;margin:0 auto 32px;display:flex;flex-direction:column}.quality-label{font-size:16px;font-weight:600;margin-bottom:16px}.quality-title{font-size:36px;margin-bottom:24px}.quality-list{display:flex;flex-direction:column;gap:24px}.quality-item{text-align:center;display:flex;flex-direction:column}.quality-item>h3{font-weight:600;font-size:20px;margin-bottom:8px}.quality-item p{font-size:16px}.quality-item picture{display:block;margin-bottom:32px}.quality-item img{object-fit:cover;border-radius:32px;display:block}@media screen and (min-width:768px){.quality-list{display:grid;grid-template-columns:repeat(2,1fr)}.quality-item img{aspect-ratio:340 / 193}.quality-item:nth-child(3) img{aspect-ratio:704 / 401}.quality-item:nth-child(3) p{max-width:440px;margin-left:auto;margin-right:auto}}@media screen and (min-width:768px)and (max-width:1439px){.quality-title{width:452px;margin-inline:auto}.quality-header p{width:704px;margin-inline:auto}.quality-item:nth-child(1)>h3{width:284px;margin-inline:auto}.quality-item:nth-child(1)>p{width:294px;margin-inline:auto}.quality-item:nth-child(2)>h3,.quality-item:nth-child(2)>p{width:340px;margin-inline:auto}.quality-item:nth-child(3){grid-column:span 2}}@media screen and (min-width:1440px){.quality-list{grid-template-columns:repeat(3,1fr)}.quality-title{font-size:48px}.quality-item:nth-child(3){grid-column:span 1}.quality-item:nth-child(3) img{width:100%;aspect-ratio:421/240}}.experience__title{margin-bottom:24px;font-size:36px;text-align:center}.experience__text{margin-bottom:32px;text-align:center}.experience__gallery{display:flex;flex-direction:column;align-items:center;gap:24px}.experience__gallery-image{border-radius:32px}@media(min-width:768px){.experience__gallery{flex-direction:row;flex-wrap:wrap;gap:32px}}@media(min-width:1440px){.experience__title{font-size:48px}.experience__gallery{flex-direction:column;max-height:948px}}.subscribe .section-title{margin-bottom:24px;font-size:36px}.subscribe-actions{margin:32px 0}.subscribe-form-field{margin-bottom:24px}.subscribe-form-input{padding:8px 12px;width:100%;height:40px;border-radius:12px;border:1px solid rgba(11,8,3,.15);outline:transparent;background-color:#fff0}.subscribe-form-input:placeholder-shown{color:#0b080399}.subscribe-form-input:user-invalid{color:#7f1c1c;border:1px solid #7f1c1c}.subscribe-form-error-text{display:none;font-size:12px;color:#7f1c1c}.subscribe-form-input:user-invalid+.subscribe-form-error-text{display:block}.subscribe-form-button{width:100%;height:44px;border-radius:100px;box-shadow:0 1px 2px #0b08030d,inset 0 -2px 1px #0003,inset 0 0 0 1px #0b080326,inset 0 2px 1px #ffffff40,inset 0 32px 24px #ffffff0d;background-color:#6f4e37;border:none;font-weight:500;line-height:1.5;color:#fff;transition-property:opacity,box-shadow;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.subscribe-form-button:hover,.subscribe-form-button:focus{opacity:.5}.subscribe-form-button:active{box-shadow:none}.subscribe-form-button:disabled{opacity:.2}.subscribe-form-button>span{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:12px}.subscribe-symbol{fill:#fff}.subscribe-actions-text{margin-top:16px;font-size:12px}.subscribe-terms-link{font-size:12px;transition-property:opacity;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.subscribe-terms-link:hover,.subscribe-terms-link:focus{opacity:.5}.subscribe-terms-link:active{opacity:.7}.subscribe-picture{width:100%;flex-shrink:0}.subscribe-picture>img{width:100%;border-radius:40px}@media(min-width:768px){.subscribe-form{display:flex}.subscribe-form-field{margin-bottom:0}.subscribe-form-input{width:340px;height:44px;flex-shrink:0}.subscribe-form-button{margin-left:24px;width:auto;min-width:158px}}@media(min-width:1440px){.subscribe-container{display:flex;justify-content:space-between;align-items:center}.subscribe-column{max-width:640px}.subscribe .section-title{font-size:48px}.subscribe-actions{margin-bottom:0}.subscribe-form-button{margin-left:16px}.subscribe-picture{width:640px;height:400px}}.testimonials-headding{font-size:36px;margin-bottom:24px}.testimonials-list{display:flex;flex-direction:column;gap:24px}.testimonials-items{display:flex;flex-direction:column;width:100%;padding:31px;background-color:#c29d84;border-radius:32px;border:1px solid rgba(11,8,3,.15)}.testimonials-icon-list{display:flex;gap:4px;line-height:normal;margin-bottom:24px}.testimonials-icon-item svg{display:block}.testimonials-text{margin-bottom:24px}.testimonials-visitors-name{font-weight:600;font-size:16px}@media screen and (min-width:768px){.testimonials-list{flex-direction:row;flex-wrap:wrap}.testimonials-items{width:calc((100% - 24px)/2);min-height:253px}.testimonials-text{margin-bottom:auto}}@media screen and (min-width:1440px){.testimonials-headding{max-width:416px;font-size:48px}.testimonials-items{width:calc((100% - 72px)/4);min-height:303px}}.location-container{display:flex;flex-wrap:wrap;gap:32px}.location-text-wrapper{margin-bottom:40px}.location-text-find{font-weight:600;margin-bottom:16px;font-size:16px}.location-title{margin-bottom:24px;font-size:36px}.location-text{font-size:18px}.location-address{font-style:normal}.location-list{display:flex;flex-wrap:wrap;gap:40px}.location-item{width:100%}.location-icon{fill:#0b0803;margin-bottom:16px;display:block}.location-list-text{font-family:Aboreto,sans-serif;font-size:20px;line-height:1.4;letter-spacing:-.01em;margin-bottom:8px}.location-list-link{text-decoration:underline;text-decoration-skip-ink:none;color:#0b0803;display:block;transition:opacity .25s cubic-bezier(.4,0,.2,1)}.location-list-address{line-height:1.5;margin-bottom:16px;font-size:16px}.location-list-direction{font-weight:500;line-height:1.5;color:#0b0803;display:flex;align-items:center;transition:opacity .25s cubic-bezier(.4,0,.2,1)}.location-icon-right{margin-left:8px;fill:#0b0803}.location-map-wrapper{border-radius:40px;width:100%;height:307px;overflow:hidden}.location-map-frame{width:100%;height:100%}@media screen and (min-width:768px){.location-list{flex-wrap:nowrap}.location-item{width:calc(33.3333% - 26.6667px)}.location-contacts-wrapper{width:100%}.location-map-wrapper{height:377px}}@media screen and (min-width:1440px){.location-container{flex-wrap:nowrap;gap:24px}.location-contacts-wrapper{max-width:419px}.location-title{font-size:48px}.location-list{flex-wrap:wrap}.location-item{width:100%}.location-map-wrapper{height:697px;width:869px}}.footer{background-color:#b58869;padding-top:24px;padding-bottom:24px}.footer svg,.footer a{display:block}.footer-content{background-color:#c29d84;border:1px solid rgba(11,8,3,.15);border-radius:40px;padding:32px 48px;display:flex;flex-direction:column;align-items:center;gap:32px;margin-bottom:32px}.footer-follow-us{display:flex;flex-direction:column;align-items:center;gap:40px}.footer-social{display:flex;gap:12px;align-items:center}.footer .nav-links-gap{display:flex;flex-direction:column;align-items:center}.footer-nav-link{transition:opacity cubic-bezier(.4,0,.2,1) .25s}.footer-nav-link:hover,.footer-nav-link:focus{opacity:.5}.footer-legal{text-align:center;font-size:14px}@media only screen and (min-width:768px){.footer-follow-us{flex-direction:row}.footer-social svg{width:24px;height:24px}.footer-logo{width:84px;height:36px}.footer .nav-links-gap{flex-direction:row}}@media only screen and (min-width:1440px){.footer-content{flex-direction:row;justify-content:space-between}}.mobile-menu{position:fixed;top:0;left:0;z-index:9999;height:100%;width:100%;background-color:#e0cbb4;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s cubic-bezier(.4,0,.2,1);transition:visibility .25s cubic-bezier(.4,0,.2,1);transform:translate(100%);transition:transform .3s ease}.mobile-menu.is-open{opacity:1;pointer-events:auto;visibility:visible;transform:translate(0)}.mobile-menu-container{min-width:320px;max-width:375px;padding:0;width:100%;height:100%;display:flex;flex-direction:column;position:relative;margin:0 auto}.logo-btn-container{display:flex;align-items:center;justify-content:space-between;padding:0 16px}.header-logo{display:flex;align-items:center}.mobile-menu-close{background-color:transparent;padding:12px;border:none}.mobile-menu-nav{height:100%;display:flex;justify-content:center;align-items:center}.nav-list-mobile{display:flex;flex-direction:column;align-items:center;gap:32px}@media screen and (min-width:768px){.mobile-menu{display:none}}.modal-overlay{background-color:#00000040;position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;justify-content:center;align-items:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s cubic-bezier(.4,0,.2,1),visibility .25s cubic-bezier(.4,0,.2,1);overflow-y:auto}.modal-overlay.subscription-open{opacity:1;pointer-events:auto;visibility:visible}.modal-overlay:not(.subscription-open) .modal{transform:translate(-50%,-50%) scale(1.5)}.modal{position:absolute;top:50%;left:50%;border-radius:40px;padding:64px 16px;width:288px;background-color:#e0cbb4;transform:translate(-50%,-50%);transition:transform .25s cubic-bezier(.4,0,.2,1)}.modal-close-btn{position:absolute;top:24px;right:24px;border:none;background-color:transparent;padding:0}.modal-svg-btn{display:flex}.modal-title{font-size:32px;text-align:center;text-transform:uppercase;margin-bottom:16px}.modal-text{font-weight:400;font-size:18px;line-height:1.5;text-align:center;margin-bottom:24px}.wrapper-img-btn{display:flex;flex-direction:column;align-items:center;gap:24px}.modal-img{border-radius:24px}.modal-btn{border-radius:100px;padding:10px 24px;width:100%;font-weight:500;font-size:16px;line-height:1.5;color:#fff;box-shadow:0 1px 2px #0b08030d,inset 0 -2px 1px #0003,inset 0 0 0 1px #0b080326,inset 0 2px 1px #ffffff40,inset 0 32px 24px #ffffff0d;background-color:#6f4e37;border:none;display:block;transition:opacity .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}.modal-btn:active{box-shadow:none}.modal-btn:hover,.modal-btn:focus{opacity:.5}@media screen and (min-width:768px){.modal{padding:64px 30px;width:704px}.modal-title{font-size:36px;max-width:502px;margin:0 auto 16px}.modal-text{margin-bottom:48px}.wrapper-img-btn{gap:48px}.modal-img{border-radius:40px}.modal-btn{max-width:340px}}@media screen and (min-width:1440px){.modal{padding:64px;width:866px}.modal-close-btn{right:73px}.modal-title{font-size:48px;max-width:738px}.modal-img{width:100%;max-width:644px;margin:0 auto}.modal-btn{max-width:244px}}