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;color:inherit}button{cursor:pointer}img{display:block;max-width:100%;height:auto}*,*:before,:after{box-sizing:border-box}body{background-color:#e0cbb4;font-family:Quicksand,sans-serif;color:#0b0803}h1,h2,h3,h4,h5,h6{font-family:Aboreto,sans-serif;color:#0b0803}button{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:#6f4e37;color:#fff;font-family:Quicksand,sans-serif}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}.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}}.header{padding:18px 0;transition:all 1s cubic-bezier(.17,.67,.83,.67)}.header-container{display:flex;justify-content:space-between;align-items:center}.header-nav-list{display:none}.header-logo-svg{max-width:64px;max-height:36px;object-fit:contain}.burger-btn{padding:0;background-color:transparent;border:none;box-shadow:none}.burger-svg{display:block;fill:#0b0803}.header-nav-link{display:block;transition:transform .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1)}.header-nav-link:hover,.header-nav-link:focus{transform:scale(1.05);color:#fff}@media only screen and (min-width: 768px){.burger-btn{display:none}.header.scrolled{position:sticky;top:10px;width:704px;background-color:#c08c67;border-radius:60px;margin:0 auto;z-index:1000;opacity:.5}.header.scrolled:hover,.header.scrolled:focus{opacity:1}.header-nav{display:flex}.header-nav-list{display:flex;gap:32px}.header-nav-link{font-weight:400;font-size:16px;line-height:1.5;color:#0b0803}}@media only screen and (min-width: 1440px){.header.scrolled{position:sticky;top:10px;width:1312px;background-color:#c08c67;border-radius:60px;margin:0 auto;z-index:1000;opacity:.5}.header.scrolled:hover,.header.scrolled:focus{opacity:1}}.hero{max-width:375px;margin:auto;padding-top:108.5px;padding-bottom:108.5px;background-repeat:no-repeat;background-position:center;background-size:cover;background-image:url(/project-CoffeeJoy/assets/hero-mobile-C6WAioPO.jpg)}@media (min-resolution: 192dpi){.hero{background-image:url(/project-CoffeeJoy/assets/hero-mobile@2x-CFGVRd7f.jpg)}}.hero-container{padding-left:32px}.hero-title{font-weight:400;font-size:40px;line-height:1.2;letter-spacing:-.01em;color:#fff;text-transform:uppercase;max-width:256px;margin-bottom:24px}.hero-text{font-family:Quicksand,sans-serif;font-weight:400;font-size:18px;line-height:1.5;color:#fff;margin-bottom:32px}.text-hero-btn{font-family:Quicksand,sans-serif;font-weight:500;padding:10px 24px;font-size:16px;line-height:150%;border-radius:100px;width:135px;height:44px;align-items:center;border:none;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:#6f4e37;transition:transform .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1)}.button{font-weight:500;font-size:16px;line-height:1.5;border-radius:100px;width:135px;height:44px;align-items:center;border:none}.text-hero-btn:hover{opacity:.5}.text-hero-btn:focus{box-shadow:none}.button:focus{box-shadow:none}@media screen and (min-width: 768px){.hero{max-width:768px;padding-top:311.5px;padding-bottom:311.5px;background-repeat:no-repeat;background-position:center;background-size:cover;background-image:url(/project-CoffeeJoy/assets/hero-tablet-BSXAWI4q.jpg)}@media (min-resolution: 192dpi){.hero{background-image:url(/project-CoffeeJoy/assets/hero-tablet@2x-CNGm5jIm.jpg)}}.hero-container{padding-left:32px}.hero-title,.hero-text{max-width:560px}}@media screen and (min-width: 1440px){.hero{max-width:1440px;padding-top:259px;padding-bottom:259px;background-repeat:no-repeat;background-position:center;background-size:cover;background-image:url(/project-CoffeeJoy/assets/hero-desk-DYoQ98eN.jpg)}@media (min-resolution: 192dpi){.hero{background-image:url(/project-CoffeeJoy/assets/hero-desk@2x-CeYZOMap.jpg)}}.hero-container{padding-left:64px}.hero-title{font-size:56px}}.welcome-container{display:flex;flex-direction:column;align-items:center;gap:32px}.Welcome-section{padding-top:64px;padding-bottom:64px}.text-container{display:flex;flex-direction:column;gap:32px;width:100%;max-width:600px}.headline-welcome{font-family:Quicksand,sans-serif;font-weight:600;font-size:16px;line-height:150%;color:#0b0803}.title-welcome{font-family:Aboreto,sans-serif;font-weight:400;font-size:36px;line-height:120%;letter-spacing:-.01em;color:#0b0803}.welcome-p{font-family:Quicksand,sans-serif;font-weight:400;font-size:18px;line-height:150%;color:#0b0803}.location-btn{font-family:Quicksand,sans-serif;font-weight:500;line-height:150%;border-radius:100px;padding:10px 24px;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:#6f4e37;display:flex;align-items:center;justify-content:center;gap:12px;font-size:16px;color:#fff;border:none;transition:all .3s ease;cursor:pointer}.location-btn:hover,.location-btn:focus{opacity:.5}.location-btn:active{opacity:1}.text-inner{display:flex;flex-direction:column;gap:32px}.headings{display:flex;flex-direction:column;gap:16px}.content{display:flex;flex-direction:column;gap:32px}.img-welcome picture,.img-welcome img{width:100%;height:100%;object-fit:cover;border-radius:40px;display:block}.img-welcome{width:100%;border-radius:40px;overflow:hidden}@media (min-width: 768px) and (max-width: 1439px){.title-welcome{line-height:1.2;max-width:336px;margin:0 auto;text-align:left}.text-inner{min-width:704px;display:flex;flex-direction:row;gap:32px;justify-content:space-between;align-items:flex-start;margin-left:-50px}.headings{flex:0 0 336px;min-height:169px}.content{flex:0 0 336px;min-height:265px}.location-btn{width:181px;height:44px;padding:0}}@media (min-width: 1440px){.welcome-container{align-items:center;gap:64px}.title-welcome{font-size:48px}.text-inner{width:1312px;height:184px;display:flex;flex-direction:row;justify-content:space-between;gap:32px;margin-left:-350px}.content{width:640px;height:184px;flex-shrink:0}.location-btn{width:181px;height:44px;padding:0}}.quality{padding:64px 0}.quality-label{font-family:Quicksand;font-weight:600;font-style:SemiBold;font-size:16px;line-height:150%;letter-spacing:0%;text-align:center;color:#0b0803;margin-bottom:16px}.quality-title,.quality-subtitle{text-align:center;max-width:768px;margin-left:auto;margin-right:auto;margin-bottom:32px}.quality-title{font-family:Aboreto;font-weight:400;font-size:36px;line-height:120%;text-align:center}.quality-subtitle{font-family:Quicksand;font-weight:400;font-style:Regular;font-size:16px;line-height:150%;letter-spacing:0%;text-align:center;color:#0b0803}.quality-list{display:flex;flex-wrap:wrap;gap:24px;width:100%;padding:0;margin:0;justify-content:center}.quality-item{display:flex;flex-direction:column;align-items:center;width:100%}.img-wrapper{border-radius:32px;width:100%}.img-wrapper img{width:100%;height:100%;display:block;object-fit:cover;border-radius:32px}.text-wrapper{width:100%;box-sizing:border-box;margin-top:32px}.quality-item h3{font-family:Quicksand;font-weight:600;font-size:20px;line-height:150%;text-align:center;color:#0b0803;margin:0 0 8px}.quality-item p{font-family:Quicksand;font-weight:400;font-size:16px;line-height:150%;color:#0b0803;text-align:center;margin:0}@media only screen and (min-width: 768px){.quality-title{max-width:452px}.quality-list{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.quality-item:nth-child(1),.quality-item:nth-child(2){flex:0 0 340px}.quality-item:nth-child(1) .img-wrapper img,.quality-item:nth-child(2) .img-wrapper img{width:340px;height:193px}.quality-item:nth-child(3) .img-wrapper img{width:700px;height:400px}.quality-item:nth-child(3) .text-wrapper{width:440px;align-items:center}.text-wrapper{max-width:100%}.quality-title{font-family:Aboreto;font-weight:400;font-size:36px;line-height:120%;text-align:center}}@media only screen and (min-width: 1440px){.quality-list{display:flex;flex-wrap:nowrap;gap:24px;justify-content:center}.quality-item{width:calc((100% - 48px) / 3)}.quality-item:nth-child(1) .img-wrapper img,.quality-item:nth-child(2) .img-wrapper img{height:240px;width:420px}.quality-item:nth-child(3) .img-wrapper img{height:240px;width:420px}.text-wrapper{width:421px;margin:32px auto 0}.quality-title{max-width:764px;font-family:Aboreto;font-weight:400;font-size:48px;line-height:120%;text-align:center}.quality-subtitle{font-size:18px}}.experience{padding:64px 0}.experience-container{display:flex;flex-direction:column;align-items:center}.experience-title{font-weight:400;font-size:36px;line-height:1.2;letter-spacing:-.01em;text-align:center;color:#0b0803;margin-bottom:24px}.experience-text{font-weight:400;font-size:18px;line-height:1.5;color:#0b0803;text-align:center;margin-bottom:32px}.experience-list{display:flex;flex-direction:column;row-gap:24px;width:100%;justify-content:flex-start;margin:0 auto}.experience-item{flex-grow:1;width:100%}.experience-image{display:block;border-radius:32px;width:100%;height:100%;object-fit:cover}@media screen and (min-width: 768px){.experience-container{padding:0 32px}.experience-list{flex-direction:row;flex-wrap:wrap;row-gap:32px;column-gap:32px}.experience-item{width:calc((100% - 32px)/2)}}@media screen and (min-width: 1440px){.experience-container{padding:0 64px}.experience-title{font-size:48px}.experience-list{flex-direction:column;max-height:948px}.experience-item{box-sizing:border-box;width:416px;flex-grow:0}}.subscribe{padding-top:64px;padding-bottom:64px}.subscribe-container{display:flex;flex-direction:column;align-items:center;gap:32px}.subscribe-title{font-weight:400;font-size:36px;line-height:1.2;letter-spacing:-.01em;margin-bottom:24px}.subscribe-text{font-weight:400;font-size:18px;line-height:1.5;margin-bottom:32px}.subscribe-form{display:flex;align-items:flex-start;flex-direction:column;gap:24px;margin-bottom:16px}.subscribe-label{width:100%}.subscribe-input{border:1px solid rgba(11,8,3,.15);border-radius:12px;padding:8px 12px;width:100%;height:40px;background:transparent;outline:none;transition:border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.subscribe-input:focus{border:1px solid rgba(111,78,55,.5);box-shadow:inset 0 0 2px 2px #6f4e3733}.subscribe-input:not(:placeholder-shown):invalid{border-color:red;box-shadow:inset 0 0 2px 2px #c51a1a33}.subscribe-input:not(:placeholder-shown):valid{border-color:green;box-shadow:inset 0 0 2px 2px #15c12033}.text-valid,.text-invalid{font-size:12px;padding-left:20px;margin-top:4px;display:none}.text-valid{color:green}.text-invalid{color:red}.subscribe-input:not(:placeholder-shown):valid~.text-valid{display:block}.subscribe-input:not(:placeholder-shown):invalid~.text-invalid{display:block}.subscribe-btn{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:12px;border:none;border-radius:100px;padding:10px 24px;width:100%;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:#6f4e37;font-weight:500;font-size:16px;line-height:1.5;color:#fff;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.subscribe-btn:hover,.subscribe-btn:focus{opacity:.5}.subscribe-btn:active{opacity:1}.subscribe-text-agree{font-size:12px;font-weight:400;line-height:1.5}.subscribe-img{border-radius:40px}@media (min-width: 768px){.subscribe-container{align-items:start}.subscribe-form{flex-direction:row}.subscribe-label{width:340px}.subscribe-input{height:44px}.subscribe-btn{width:158px}.subscribe-img{width:100%}}@media (min-width: 1440px){.subscribe-box{width:640px}.subscribe-title{font-size:48px}.subscribe-container{flex-direction:row;align-items:center}.subscribe-form{gap:16px}}.testimonials{padding-top:64px;padding-bottom:64px}#scrollToTop{display:none;position:fixed;z-index:10;bottom:20px;right:20px;cursor:pointer;opacity:.5;transition:opacity .3s ease}#scrollToTop:hover{opacity:1}.testimonials-svg-up{fill:#6f4e37}.testimonials-title{font-weight:400;font-size:36px;line-height:1.2;letter-spacing:-.01em;margin-bottom:24px}.testimonials-list{display:flex;flex-wrap:wrap;align-items:stretch;gap:24px}.testimonials-item{border:1px solid rgba(11,8,3,.15);border-radius:32px;padding:32px;background-color:#c29d84;display:flex;flex-direction:column}.testimonials-item{transition:transform,color .3s cubic-bezier(.4,0,.2,1);transition:transform .3s ease}.testimonials-item:hover,.testimonials-item:focus{transform:scale(1.1);color:#fff}.testimonials-starbox{display:flex;gap:4px;margin-bottom:24px}.testimonials-text{font-weight:400;font-size:18px;line-height:1.5;margin-bottom:24px;flex-grow:1}.testimonials-username{font-weight:600;font-size:16px;line-height:1.5}@media screen and (min-width: 768px){.testimonials-item{flex-basis:calc((100% - 24px)/2)}}@media only screen and (min-width: 1440px){.testimonials-item{flex-basis:calc((100% - 72px)/4)}.testimonials-title{width:416px;font-size:48px}}.location{padding-top:64px;padding-bottom:64px}.location-container{display:flex;flex-direction:column}.location-wrapper{margin-bottom:32px}.location-title-text{font-weight:600;font-size:16px;line-height:150%;margin-bottom:16px}.location-title{font-weight:400;font-size:36px;line-height:120%;letter-spacing:-.01em;margin-bottom:24px}.location-description{font-weight:400;font-size:18px;line-height:150%;margin-bottom:40px}.location-contacts-list{display:flex;flex-direction:column;gap:40px}.location-contacts-link{transition:transform,color .3s cubic-bezier(.4,0,.2,1)}.location-contacts-link:hover,.location-contacts-link:focus{transform:scale(1.1);color:#fff}.location-item-icon{margin-bottom:16px}.location-contacts{font-style:normal}.location-contacts-title{font-weight:400;font-size:20px;line-height:140%;letter-spacing:-.01em;margin-bottom:8px}.location-contacts-link{font-weight:400;font-size:16px;line-height:150%;text-decoration:underline;text-decoration-skip-ink:none}.location-address-text{font-weight:400;font-size:16px;line-height:150%;margin-bottom:16px}.location-address-button{display:flex;flex-direction:row;align-items:center;font-weight:500;font-size:16px;line-height:150%;background-color:transparent;border:none;box-shadow:none;color:#0b0803;padding:0;transition:color .3s cubic-bezier(.4,0,.2,1)}.location-address-button:hover,.location-address-button:focus{color:#fff}.location-address-button:hover .location-address-btn-chevron,.location-address-button:focus .location-address-btn-chevron{fill:#fff}.location-address-btn-chevron{margin-left:8px;transition:fill .3s cubic-bezier(.4,0,.2,1)}.location-map-continer{display:flex;justify-content:center;width:100%}.location-map{border-radius:40px;width:100%;height:307px}@media only screen and (min-width: 768px){.location-contacts-list{flex-direction:row}.location-contacts-item{width:208px}.location-map{width:704px;height:377px}}@media only screen and (min-width: 1440px){.location-container{flex-direction:row;justify-content:space-between;align-items:flex-start}.location-wrapper{width:420px;margin-bottom:0}.location-title{font-size:48px}.location-contacts-list{flex-direction:column}.location-contacts-item{width:100%}.location-map-continer{width:869px}.location-map{width:869px;height:697px}}.mobile-menu{background-color:#e0cbb4;position:fixed;top:0;right:0;width:100%;height:100%;z-index:1000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s cubic-bezier(.4,0,.2,1),visibility .25s cubic-bezier(.4,0,.2,1)}.mobile-menu.is-open{opacity:1;visibility:visible;pointer-events:auto}.mobile-menu-container{display:flex;position:relative;justify-content:center;padding-bottom:54px;padding-top:72px;flex-direction:column;align-items:center;height:100%}.header-mobile-menu-logo{position:absolute;top:18px;left:16px}.mobile-menu-close{background-color:transparent;border:none;outline:none;box-shadow:none;position:absolute;top:22px;right:16px}.mobile-menu-nav-list{display:flex;flex-direction:column;gap:32px}.mobile-menu-nav-link{font-weight:400;font-size:16px;line-height:1.5;color:#0b0803}@media only screen and (min-width: 768px){.mobile-menu{display:none}}.footer{background-color:#b58869;padding-top:24px;padding-bottom:24px}.footer-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:32px}.footer-content-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:32px 48px;border:1px solid rgba(11,8,3,.15);border-radius:40px;width:100%;background:#c29d84;gap:32px}.footer-links-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px}.footer-socials-list{display:flex;justify-content:center;align-items:center;gap:12px}.footer-socials-link{transition:fill .25s cubic-bezier(.4,0,.2,1)}.footer-socials-link:hover,.footer-socials-link:focus{fill:#fff}.footer-nav-list{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:32px}.footer-nav-item{font-weight:400;font-size:16px;line-height:1.5}.footer-nav-link{display:block;transition:transform .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1)}.footer-nav-link:hover,.footer-nav-link:focus{transform:scale(1.1);color:#fff}.footer-copyright{font-weight:400;font-size:14px;line-height:1.5}@media only screen and (min-width: 768px){.footer{padding-right:32px;padding-left:32px}.footer-container{max-width:768px}.footer-content-wrapper{flex-direction:row;flex-wrap:wrap;padding:32px 48px;row-gap:32px}.footer-links-wrapper,.footer-nav-list{flex-direction:row}}@media only screen and (min-width: 1440px){.footer{padding-right:64px;padding-left:64px}.footer-container{max-width:1440px}.footer-content-wrapper{flex-wrap:wrap;gap:0;justify-content:space-between}}.modal-overlay{background:#00000040;position:fixed;top:0;left:0;width:100%;height:100%;z-index:999;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility .3s cubic-bezier(.4,0,.2,1)}.modal-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.modal{width:288px;align-items:center;display:flex;flex-direction:column;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#e0cbb4;padding:64px 16px;border-radius:40px}.modal-xclose-btn{display:flex;justify-content:center;align-items:center;padding:0;cursor:pointer;border-radius:50%;box-shadow:none;position:absolute;top:24px;right:24px;fill:#2e2f42;background-color:transparent;width:32px;height:32px;border:none}.modal-xclose-btn:hover,.modal-xclose-btn:focus{box-shadow:0 0 15px #6f4e37b3}.modal-xclose-btn:focus{box-shadow:0 0 15px #6f4e37}.modal-title{font-weight:400;font-size:32px;line-height:1.2;letter-spacing:-.01em;text-align:center;margin-bottom:16px}.modal-text{font-weight:400;font-size:18px;line-height:1.5;text-align:center;margin-bottom:24px}.modal-img{border-radius:24px;margin-bottom:24px}.modal-btn-close{display:flex;align-items:center;justify-content:center;border:none;border-radius:100px;padding:10px 24px;width:100%;height:44px;font-weight:500;font-size:16px;line-height:1.5}.modal-btn-close:hover,.modal-btn-close:focus{opacity:.5}.modal-btn-close:active{opacity:1}@media (min-width: 768px){.modal{width:704px}.modal-title{font-size:36px}.modal-text,.modal-img{margin-bottom:48px}.modal-btn-close{width:340px}}@media (min-width: 1440px){.modal{width:866px}.modal-title{font-size:48px}.modal-btn-close{width:274px}}