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}img,picture{display:block;max-width:100%;height:auto}:root{--font-family: "Quicksand", sans-serif;--second-family: "Aboreto", sans-serif;--color-white: #fff;--color-coffee-lightest: #eadfd6;--color-coffee-lighter: #e0cbb4;--color-coffee-light: #c29d84;--color-coffee: #b58869;--color-coffee-dark: #6f4e37;--color-coffee-darker: #60432f;--color-coffee-darkest: #443022;--color-error-red: #7f1c1c;--color-neutral-darkest: #0b0803;--color-neutral-lighter: #dad9d9;--color-neutral-lightest: #f2f2f2;--color-neutral-light: #b5b4b3;--color-neutral: #858381;--color-neutral-dark: #54524e;--color-neutral-darker: #23201c;--opacity-transparent: rgba(255, 255, 255, 0);--opacity-white-5: rgba(255, 255, 255, .05);--opacity-white-10: rgba(255, 255, 255, .1);--opacity-white-15: rgba(255, 255, 255, .15);--opacity-white-20: rgba(255, 255, 255, .2);--opacity-white-30: rgba(255, 255, 255, .3);--opacity-white-40: rgba(255, 255, 255, .4);--opacity-white-50: rgba(255, 255, 255, .5);--opacity-white-60: rgba(255, 255, 255, .6);--opacity-neutral-darkest-5: rgba(11, 8, 3, .05);--opacity-neutral-darkest-10: rgba(11, 8, 3, .1);--opacity-neutral-darkest-15: rgba(11, 8, 3, .15);--opacity-neutral-darkest-20: rgba(11, 8, 3, .2);--opacity-neutral-darkest-30: rgba(11, 8, 3, .3);--opacity-neutral-darkest-40: rgba(11, 8, 3, .4);--opacity-neutral-darkest-50: rgba(11, 8, 3, .5);--opacity-neutral-darkest-60: rgba(11, 8, 3, .6);--color-scheme-1-background: var(--color-coffee-lighter);--color-scheme-1-border: var(--opacity-neutral-darkest-15);--color-scheme-1-text: var(--color-neutral-darkest);--color-scheme-1-foreground: var(--color-coffee-light);--color-scheme-1-accent: var(--color-neutral-darkest);--color-scheme-2-background: var(--color-coffee);--color-scheme-2-border: var(--opacity-neutral-darkest-15);--color-scheme-2-text: var(--color-neutral-darkest);--color-scheme-2-foreground: var(--color-coffee);--color-scheme-2-accent: var(--color-neutral-darkest)}body{background-color:var(--color-scheme-1-background);color:var(--color-scheme-1-text);font-family:var(--font-family);font-size:18px;line-height:1.5}h1{font-family:var(--second-family);font-size:40px;line-height:1.2;letter-spacing:-.01em;color:var(--color-white);margin-bottom:24px}@media only screen and (min-width: 1440px){h1{font-size:56px}}h2{font-family:var(--second-family);font-size:36px;font-weight:400;line-height:1.2;letter-spacing:-.01em;margin-bottom:24px}@media only screen and (min-width: 1440px){h2{font-size:48px}}h3{font-weight:600;font-size:20px;text-align:center;margin-bottom:8px}.subheader{font-weight:600;font-size:16px}p{margin-bottom:32px}button{border:none;border-radius:100px;padding:10px 24px;font-weight:500;color:var(--color-white);box-shadow:0 1px 2px 0 var(--opacity-neutral-darkest-5),inset 0 -2px 1px #0003,inset 0 0 0 1px var(--opacity-neutral-darkest-15),inset 0 2px 1px #ffffff40,inset 0 32px 24px 0 var(--opacity-white-5);background:var(--color-coffee-dark)}button:hover,button:focus{opacity:.5}button:active{box-shadow:none;opacity:1}button:disabled{opacity:.2}input{background:var(--opacity-transparent);border:1px solid var(--opacity-neutral-darkest-15);border-radius:12px;padding:8px 12px;max-width:340px;outline:none;color:var(--color-scheme-2-text)}input::placeholder{color:var(--opacity-neutral-darkest-60)}input.error{border-color:var(--color-error-red);color:var(--color-error-red)}a{font-weight:500;color:var(--color-neutral-darkest);display:block}a:hover,a:focus{opacity:.5}a:active{opacity:.7}a:disabled{opacity:.2}section{padding:64px 0}.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 .container{display:flex;justify-content:space-between;align-items:center;padding-top:18px;padding-bottom:18px}.navigation{padding-top:10px}.navigation-list{display:none}.navigation .logo{padding-left:10px;padding-right:10px}.burger-menu{padding-right:16px;padding-left:16px}@media only screen and (min-width: 768px){.header .container{padding-top:0;padding-bottom:0}.navigation{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding-top:0}.navigation .logo{padding-top:10px}.navigation-list{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:32px}.item-link{font-weight:500;font-size:16px;line-height:1.5;padding-top:24px}.burger-menu{display:none}}@media only screen and (min-width: 1440px){.navigation .navigation-item:hover,.navigation .navigation-item:focus{color:(var --color-neutral-darkest)}.icon:focus,.icon:hover{color:(var --color-neutral-darkest);cursor:pointer}}.section-hero{background-repeat:no-repeat;background-position:center;background-size:cover;display:flex;align-items:center;justify-content:flex-start;flex-direction:row}.section-container{padding:0 32px}.hero-title{font-weight:400;height:192px;width:100%}.hero-text{color:var(--color-white);height:135px;width:100%}.button-hero{font-size:16px;width:135px;height:44px;border:none;border-radius:100px;padding:10px 24px;font-weight:500;color:var(--color-white);box-shadow:0 1px 2px 0 var(--opacity-neutral-darkest-5),inset 0 -2px 1px #0003,inset 0 0 0 1px var(--opacity-neutral-darkest-15),inset 0 2px 1px #ffffff40,inset 0 32px 24px 0 var(--opacity-white-5);background:var(--color-coffee-dark)}@media only screen and (max-width: 767px){.section-hero{background-image:linear-gradient(#00000080,#00000080),url(/coffee-joy/assets/hero-mobile-min-ddp0wLnr.jpg);min-width:320px}}@media only screen and (max-width: 767px) and (min-resolution: 2x){.section-hero{background-image:linear-gradient(#00000080,#00000080),url(/coffee-joy/assets/hero-mobile@2x-min-CXR13Y1k.jpg)}}@media only screen and (min-width: 768px){.section-hero{background-image:linear-gradient(#00000080,#00000080),url(/coffee-joy/assets/hero-tablet-min-Bu2xe7wG.jpg);height:900px}.section-container{width:100%}.hero-title{width:560px;height:96px}.hero-text{width:560px;height:81px}}@media only screen and (min-width: 768px) and (min-resolution: 2x){.section-hero{background-image:linear-gradient(#00000080,#00000080),url(/coffee-joy/assets/hero-tablet@2x-min-DCXRegcS.jpg)}}@media only screen and (min-width: 1440px){.section-hero{background-image:linear-gradient(#00000080,#00000080),url(/coffee-joy/assets/hero-desktop-min-C-KvtV60.jpg)}.hero-title{height:201px}}@media only screen and (min-width: 1440px) and (min-resolution: 2x){.section-hero{background-image:linear-gradient(#00000080,#00000080),url(/coffee-joy/assets/hero-desktop@2x-min-BhQ21VoJ.jpg)}}.welcome-container{display:flex;flex-direction:column;align-items:center;text-align:start}.subheader{margin-bottom:16px}.welcome-title{margin-bottom:32px}.welcome-btn-icon{fill:var(--color-white);margin-left:12px}.welcome-btn{width:288px;display:inline-flex;justify-content:center;align-items:center;margin:0 auto;border:none;border-radius:100px;padding:10px 24px;font-weight:500;color:var(--color-white);box-shadow:0 1px 2px 0 var(--opacity-neutral-darkest-5),inset 0 -2px 1px #0003,inset 0 0 0 1px var(--opacity-neutral-darkest-15),inset 0 2px 1px #ffffff40,inset 0 32px 24px 0 var(--opacity-white-5);background:var(--color-coffee-dark)}.welcome-img{border-radius:40px;overflow:hidden;margin-top:32px}@media (min-width: 768px){.welcome-container{flex-direction:row;gap:32px;align-items:flex-start}.welcome-content{width:336px}.welcome-title{margin:0}.welcome-btn{width:181px;height:44px;font-size:16px}}@media (min-width: 1440px){.welcome-content{width:640px}.welcome-img{margin-top:80px}}.section-quality{text-align:center}.subheader-quality{font-weight:600;margin-bottom:16px}.quality-header{font-weight:400}.quality-list{display:flex;align-items:center;flex-direction:column;gap:24px}.quality-img{border-radius:32px;width:100%;margin-bottom:32px}.quality-text{font-size:16px}@media only screen and (min-width: 768px){.quality-header{width:452px;margin-left:126px;margin-right:126px}.quality-img{width:auto;height:auto}.quality-list{flex-wrap:wrap;flex-direction:row}.quality-list-item{position:relative;display:flex;flex-direction:column;width:calc((100% - 24px)/2)}.quality-list-item:last-child{flex-grow:2}.quality-list-header{margin-right:28px;margin-left:28px}.quality-text{margin:0 23px}.quality-list-item:nth-child(2) .quality-text{margin:0}.quality-list-item:nth-child(3) .quality-text{margin:0 132px}}@media only screen and (min-width: 1440px){.quality-header{width:768px;margin:0 auto 24px}.quality-header-text{width:768px;margin:0 auto 32px}.quality-list-item{width:422px;width:calc((100% - 48px) / 3)}.quality-list-header{margin:0 auto 8px}.quality-text,.quality-list-item:nth-child(3) .quality-text{margin:0 auto}.quality-list-item:nth-child(1) .quality-text{margin-bottom:24px}}.experience .section-title{text-align:center}.experience .description{text-align:center;margin-bottom:32px}.experience .gallery{display:flex;flex-direction:column;gap:32px}.experience .gallery-item{margin:0 auto;width:auto}.experience .gallery-img{border-radius:32px;overflow:hidden}@media only screen and (min-width: 768px){.experience .gallery{flex-direction:row;flex-wrap:wrap}.experience .gallery-item{width:calc((100% - 32px)/2)}}@media only screen and (min-width: 768px) and (max-width: 1439px){.experience .gallery-item:last-child{flex-grow:2}}@media only screen and (min-width: 1440px){.experience .gallery{flex-direction:column;max-height:948px}.experience .gallery-item{width:calc((100% - 2 * 32px) / 3)}}.sub-img{border-radius:40px;overflow:hidden;margin:32px auto 0}.subscribe-form{display:flex;flex-direction:column;gap:24px}.subscribe-btn-icon{margin-left:12px;fill:var(--color-white)}.subscribe-btn{margin-bottom:16px;display:inline-flex;justify-content:center;align-items:center}.under-btn-text{font-size:12px}@media (min-width: 768px){.subscribe-form{flex-direction:row;margin-bottom:16px}.subscribe-form>input{width:340px;height:44px}.subscribe-btn{height:44px;margin-bottom:0}}@media (min-width: 1440px){.subscribe-container{display:flex;justify-content:center;align-items:center;gap:32px}.subscribe-content{max-width:640px;text-align:left;margin:0}}.testimonials-title{color:var(--color-scheme-1-text)}.testimonials-list{display:flex;flex-direction:column;gap:24px}.testimonials-list-item{padding:32px;background-color:var(--color-scheme-1-foreground);border:1px solid var(--color-scheme-1-border);border-radius:32px}.testimonials-box{margin-bottom:24px}.testimonials-box-list{display:flex;gap:4px;margin-bottom:24px}.testimonials-box-icon{cursor:pointer;display:block}.testimonials-box-icon.one-star,.testimonials-box-icon.two-stars{fill:transparent;stroke-width:1px;stroke:var(--color-scheme-1-text)}.testimonials-box-feed{font-size:18px;line-height:1.5;color:var(--color-scheme-1-text)}.testimonials-list-person{font-weight:600;font-size:16px;line-height:1.5;color:var(--color-scheme-1-text)}@media only screen and (min-width: 768px){.testimonials-list{flex-direction:row;flex-wrap:wrap;gap:24px}.testimonials-list-item{position:relative;display:flex;flex-direction:column;width:calc((100% - 24px)/2);height:253px}.testimonials-box{margin-bottom:auto}}@media only screen and (min-width: 1440px){.testimonials-title{max-width:416px}.testimonials-list-item{width:calc((100% - 72px)/4);height:303px}}.contact-title{font-weight:400;line-height:1.4;letter-spacing:-.01em;font-family:var(--second-family);text-align:start;text-transform:uppercase}.find-box{margin-bottom:40px}.find-text{margin-bottom:16px}.location .contacts{display:flex;flex-direction:column;gap:40px;margin-bottom:32px}.location .contact-icon{margin-bottom:16px}.location .contact-title{margin-bottom:8px}.location .contact-link{font-weight:400;font-size:16px;line-height:1.5;text-decoration:underline;text-decoration-skip-ink:none;color:var(--color-scheme-1-text)}.location .map-address{font-size:16px}.location .map-link{font-size:16px;line-height:1.5;margin-right:8px}.icon-chevron{margin-left:8px}#map{border-radius:40px;width:100%;height:307px}@media only screen and (min-width:768px){.location .contacts{flex-direction:row}.location .contact-item{width:208px}#map{width:704px;height:377px}}@media only screen and (min-width:1440px){.box{display:flex;gap:24px}.location .contacts{flex-direction:column}#map{width:869px;height:697px}.box-text{width:419px;height:633px}.location .contact-item{width:100%}}.footer{padding:24px 0;background-color:var(--color-scheme-2-foreground)}.footer-block{display:flex;flex-direction:column;align-items:center;padding:32px 48px;border:1px solid var(--color-scheme-1-border);border-radius:40px;background:var(--color-scheme-1-foreground);margin-bottom:32px}.footer-logo-soc{display:flex;flex-direction:column;align-items:center}.footer-logo{width:147px;height:85px;margin-bottom:40px}.soc-list{display:flex;flex-direction:row;gap:12px;margin-bottom:32px}.footer .soc-icon{width:32px;height:32px;cursor:pointer;display:block}.footer .nav-list{display:flex;flex-direction:column;gap:32px;text-align:center}.nav-link{font-weight:400;font-size:16px}.footer-rights{font-weight:400;font-size:14px;color:var(--color-scheme-1-text);text-align:center}@media only screen and (min-width: 786px){.footer-logo{width:84px;height:36px}.footer-logo-soc,.footer .nav-list{flex-direction:row;gap:32px}}@media only screen and (min-width: 1440px){.footer-logo{margin:0}.footer-block{flex-direction:row}.footer .soc-list{margin:0}.footer-logo-soc{margin-right:auto}}.modal-overlay{position:fixed;display:flex;width:100%;height:100%;align-items:center;justify-content:center;top:0;left:0;z-index:999;background-color:#00000040;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease-in-out,visibility .25s ease-in-out}.modal-overlay.subscription-open{opacity:1;visibility:visible;pointer-events:auto}.modal-menu{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:40px;padding:64px 16px;width:288px;min-height:631px;background-color:#e0cbb4;align-items:center;justify-content:center;transition:transform .25s ease-in-out}.modal-btn{display:flex;position:absolute;padding:0;top:24px;right:24px;width:32px;height:32px;align-items:center;justify-content:center;background-color:transparent;border:none;box-shadow:none}.modal-btn-svg{fill:#0b0803}.modal-title{font-weight:400;font-size:32px;text-align:center;color:#0b0803}.modal-text{font-weight:400;font-size:18px;line-height:1.5;text-align:center;color:#0b0803}.modal-img{border-radius:24px;width:256px;height:200px;margin:24px auto}.modal-close-btn{display:block;width:256px;height:44px;margin:0 auto}@media only screen and (min-width: 768px){.modal-menu{padding:64px 30px;width:704px;min-height:771px}.modal-title{font-size:36px;max-width:470px;margin:0 auto 24px}.modal-img{border-radius:40px;width:644px;height:374px;margin:48px auto}.modal-close-btn{width:340px}}@media only screen and (min-width: 1440px){.modal-menu{padding:64px;width:866px;min-height:801px}.modal-btn{right:73px}.modal-title{font-size:48px;max-width:630px}.modal-close-btn{width:274px}}