*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}ul[role=list],ol[role=list]{list-style:none}html,html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}a{text-decoration:none}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}:root{--clr-cyan-900: #0e8784;--clr-cyan-100: #65d2cf;--clr-grey-900: #2c343e;--clr-grey-400: #848990;--clr-orange-100: #fdd6ba;--clr-cream-400: #f4f2eb;--clr-cream-100: #fefcf6;--ff-france: "Fraunces", serif;--ff-barlow: "Barlow", serif}header{display:flex;align-items:center;justify-content:space-between;position:relative;width:min(90%,1400px);margin-inline:auto}header .logo{width:50%;text-decoration:none}@media screen and (min-width: 768px){header .logo{width:auto}}header .hamburger__menu{position:absolute;right:5%;cursor:pointer}header .hamburger__menu .hamburger{position:absolute}header .hamburger__menu .close__menu{opacity:0}@media screen and (min-width: 768px){header .hamburger__menu{display:none}}header nav{padding-block:2rem}header nav .nav__menu{display:grid;align-items:center;justify-content:center;gap:1rem;background-color:#fff;width:90%;position:absolute;left:5%;top:0;padding-block:1rem;transform:translateY(-150%);transition:transform 300ms ease-in-out;box-shadow:10px 1px 50px 70px #fff}@media screen and (min-width: 768px){header nav .nav__menu{display:flex;width:auto;position:unset;padding:unset;background-color:unset;transform:translateY(5px);box-shadow:none}}header nav .nav__item{text-align:center;list-style:none}header nav .nav__link{color:rgba(0,0,0,.8);font-family:var(--ff-barlow);text-decoration:none}header nav .nav__link:hover{color:#000;font-weight:600;text-decoration:2px solid underline var(--clr-cyan-900)}header nav .nav__menu.active{transform:translateY(70%)}header .hamburger__menu .close__menu.active{opacity:1;z-index:999}header .hamburger__menu>.hamburger.active{opacity:0}main{display:grid;gap:5rem;width:min(95%,1400px);margin-inline:auto}.heroSection{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem;color:#fff;background-image:url(../assets/home/mobile/image-hero-coffeepress.jpg);background-size:100%;background-repeat:no-repeat;padding-block:2rem;margin-inline:auto;border-radius:10px;aspect-ratio:2.2;width:min(95%,1400px)}.heroSection h1{font-size:clamp(2rem,5vw + .5rem,5rem);font-family:var(--ff-france);width:min(90%,600px);line-height:1.2}.heroSection p{font-size:clamp(1.2rem,2vw + .5rem,1.5rem);font-family:var(--ff-barlow);width:min(90%,600px)}.heroSection .create-plan__btn{padding:.5em 1em;border:none;border-radius:5px;color:#fff;background-color:var(--clr-cyan-900);font-size:clamp(1rem,1vw + .5rem,2rem);font-family:var(--ff-france);font-weight:600;cursor:pointer;transition:300ms ease-in}.heroSection .create-plan__btn:hover{background-color:var(--clr-cyan-100);color:var(--clr-grey-900)}@media screen and (min-width: 768px){.heroSection{justify-content:center;align-items:start;text-align:start;background-image:url(../assets/home/tablet/image-hero-coffeepress.jpg);padding-inline-start:2rem}}@media screen and (min-width: 1024px){.heroSection{background-image:url(../assets/home/desktop/image-hero-coffeepress.jpg)}}.collectionsSection{display:grid;justify-items:center;gap:5rem;width:min(95%,1400px);margin-inline:auto}@media screen and (min-width: 768px){.collectionsSection{gap:unset}}.collectionsSection h2{color:#83888f;font-size:clamp(2rem,5vw + .5rem,10rem);font-family:var(--ff-france);text-transform:capitalize}@media screen and (min-width: 768px){.collectionsSection h2{font-size:clamp(2rem,14vw + .5rem,6rem);text-transform:lowercase}}.collectionsSection .collections__content{display:grid;gap:5rem}@media screen and (min-width: 1024px){.collectionsSection .collections__content{grid-template-columns:repeat(4, 1fr);align-items:flex-end;gap:1rem}}.collectionsSection .grandEspresso,.collectionsSection .planalto,.collectionsSection .piccollo,.collectionsSection .danche{display:grid;gap:1rem;justify-items:center;text-align:center}@media screen and (min-width: 768px){.collectionsSection .grandEspresso,.collectionsSection .planalto,.collectionsSection .piccollo,.collectionsSection .danche{display:flex;align-items:start;text-align:start}}@media screen and (min-width: 1024px){.collectionsSection .grandEspresso,.collectionsSection .planalto,.collectionsSection .piccollo,.collectionsSection .danche{align-items:center;text-align:center;flex-direction:column;box-shadow:0px -100px 100px 10px #fff}}.collectionsSection .grandEspresso__content,.collectionsSection .planalto__content,.collectionsSection .piccollo__content,.collectionsSection .danche__content{display:grid;align-items:start;gap:2rem}.collectionsSection .grandEspresso__content h3,.collectionsSection .planalto__content h3,.collectionsSection .piccollo__content h3,.collectionsSection .danche__content h3{font-size:clamp(1.5rem,2vw + .5rem,2rem)}@media screen and (min-width: 768px){.collectionsSection .grandEspresso__content,.collectionsSection .planalto__content,.collectionsSection .piccollo__content,.collectionsSection .danche__content{transform:translateY(-50px)}}.collectionsSection .grandEspresso{box-shadow:0px -100px 100px 10px #fff}@media screen and (min-width: 768px){.collectionsSection img{max-width:40%;transform:translateY(-60px)}.collectionsSection h3{font-size:clamp(1.5rem,2vw + .5rem,2rem);font-family:var(--ff-france)}.collectionsSection p{font-family:var(--ff-barlow);font-weight:700}}.whyUs{display:grid;gap:2rem;justify-items:center;text-align:center;background-color:var(--clr-grey-900);color:#fff;max-height:130vh;padding:3rem 1rem;border-radius:10px;width:min(95%,1400px);margin-inline:auto}.whyUs h2{font-size:clamp(2rem,3vw + .5rem,3rem);font-family:var(--ff-france)}.whyUs p{width:min(90%,600px)}.whyUs .cards{display:grid;gap:2rem}@media screen and (min-width: 1024px){.whyUs .cards{grid-template-columns:repeat(3, 1fr)}}.whyUs .bestquality,.whyUs .exclusivebenefits,.whyUs .freeshipping{display:grid;gap:1.5rem;justify-items:center;background-color:var(--clr-cyan-900);padding:1.5em;border-radius:10px}@media screen and (min-width: 768px){.whyUs .bestquality,.whyUs .exclusivebenefits,.whyUs .freeshipping{display:flex;justify-content:space-evenly;align-items:center;gap:2rem;text-align:start}}@media screen and (min-width: 1024px){.whyUs .bestquality,.whyUs .exclusivebenefits,.whyUs .freeshipping{flex-direction:column;text-align:center}}.howItWorks{display:grid;gap:3rem;justify-items:center;transform:translateY(25rem);padding-inline:1rem;width:min(95%,1400px);margin-inline:auto}.howItWorks .planCreationProcess{display:grid;gap:3rem;text-align:center}@media screen and (min-width: 768px){.howItWorks .planCreationProcess{grid-template-columns:repeat(3, 1fr);align-items:flex-start;text-align:start}}@media screen and (min-width: 768px){.howItWorks{transform:translateY(0);justify-items:start}}.howItWorks .pickCoffee,.howItWorks .chooseFreq,.howItWorks .receiveCoffee{display:grid;justify-items:center;gap:1rem}.howItWorks .pickCoffee span,.howItWorks .chooseFreq span,.howItWorks .receiveCoffee span{font-size:3rem;font-family:var(--ff-france);color:var(--clr-orange-100)}.howItWorks .pickCoffee h3,.howItWorks .chooseFreq h3,.howItWorks .receiveCoffee h3{font-size:clamp(1.5rem,3vw + .5rem,2rem);font-family:var(--ff-france)}@media screen and (min-width: 768px){.howItWorks .pickCoffee,.howItWorks .chooseFreq,.howItWorks .receiveCoffee{justify-items:start}.howItWorks .pickCoffee p,.howItWorks .chooseFreq p,.howItWorks .receiveCoffee p{font-family:var(--ff-barlow);font-weight:600}}.howItWorks .create-plan__btn{padding:.5em 1em;border:none;border-radius:5px;color:#fff;background-color:var(--clr-cyan-900);font-size:clamp(1rem,1vw + .5rem,2rem);font-family:var(--ff-france);font-weight:600;cursor:pointer;transition:300ms ease-in}.howItWorks .create-plan__btn:hover{background-color:var(--clr-cyan-100);color:var(--clr-grey-900)}footer{padding-block:2rem;background-color:var(--clr-grey-900);transform:translateY(30rem)}@media screen and (min-width: 768px){footer{transform:translateY(5rem);padding-block:3em}}footer nav{display:grid;justify-items:center;gap:2rem}@media screen and (min-width: 1024px){footer nav{display:flex;justify-content:space-evenly}}footer nav .footer__nav{display:grid;justify-items:center;gap:1rem;list-style:none}@media screen and (min-width: 768px){footer nav .footer__nav{display:flex}}footer nav .nav__link{color:rgba(255,255,255,.7);font-family:var(--ff-barlow);text-decoration:none}footer nav .nav__link:hover{color:#fff;font-weight:600;text-decoration:2px solid underline var(--clr-cyan-900)}footer nav .social__links{display:flex;justify-content:center;align-items:center;gap:2rem}/*# sourceMappingURL=home.css.map */