h1,h2,h3,h4,h5,h6,p{margin:0}ul{margin:0;padding:0;list-style:none}a{color:currentColor;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%;height:auto}:root{--color-scheme-1-background: var(--color-coffee-lighter);--color-neutral-darkest: #0b0803;--color-scheme-1-border: var(--opacity-neutral-darkest-15);--color-scheme-1-text: var(--color-neutral-darkest);--color-neutral-lighter: #dad9d9;--color-white: #fff;--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);--color-scheme-1-foreground: var(--color-coffee-light);--color-scheme-1-accent: var(--color-neutral-darkest);--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-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-scheme-2-text: var(--color-neutral-darkest);--color-scheme-2-background: var(--color-coffee);--color-scheme-2-border: var(--opacity-neutral-darkest-15);--color-scheme-2-accent: var(--color-neutral-darkest);--color-scheme-2-foreground: var(--color-coffee);--color-error-red: #7f1c1c}html{scroll-behavior:smooth}body{font-family:Quicksand,sans-serif;font-weight:400;font-size:18px;line-height:1.5;letter-spacing:0;width:100%;overflow-x:hidden;color:var(--color-scheme-1-text);background-color:var(--color-scheme-1-background)}h1,h2,h3,h4,h5,h6{font-family:Aboreto,sans-serif}button{cursor:pointer;border:none}body:has(.modal-backdrop.subscription-open){overflow:hidden}body:has(.mobile-menu.is-open){overflow:hidden}.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}.btn{display:flex;justify-content:center;align-items:center;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:var(--color-coffee-dark);font-weight:500;font-size:16px;line-height:1.5;color:var(--color-white);cursor:pointer;transition:opacity .2s ease-in-out}@media (hover: hover){.btn:hover,.btn:focus{opacity:.5}.btn:active{box-shadow:none;opacity:1}}.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-section{padding:18px 0}.nav{display:flex;justify-content:space-between}.nav-logo{display:inline-flex;align-items:center;justify-content:center}.burger-button{border:none;display:flex;align-items:center;justify-content:center;padding:0;background-color:transparent}@media screen and (min-width: 768px){.burger-button{display:none}}.burger-icon{fill:#0b0803}.menu-list{display:none}@media screen and (min-width: 768px){.menu-list{display:flex;align-items:center;gap:32px}}.menu-link{font-size:16px;transition:color .25s ease-in-out}.menu-link:hover,.menu-link:focus{color:#54524e}.hero{padding:108.5px 0;background-image:linear-gradient(#00000080,#00000080),url(/coffee-joy/assets/img-hero-Bba9Bdnv.jpg);background-position:center;background-size:cover;background-repeat:no-repeat}@media (min-resolution: 192dpi){.hero{background-image:linear-gradient(#00000080,#00000080),url(/coffee-joy/assets/img-hero@2x-BGr11zJJ.jpg)}}.title-hero{margin-bottom:24px;font-size:40px;line-height:120%;letter-spacing:-.01em;color:var(--color-white)}.paragraph-hero{line-height:150%;color:var(--color-white);margin-bottom:32px}.bth-hero{padding:10px 24px;width:135px;height:44px}@media screen and (min-width: 768px){.hero{padding:311.5px 0}.title-hero,.paragraph-hero{max-width:560px}}@media only screen and (min-width: 1440px){.hero{padding:259px 0}.title-hero{font-size:56px}}.section{padding:64px 0}.section-content{display:flex;flex-direction:column;gap:32px;margin-bottom:32px}@media only screen and (min-width: 768px){.section-content{flex-direction:row}}@media only screen and (min-width: 768px){.section-content-part{width:calc((100% - 32px)/2)}}.section-tagline{font-weight:600;font-size:16px;margin-bottom:16px}.section-title{font-size:36px;line-height:1.2;letter-spacing:-.01em;text-transform:uppercase}@media only screen and (min-width: 1440px){.section-title{font-size:48px}}.section-text{margin-bottom:32px}.btn-icon{fill:var(--color-white)}.welcome-btn{width:100%;height:44px;padding:10px 24px;margin:0 auto}@media only screen and (min-width: 768px){.welcome-btn{width:181px;margin:0;gap:12px}}.section-image-wrapper{border-radius:40px;overflow:hidden}.section-quality{padding:64px 0}.quality-name{font-weight:600;font-size:16px;text-align:center;margin-bottom:16px}.quality-title{font-size:36px;line-height:1.2;letter-spacing:-.01em;text-align:center;margin:0 auto 24px}.quality-text{text-align:center;margin:0 auto 32px}.quality-list{display:flex;flex-wrap:wrap;gap:24px}.quality-item{width:100%}.quality-item-img{width:100%;border-radius:32px;margin-bottom:32px}.quality-item-title{font-weight:600;font-size:20px;text-align:center;margin:0 auto 8px}.quality-item-text{font-size:16px;text-align:center;margin:0 auto}@media only screen and (min-width: 768px) and (max-width: 1439px){.quality-title{max-width:452px}.quality-item{width:calc((100% - 24px)/2)}.quality-item:last-child{width:100%}.quality-item:first-child .quality-item-title{max-width:284px}.quality-item:first-child .quality-item-text{max-width:294px}.quality-item:last-child .quality-item-text{max-width:440px}}@media only screen and (min-width: 1440px){.quality-title{font-size:48px;max-width:768px}.quality-text{max-width:764px}.quality-item{width:calc((100% - 24px * 2) / 3)}}.experience-section{padding:64px 0}.experience-title{font-size:36px;line-height:120%;letter-spacing:-.01em;text-align:center;margin-bottom:24px}.experience-text{line-height:150%;text-align:center;margin-bottom:32px}@media only screen and (min-width: 1440px){.experience-title{font-size:48px}}.gallery-list{display:flex;flex-direction:column;gap:24px;align-items:center}.gallery-item{width:100%}.gallery-img{overflow:hidden;border-radius:32px;width:100%}@media only screen and (min-width: 768px){.gallery-list{flex-direction:row;flex-wrap:wrap;gap:32px}.gallery-item{width:auto}}@media only screen and (min-width: 1440px){.gallery-list{flex-direction:column;flex-wrap:wrap;max-height:948px}}.subscribe{padding:64px 0}.subscribe-container{display:flex;flex-direction:column;align-items:center;gap:32px}.sub-form-container{width:100%}@media only screen and (min-width: 1440px){.sub-form-container{width:640px}}@media only screen and (min-width: 768px){.subscribe-container{align-items:flex-start}}@media only screen and (min-width: 1440px){.subscribe-container{flex-direction:row;align-items:center}}.subscribe-title{font-size:36px;line-height:1.2;letter-spacing:-.01em;margin-bottom:24px}@media only screen and (min-width: 1440px){.subscribe-title{font-size:48px}}.subscribe-text{margin-bottom:32px}.sub-form{display:flex;flex-direction:column;gap:24px;margin-bottom:16px}@media only screen and (min-width: 768px){.sub-form{flex-direction:row;align-items:center;gap:24px}}@media only screen and (min-width: 1440px){.sub-form{gap:16px}}.subscribe-input{border-radius:12px;width:100%;padding:8px 12px;background-color:transparent;outline:none;border:1px solid rgba(11,8,3,.15)}@media only screen and (min-width: 768px){.subscribe-input{width:339px;margin-bottom:0}}.input-wrapper{position:relative}.subscribe-input:focus::placeholder{opacity:0}.subscribe-input:user-invalid:required{color:#7f1c1c;border-color:#7f1c1c}.subscribe-input:user-invalid:required::placeholder{color:#7f1c1c}.error-text{position:absolute;bottom:0;left:0;transform:translateY(90%);font-size:12px;color:#7f1c1c;opacity:0;transition:opacity .25s ease-in-out}.subscribe-input:user-invalid:required~.error-text{opacity:1}.subscribe-btn{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);border-radius:100px;padding:10px 0;width:100%;font-weight:500;font-size:16px;color:var(--color-white);display:flex;flex-direction:row;gap:12px;align-items:center;justify-content:center;transition:opacity .2s ease-in}.subscribe-btn:hover{opacity:.5}.subscribe-btn:active{box-shadow:none}@media only screen and (min-width: 768px){.subscribe-btn{width:158px;margin-bottom:0}}@media only screen and (min-width: 1440px){.subscribe-btn{gap:16px}}.policy-link{display:inline-block;transition:color .25s ease-in-out}.policy-link:hover,.policy-link:focus{color:#54524e}.subscribe-icon{fill:var(--color-white)}.subscribe-info{font-size:12px}.subscribe-input::placeholder{font-weight:400;font-size:16px;line-height:1.5;color:#0b080399}.subscribe-img{width:100%;border-radius:40px}.sub-img-wrapper{width:100%}@media only screen and (min-width: 1440px){.sub-img-wrapper{width:640px}}.section-testimonials{padding:64px 0}.container-testimonials{display:flex;flex-direction:column;align-items:stretch;gap:24px}@media only screen and (min-width: 768px){.container-testimonials{flex-direction:row;flex-wrap:wrap}}.testimonials-title{font-weight:400;font-size:36px;line-height:1.2;letter-spacing:-.01em;margin-bottom:24px}@media only screen and (min-width: 1440px){.testimonials-title{width:416px;font-size:48px}}.testimonials-cards{display:flex;flex-direction:column;gap:24px;border:1px solid rgba(11,8,3,.15);border-radius:32px;padding:32px;width:100%;min-width:265px;background-color:#c29d84}@media only screen and (min-width: 768px){.testimonials-cards{display:flex;flex-direction:column;height:auto;min-height:253px;width:calc((100% - 24px)/2)}}@media only screen and (min-width: 1440px){.testimonials-cards{min-height:303px;width:calc((100% - 72px)/4);transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}.testimonials-cards:focus,.testimonials-cards:hover{transform:translateY(-6px);box-shadow:#0000001a 0 6px 12px}}.icon-star{stroke:#0b0803;fill:none}.testimonials-box{display:flex;flex-direction:column;gap:24px}@media only screen and (min-width: 768px){.testimonials-box{display:flex;flex-direction:column;gap:24px;flex:1 1 auto;margin-bottom:0}}.testimonials-name{font-weight:600;font-size:16px;line-height:1.5}.stars{display:flex;gap:4px}.star-item{line-height:0}.section-location{padding:64px 0}@media only screen and (min-width: 1440px){.location-cotainer{display:flex;justify-content:space-between}}.location-content{margin-bottom:32px}@media only screen and (min-width: 1440px){.location-content{margin-bottom:0}}.tagline-wrapper{font-weight:600;font-size:16px;margin-bottom:16px}.location-title{font-size:36px;line-height:1.2;letter-spacing:-.01em;margin-bottom:24px}@media only screen and (min-width: 1440px){.location-title{font-size:48px}}.location-wrapper-text{margin-bottom:40px}.location-contact-list{display:flex;flex-direction:column;gap:40px}@media only screen and (min-width: 768px){.location-contact-list{flex-direction:row}}@media only screen and (min-width: 1440px){.location-contact-list{flex-direction:column}}@media only screen and (min-width: 768px){.location-contact-item{flex-basis:calc((100% - 80px) / 3)}}@media only screen and (min-width: 1440px){.location-contact-item{flex-basis:100%}}.location-contact-icon{fill:#0b0803;display:flex;margin-bottom:16px}.location-contact-title{font-size:20px;line-height:1.4;letter-spacing:-.01em;margin-bottom:8px}.location-contact-link{font-size:16px;text-decoration:underline;transition:color .25s ease-in-out}.location-contact-link:hover,.location-contact-link:focus{fill:#54524e;color:#54524e}.location-text{font-size:16px;line-height:1.5;margin-bottom:16px}.navigation-icon{display:flex;transition:fill .25s ease-in-out}.location-link{font-weight:500;font-size:16px;display:flex;align-items:center;transition:color .25s ease-in-out}.location-link:hover,.location-link:focus{color:#54524e;fill:#54524e}.link-text{margin-right:8px}.location-map{display:flex;width:100%;height:307px;border-radius:40px}@media only screen and (min-width: 768px){.location-map{height:377px}}@media only screen and (min-width: 1440px){.location-map{width:869px;height:697px}}.footer{background-color:#b58869;padding:24px 0}.footer-container{background-color:#c29d84;padding:32px 46px;border:1px solid rgba(11,8,3,.15);border-radius:40px;margin-bottom:32px}.nav-container{display:flex;flex-direction:column;align-items:center}.footer-logo{display:flex;align-items:center;justify-content:center;margin-bottom:40px}.footer-logo-icon{width:146px;height:84px}.socials-list{display:flex;align-items:center;gap:12px;margin-bottom:32px}.social-link{display:flex;transition:fill .25s ease-in-out}.social-link:hover,.social-link:focus{fill:#54524e}.social-icon{width:32px;height:32px}.footer-menu-list{display:flex;flex-direction:column;gap:32px;align-items:center}.footer-menu-item{font-size:16px}.footer-nav-link{transition:color .25s ease-in-out}.footer-nav-link:hover,.footer-nav-link:focus{color:#54524e}.footer-text{font-size:14px;margin:0 auto;text-align:center}@media only screen and (min-width: 768px){.footer-container{padding:32px 48px}.footer-logo{margin-bottom:0;margin-right:40px}.footer-logo-icon{width:63px;height:36px}.nav-container{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;row-gap:32px}.socials-list{margin-bottom:0}.social-icon{width:24px;height:24px}.footer-menu-list{flex-direction:row}}@media only screen and (min-width: 1440px){.footer-menu-list{margin-left:auto}}.mobile-menu{position:fixed;top:0;left:0;z-index:98;width:100%;height:100%;padding:0 16px;background-color:#e0cbb4;transform:translate(100%);transition:transform .3s}.mobile-menu.is-open{transform:translate(0)}.close-btn{position:absolute;background-color:transparent;display:flex;margin-left:auto;align-items:center;justify-content:center;border:none;top:24px;right:28px;padding:0}.close-icon{fill:#0b0803}.mobile-menu-logo{display:flex;padding:18px 0}.mobile-menu-list{display:flex;align-items:center;justify-content:space-between;flex-direction:column;list-style:none;gap:32px;flex-grow:1}.mobile-menu-link{font-size:16px;line-height:150%}@media screen and (min-width:768px){.mobile-menu{display:none}}@media screen and (min-width:1440px){.mobile-menu{display:none}}.modal-backdrop{position:fixed;top:0;left:0;background-color:#2e2f4266;width:100%;height:100%;z-index:999;display:flex;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)}.modal-backdrop.subscription-open{opacity:1;visibility:visible;pointer-events:auto}.modal-welcome{position:absolute;display:flex;top:50%;left:50%;transform:translate(-50%,-50%);flex-direction:column;background-color:var(--color-scheme-1-background);width:288px;border-radius:40px;padding:64px 16px;transition:transform .25s cubic-bezier(.4,0,.2,1)}@media screen and (min-width:768px){.modal-welcome{width:704px;padding:64px 30px}}@media screen and (min-width:1440px){.modal-welcome{width:866px;padding:64px}}.close-btn-backdrop{display:flex;justify-content:center;align-items:center;position:absolute;top:24px;right:24px;background-color:transparent;border:none;cursor:pointer}@media screen and (min-width:1440px){.close-btn-backdrop{right:73px}}.modal-title{font-family:Aboreto,sans-serif;font-size:32px;line-height:1.2;letter-spacing:-.01em;text-align:center;margin-bottom:16px}@media screen and (min-width:768px){.modal-title{font-size:36px}}@media screen and (min-width:1440px){.modal-title{font-size:48px}}.modal-text{text-align:center;margin-bottom:24px}@media screen and (min-width:768px){.modal-text{margin-bottom:48px}}.modal-photo{margin:0 auto 24px}@media screen and (min-width:768px){.modal-photo{margin:0 auto 48px}}.modal-button{font-weight:500;font-size:16px;color:var(--color-white);margin:0 auto;display:flex;align-items:center;justify-content:center;border-radius:100px;padding:24px 0;width:100%;height:44px;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);transition:opacity .2s ease-in}@media screen and (min-width:768px){.modal-button{width:340px}}.modal-button:hover{opacity:.5}[data-theme=dark]{--bg-color: #0b0803;--text-color: #e0cbb4;--border-color: rgba(255, 255, 255, .3)}body{transition:background-color .6s ease,color .6s ease}[data-theme=dark] body{background-color:var(--color-coffee-darkest);color:#e0cbb4}[data-theme=dark] .testimonials-cards{background-color:#946d53}.theme-toggle{position:relative;width:24px;height:24px;border-radius:50%;cursor:pointer;transition:transform .3s ease;background-color:transparent;border:none}.theme-toggle:hover{transform:rotate(15deg) scale(1.08)}.icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.theme-toggle .icon{width:100%;height:100%;position:absolute;top:1px;left:0;transition:opacity .6s ease,transform .6s ease,filter .4s ease}.theme-toggle .sun{fill:#ebb44e;stroke:#ffb95d;opacity:1;transform:scale(1);transition:filter .4s ease,transform .4s ease}.theme-toggle:hover .sun{filter:drop-shadow(0 0 5px rgba(255,207,72,1)) drop-shadow(0 0 20px rgba(255,160,0,.5));transform:scale(1.08)}.theme-toggle .moon{fill:currentColor;opacity:0;transform:rotate(90deg) scale(.5);color:#e0cbb4}.theme-toggle:hover .moon{filter:drop-shadow(0 0 8px #eadfd6)}[data-theme=dark] .theme-toggle .sun{opacity:0;transform:rotate(90deg) scale(.5)}[data-theme=dark] .theme-toggle .moon{opacity:1;transform:rotate(0) scale(1)}[data-theme=dark] .footer{background-color:#443022}[data-theme=dark] .footer-container{background-color:#332317;box-shadow:#0000001a 0 6px 12px}[data-theme=dark] .header{border-bottom:2px solid #0b0803;background-color:#332317}[data-theme=dark] .subscribe-input::placeholder{color:#946d53}[data-theme=dark] .subscribe-input{color:#fff;border:1px solid #e0cbb4}[data-theme=dark] .icon-star{stroke:#e0cbb4}[data-theme=dark] .social-icon,[data-theme=dark] .location-contact-icon,[data-theme=dark] .close-icon,[data-theme=dark] .burger-icon,[data-theme=dark] .logo-icon,[data-theme=dark] .footer-logo-icon,[data-theme=dark] .icon-star-fill{fill:#e0cbb4}[data-theme=dark] .social-icon:hover{fill:#54524e}[data-theme=dark] .modal-welcome{background-color:#332317}[data-theme=dark] .mobile-menu{background-color:#443022}