h1,h2,h3,h4,h5,h6,p{margin:0}ul,ol{margin:0;padding:0;list-style:none}a{font-style:normal;text-decoration:none}input,textarea{outline:none}button{display:block;cursor:pointer}img{display:block;max-width:100%}body{font-family:Quicksand,sans-serif;color:#0b0803;background-color:#e0cbb4;scroll-behavior:smooth}html{scroll-behavior:smooth}.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-link{padding-top:18px;padding-bottom:18px;line-height:0}@media screen and (min-width: 768px){header .container{padding:0 64px}}.logo{fill:#0b0803}.header-box{display:flex;align-items:center;justify-content:space-between}.header-button{width:48px;height:48px;background:transparent;border:none}@media screen and (min-width: 768px){.header-button{display:none}}.navigation{display:flex;align-items:center}@media screen and (min-width: 768px){.navigation{justify-content:space-between;width:100%}}.navigation-list{display:none}@media screen and (min-width: 768px){.navigation-list{display:flex;gap:32px}}.navigation-list-item{display:block;line-height:1.5;color:#0b0803;transition:opacity .25s ease-in-out;padding-top:24px;padding-bottom:24px}.navigation-list-item:hover,.navigation-list-item:focus{opacity:.5}.navigation-list-item:active{opacity:.7}.hero-section{padding:109px 0;background-color:#2e2f42;background-image:linear-gradient(#00000080,#00000080),url(/122_html-css_TeaRediT/assets/hero-mobile1x-RozmX1m_.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;width:100%;min-width:320px;max-width:375px;margin:0 auto}.hero-title{font-family:Aboreto,sans-serif;font-weight:400;font-size:40px;line-height:1.2;letter-spacing:-.01em;color:#fff;margin-bottom:24px}.hero-text{font-size:18px;line-height:1.5;color:#fff;margin-bottom:32px}.hero-button{font-weight:500;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:#6f4e37;border-radius:100px;padding:10px 0;min-width:135px;display:inline-block;text-align:center;transition:opacity .25s ease-in-out}.hero-button:hover,.hero-button:focus{opacity:.5}.hero-button:active{opacity:1;box-shadow:none}@media (min-resolution:192dpi){.hero-section{background-image:linear-gradient(#00000080,#00000080),url(/122_html-css_TeaRediT/assets/hero-mobile2x-Xy-kb3iU.jpg)}}@media screen and (min-width:768px){.hero-section{background-image:linear-gradient(#00000080,#00000080),url(/122_html-css_TeaRediT/assets/hero-tablet1x-BcJ73P6e.jpg);padding:312px 0;max-width:768px}@media (min-resolution:192dpi){.hero-section{background-image:linear-gradient(#00000080,#00000080),url(/122_html-css_TeaRediT/assets/hero-tablet2x-BGGFzzrf.jpg)}}.hero-title,.hero-text{width:560px}}@media screen and (min-width: 1440px){.hero-section{background-image:linear-gradient(#00000080,#00000080),url(/122_html-css_TeaRediT/assets/hero-desktop@1x-BPuBuIkc.jpg);padding:259px 0;max-width:1440px}@media (min-resolution:192dpi){.hero-section{background-image:linear-gradient(#00000080,#00000080),url(/122_html-css_TeaRediT/assets/hero-desktop@2x-D2y_7HLd.jpg)}}.hero-title{font-size:56px}}.welcome-section{padding:64px 0}.welcome-container,.welcome-container-text-part{display:flex;flex-direction:column;gap:32px}.welcome-text-title{font-family:Quicksand,sans-serif;font-weight:600;line-height:1.5;margin-bottom:16px}.welcome-title{font-family:Aboreto,sans-serif;font-weight:400;font-size:36px;line-height:1.2;letter-spacing:-.01em}.welcome-text{font-size:18px;line-height:1.5;margin-bottom:32px}.welcome-btn{font-weight:500;font-size:16px;line-height:1.5;color:#fff;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:#6f4e37;height:44px;padding:10px 0;display:flex;align-items:center;justify-content:center;gap:12px;transition:opacity ease-in-out .25s}.icon-location-welcome{fill:#fff;margin-left:12px}.welcome-btn:hover,.welcome-btn:focus{opacity:.5}.welcome-btn:active{box-shadow:none;opacity:1}.welcome-img{width:100%;border-radius:40px}@media screen and (min-width: 768px){.welcome-container-text-part{flex-direction:row;gap:0;justify-content:space-between}.welcome-text,.welcome-title{width:336px}.welcome-btn{display:inline-flex;min-width:181px}}@media screen and (min-width: 1440px){.welcome-container{gap:80px}.welcome-text,.welcome-title{width:640px}.welcome-title{font-size:48px}.welcome-text-title{width:640px}}.quality-section{padding:64px 0}.quality-container{display:flex;flex-direction:column;align-items:center;gap:32px}.quality-header{display:flex;flex-direction:column;align-items:center}.section-subtitle{font-weight:600;line-height:1.5;margin-bottom:16px}.section-title{font-family:Aboreto,sans-serif;font-weight:400;font-size:36px;line-height:1.2;letter-spacing:-.01em;text-align:center;margin-bottom:24px}.quality-description{font-size:18px;line-height:1.5;text-align:center}.quality-list{display:flex;flex-direction:column;gap:24px}.quality-item{display:flex;flex-direction:column;align-items:center;gap:32px}.quality-image{overflow:hidden;width:100%;border-radius:32px}.quality-image img{width:100%}.quality-content{display:flex;flex-direction:column;align-items:center;gap:8px}.quality-subtitle{font-weight:600;font-size:20px;line-height:1.5;text-align:center}.quality-text{line-height:1.5;text-align:center}@media (min-width: 768px){.section-title{width:452px}.quality-list{flex-direction:row;flex-wrap:wrap}.quality-item{width:340px}.quality-item:last-child{width:704px}}@media (min-width: 1440px){.quality-header{width:768px}.section-title{font-size:48px;width:auto}.quality-list{flex-wrap:nowrap;justify-content:space-between;gap:0}.quality-item,.quality-item:last-child{width:calc((100% - 48px) / 3)}}.experience-section{padding:64px 0}.experience-title{font-family:Aboreto,sans-serif;font-weight:400;font-size:36px;line-height:1.2;letter-spacing:-.01em;text-align:center;margin-bottom:24px}.experience-text{font-size:18px;line-height:1.5;text-align:center;margin-bottom:32px}.experience-list{display:flex;flex-direction:column;align-items:center;gap:24px}.experience-item{border-radius:32px;overflow:hidden;width:100%}.experience-item img{width:100%}@media screen and (min-width: 768px){.experience-list{flex-direction:row;flex-wrap:wrap;gap:32px}.experience-item{width:auto}}@media screen and (min-width: 1440px){.experience-title{font-size:48px}.experience-list{flex-direction:column;height:948px}}.subscribe-section{padding:64px 0}.coffee-items{display:flex;flex-direction:column;gap:32px}.coffee-title{font-family:Aboreto,sans-serif;font-size:36px;font-weight:400;margin-bottom:24px;line-height:1.2;letter-spacing:-.01em}.coffee-description{margin-bottom:32px;font-size:18px;line-height:1.5}.subscribe-form{display:flex;flex-direction:column;width:100%}.subscribe-input{width:100%;height:40px;border-radius:12px;padding:8px 12px;background-color:transparent;border:1px solid rgba(11,8,3,.15);line-height:1.5}.subscribe-input:focus{border:1px solid rgba(11,8,3,.35)}.subscribe-input::placeholder{color:#0b080399}.subscribe-input-error{display:none;font-size:12px;line-height:1.5;color:#7f1c1c}.subscribe-form button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:44px;padding:10px 24px;background-color:#6f4e37;color:#fff;line-height:1.5;font-weight:500;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;border-radius:100px;border:none;transition:opacity .25s ease-in-out;margin-top:24px}.subscribe-form button svg{fill:#fff}.subscribe-form button:hover,.subscribe-form button:focus{opacity:.5}.subscribe-form button:active{opacity:.7;box-shadow:none}.subscribe-input:not(:placeholder-shown):invalid{border-color:#7f1c1c;color:#7f1c1c}.subscribe-input:not(:placeholder-shown):invalid~.subscribe-input-error{display:block}.terms{font-size:12px;line-height:1.5;margin-top:16px}.coffee-image img{width:100%;border-radius:40px}@media screen and (min-width: 768px){.subscribe-form{flex-direction:row}.subscribe-label{margin-right:24px}.subscribe-input{height:44px;width:340px}.subscribe-form button{width:auto;margin:0;min-width:158px}}@media screen and (min-width: 1440px){.coffee-items{flex-direction:row;align-items:center;gap:0;justify-content:space-between}.coffee-title{font-size:48px}.coffee-text,.coffee-image{width:640px}}.testimonials-section{padding:64px 0}.testimonials-h{font-family:Aboreto,sans-serif;font-weight:400;font-size:36px;line-height:1.2;letter-spacing:-.01em;margin-bottom:24px}.rewev-comment{font-weight:400;font-size:18px;line-height:150%}.rewev-name{font-weight:600;line-height:150%;margin-top:24px}.rewev-ul{display:flex;flex-wrap:wrap;gap:24px}.rewev-li{display:flex;flex-direction:column;padding:32px;border:1px solid rgba(11,8,3,.15);border-radius:32px;background-color:#c29d84}.star-svg-full{fill:#0b0803;stroke:#0b0803}.star-svg-hollow{fill:transparent;stroke:#0b0803}.star-ul{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:24px}.rewev-content{display:flex;flex-direction:column}@media screen and (min-width: 768px){.rewev-ul{justify-content:center}.rewev-li{width:340px;height:253px;box-sizing:border-box}.rewev-name{margin-top:auto}}@media screen and (min-width: 1440px){.rewev-li{width:310px;height:304px}.testimonials-h{font-size:46px;width:300px}.rewev-name{margin-top:auto}}.location-section{padding:64px 0}.find-paragraph{font-weight:600;line-height:1.5;margin-bottom:16px}.location{margin-bottom:40px}.location-header{font-family:Aboreto,sans-serif;font-size:36px;font-weight:400;line-height:1.2;letter-spacing:-.01em;margin-bottom:24px;text-transform:uppercase}.location-paragraph{font-size:18px;line-height:1.5}.contacts{display:flex;flex-direction:column;gap:40px}.contact-icon{fill:#0b0803;margin-bottom:16px}.contact-header{font-family:Aboreto,sans-serif;font-size:20px;font-weight:400;line-height:1.4;letter-spacing:-.01em;margin-bottom:8px;text-transform:uppercase}.contact-link{display:inline-block;line-height:1.5;text-decoration:underline;color:#0b0803;transition:opacity ease-in-out .25s}.contact-link:hover,.contact-link:focus{opacity:.5}.contact-link:active{opacity:.7}.office-paragraph{line-height:1.5;font-size:20px;margin-bottom:16px}.directions-link{font-weight:500;line-height:1.5;text-decoration:none;color:#0b0803;transition:opacity ease-in-out .25s;display:flex;align-items:center;gap:8px}.directions-link:hover,.directions-link:focus{opacity:.5}.directions-link:active{opacity:.7}.direction-icon{fill:#0b0803}.location-container{display:flex;flex-direction:column;gap:32px}.map-container{height:307px;border-radius:40px;overflow:hidden}.map{filter:grayscale(80%)}@media screen and (min-width: 768px){.contacts{flex-direction:row}.contact-item{flex-basis:calc((100% - 80px) / 3)}.map-container{max-width:704px;width:100%;height:377px}}@media screen and (min-width: 1440px){.location-container{flex-direction:row;gap:0;justify-content:space-between}.contacts{flex-direction:column}.location-header{font-size:48px}.location-sub-container{flex-basis:419px}.map-container{max-width:869px;width:100%;height:697px}}.footer{background:#b58869;padding:24px 0}.footer-bottom{background:#c29d84;border:1px solid rgba(11,8,3,.15);border-radius:40px;padding:32px 0;display:flex;flex-direction:column;align-items:center;gap:32px}.footer-brand{display:flex;flex-direction:column;align-items:center;gap:40px}.footer-link{display:block;width:196px;height:84px}.social-links{display:flex;gap:12px}.social-link{display:block;height:32px}.social-link svg{fill:#0b0803;transition:opacity 259ms ease-in-out}.social-link:hover svg,.social-link:focus svg{opacity:.5}.social-link:active svg{opacity:.7}.footer-nav{display:flex;flex-direction:column;align-items:center;gap:32px}.footer-nav-item{color:#0b0803;line-height:1.5;transition:opacity .25s ease-in-out}.footer-nav-item:hover,.footer-nav-item:focus{opacity:.5}.footer-nav-item:active{opacity:.7}.footer-copy{font-size:14px;margin-top:32px;text-align:center}@media screen and (min-width: 768px){.footer-brand{flex-direction:row}.footer-link svg,.footer-link{width:84px;height:36px}.social-link svg,.social-link{width:24px;height:24px}.footer-nav{flex-direction:row}}@media screen and (min-width: 1440px){.footer-bottom{flex-direction:row;justify-content:space-between;padding:32px 48px}}.backdrop{position:fixed;top:0;left:0;z-index:999;width:100%;height:100%;opacity:0;visibility:hidden;background-color:#e0cbb4;transition:opacity .25s ease-in-out,visibility .25s ease-in-out}.backdrop.is-open{opacity:1;visibility:visible}@media screen and (min-width: 768px){.backdrop.is-open{opacity:0;visibility:hidden}}.modal{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);transition:transform .25s ease-in-out;background:#e0cbb4}.mobile-button-close{width:48px;height:48px;background:transparent;border:0;transition:opacity .25s ease-in-out}.mobile-button-close svg{fill:#0b0803}.mobile-button-close:hover,.mobile-button-close:focus{opacity:.5}.mobile-button-close:active{opacity:.7}.mobile-icon-x{fill:#0b0803}.mobile-link{padding:18px 0;line-height:0}.mobile-logo{fill:#0b0803}.mobile-top{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.mobile-list{display:flex;flex-direction:column;gap:32px;align-items:center}.mobile-list-item{color:#0b0803;transition:opacity .25s ease-in-out;line-height:1.5}.mobile-list-item:hover,.mobile-list-item:focus{opacity:.5}.mobile-list-item:active{opacity:.7}.subscription-modal{opacity:0;visibility:hidden;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000040;display:flex;justify-content:center;align-items:center;transition:opacity .25s ease-in-out,visibility .25s ease-in-out}.subscription-open.subscription-modal{opacity:1;visibility:visible}.subscription-content{background:#e0cbb4;border-radius:40px;padding:64px 16px;width:288px;text-align:center;position:relative}.subscription-close{position:absolute;top:24px;right:24px;border:none;background:transparent;transition:opacity .25s ease-in-out}.subscription-close:hover,.subscription-close:focus{opacity:.5}.subscription-close:active{opacity:.7}.subscription-title{font-family:Aboreto,sans-serif;font-weight:400;font-size:32px;line-height:1.2;letter-spacing:-.01em;text-align:center;margin-bottom:16px}.subscription-text{font-size:18px;line-height:1.5;text-align:center;margin-bottom:24px}.subscription-image{border-radius:24px;margin:0 auto}.subscription-btn{display:inline-block;border-radius:100px;font-weight:500;line-height:1.5;min-width:256px;height:44px;border:none;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;color:#fff;margin-top:24px;transition:opacity .25s ease-in-out}.subscription-btn:hover,.subscription-btn:focus{opacity:.5}.subscription-btn:active{opacity:.7;box-shadow:none}@media screen and (min-width: 768px){.subscription-content{padding:64px 30px;width:704px}.subscription-image{border-radius:40px}.subscription-title{font-size:36px}.subscription-text{margin-bottom:48px}.subscription-btn{min-width:340px;margin-top:48px}}@media screen and (min-width: 1440px){.subscription-content{width:866px;padding:64px}.subscription-title{font-size:48px}.subscription-btn{min-width:274px}}