.header{width:100%;max-width:1280px;height:113px;display:flex;justify-content:space-between;align-items:center;z-index:10}@media screen and (max-width:390px){.header{height:90px}}.header .mobile__open{display:block;font-size:1.25rem;cursor:pointer}.header .mobile__close{font-size:1.5rem;cursor:pointer}.header .hidden{display:none}.header .nav__desktop ul{display:flex}.header .nav__desktop li:not(:last-child){margin-right:33px}.header .nav__desktop li a{font-family:Barlow,sans-serif;font-weight:700;font-size:.75rem;line-height:1;color:#83888f;text-transform:uppercase;transition:color .2s ease-in-out}.header .nav__desktop li a:hover{color:#333d4b}@media screen and (max-width:700px){.header .nav__desktop{display:none}}.header .navAnimationOpen{animation-duration:.5s;animation-fill-mode:forwards;animation-timing-function:ease-in-out}@keyframes showMenu{0%{visibility:hidden;overflow:hidden;height:0;padding:0}to{visibility:visible;overflow:visible;height:100vh;padding:2rem 0}}@keyframes hideMenu{0%{visibility:visible;overflow:visible;height:100vh;padding:2rem 0}to{visibility:hidden;overflow:hidden;height:0;padding:0}}.header .nav__mobile{position:absolute;display:flex;width:100%;top:113px;left:0;height:0;padding:0;overflow:hidden;flex-direction:column;justify-content:start;align-items:center;background:linear-gradient(#fefcf7 35%,#fefcf71a);z-index:2}@media screen and (max-width:700px){.header .nav__mobile{top:89px}}.header .nav__mobile ul{text-align:center}.header .nav__mobile li:not(:last-child){margin-right:0;margin-bottom:32px}.header .nav__mobile a{font-family:Fraunces,serif;font-size:1.5rem;line-height:32px;color:#333d4b;text-transform:capitalize}.hero__sec{width:100%;max-width:1280px;height:600px;display:flex;flex-direction:column;justify-content:center;border-radius:8px;padding-left:85px;margin-bottom:190px;background-image:url(/assets/image-hero-coffeepress-BFT8-nnC.jpg);background-size:cover;background-repeat:no-repeat;background-position:center top}@media screen and (max-width:1024px){.hero__sec{height:500px;background-image:url(/assets/image-hero-coffeepress-CvsAEdOE.jpg);background-size:cover;background-repeat:no-repeat;background-position:center top}}@media screen and (max-width:700px){.hero__sec{justify-content:center;align-items:center;padding:0;margin-bottom:130px;background-image:url(/assets/image-hero-coffeepress-CWa-gwFq.jpg);background-size:cover;background-repeat:no-repeat;background-position:bottom center}}@media screen and (max-width:470px){.hero__sec{background-position:top center}}.hero__sec .hero__copy{width:493px;max-width:493px;display:flex;flex-direction:column;justify-content:center;margin-bottom:56px}@media screen and (max-width:1024px){.hero__sec .hero__copy{width:398px;max-width:398px}}@media screen and (max-width:700px){.hero__sec .hero__copy{width:279px;max-width:279px;text-align:center;padding:0;margin-bottom:39px}}.hero__sec .hero__copy h1{font-size:4.5rem;color:#fefcf7;margin-bottom:.5em}@media screen and (max-width:1024px){.hero__sec .hero__copy h1{font-size:48px;line-height:48px;margin-bottom:24px}}@media screen and (max-width:700px){.hero__sec .hero__copy h1{text-align:center;font-size:2.5rem;line-height:40px}}.hero__sec .hero__copy p{font-size:16px;line-height:26px;color:#fefcf7;padding-right:49px;opacity:.8}@media screen and (max-width:1024px){.hero__sec .hero__copy p{font-size:15px;line-height:25px;padding-right:0}}@media screen and (max-width:700px){.hero__sec .hero__copy p{padding-right:0;text-align:center}}.collection__sec{width:100%;max-width:1111px;display:flex;flex-direction:column;align-items:center;margin-bottom:168px}@media screen and (max-width:700px){.collection__sec{margin-bottom:4.4em}}.collection__sec .collection__title{width:100%;height:auto;text-align:center;position:relative;opacity:.4}@media screen and (max-width:700px){.collection__sec .collection__title{opacity:.7}}.collection__sec .collection__title :after{position:absolute;content:"";width:100%;height:100%;top:2rem;left:0;opacity:.9;background:linear-gradient(0deg,#fefcf7,#fefcf700)}@media screen and (max-width:700px){.collection__sec .collection__title :after{top:0}}.collection__sec h2{font-size:clamp(2.6rem,11vw,145px);opacity:.5;text-transform:lowercase}.collection__cards{width:100%;display:flex;justify-content:center;padding-left:1em;margin-top:-.5rem;z-index:1}@media screen and (max-width:1024px){.collection__cards{flex-direction:column;margin-top:-1rem;padding:0}}@media screen and (max-width:700px){.collection__cards{flex-direction:column;margin-top:3rem;padding:0}}.collection__cards .collection__card{width:100%;display:flex;flex-direction:column}@media screen and (max-width:1024px){.collection__cards .collection__card{flex-direction:row;justify-content:center;margin-bottom:2em}}@media screen and (max-width:700px){.collection__cards .collection__card{flex-direction:column;align-items:center;margin-bottom:4.4em}}.collection__cards .collection__card .card__image{width:100%;display:flex;justify-content:center}@media screen and (max-width:1024px){.collection__cards .collection__card .card__image{max-width:255px;justify-content:flex-end;margin-right:36px}}@media screen and (max-width:700px){.collection__cards .collection__card .card__image{margin-bottom:2.5rem}}@media screen and (max-width:1024px){.collection__cards .collection__card .card__image img{max-width:200px}}.collection__cards .collection__card .card__copy{width:100%;text-align:center;margin-top:4.4375em}@media screen and (max-width:1024px){.collection__cards .collection__card .card__copy{max-width:282px;display:flex;flex-direction:column;justify-content:center;text-align:start;margin-top:-1rem}}@media screen and (max-width:700px){.collection__cards .collection__card .card__copy{text-align:center}}.collection__cards .collection__card .card__copy h3{font-size:1.5rem;margin-bottom:1em}@media screen and (max-width:700px){.collection__cards .collection__card .card__copy h3{font-size:1.8rem;margin-bottom:16px}}.collection__cards .collection__card .card__copy p{padding:0 1.5em}@media screen and (max-width:1023px){.collection__cards .collection__card .card__copy p{padding:0}}.why__sec{width:100%;max-width:1280px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#333d4b;padding:6.25em 5.3em 0;border-radius:8px;margin-bottom:22em}@media screen and (max-width:1270px)and (min-width:1024px){.why__sec{padding:6.25em 2.5em 0}}@media screen and (max-width:1023px){.why__sec{padding:3.5em 3.6em 0}}@media screen and (max-width:700px){.why__sec{margin-bottom:20em}}@media screen and (max-width:590px){.why__sec{padding:4.6em 1.5em 0;margin-bottom:36.9em}}.why__sec .why__copy{text-align:center;max-width:540px}@media screen and (max-width:1023px){.why__sec .why__copy{padding:0 1.2em}}@media screen and (max-width:590px){.why__sec .why__copy{padding:0}}.why__sec .why__copy h2{color:#fefcf7;margin-bottom:.8em}@media screen and (max-width:590px){.why__sec .why__copy h2{font-size:1.75rem}}@media screen and (max-width:370px){.why__sec .why__copy h2{font-size:1.6rem}}.why__sec .why__copy p{color:#fefcf7;margin-bottom:5.3125em;opacity:.8}@media screen and (max-width:1023px){.why__sec .why__copy p{margin-bottom:4.4em}}.why__sec .why__cards{width:100%;display:flex;margin-bottom:-9.375em}@media screen and (max-width:1023px){.why__sec .why__cards{flex-direction:column;margin-bottom:-20em}}@media screen and (max-width:768px){.why__sec .why__cards{margin-bottom:-22.5em}}@media screen and (max-width:700px){.why__sec .why__cards{margin-bottom:-21.9em}}@media screen and (max-width:590px){.why__sec .why__cards{margin-bottom:-37.5em}}.why__sec .why__cards .why__card{width:100%;display:flex;flex-direction:column;background-color:#0e8784;padding:4.5em 3em 3em;border-radius:8px}@media screen and (max-width:1270px)and (min-width:1024px){.why__sec .why__cards .why__card{padding:4em 2em 3em}}@media screen and (max-width:1023px){.why__sec .why__cards .why__card{flex-direction:row;align-items:center;padding:2.6em 3em 2.6em 4.4em;margin:0 0 1.5em}}@media screen and (max-width:590px){.why__sec .why__cards .why__card{flex-direction:column;padding:4.5em 2em 3.2em}}.why__sec .why__cards .why__card:not(:last-child){margin-right:1em}.why__sec .why__cards .why__card .card__image{min-height:72px;margin-bottom:3.5em;text-align:center}@media screen and (max-width:1023px){.why__sec .why__cards .why__card .card__image{margin:0}}@media screen and (max-width:590px){.why__sec .why__cards .why__card .card__image{margin-bottom:3.5em}}.why__sec .why__cards .why__card .card__image img{width:72px}.why__sec .why__cards .why__card .card__copy{width:100%;text-align:center}@media screen and (max-width:1023px){.why__sec .why__cards .why__card .card__copy{text-align:start;margin-left:3.43em}}@media screen and (max-width:590px){.why__sec .why__cards .why__card .card__copy{text-align:center;margin:0}}.why__sec .why__cards .why__card .card__copy h3{font-size:24px;line-height:32px;color:#fefcf7;margin-bottom:1em}.why__sec .why__cards .why__card .card__copy p{color:#fefcf7}.how__sec{width:100%;max-width:1280px;margin-left:11.5em;margin-bottom:12.5em}@media screen and (max-width:1270px)and (min-width:1024px){.how__sec{margin-left:0;padding-left:2.5em}}@media screen and (max-width:1023px){.how__sec{width:auto;margin:6.25em 0 8.75em}}.how__sec .how__title{width:100%}@media screen and (max-width:767px){.how__sec .how__title{text-align:center;display:flex;flex-direction:column;justify-content:center}}.how__sec .how__title h2{font-size:24px;color:#83888f;margin-bottom:3.4em}.how__sec .how__cards{width:100%;display:flex;margin-bottom:4em}@media screen and (max-width:767px){.how__sec .how__cards{flex-direction:column;margin-bottom:5em}}.how__sec .how__cards .how__card{max-width:285px;min-width:200px;position:relative}.how__sec .how__cards .how__card:not(:last-child){margin-right:5.9375em}@media screen and (max-width:1023px){.how__sec .how__cards .how__card{max-width:223px}.how__sec .how__cards .how__card:not(:last-child){margin-right:2em}}@media screen and (max-width:767px){.how__sec .how__cards .how__card{text-align:center;max-width:none;min-width:none}.how__sec .how__cards .how__card:not(:last-child){margin:0 0 3.5em}}.how__sec .how__cards .how__card .progress__bar{width:100%;display:flex;align-items:center;margin-bottom:4.2em}@media screen and (max-width:767px){.how__sec .how__cards .how__card .progress__bar{display:none}}.how__sec .how__cards .how__card .progress__bar span{font-size:31px;color:#0e8784;background-color:#fefcf7}.how__sec .how__cards .how__card .progress__bar span:not(:last-child):before{content:"";position:absolute;background-color:#fdd6ba;width:349px;height:2px;left:31px;top:13.5px}@media screen and (max-width:1270px){.how__sec .how__cards .how__card .progress__bar span:not(:last-child):before{width:350px}}@media screen and (max-width:1085px){.how__sec .how__cards .how__card .progress__bar span:not(:last-child):before{width:319px}}@media screen and (max-width:1023px){.how__sec .how__cards .how__card .progress__bar span:not(:last-child):before{width:230px}}.how__sec .how__cards .how__card .numbers{width:100%;margin-bottom:2.375em}.how__sec .how__cards .how__card .numbers .number{font-family:Fraunces,serif;font-size:4.5rem;line-height:4.5rem;color:#fdd6ba}.how__sec .how__cards .how__card .card__copy{width:100%}.how__sec .how__cards .how__card .card__copy .card__title{margin-bottom:1.3125em;padding-right:1em}@media screen and (max-width:700px){.how__sec .how__cards .how__card .card__copy .card__title{margin-bottom:.9em;font-size:1.75rem;line-height:32px}}@media screen and (max-width:780px){.how__sec .how__cards .how__card .card__copy .card__title{padding-right:0}}@media screen and (max-width:1023px){.how__sec .how__cards .how__card .card__copy p{padding-right:0}}@media screen and (max-width:767px){.how__sec .how__btn{display:flex;justify-content:center}}html{font-size:100%;box-sizing:border-box;scroll-behavior:smooth;scroll-padding-top:2rem}*,*:after,*:before{box-sizing:inherit;margin:0;padding:0}li{list-style:none}a{text-decoration:none;padding:0;margin:0;-webkit-user-select:none;user-select:none}img{width:100%;-webkit-user-select:none;user-select:none}body{width:100%;display:flex;flex-direction:column;align-items:center;font-family:Barlow,sans-serif;font-size:1rem;font-weight:400;line-height:26px;background-color:#fefcf7}.home__body,.about__body{padding:0 5em}@media screen and (max-width:1200px){.home__body,.about__body{padding:0 40px}}@media screen and (max-width:700px){.home__body,.about__body{padding:0 24px}}.wrapper{width:100%;display:flex;flex-direction:column;align-items:center;padding:0 5em}@media screen and (max-width:1200px){.wrapper{padding:0 40px}}@media screen and (max-width:700px){.wrapper{padding:0 24px}}.main{width:100%;display:flex;flex-direction:column;align-items:center}h1{font-family:Fraunces,serif;font-weight:900;font-size:4.5rem;line-height:72px;margin:0;padding:0}h2{font-family:Fraunces,serif;font-weight:900;font-size:2.5rem;line-height:48px;margin:0;padding:0}h3{font-family:Fraunces,serif;font-weight:900;font-size:2rem;line-height:36px;margin:0;padding:0}h4{font-family:Fraunces,serif;font-weight:900;font-size:1.5rem;line-height:32px;margin:0;padding:0}p{margin:0;padding:0}button{border:none}.btn__primary{width:217px;height:56px;display:flex;align-items:center;justify-content:center;background:#0e8784;border-radius:5px}.btn__primary :first-child{color:#fefcf7;font-family:Fraunces,serif;font-size:18px}.btn__primary:hover{background:#66d2cf}.btn__order{width:217px;height:56px;display:flex;align-items:center;justify-content:center;background:#0e8784;border-radius:5px;color:#fefcf7;font-family:Fraunces,serif;font-size:18px;cursor:pointer}.btn__order:hover{background:#66d2cf}.btn__disable{background:#e2dedb;cursor:unset}.btn__disable:hover{background:#e2dedb}.logo{align-items:center;-webkit-user-select:none;user-select:none}.logo a{display:flex;color:#333d4b}@media screen and (max-width:390px){.logo img{width:16px}}.logo .logo__text{font-size:1.5625rem;font-family:Fraunces,serif;margin-left:.2em}@media screen and (max-width:390px){.logo .logo__text{font-size:1.2rem}}.logo .text__footer{color:#fefcf7}.append{width:50%;padding:0 1rem;display:flex;justify-content:center;align-items:center;background:#f0f0f0;border-radius:5px;margin-top:20px}@media screen and (max-width:650px){.append{width:100%;font-size:1rem}}.append h1{text-align:center;font-family:Fraunces,serif;font-size:1.5rem;color:#0e8784}@media screen and (max-width:450px){.append h1{font-size:1rem}}.active--Card{background:#0e8784!important;color:#fefcf7}.footer{width:100%;max-width:1280px;display:flex;align-items:center;justify-content:space-between;background-color:#333d4b;padding:2.9375em 5.3125em;margin-bottom:5.5em}@media screen and (max-width:1023px){.footer{flex-direction:column;padding:3.4em 11.9em 3.4em 13.5em}}@media screen and (max-width:1270px)and (min-width:1024px){.footer{padding:2.9375em 2.5em}}@media screen and (max-width:1023px){.footer{padding:2.5em 2em}}@media screen and (max-width:1023px){.footer{margin-bottom:4em}}.footer .logo__nav{display:flex;align-items:center}@media screen and (max-width:1023px){.footer .logo__nav{flex-direction:column}}.footer .logo__nav .logo{margin-right:4.08em}@media screen and (max-width:1023px){.footer .logo__nav .logo{margin:0 0 2em}}.footer .logo__nav .nav__footer{display:flex}@media screen and (max-width:390px){.footer .logo__nav .nav__footer{flex-direction:column;align-items:center}}.footer .logo__nav .nav__footer a{font-family:Barlow,sans-serif;font-weight:700;font-size:.75rem;line-height:1;color:#83888f;text-transform:uppercase;transition:color .2s ease-in-out}.footer .logo__nav .nav__footer a:not(:last-child){margin-right:2.75em}.footer .logo__nav .nav__footer a:hover{color:#fefcf7}@media screen and (max-width:390px){.footer .logo__nav .nav__footer a:not(:last-child){margin-right:0;margin-bottom:2em}}@media screen and (max-width:1023px){.footer .social_icons{margin-top:4.1em}}.footer .social_icons .icon{font-size:1.5rem;color:#fefcf7;transition:color .2s ease-in-out}.footer .social_icons .icon:not(:last-child){margin-right:1.5em}.footer .social_icons .icon:hover{color:#fdd6ba}