h1,h2,h3,h4,h5,h6{margin:0}a{text-decoration:none;color:inherit}ul{list-style-type:none;margin:0;padding-left:0}img{display:block;max-width:100%;height:auto}p{margin:0}button{cursor:pointer}body{font-family:Quicksand,sans-serif;color:#0b0803;background-color:#e0cbb4}.container{min-width:320px;max-width:375px;margin:0 auto;padding:0 16px}@media screen and (min-width: 768px){.container{max-width:768px;padding:0 32px}}@media screen and (min-width: 1440px){.container{max-width:1440px;padding:0 64px}}.header-container{display:flex;align-items:center;justify-content:space-between}@media screen and (min-width: 768px){.header-container{padding:0 64px}}.header-logo{padding-top:18px;padding-bottom:18px}.header-nav-list{display:none}.header-nav-list-item{padding:18px 0;font-weight:400;font-size:16px;line-height:1.5;color:#0b0803;display:block}.header-nav-list-item.underline{position:relative;opacity:1;transition:all .5s ease-out}.header-nav-list-item.underline:hover{opacity:.5}.header-nav-list-item.underline:focus{opacity:.3}.header-nav-list-item.underline:after{content:"";position:absolute;left:0;bottom:-1px;border-radius:2px;width:0;height:4px;background-color:#0b0803;transition:all .5s ease-out}.header-nav-list-item.underline:hover:after{width:100%}.burger-btn{padding:12px 0;border:none;background-color:transparent}.burger-icon{display:block;fill:#0b0803}@media screen and (min-width: 768px){.burger-btn{display:none}.header-nav-list{display:flex;gap:32px}}.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-CoffeeJoy10/assets/hero-mobile-C6WAioPO.jpg)}@media (min-resolution: 192dpi){.hero{background-image:url(/project-CoffeeJoy10/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}.hero-link{background-color:#7d533e;font-weight:500;font-size:16px;line-height:1.5;border-radius:100px;width:135px;height:44px;align-items:center;border:none;padding:10px 24px;color:#fff;box-shadow:0 4px 12px #00000038,inset 0 -2px 4px #0000002e,inset 0 2px 4px #ffffff52;display:block}.hero-link:hover{opacity:.5}.hero-link: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-CoffeeJoy10/assets/hero-tablet-BSXAWI4q.jpg)}@media (min-resolution: 192dpi){.hero{background-image:url(/project-CoffeeJoy10/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-CoffeeJoy10/assets/hero-desk-DYoQ98eN.jpg)}@media (min-resolution: 192dpi){.hero{background-image:url(/project-CoffeeJoy10/assets/hero-desk@2x-CeYZOMap.jpg)}}.hero-container{padding-left:64px}.hero-title{font-size:56px}}.welcome-page{padding:64px 0;background-color:#e0cbb4}.welcome-description{display:flex;flex-wrap:wrap;justify-content:center;gap:32px;margin-bottom:32px}.welcome-container{display:flex;flex-direction:column;align-items:start}.welcome-name{font-weight:600;font-size:16px;line-height:1.5;color:#0b0803;margin-bottom:16px}.welcome-title{font-family:Aboreto,sans-serif;font-weight:400;font-size:36px;line-height:1.2;letter-spacing:-.01em;color:#0b0803;text-transform:uppercase}.welcome-text{font-weight:400;font-size:18px;line-height:1.5;color:#0b0803;margin-bottom:32px}.welcome-btn{border-radius:100px;padding:10px 24px;width:288px;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;font-weight:500;font-size:16px;line-height:1.5;color:#fff;display:inline-flex;align-items:center;justify-content:center;border:none}.welcome-btn-svg{fill:#fff;margin-left:12px;transition:all .25s cubic-bezier(.4,0,.2,1)}.welcome-image{border-radius:40px;width:100%;height:auto;margin:0 auto}@media (min-width: 768px){.welcome-container{width:336px}.welcome-btn{width:181px;height:44px;white-space:nowrap;transition:all .25s cubic-bezier(.4,0,.2,1)}.welcome-image{width:704px}}@media (min-width: 1440px){.welcome-description{margin-bottom:80px}.welcome-container{width:640px}.welcome-btn:hover,.welcome-btn:focus{opacity:.5}.welcome-image{width:1312px}}.benefits-section{padding:64px 0}.benefits-section-title{font-family:Aboreto,sans-serif}.benefits-section-name{display:block;line-height:1.5;margin:0 auto 16px;font-weight:600;font-size:16px;text-align:center}.benefits-section-title{margin:0 auto 24px;text-align:center;font-weight:400;font-size:48px;line-height:1.2;letter-spacing:-.01em}.benefits-descr{margin:0 auto 32px;text-align:center;font-weight:400;font-size:16px;line-height:1.6}.benefits-list{display:grid;grid-template-columns:1fr;gap:24px}.benefits-card{display:flex;flex-direction:column}.benefits-media{margin-bottom:32px;line-height:0}img{width:100%;border-radius:32px;object-fit:cover}.benefits-item-title{margin-top:8px;margin-bottom:8px;font-weight:600;font-size:20px;line-height:1.5;text-align:center}.benefits-item-descr{font-weight:400;font-size:16px;line-height:1.5;text-align:center;margin-top:0}@media (max-width: 374px){.benefits-intro,.benefits-cards{width:100%}.benefits-section .benefits-list{gap:0}.benefits-item+.benefits-item{margin-top:24px}img{aspect-ratio:288/164}}@media (min-width: 375px) and (max-width: 767px){.benefits-section .benefits-section-title{font-weight:400;font-size:36px;line-height:1.2;letter-spacing:-.01em}.benefits-descr{font-size:18px;line-height:1.5}.benefits-section .benefits-list{gap:0}.benefits-item+.benefits-item{margin-top:24px}img{aspect-ratio:288/164}}@media (min-width: 768px) and (max-width: 1439px){.benefits-section{padding:64px 0}.benefits-section-title{font-weight:400;font-size:36px;line-height:1.2;letter-spacing:-.01em;width:452px;margin:0 auto 24px}.benefits-section .benefits-descr{font-size:18px;line-height:1.5;margin:0 auto 32px;max-width:704px}.benefits-section .benefits-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.benefits-item:nth-child(3){grid-column:1 / -1}.benefits-section .benefits-item-title{margin-top:0;margin-bottom:8px}.benefits-item:nth-child(1) .benefits-item-title,.benefits-item:nth-child(2) .benefits-item-title{padding-inline:28px}.benefits-item:nth-child(1) .benefits-item-descr,.benefits-item:nth-child(2) .benefits-item-descr{padding-inline:23px}.benefits-item:nth-child(3) .benefits-item-descr{width:440px;margin:0 auto}img{aspect-ratio:352/237}}@media (min-width: 1440px){.benefits-section{padding:64px 0}.benefits-cards{max-width:1312px;margin-inline:auto}.benefits-section .benefits-list{display:flex;flex-wrap:nowrap;gap:24px;align-items:flex-start}.benefits-list .benefits-item{flex:0 0 calc((100% - 48px) / 3);min-width:0}.benefits-list .benefits-item:first-child{min-width:0}.benefits-list .benefits-item+.benefits-item{margin-top:0}.benefits-media img{width:100%;height:240px;object-fit:cover;border-radius:32px;display:block}.benefits-item-title{margin-top:0;margin-bottom:8px;font-weight:600;font-size:20px;line-height:1.5;text-align:center;color:#0b0803}.benefits-item-descr{font-weight:400;font-size:16px;line-height:1.5;text-align:center;color:#0b0803}.benefits-section-title{font-weight:400;font-size:48px;line-height:1.16;letter-spacing:-.01em;width:768px;margin:0 auto 18px;text-align:center}.benefits-descr{font-size:18px;line-height:1.5;max-width:768px;margin:0 auto 32px;text-align:center}}img{display:block;max-width:100%;height:auto;border-radius:32px}.experience{padding:64px 0}.experience-container-text{margin:auto}.experience-heading{font-family:Aboreto,sans-serif;font-weight:400;font-size:36px;line-height:1.2;letter-spacing:-.01em;text-align:center;color:#0b0803;max-width:288px;margin:0 auto 24px}.experience-text{font-family:Quicksand,sans-serif;font-weight:400;font-size:18px;line-height:1.5;text-align:center;color:#0b0803;max-width:288px;margin:0 auto 32px}.experience-list{display:flex;flex-wrap:wrap;gap:24px}.experience-item{min-width:200px}@media screen and (min-width: 768px){.experience-heading,.experience-text{max-width:100%}.experience-list{display:flex;gap:32px;max-width:704px;margin:0 auto}.experience-item{width:calc((100% - 32px)/2)}.experience-item:nth-child(7){width:100%}}@media screen and (min-width: 1440px){.experience-list{flex-wrap:wrap;flex-direction:column;max-width:1312px;max-height:948px}.experience-heading{font-size:48px}.experience-item{width:calc((100% - 64px) / 3)}.experience-item:nth-child(7){width:calc((100% - 64px) / 3);height:416px}.experience-item:nth-child(7) img{height:100%}}.subscribe-section{padding-top:64px;padding-bottom:64px;height:auto}.subscribe-title{font-family:Aboreto,sans-serif;font-weight:400;font-size:36px;line-height:1.2;letter-spacing:-.01em;text-align:left;text-transform:uppercase;width:100%;margin-bottom:24px}.subscribe-text{font-weight:400;font-size:18px;line-height:1.5;margin-bottom:32px;width:100%}.subscribe-form{display:flex;flex-direction:column;row-gap:24px;margin-bottom:16px;width:100%}.subscribe-email{display:flex;align-items:center;border:1px solid rgba(11,8,3,.15);border-radius:12px;padding-left:12px;width:100%;height:40px;background-color:#fff0;outline:none}.subscribe-email::placeholder{border-color:inherit}.subscribe-email::placeholder{color:#0b080399}.subscribe-email:focus::placeholder{color:#0b0803}.subscribe-email:not(:placeholder-shown):invalid{border:1px solid #7f1c1c}.subscribe-email:not(:placeholder-shown):valid{border:1px solid rgba(11,8,3,.6)}.subscribe-valid,.subscribe-invalid{font-size:12px;line-height:1.5;color:#7f1c1c;display:none;width:100%}.subscribe-valid{color:#0b0803}.subscribe-invalid{color:#7f1c1c}.subscribe-email:not(:placeholder-shown):valid~.subscribe-valid{display:block}.subscribe-email:not(:placeholder-shown):invalid~.subscribe-invalid{display:block}.subscribe-button{display:flex;justify-content:center;align-items:center;margin:0 auto;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-color:#6f4e37;width:100%;height:44px;font-weight:500;font-size:16px;line-height:1.5;color:#fff;border:none}.icon-chevron{margin-left:12px;fill:#fff}.subscribe-text-click{font-weight:400;font-size:12px;line-height:1.5;margin-bottom:32px;width:100%}.subscribe-img{border-radius:40px;width:100%}@media (min-width: 375px){.subscribe-section{padding-top:64px;padding-bottom:64px}.subscribe-title{font-family:Aboreto,sans-serif;font-weight:400;font-size:36px;line-height:1.2;letter-spacing:-.01em;text-transform:uppercase;margin-bottom:24px;text-align:left;max-width:100%}.subscribe-text{font-weight:400;font-size:18px;line-height:1.5;margin-bottom:32px;text-align:left;max-width:100%}.subscribe-form{display:flex;flex-direction:column;row-gap:24px;margin-bottom:16px;max-width:100%}.subscribe-email{display:flex;align-items:center;border:1px solid rgba(11,8,3,.15);border-radius:12px;padding-left:12px;height:40px;background-color:#fff0;outline:none;max-width:100%}.subscribe-email::placeholder{border-color:inherit}.subscribe-email::placeholder{color:#0b080399}.subscribe-email:focus::placeholder{color:#0b0803}.subscribe-email:not(:placeholder-shown):invalid{border:1px solid #7f1c1c}.subscribe-email:not(:placeholder-shown):valid{border:1px solid rgba(11,8,3,.6)}.subscribe-valid,.subscribe-invalid{font-size:12px;line-height:1.5;color:#7f1c1c;display:none}.subscribe-valid{color:#0b0803}.subscribe-invalid{color:#7f1c1c}.subscribe-email:not(:placeholder-shown):valid~.subscribe-valid{display:flex}.subscribe-email:not(:placeholder-shown):invalid~.subscribe-invalid{display:flex}.subscribe-button{display:flex;justify-content:center;align-items:center;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-color:#6f4e37;height:44px;font-weight:500;font-size:16px;line-height:1.5;color:#fff;border:none}.icon-chevron{margin-left:12px;fill:#fff}.subscribe-text-click{font-weight:400;font-size:12px;line-height:1.5;color:#0b0803;margin-bottom:32px}.subscribe-img{border-radius:40px}}@media (min-width: 768px){.subscribe-title,.subscribe-text,.subscribe-text-click{width:100%}.subscribe-form{flex-direction:row;column-gap:24px;width:522px}.subscribe-email{width:339px}.subscribe-email::placeholder{border-color:inherit}.subscribe-email:focus::placeholder{color:#0b0803}.subscribe-button{width:158px}.subscribe-img{border-radius:40px;width:704px}}@media (min-width: 1440px){.subscribe-container{display:flex;column-gap:32px;align-items:center}.subscribe-container-desk{width:640px;margin-top:61.5px;margin-bottom:61.5px}.subscribe-title{font-size:48px}.subscribe-form{column-gap:16px;width:513px}.subscribe-button{transition-property:opacity;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.subscribe-button:hover{opacity:.5}.subscribe-button:active{opacity:1}.subscribe-text-click{margin-bottom:0}.subscribe-img{border-radius:40px;width:640px}}.testimonials-page{padding:64px 0;background-color:#e0cbb4}.testimonials-title{font-family:Aboreto,sans-serif;font-weight:400;font-size:36px;line-height:1.2;letter-spacing:-.01em;color:#0b0803;text-transform:uppercase;width:288px;margin-bottom:24px}.testimonials-list{display:flex;flex-direction:row;flex-wrap:wrap;gap:24px;justify-content:center}.testimonials-item{border:1px solid rgba(11,8,3,.15);border-radius:32px;padding:32px;max-width:100%;min-height:235px;min-width:265px;background-color:#c29d84;display:flex;flex-direction:column}.testimonials-icon-group{display:flex;flex-direction:row;gap:4px;margin-bottom:24px}.testimonials-icon-filled{fill:#0b0803}.testimonials-icon-outline{stroke-width:1px;stroke:#0b0803;fill:none}.testimonials-text{font-family:Quicksand,sans-serif;font-weight:400;font-size:18px;line-height:1.5;color:#0b0803}.testimonials-text-name{font-family:Quicksand,sans-serif;font-weight:600;font-size:16px;line-height:1.5;color:#0b0803;margin-top:24px}@media (min-width: 768px){.testimonials-page{padding:64px 0}.testimonials-title{width:498px}.testimonials-item{width:340px;min-height:235px;min-width:310px;background-color:#c29d84}.testimonials-text-name{margin-top:auto}}@media (min-width: 1440px){.testimonials-page{padding:64px 0}.testimonials-title{font-size:48px;width:416px}.testimonials-item{width:310px;min-height:303px}}.location{padding:64px 0}.location-container{display:flex;flex-wrap:wrap;gap:32px}.location-contacts-wrapper{width:100%}.location-text-wrapper{margin-bottom:40px}.location-text-find{font-weight:600;line-height:1.5;margin-bottom:16px}.location-title{font-family:Aboreto,sans-serif;font-weight:400;font-size:36px;line-height:1.2;letter-spacing:-.01em;margin-bottom:24px}.location-text{font-size:18px;line-height:1.5}.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}.location-list-text{font-family:Aboreto,sans-serif;font-size:20px;line-height:1.4;letter-spacing:-.01em;margin-bottom:8px}.location-list-link{line-height:1.5;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}.location-link-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((100% - 80px) / 3)}.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-list-link:hover,.location-link-direction:hover{opacity:.5}.location-list-link:focus,.location-link-direction:focus{opacity:.7}.location-map-wrapper{height:697px}}.mobile-menu{position:fixed;top:0;right:0;height:100%;width:100%;max-width:375px;opacity:0;visibility:hidden;pointer-events:none;outline:none;background-color:#e0cbb4;transition:opacity .25s cubic-bezier(.4,0,.2,1),visibility .25s cubic-bezier(.4,0,.2,1)}.mobile-menu.is-open{opacity:1;pointer-events:auto;visibility:visible}.mobile-menu-container{display:flex;flex-direction:column;padding:18px 16px 0;transform:translate(0);transition:transform .25s cubic-bezier(.4,0,.2,1);width:320px}.mobile-menu:not(.is-open) .mobile-menu-container{transform:translate(100%)}.mobile-menu-logo-link{margin-bottom:18px;display:block;width:84px;height:36px}.mobile-menu-logo{fill:#0b0803}.mobile-menu-btn{position:fixed;top:12px;right:16px;background-color:transparent;border:transparent;width:48px;height:48px;display:flex;justify-content:center;align-items:center}.mobile-menu-icon{fill:#0b0803}.mobile-menu-list{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px}.mobile-menu-link{line-height:1.5}.footer{background:#b58869;padding:24px 0}.footer-container{border:1px solid rgba(11,8,3,.15);border-radius:40px;width:100%;height:500px;padding:32px 48px;background:#c29d84;margin:auto}.div-logo-link{display:flex;gap:40px;flex-wrap:wrap;justify-content:center}.footer-svg-logo{width:196px;height:84px}.footer-svg{width:32px;height:32px}.footer-ul-icons{display:flex;gap:12px;height:32px}.footer-nav-ul{display:flex;flex-direction:column;gap:32px;margin:32px 0 0}.footer-nav-li{display:flex;justify-content:center;height:32px;height:24px}.footer-nav-link{line-height:150%;display:flex;align-items:center}.div-bottom-text{margin:32px auto 0;width:320px}.bottom-text{text-align:center;font-size:14px;line-height:150%}@media screen and (min-width: 768px){.footer-container{border-radius:40px;padding:32px 48px;width:704px;height:156px}.footer-svg-logo{width:84px;height:35px}.footer-svg{width:24px;height:24px}.div-footer-link{display:flex;align-items:center}.footer-ul-icons{height:24px}.footer-nav-ul{flex-direction:row;justify-content:center}}@media screen and (min-width: 1440px){.footer-container{width:1312px;height:100px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center}.div-logo-link{width:220px}.footer-nav-ul{margin:0}.div-footer-nav{display:flex;align-items:center;margin-left:auto}.footer-svg{position:relative;opacity:1;transition:all .5s ease-out}.footer-svg:hover{opacity:.5}.footer-svg:focus{opacity:.3}.footer-nav-link{position:relative;opacity:1;transition:all .5s ease-out}.footer-nav-link:hover{opacity:.5}.footer-nav-link:focus{opacity:.3}.footer-nav-link:after{content:"";position:absolute;left:0;bottom:-1px;border-radius:2px;width:0;height:4px;background-color:#0b0803;transition:all .5s ease-out}.footer-nav-link:hover:after{width:100%}}