.text-72{font-size:72px;font-family:Fraunces,serif;line-height:100%;letter-spacing:0px;font-weight:900}.text-48{font-size:48px;font-family:Fraunces,serif;line-height:100%;letter-spacing:0px;font-weight:900}.text-40{font-size:40px;font-family:Fraunces,serif;line-height:120%;letter-spacing:0px;font-weight:900}.text-32{font-size:32px;font-family:Fraunces,serif;line-height:114%;letter-spacing:0px;font-weight:900}.text-24{font-size:24px;font-family:Fraunces,serif;line-height:150%;letter-spacing:0px;font-weight:900}.text-18{font-size:18px;font-family:Fraunces,serif;line-height:140%;letter-spacing:0px;font-weight:900}.text-16{font-size:16px;font-family:Barlow,sans-serif;line-height:160%;letter-spacing:0px;font-weight:400}.text-12{font-size:12px;font-family:Fraunces,serif;line-height:130%;letter-spacing:.92px;font-weight:700}.pb-s{margin-bottom:5rem}.pb-m{margin-bottom:15rem}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}ul,ol,li{list-style:none}button{border:none;background:none;padding:0;font:inherit;cursor:pointer}html{-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{text-decoration:none;color:inherit;background:none;padding:0;margin:0;border:0;font:inherit}body{padding:24px;max-width:1440px;margin:0 auto}@media(min-width:768px){body{padding:40px 80px}}.plan-btn{background-color:#0e8684;color:#fff;padding:16px 32px;border-radius:.375rem;cursor:pointer;transition:all .3s ease;display:block;text-align:center}@media(min-width:768px){.plan-btn{align-self:flex-start;margin-top:3rem}}.plan-btn:hover{background-color:#66d2cf}.plan-btn:active{background-color:#0e8684}.timeline{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px;background-color:#343c4c;padding:40px 40px 64px}@media(min-width:1440px){.timeline{padding-inline:96px}}.timeline__container{display:flex;flex-direction:column;justify-content:center;align-items:center}.timeline__track{opacity:0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:flex-start;position:relative;z-index:1;min-width:clamp(70%,70vw,73%)}@media(min-width:768px){.timeline__track{opacity:1;margin-bottom:5rem;margin-top:2rem}}.timeline__track-line{width:100%;height:3px;background-color:#fdd6ba}.timeline__track-icons{position:absolute;width:100%;display:flex;justify-content:space-between;z-index:10}.timeline__track-icons svg:nth-child(1){transform:translate(-50%)}.timeline__track-icons svg:nth-child(3){transform:translate(50%)}.timeline__track-icons svg{display:block;stroke-width:2px;stroke:var(--colors-teal-600, #0e8784)}.timeline__content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px}@media(min-width:768px){.timeline__content{flex-direction:row;justify-content:flex-start;align-items:flex-start}}.timeline__item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px}@media(min-width:768px){.timeline__item{align-items:flex-start;justify-content:flex-start;flex:1}}.timeline__number{color:#fdd6ba;text-align:center}@media(min-width:768px){.timeline__number{text-align:left;line-height:1;margin-bottom:24px}}.timeline__title{color:#fefcf6;text-align:center}@media(min-width:768px){.timeline__title{text-align:left;min-height:5rem}}.timeline__description{color:#fefcf6;opacity:.9;text-align:center}@media(min-width:768px){.timeline__description{text-align:left}}.panel-dark{background-color:#343c4c;padding:64px 16px;border-radius:8px;height:33.0625rem;margin:0 auto;width:100%}@media(min-width:768px){.panel-dark{height:25.125rem;flex-shrink:0}}@media(min-width:1440px){.panel-dark{max-width:80rem;height:27.125rem;flex-shrink:0}}.panel{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px;margin-bottom:96px;padding-inline:24px}@media(min-width:1440px){.panel{padding-inline:48px}}.panel__container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.panel__content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px;width:100%}@media(min-width:768px){.panel__content{flex-direction:row;justify-content:flex-start;align-items:flex-start}}.panel__item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px}@media(min-width:768px){.panel__item{align-items:flex-start;justify-content:flex-start;flex:1}}.panel__label{color:#848990;text-align:center;margin-bottom:2rem}@media(min-width:768px){.panel__label{text-align:left;align-self:flex-start;margin-bottom:3rem}}.panel__number{color:#fdd6ba;text-align:center;width:2.55263rem;height:3.067rem}@media(min-width:768px){.panel__number{text-align:left;line-height:1;margin-bottom:24px}}.panel__title{color:#343c4c;text-align:center;font-weight:900}@media(min-width:768px){.panel__title{text-align:left;min-height:5rem}}.panel__text{color:#343c4c;opacity:.9;text-align:center}@media(min-width:768px){.panel__text{text-align:left}}.preference{display:flex;flex-direction:column;gap:16px;justify-content:center;align-items:flex-start;margin-block:64px;margin-inline:.75rem}@media(min-width:1200px){.preference{width:15.625rem;margin:0}}.preference__list{display:flex;width:100%;flex-direction:row;gap:24px;padding-bottom:16px;border-bottom:1px solid rgba(131,136,143,.5098039216);cursor:pointer;transition:all .2s ease}.preference__list:hover{transform:scale(1.03)}.preference__list:hover .preference__number,.preference__list:hover .preference__item{color:#343c4c}.preference__number{color:#83888f82;transition:all .2s ease}.preference__number--active{color:#0e8684}.preference__item{color:#83888f82;transition:all .2s ease}.preference__item--active{color:#343c4c}.question{margin-bottom:48px}.question__item{width:100%;display:flex;flex-direction:column;gap:32px}.question__titlebox{display:flex;width:100%;justify-content:space-between;align-items:center}.question__title{color:#848990;cursor:pointer;transition:all .2s}.question__title:hover{color:#343c4c}@media(min-width:768px){.question__title{font-size:2.5rem}}.question__icon{cursor:pointer;display:block;position:relative;width:19px;height:12px}.question__icon :hover{opacity:.6}.question__icon-open-arrow,.question__icon-close-arrow{position:absolute;top:0;left:0;transition:opacity .2s ease,transform .2s ease}.question__icon-open-arrow{opacity:1;transform:rotate(0)}.question__icon-close-arrow{opacity:0;transform:rotate(180deg);pointer-events:none}.question__item.active .question__icon-open-arrow{opacity:0;transform:rotate(-180deg)}.question__item.active .question__icon-close-arrow{opacity:1;transform:rotate(0)}.answer{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;opacity:0;visibility:hidden;max-height:0;overflow:hidden;transition:all .2s}@media(min-width:768px){.answer{flex-direction:row;align-items:stretch}}.answer__title{color:#343c4c}.answer__text{color:#343c4c;opacity:.9}.answer.open{opacity:1;max-height:500px;visibility:visible}.answer__list{width:100%;display:flex;flex-direction:column;gap:16px;justify-content:center;align-items:flex-start;padding:20px;background-color:#f4f1eb;border-radius:.5rem;transition:all .2s}@media(min-width:768px){.answer__list{min-height:11rem}}.answer__list--active{background-color:#0e8684}.answer__list--active .answer__title,.answer__list--active .answer__text{color:#fff}.answer__list:hover{background-color:#0e8684}.answer__list:hover .answer__title,.answer__list:hover .answer__text{color:#fff}.answer__list.selected{background-color:#0e8684}.answer__list.selected .answer__title,.answer__list.selected .answer__text{color:#fff}.answer__text{text-align:left}@media(min-width:1200px){.plan{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:112px;margin-top:128px;padding-inline:48px}}.questions{width:100%;display:flex;flex-direction:column}@media(min-width:1200px){.questions{flex:1}}.plan-btn{transition:all .2s;margin:2rem 0 5rem auto}.orderSum{background-color:#343c4c;padding:32px 48px;border-radius:.5rem;color:#fff}.orderSum__label{opacity:.5;text-transform:uppercase;margin-bottom:1rem;font-family:Barlow}.orderSum__text span{color:#0e8684;transition:all .3 ease}.summary-update{animation:fadeIn .35s ease}.error-message{color:#dc2626;background-color:#fee2e2;padding:16px 32px;border-radius:.5rem;border:2px solid #dc2626;margin:1rem 0;text-align:center;opacity:0;max-height:0;overflow:hidden;transition:all .3s ease}.error-message--show{opacity:1;max-height:100px}@keyframes fadeIn{0%{opacity:.4;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.popout{background-color:#343c4cb0;position:fixed;border:2px solid black;inset:0;padding-inline:1.5rem;display:flex;justify-content:center;align-items:center;z-index:20;pointer-events:none;opacity:0;visibility:hidden}.popout--active{opacity:1;visibility:visible;pointer-events:all}.modal{display:flex;flex-direction:column;justify-content:center;max-width:34rem;width:100%;background-color:#fff;border-radius:.7rem;overflow:hidden}.modal__header{background-color:#343c4c;color:#fff;padding:24px 16px}.modal__header h1{font-size:1.75rem}@media(min-width:768px){.modal__header h1{font-size:2.5rem}}@media(min-width:768px){.modal__header{padding:48px}}.modal__container{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:24px;padding:16px}@media(min-width:768px){.modal__container{padding:48px}}.modal__container__order{line-height:150%}.modal__container__order span{color:#0e8684}.modal__container__sub{font-family:Barlow;font-size:1rem;font-style:normal;font-weight:400;line-height:160%}.modal__container__text{color:#848990;display:flex;flex-direction:column;gap:20px}.modal__footer{display:flex;flex-direction:column;justify-content:center;padding-inline:16px;gap:16px;width:100%}@media(min-width:768px){.modal__footer{flex-direction:row;justify-content:space-between;align-items:center}}.modal__footer__price{color:#343c4c}.modal__footer__btn{margin:0;font-family:Fraunces;font-size:1.125rem;font-style:normal;font-weight:900;line-height:140%;text-align:left}.header{display:flex;flex-direction:column;justify-content:center;gap:32px}.header__navbar{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.header__logo{width:163px;z-index:20;display:block}@media(min-width:768px){.header__logo{width:236px}}.header__list{display:none;flex-direction:row;justify-content:space-evenly;align-items:center;gap:32px;color:#848990;text-transform:uppercase}@media(min-width:768px){.header__list{display:flex}}.header__item{cursor:pointer;transition:all .4s}.header__item:hover{color:#0e8684;scale:1.05}@media(min-width:768px){.mobile-menu{display:none}}.mobile-menu__nav{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:80px;gap:16px;position:fixed;top:-300px;opacity:0;left:0;width:100%;height:100vh;background:linear-gradient(#fefcf7 30%,#fefcf700);z-index:10;transition:top .65s cubic-bezier(.16,1,.3,1),opacity .75s ease-out;pointer-events:none}.mobile-menu__nav.open-nav{opacity:1;top:0;pointer-events:all}.mobile-menu__item{transition:all .2s;cursor:pointer}.mobile-menu__item:hover{color:#0e8684;scale:1.05}.mobile-menu__buttons{transition:all .2s;position:relative;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;background:none;border:none;padding:0}.mobile-menu__buttons:hover{opacity:.7;scale:1.05}.mobile-menu__buttons:hover:active{scale:.95;opacity:1}.mobile-menu__icon{width:1rem;height:.9375rem;cursor:pointer;position:absolute;opacity:0;visibility:hidden}.mobile-menu__icon.is-active{opacity:1;visibility:visible}.header__hero{background-repeat:no-repeat;background-size:cover;background-position:center;width:100%;min-height:32rem;flex-shrink:0;display:flex;justify-content:center;align-items:center;margin:0 auto;border-radius:.375rem;overflow:hidden}@media(min-width:768px){.header__hero{width:100%;height:auto;justify-content:flex-start;padding-left:48px}}.header__content{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:16px;gap:40px}@media(min-width:768px){.header__content{align-items:flex-start;text-align:left;max-width:30rem}}@media(min-width:1440px){.header__content{max-width:32rem}}.header__title{color:#fff}@media(min-width:768px){.header__title{font-size:3rem}}@media(min-width:1440px){.header__title{font-size:4.5rem}}.header__sub{color:#fefcf6;opacity:.8}.header__link{display:inline-block;color:#fff;padding:1rem 2rem;background-color:#0e8684;border-radius:.375rem;cursor:pointer;text-decoration:none;transition:background-color .3s ease}.header__link:hover{background-color:#66d2cf}.header__hero{background-image:url(/coffeeroaster-project/assets/image-hero-coffeepress-CWa-gwFq.jpg)}@media(min-width:768px){.header__hero{background-image:url(/coffeeroaster-project/assets/image-hero-coffeepress-BFT8-nnC.jpg)}}.header__hero.about{background-image:url(/coffeeroaster-project/assets/image-hero-whitecup-CbJtg_Fz.jpg)}@media(min-width:768px){.header__hero.about{background-image:url(/coffeeroaster-project/assets/image-hero-whitecup-Bvfv86zL.jpg)}}.header__hero.create{background-image:url(/coffeeroaster-project/assets/image-hero-blackcup-BYCN0JWB.jpg)}@media(min-width:768px){.header__hero.create{background-image:url(/coffeeroaster-project/assets/image-hero-blackcup-Cxl2Or8r.jpg)}}.header__hero.male-coffee{background-image:url(/coffeeroaster-project/assets/image-commitment-BNuwKsoj.jpg)}@media(min-width:768px){.header__hero.male-coffee{background-image:url(/coffeeroaster-project/assets/image-commitment-C9HbVVa2.jpg);min-width:17.5rem;width:40%;height:32.5rem;flex-shrink:0}}@media(min-width:1440px){.header__hero.male-coffee{width:27.8125rem;height:32.5rem;flex-shrink:0}}.footer{background-color:#343c4c;padding:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:32px}@media(min-width:768px){.footer{flex-direction:row;justify-content:space-between}}.footer__logo{display:flex;justify-content:center;align-items:center;gap:.5rem;cursor:pointer}.footer__logo svg{display:block}.footer__logo svg:nth-child(1){width:1.01269rem;height:1.01269rem}.footer__logo svg:nth-child(2){width:8.56544rem;height:1.01263rem}.footer__links{color:#848990;text-transform:uppercase;display:flex;flex-direction:row;gap:20px}.footer__links-item{transition:all .2s ease}.footer__links-item:hover{color:#fff}.footer__socials{display:flex;justify-content:row;gap:20px}.footer__socials-item{cursor:pointer;transition:all .2s ease}.footer__socials-item:hover{opacity:.5}.collection{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;max-width:768px;margin:0 auto;padding-top:80px;max-width:1440px}@media(min-width:768px){.collection{align-items:flex-start}}@media(min-width:1440px){.collection{padding-top:140px}}.collection__choice{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:32px;z-index:20}.collection__choice .flex-container{width:100%}@media(min-width:768px){.collection__choice{flex-direction:row;justify-content:center;gap:140px;width:100%}}@media(min-width:1440px){.collection__choice{flex-direction:column;justify-content:center;align-items:center;gap:48px}}.collection__items{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:32px;flex-shrink:0;width:100%}@media(min-width:1440px){.collection__items{flex-direction:row;max-width:1440px}}.collection__label{display:block;flex-shrink:0;text-align:center;-webkit-mask-image:linear-gradient(to bottom,#00000052,#0000);mask-image:linear-gradient(to bottom,#00000052,#0000);line-height:2.5rem;margin-bottom:.5rem}@media(min-width:768px){.collection__label{font-size:100px;position:absolute;top:2rem;right:0;left:0;line-height:100%}}@media(min-width:1440px){.collection__label{font-size:160px;width:80rem;height:12rem;left:-1rem;top:1rem}}.collection__photo{width:15.84375rem;height:12.0625rem;display:flex;justify-content:center;align-items:center}.collection__info{display:flex;flex-direction:column;gap:24px;justify-content:center;align-items:center;text-align:center}@media(min-width:768px){.collection__info{align-items:flex-start;text-align:left;transform:translate(-7rem)}}@media(min-width:1440px){.collection__info{flex-direction:column;justify-content:center;align-items:center;text-align:center;transform:translate(0)}}.collection__info-sub{color:#343c4c;opacity:.8}@media(min-width:768px){.collection__info-sub{max-width:20rem}}.why-us{padding-top:5rem;margin-bottom:20rem;color:#fff;display:flex;flex-direction:column}.why-us__container{background-color:#343c4c;padding:64px 16px;border-radius:8px;height:36.0625rem}.why-us__text{text-align:center;display:flex;flex-direction:column;gap:32px;justify-content:center;align-items:center}.why-us__subtitle{opacity:.8;max-width:33rem}.why-us__benefits{display:flex;flex-direction:column;gap:24px;width:85%;margin:-12rem auto}@media(min-width:768px){.why-us__benefits{margin:-17rem auto}}@media(min-width:1440px){.why-us__benefits{flex-direction:row}}.why-us__benefit{padding:24px 20px;background-color:#0e8684;border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:18rem}@media(min-width:768px){.why-us__benefit{flex-direction:row;min-width:35rem;min-height:11.75rem;padding:40px 48px}}@media(min-width:1440px){.why-us__benefit{min-height:22rem;min-width:21rem;flex-direction:column}}.why-us__benefit-icon{height:4.5rem;flex-shrink:0}.why-us__benefit-icon img{height:100%;flex-shrink:0}.why-us__benefit-text{display:flex;flex-direction:column;text-align:center;gap:12px}@media(min-width:768px){.why-us__benefit-text{align-items:flex-start;text-align:left}}@media(min-width:1440px){.why-us__benefit-text{align-items:center;text-align:center}}.why-us__benefit-desc{color:#fefcf6;opacity:.8}.steps{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px;margin-bottom:96px}@media(min-width:1440px){.steps{padding-inline:96px}}.steps__container{display:flex;flex-direction:column;justify-content:center;align-items:center}.steps__content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px}@media(min-width:768px){.steps__content{flex-direction:row;justify-content:flex-start;align-items:flex-start}}.steps__item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px}@media(min-width:768px){.steps__item{align-items:flex-start;justify-content:flex-start;flex:1}}.steps__label{color:#848990;text-align:center;margin-bottom:2rem}@media(min-width:768px){.steps__label{text-align:left;align-self:flex-start;margin-bottom:3rem}}.steps__line{opacity:0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:flex-start;position:relative;z-index:1;min-width:clamp(70%,70vw,73%)}@media(min-width:768px){.steps__line{opacity:1;margin-bottom:5rem;margin-top:2rem}}.steps__sline{width:100%;background-color:#fdd6ba;height:3px}.steps__circle{position:absolute;width:100%;justify-content:space-between;display:flex;z-index:10}.steps__circle svg{display:block}.steps__number{color:#fdd6ba;text-align:center}@media(min-width:768px){.steps__number{text-align:left;line-height:1;margin-bottom:24px}}.steps__title{color:#343c4c;text-align:center}@media(min-width:768px){.steps__title{text-align:left;min-height:5rem}}.steps__text{color:#343c4c;opacity:.9;text-align:center}@media(min-width:768px){.steps__text{text-align:left}}.about__hero{padding:48px 0 140px}@media(min-width:768px){.about__hero{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:2rem;margin-bottom:12rem}}@media(min-width:1440px){.about__hero{padding-inline:48px;gap:7.8125rem;margin-bottom:0}}.commitment{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding-top:48px;text-align:center;max-width:44rem}@media(min-width:768px){.commitment{width:60%;padding-top:0;align-items:flex-start;text-align:left}}.commitment__title{color:#343c4c}.commitment__text{color:#343c4c;opacity:.8}.quality{margin:0 auto 80px;position:relative}.quality__img{width:17.5rem;height:9.75rem;flex-shrink:0;border-radius:.5rem;overflow:hidden;margin:0 auto;margin-top:-9rem;object-fit:contain;position:relative}.quality__img img{width:100%;display:none}.quality__img .quality__img--mobile{display:block}@media(min-width:768px){.quality__img{width:100%;max-width:35.8125rem;height:18.75rem;flex-shrink:0;margin-top:-18rem}.quality__img .quality__img--mobile{display:none}.quality__img .quality__img--tablet{display:block}.quality__img .quality__img--desktop{display:none}}@media(min-width:1440px){.quality__img{width:27.8125rem;height:29.625rem;flex-shrink:0;position:absolute;right:4rem;bottom:2rem}.quality__img .quality__img--mobile,.quality__img .quality__img--tablet{display:none}.quality__img .quality__img--desktop{display:block}}.quality__content{color:#fefcf7;display:flex;flex-direction:column;gap:32px;text-align:center;padding-top:48px}@media(min-width:1440px){.quality__content{text-align:left;max-width:60%}}@media(min-width:600px){.quality__title{padding-inline:5rem}}.quality__text{opacity:.8}@media(min-width:600px){.quality__text{padding-inline:5rem}}