{"id":68074,"date":"2025-09-24T18:00:54","date_gmt":"2025-09-24T23:00:54","guid":{"rendered":"https:\/\/pcr-staging.antemodal.com\/?page_id=68074"},"modified":"2026-03-27T12:02:10","modified_gmt":"2026-03-27T17:02:10","slug":"our-sections","status":"publish","type":"page","link":"https:\/\/pcr-staging.antemodal.com\/?page_id=68074","title":{"rendered":"Our Sections"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|tablet&#8221; _builder_version=&#8221;4.7.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#009EDE&#8221; custom_margin_tablet=&#8221;&#8221; custom_margin_phone=&#8221;&#8221; custom_margin_last_edited=&#8221;on|tablet&#8221; custom_padding_tablet=&#8221;8px||||false|false&#8221; custom_padding_phone=&#8221;4px||||false|false&#8221;][et_pb_row _builder_version=&#8221;4.7.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;rgba(0,0,0,0)&#8221; custom_padding=&#8221;11px|||||&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.7.4&#8243; _module_preset=&#8221;default&#8221;][et_pb_code _builder_version=&#8221;4.7.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||-115px||false|false&#8221; custom_margin_tablet=&#8221;||-20px||false|false&#8221; custom_margin_phone=&#8221;||10px||false|false&#8221; custom_margin_last_edited=&#8221;on|tablet&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; custom_padding_tablet=&#8221;&#8221; custom_padding_phone=&#8221;&#8221; custom_padding_last_edited=&#8221;on|desktop&#8221; hover_enabled=&#8221;0&#8243; custom_css_main_element=&#8221;#flex-container {||  position: relative;||  display: flex; \/* Makes the container a flex container *\/||  flex-wrap: wrap; \/* Allow items to wrap to the next line *\/||  \/* Optional properties to control alignment and spacing *\/||  justify-content: space-around; \/* Distributes items with space around them *\/||  align-items: flex-start; ||  width: 100%; \/* Example width for the container *\/||  height: auto; \/* Example height for the container *\/||  margin-top: -100px;||  transform: scale(0.8);||  gap: 20px; \/* Adds space between the flex items *\/||}||||||||.coffeesections {||  \/* Basic styling for the child elements *\/||  flex-basis: 25.5%; \/* Each item takes 47% of the container&#8217;s width *\/||  height: 47%; \/* Each item takes 47% of the container&#8217;s height *\/||  box-sizing: border-box; \/* Include padding and border in the element&#8217;s total width and height *\/||  border: 1px solid rgba(0, 0, 0, 0);||  display: flex ;||  flex-direction: column;||  justify-content: center;||  align-items: center;||  gap: 25px;||  max-width: 500px;||  padding: 20px;||}||||||||#kuvat {||  \/* Basic styling for the child elements *\/||    flex-basis: 47%; \/* Each item takes 47% of the container&#8217;s width *\/||  height: 47%; \/* Each item takes 47% of the container&#8217;s height *\/||  box-sizing: border-box; \/* Include padding and border in the element&#8217;s total width and height *\/||  border: 1px solid rgba(0, 0, 0, 0);||  display: flex ;||  flex-direction: column;||  justify-content: center;||  align-items: center;||  position: relative;||  max-width: 500px;||  padding: 20px;||  transform: scale(1.3);||}||||||||.wheel{||  position: absolute;||  opacity: 1;||}||||.wheelsketch1{||  position: absolute;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||.wheelsketch2{||  position: absolute;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||.wheelsketch3{||  position: absolute;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||.wheelsketch4{||  position: absolute;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||.wheelsketch5{||  position: absolute;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||.wheelsketch6{||  position: static;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||#flex-container:has(.coffee1:hover) .wheel{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee1:hover) .wheel{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee1:hover) .wheelsketch1{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flex-container:has(.coffee2:hover) #wheel{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee2:hover) #wheel{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee2:hover) #wheelsketch2{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flex-container:has(.coffee3:hover) #wheel{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee3:hover) #wheel{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee3:hover) #wheelsketch3{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flex-container:has(.coffee4:hover) #wheel{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee4:hover) #wheel{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee4:hover) #wheelsketch4{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flex-container:has(.coffee5:hover) #wheel{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee5:hover) #wheel{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee5:hover) #wheelsketch5{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flex-container:has(.coffee6:hover) #wheel{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee6:hover) #wheel{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee6:hover) #wheelsketch5{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||.explanations {||  \/* Basic styling for the child elements *\/||  flex-basis: 47%; \/* Each item takes 47% of the container&#8217;s width *\/||  height: 47%; \/* Each item takes 47% of the container&#8217;s height *\/||  box-sizing: border-box; \/* Include padding and border in the element&#8217;s total width and height *\/||  border: 1px solid rgba(0, 0, 0, 0);||  display: flex ;||  flex-direction: column;||  justify-content: center;||  align-items: center;||  position: relative;||  transform: scale(0.9);||  padding: 10px;||  margin-left: -160px;||  margin-top: -120px;||}||||||||#explanation{||  position: absolute;||  opacity: 1;||}||||.explanation1{||  position: absolute;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||.explanation2{||  position: absolute;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||.explanation3{||  position: absolute;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||.explanation4{||  position: absolute;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||.explanation5{||  position: absolute;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||.explanation6{||  position: static;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||#flex-container:has(.coffee1:hover) #explanation{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee1:hover) #explanation{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee1:hover) #explanation1{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flex-container:has(.coffee2:hover) #explanation{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee2:hover) #explanation{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee2:hover) #explanation2{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flex-container:has(.coffee3:hover) #explanation{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee3:hover) #explanation{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee3:hover) #explanation3{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flex-container:has(.coffee4:hover) #explanation{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee4:hover) #explanation{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee4:hover) #explanation4{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flex-container:has(.coffee5:hover) #explanation{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee5:hover) #explanation{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee5:hover) #explanation5{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flex-container:has(.coffee6:hover) #explanation{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee6:hover) #explanation{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee6:hover) #explanation5{||  position: static;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flavorlegend {||  \/* Basic styling for the child elements *\/||  flex-basis: 28.55%; \/* Each item takes 47% of the container&#8217;s width *\/||  height: 47%; \/* Each item takes 50% of the container&#8217;s height *\/||  box-sizing: border-box; \/* Include padding and border in the element&#8217;s total width and height *\/||  border: 1px solid rgba(0, 0, 0, 0);||  display: flex ;||  flex-direction: column;||  justify-content: center;||  align-items: center;||  position: relative;||  padding: 0px;||  margin-left: -160px;||  margin-top: -80px;||  transform: scale(0.7);||}||||||||||#legend{||  position: absolute;||  opacity: 1;||}||||.legend1{||  position: absolute;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||.legend2{||  position: absolute;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||.legend3{||  position: absolute;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||.legend4{||  position: absolute;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||.legend5{||  position: absolute;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||.legend6{||  position: static;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||#flex-container:has(.coffee1:hover) #legend{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee1:hover) #legend{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee1:hover) #legend1{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flex-container:has(.coffee2:hover) #legend{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee2:hover) #legend{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee2:hover) #legend2{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flex-container:has(.coffee3:hover) #legend{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee3:hover) #legend{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee3:hover) #legend3{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flex-container:has(.coffee4:hover) #legend{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee4:hover) #legend{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee4:hover) #legend4{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flex-container:has(.coffee5:hover) #legend{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee5:hover) #legend{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee5:hover) #legend5{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flex-container:has(.coffee6:hover) #legend{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee6:hover) #legend{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee6:hover) #legend5{||  position: static;||  opacity: 1;||  transition: opacity 1s ease;||}&#8221; custom_css_main_element_last_edited=&#8221;on|desktop&#8221; custom_css_main_element_phone=&#8221;#flex-container {||  position: relative;||  display: flex; \/* Makes the container a flex container *\/||  flex-wrap: wrap; \/* Allow items to wrap to the next line *\/||  \/* Optional properties to control alignment and spacing *\/||  justify-content: space-around; \/* Distributes items with space around them *\/||  align-items: flex-start; ||  width: 100%; \/* Example width for the container *\/||  height: auto; \/* Example height for the container *\/||  gap: 20px; \/* Adds space between the flex items *\/||}||||||||.coffeesections {||  \/* Basic styling for the child elements *\/||  flex-basis: 25.5%; \/* Each item takes 47% of the container&#8217;s width *\/||  height: 47%; \/* Each item takes 47% of the container&#8217;s height *\/||  box-sizing: border-box; \/* Include padding and border in the element&#8217;s total width and height *\/||  border: 1px solid rgba(0, 0, 0, 0);||  display: flex ;||  flex-direction: column;||  justify-content: center;||  align-items: center;||  transform: scale(1.7);||  gap: 15px;||  max-width: 500px;||  padding: 14px;||  margin-top: 85px;||  margin-left: 0px;||}||||||||#kuvat {||  \/* Basic styling for the child elements *\/||    flex-basis: 47%; \/* Each item takes 47% of the container&#8217;s width *\/||  height: 47%; \/* Each item takes 47% of the container&#8217;s height *\/||  box-sizing: border-box; \/* Include padding and border in the element&#8217;s total width and height *\/||  border: 1px solid rgba(0, 0, 0, 0);||  display: flex ;||  flex-direction: column;||  justify-content: center;||  align-items: center;||  position: relative;||  transform: scale(1.75);||  max-width: 500px;||  margin-top: 0em;||  padding: 90px;||}||||||||.wheel{||  position: absolute;||  opacity: 1;||}||||.wheelsketch1{||  position: absolute;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||.wheelsketch2{||  position: absolute;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||.wheelsketch3{||  position: absolute;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||.wheelsketch4{||  position: absolute;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||.wheelsketch5{||  position: absolute;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||.wheelsketch6{||  position: static;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||#flex-container:has(.coffee1:hover) .wheel{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee1:hover) .wheel{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee1:hover) .wheelsketch1{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flex-container:has(.coffee2:hover) #wheel{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee2:hover) #wheel{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee2:hover) #wheelsketch2{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flex-container:has(.coffee3:hover) #wheel{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee3:hover) #wheel{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee3:hover) #wheelsketch3{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flex-container:has(.coffee4:hover) #wheel{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee4:hover) #wheel{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee4:hover) #wheelsketch4{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flex-container:has(.coffee5:hover) #wheel{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee5:hover) #wheel{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee5:hover) #wheelsketch5{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flex-container:has(.coffee6:hover) #wheel{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee6:hover) #wheel{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee6:hover) #wheelsketch5{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||.explanations {||  \/* Basic styling for the child elements *\/||  flex-basis: 47%; \/* Each item takes 47% of the container&#8217;s width *\/||  height: 47%; \/* Each item takes 47% of the container&#8217;s height *\/||  box-sizing: border-box; \/* Include padding and border in the element&#8217;s total width and height *\/||  border: 1px solid rgba(0, 0, 0, 0);||  display: flex ;||  transform: scale(1.4);||  flex-direction: column;||  justify-content: center;||  align-items: center;||  position: relative;||  margin-top: -4em;||  padding: 10px;||}||||||||#explanation{||  position: absolute;||  opacity: 1;||}||||.explanation1{||  position: absolute;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||.explanation2{||  position: absolute;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||.explanation3{||  position: absolute;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||.explanation4{||  position: absolute;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||.explanation5{||  position: absolute;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||.explanation6{||  position: static;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||#flex-container:has(.coffee1:hover) #explanation{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee1:hover) #explanation{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee1:hover) #explanation1{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flex-container:has(.coffee2:hover) #explanation{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee2:hover) #explanation{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee2:hover) #explanation2{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flex-container:has(.coffee3:hover) #explanation{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee3:hover) #explanation{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee3:hover) #explanation3{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flex-container:has(.coffee4:hover) #explanation{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee4:hover) #explanation{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee4:hover) #explanation4{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flex-container:has(.coffee5:hover) #explanation{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee5:hover) #explanation{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee5:hover) #explanation5{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flex-container:has(.coffee6:hover) #explanation{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee6:hover) #explanation{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee6:hover) #explanation5{||  position: static;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flavorlegend {||  \/* Basic styling for the child elements *\/||  flex-basis: 28.55%; \/* Each item takes 47% of the container&#8217;s width *\/||  height: 47%; \/* Each item takes 50% of the container&#8217;s height *\/||  box-sizing: border-box; \/* Include padding and border in the element&#8217;s total width and height *\/||  border: 1px solid rgba(0, 0, 0, 0);||  display: flex ;||  flex-direction: column;||  justify-content: center;||  align-items: center;||  position: relative;||  margin-top: -4em;||  padding: 0px;||}||||||||||#legend{||  position: absolute;||  opacity: 1;||}||||.legend1{||  position: absolute;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||.legend2{||  position: absolute;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||.legend3{||  position: absolute;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||.legend4{||  position: absolute;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||.legend5{||  position: absolute;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||.legend6{||  position: static;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||#flex-container:has(.coffee1:hover) #legend{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee1:hover) #legend{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee1:hover) #legend1{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flex-container:has(.coffee2:hover) #legend{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee2:hover) #legend{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee2:hover) #legend2{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flex-container:has(.coffee3:hover) #legend{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee3:hover) #legend{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee3:hover) #legend3{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flex-container:has(.coffee4:hover) #legend{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee4:hover) #legend{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee4:hover) #legend4{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flex-container:has(.coffee5:hover) #legend{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee5:hover) #legend{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee5:hover) #legend5{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flex-container:has(.coffee6:hover) #legend{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee6:hover) #legend{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee6:hover) #legend5{||  position: static;||  opacity: 1;||  transition: opacity 1s ease;||}&#8221; custom_css_main_element_tablet=&#8221;#flex-container {||  position: relative;||  display: flex; \/* Makes the container a flex container *\/||  flex-wrap: wrap; \/* Allow items to wrap to the next line *\/||  \/* Optional properties to control alignment and spacing *\/||  justify-content: space-around; \/* Distributes items with space around them *\/||  align-items: flex-start; ||  width: 100%; \/* Example width for the container *\/||  height: auto; \/* Example height for the container *\/||  gap: 20px; \/* Adds space between the flex items *\/||}||||||||.coffeesections {||  \/* Basic styling for the child elements *\/||  flex-basis: 25.5%; \/* Each item takes 47% of the container&#8217;s width *\/||  height: 47%; \/* Each item takes 47% of the container&#8217;s height *\/||  box-sizing: border-box; \/* Include padding and border in the element&#8217;s total width and height *\/||  border: 1px solid rgba(0, 0, 0, 0);||  display: flex ;||  flex-direction: column;||  justify-content: center;||  align-items: center;||  gap: 25px;||  max-width: 500px;||  padding: 20px;||}||||||||#kuvat {||  \/* Basic styling for the child elements *\/||    flex-basis: 47%; \/* Each item takes 47% of the container&#8217;s width *\/||  height: 47%; \/* Each item takes 47% of the container&#8217;s height *\/||  box-sizing: border-box; \/* Include padding and border in the element&#8217;s total width and height *\/||  border: 1px solid rgba(0, 0, 0, 0);||  display: flex ;||  flex-direction: column;||  justify-content: center;||  align-items: center;||  position: relative;||  max-width: 500px;||  transform: scale(1.3);||  padding: 20px;||}||||||||.wheel{||  position: absolute;||  opacity: 1;||}||||.wheelsketch1{||  position: absolute;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||.wheelsketch2{||  position: absolute;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||.wheelsketch3{||  position: absolute;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||.wheelsketch4{||  position: absolute;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||.wheelsketch5{||  position: absolute;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||.wheelsketch6{||  position: static;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||#flex-container:has(.coffee1:hover) .wheel{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee1:hover) .wheel{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee1:hover) .wheelsketch1{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flex-container:has(.coffee2:hover) #wheel{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee2:hover) #wheel{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee2:hover) #wheelsketch2{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flex-container:has(.coffee3:hover) #wheel{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee3:hover) #wheel{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee3:hover) #wheelsketch3{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flex-container:has(.coffee4:hover) #wheel{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee4:hover) #wheel{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee4:hover) #wheelsketch4{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flex-container:has(.coffee5:hover) #wheel{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee5:hover) #wheel{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee5:hover) #wheelsketch5{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flex-container:has(.coffee6:hover) #wheel{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee6:hover) #wheel{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee6:hover) #wheelsketch5{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||.explanations {||  \/* Basic styling for the child elements *\/||  flex-basis: 47%; \/* Each item takes 47% of the container&#8217;s width *\/||  height: 47%; \/* Each item takes 47% of the container&#8217;s height *\/||  box-sizing: border-box; \/* Include padding and border in the element&#8217;s total width and height *\/||  border: 1px solid rgba(0, 0, 0, 0);||  display: flex ;||  flex-direction: column;||  justify-content: center;||  align-items: center;||  position: relative;||  transform: scale(0.8);||  margin-left: -90px;||  margin-top: -60px;||  padding: 10px;||}||||||||#explanation{||  position: absolute;||  opacity: 1;||}||||.explanation1{||  position: absolute;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||.explanation2{||  position: absolute;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||.explanation3{||  position: absolute;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||.explanation4{||  position: absolute;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||.explanation5{||  position: absolute;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||.explanation6{||  position: static;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||#flex-container:has(.coffee1:hover) #explanation{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee1:hover) #explanation{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee1:hover) #explanation1{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flex-container:has(.coffee2:hover) #explanation{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee2:hover) #explanation{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee2:hover) #explanation2{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flex-container:has(.coffee3:hover) #explanation{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee3:hover) #explanation{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee3:hover) #explanation3{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flex-container:has(.coffee4:hover) #explanation{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee4:hover) #explanation{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee4:hover) #explanation4{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flex-container:has(.coffee5:hover) #explanation{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee5:hover) #explanation{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee5:hover) #explanation5{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flex-container:has(.coffee6:hover) #explanation{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee6:hover) #explanation{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee6:hover) #explanation5{||  position: static;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flavorlegend {||  \/* Basic styling for the child elements *\/||  flex-basis: 28.55%; \/* Each item takes 47% of the container&#8217;s width *\/||  height: 47%; \/* Each item takes 50% of the container&#8217;s height *\/||  box-sizing: border-box; \/* Include padding and border in the element&#8217;s total width and height *\/||  border: 1px solid rgba(0, 0, 0, 0);||  display: flex ;||  flex-direction: column;||  justify-content: center;||  align-items: center;||  position: relative;||  padding: 0px;||  margin-left: -70px;||  margin-top: -60px;||  transform: scale(0.7);||}||||||||||#legend{||  position: absolute;||  opacity: 1;||}||||.legend1{||  position: absolute;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||.legend2{||  position: absolute;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||.legend3{||  position: absolute;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||.legend4{||  position: absolute;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||.legend5{||  position: absolute;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||.legend6{||  position: static;||  opacity: 0;||  transition: opacity .5s ease-in-out;||}||||#flex-container:has(.coffee1:hover) #legend{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee1:hover) #legend{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee1:hover) #legend1{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flex-container:has(.coffee2:hover) #legend{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee2:hover) #legend{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee2:hover) #legend2{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flex-container:has(.coffee3:hover) #legend{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee3:hover) #legend{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee3:hover) #legend3{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flex-container:has(.coffee4:hover) #legend{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee4:hover) #legend{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee4:hover) #legend4{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flex-container:has(.coffee5:hover) #legend{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee5:hover) #legend{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee5:hover) #legend5{||  position: absolute;||  opacity: 1;||  transition: opacity 1s ease;||}||||#flex-container:has(.coffee6:hover) #legend{||  position: absolute;||  opacity: 1;||  transition: opacity 0.5s ease-in-out; \/* Initial opacity (fully transparent) *\/||}||||#flex-container:has(.coffee6:hover) #legend{||  opacity: 1; \/* Opacity on hover (fully visible) *\/||}||||#flex-container:has(.coffee6:hover) #legend5{||  position: static;||  opacity: 1;||  transition: opacity 1s ease;||}&#8221; sticky_enabled=&#8221;0&#8243;]<\/p>\n<div id=\"flex-container\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"coffeesections\"><!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1Lc9umbbh1KgYgXuCozbwnjeA-xcAQk35?authuser=1\/view\"<!-- [et_pb_line_break_holder] -->   width=&#8221;100%&#8221; height=&#8221;auto&#8221; class=&#8221;coffee1&#8243; id=&#8221;coffee1&#8243;\/><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/14_SDrZyjDfs4YgcakJ5XeLto7zu11r7z?authuser=1\/view\" <!-- [et_pb_line_break_holder] -->    width=&#8221;100%&#8221; height=&#8221;auto&#8221; class=&#8221;coffee2&#8243; id=&#8221;coffee2&#8243;\/><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1HpDZCds8vKHCuLsbqi4yxgJTwXUoUFWN?authuser=1\/view\" <!-- [et_pb_line_break_holder] -->    width=&#8221;100%&#8221; height=&#8221;auto&#8221; class=&#8221;coffee3&#8243; id=&#8221;coffee3&#8243;\/><!-- [et_pb_line_break_holder] -->    <!-- [et_pb_line_break_holder] -->        <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1z-RZ4NNMuGUytmOkcWWF0iqMn9IJ9fyy?authuser=1\/view\" <!-- [et_pb_line_break_holder] -->    width=&#8221;100%&#8221; height=&#8221;auto&#8221; class=&#8221;coffee4&#8243; id=&#8221;coffee4&#8243;\/><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1XaQPC2wabtrdGGZvJ_RXemmw8npDNQrw?authuser=1\/view\" <!-- [et_pb_line_break_holder] -->    width=&#8221;100%&#8221; height=&#8221;auto&#8221; class=&#8221;coffee5&#8243; id=&#8221;coffee5&#8243;\/><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <\/p>\n<div id=\"kuvat\"><!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1jBKEEMB0RB0YdVbEsTvGhR08jM95oeq0?authuser=1\/view\" <!-- [et_pb_line_break_holder] -->    width=&#8221;92.2%&#8221; height=&#8221;auto&#8221; class=&#8221;wheel&#8221; id=&#8221;wheel&#8221;\/><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1aVjpB6xnvDCP2uD3p2HfqZXhQJWCfkpz?authuser=1\/view\"<!-- [et_pb_line_break_holder] -->   width=&#8221;92.2%&#8221; height=&#8221;auto&#8221; class=&#8221;wheelsketch1&#8243; id=&#8221;wheelsketch1&#8243;\/><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1rBPuOUnvqyb6wDFwOb1rH3YHrsH5diIz?authuser=1\/view\"<!-- [et_pb_line_break_holder] -->   width=&#8221;92.2%&#8221; height=&#8221;auto&#8221; class=&#8221;wheelsketch2&#8243; id=&#8221;wheelsketch2&#8243;\/><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1erSA1LVLP-udh4hCa9MmO8QLrZ8n1Rcl?authuser=1\/view\"<!-- [et_pb_line_break_holder] -->   width=&#8221;92.2%&#8221; height=&#8221;auto&#8221; class=&#8221;wheelsketch3&#8243; id=&#8221;wheelsketch3&#8243;\/><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1rUXwUAm66a-NB8copd1HCGKwexqI4jM3?authuser=1\/view\"<!-- [et_pb_line_break_holder] -->   width=&#8221;92.2%&#8221; height=&#8221;auto&#8221; class=&#8221;wheelsketch4&#8243; id=&#8221;wheelsketch4&#8243;\/><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1jBKEEMB0RB0YdVbEsTvGhR08jM95oeq0?authuser=1\/view\"<!-- [et_pb_line_break_holder] -->   width=&#8221;92.2%&#8221; height=&#8221;auto&#8221; class=&#8221;wheelsketch5&#8243; id=&#8221;wheelsketch5&#8243;\/><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1rUXwUAm66a-NB8copd1HCGKwexqI4jM3?authuser=1\/view\"<!-- [et_pb_line_break_holder] -->   width=&#8221;100%&#8221; height=&#8221;auto&#8221; class=&#8221;wheelsketch6&#8243; id=&#8221;wheelsketch6&#8243;\/><!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"explanations\"><!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1PGLBzuEWgmAdqWOISN01I-SMFs2VAqDg?authuser=1\/view\" <!-- [et_pb_line_break_holder] -->    width=&#8221;92.2%&#8221; height=&#8221;auto&#8221; class=&#8221;explanation&#8221; id=&#8221;explanation&#8221;\/><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1eMFTDLP3RCKZFp4DBWE3iKxRfmHNsns6?authuser=1\/view\" <!-- [et_pb_line_break_holder] -->    width=&#8221;92.2%&#8221; height=&#8221;auto&#8221; class=&#8221;explanation1&#8243; id=&#8221;explanation1&#8243;\/><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1rKXz-FHEvjJstiYq9Ym124ZgxIv8-Se3?authuser=1\/view\" <!-- [et_pb_line_break_holder] -->    width=&#8221;92.2%&#8221; height=&#8221;auto&#8221; class=&#8221;explanation2&#8243; id=&#8221;explanation2&#8243;\/><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1kCpgluD2_Tc-AyGDUrLUZdWZVkSWlp5T?authuser=1\/view\" <!-- [et_pb_line_break_holder] -->    width=&#8221;92.2%&#8221; height=&#8221;auto&#8221; class=&#8221;explanation3&#8243; id=&#8221;explanation3&#8243;\/><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1eXU-kfopeOSPSk_FGMstbOvVWl2F-0x8?authuser=1\/view\" <!-- [et_pb_line_break_holder] -->    width=&#8221;92.2%&#8221; height=&#8221;auto&#8221; class=&#8221;explanation4&#8243; id=&#8221;explanation4&#8243;\/><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1PGLBzuEWgmAdqWOISN01I-SMFs2VAqDg?authuser=1\/view\" <!-- [et_pb_line_break_holder] -->    width=&#8221;92.2%&#8221; height=&#8221;auto&#8221; class=&#8221;explanation5&#8243; id=&#8221;explanation5&#8243;\/><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1eXU-kfopeOSPSk_FGMstbOvVWl2F-0x8?authuser=1\/view\" <!-- [et_pb_line_break_holder] -->    width=&#8221;92.2%&#8221; height=&#8221;auto&#8221; class=&#8221;explanation6&#8243; id=&#8221;explanation6&#8243;\/><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <\/p>\n<div id=\"flavorlegend\"><!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/19BMXcYwQueUVfjQ_Z4kIkttMtYi8skJC?authuser=1\/view\" <!-- [et_pb_line_break_holder] -->    width=&#8221;92.2%&#8221; height=&#8221;auto&#8221; class=&#8221;legend&#8221; id=&#8221;legend&#8221;\/><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1Ib6N_5k8Dg-GKbpHL52qr37X17cE42mc?authuser=1\/view\"<!-- [et_pb_line_break_holder] -->   width=&#8221;92.2%&#8221; height=&#8221;auto&#8221; class=&#8221;legend1&#8243; id=&#8221;legend1&#8243;\/><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1SuGaJd7dBkeI9fZUBtcgPDeNRL6Cta4g?authuser=1\/view\"<!-- [et_pb_line_break_holder] -->   width=&#8221;92.2%&#8221; height=&#8221;auto&#8221; class=&#8221;legend2&#8243; id=&#8221;legend2&#8243;\/><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1jd53inpzxd2tkQzQdkG0kKKOJ2n-rjMe?authuser=1\/view\"<!-- [et_pb_line_break_holder] -->   width=&#8221;92.2%&#8221; height=&#8221;auto&#8221; class=&#8221;legend3&#8243; id=&#8221;legend3&#8243;\/><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1vcL9QP1oaLRqpvGHZJkq5FZCREc9cj-A?authuser=1\/view\"<!-- [et_pb_line_break_holder] -->   width=&#8221;92.2%&#8221; height=&#8221;auto&#8221; class=&#8221;legend4&#8243; id=&#8221;legend4&#8243;\/><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/19BMXcYwQueUVfjQ_Z4kIkttMtYi8skJC?authuser=1\/view\"<!-- [et_pb_line_break_holder] -->   width=&#8221;92.2%&#8221; height=&#8221;auto&#8221; class=&#8221;legend5&#8243; id=&#8221;legend5&#8243;\/><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/d\/1vcL9QP1oaLRqpvGHZJkq5FZCREc9cj-A?authuser=1\/view\"<!-- [et_pb_line_break_holder] -->   width=&#8221;100%&#8221; height=&#8221;auto&#8221; class=&#8221;legend6&#8243; id=&#8221;legend6&#8243;\/><!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/div>\n<p>[\/et_pb_code][et_pb_button button_url=&#8221;@ET-DC@eyJkeW5hbWljIjp0cnVlLCJjb250ZW50IjoicG9zdF9saW5rX3VybF9wYWdlIiwic2V0dGluZ3MiOnsicG9zdF9pZCI6IjY4MjA3In19@&#8221; button_text=&#8221;SHOP&#8221; button_alignment=&#8221;center&#8221; _builder_version=&#8221;4.7.4&#8243; _dynamic_attributes=&#8221;button_url&#8221; _module_preset=&#8221;default&#8221; custom_button=&#8221;on&#8221; button_text_color=&#8221;#ffffff&#8221; button_bg_image=&#8221;https:\/\/lh3.googleusercontent.com\/d\/1X8qJ3cepolFrHlRLfo6jW4tYhg5LAsNf?authuser=1\/view&#8221; button_bg_size=&#8221;initial&#8221; button_bg_position=&#8221;bottom_left&#8221; button_border_radius=&#8221;15px&#8221; button_letter_spacing=&#8221;5px&#8221; button_font=&#8221;Questrial|700||on|||||&#8221; button_use_icon=&#8221;off&#8221; transform_scale_tablet=&#8221;&#8221; transform_scale_phone=&#8221;&#8221; transform_scale_last_edited=&#8221;on|desktop&#8221; transform_translate=&#8221;0px|20px&#8221; transform_translate_tablet=&#8221;&#8221; transform_translate_phone=&#8221;&#8221; transform_translate_last_edited=&#8221;on|desktop&#8221; transform_translate_linked=&#8221;off&#8221; transform_rotate_tablet=&#8221;&#8221; transform_rotate_phone=&#8221;&#8221; transform_rotate_last_edited=&#8221;on|desktop&#8221; transform_skew_tablet=&#8221;&#8221; transform_skew_phone=&#8221;&#8221; transform_skew_last_edited=&#8221;on|desktop&#8221; transform_origin_tablet=&#8221;&#8221; transform_origin_phone=&#8221;&#8221; transform_origin_last_edited=&#8221;on|desktop&#8221; transform_styles_last_edited=&#8221;on|desktop&#8221; custom_margin_tablet=&#8221;||31px||false|false&#8221; custom_margin_phone=&#8221;||50px||false|false&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; custom_padding_tablet=&#8221;||||false|false&#8221; custom_padding_phone=&#8221;&#8221; custom_padding_last_edited=&#8221;on|tablet&#8221; transform_styles_tablet=&#8221;&#8221; transform_styles_phone=&#8221;&#8221;][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|tablet&#8221; _builder_version=&#8221;4.7.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#009EDE&#8221; custom_margin_tablet=&#8221;&#8221; custom_margin_phone=&#8221;&#8221; custom_margin_last_edited=&#8221;on|tablet&#8221; custom_padding_tablet=&#8221;8px||||false|false&#8221; custom_padding_phone=&#8221;4px||||false|false&#8221;][et_pb_row _builder_version=&#8221;4.7.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;rgba(0,0,0,0)&#8221; custom_padding=&#8221;11px|||||&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.7.4&#8243; _module_preset=&#8221;default&#8221;][et_pb_code _builder_version=&#8221;4.7.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||-115px||false|false&#8221; custom_margin_tablet=&#8221;||-20px||false|false&#8221; custom_margin_phone=&#8221;||10px||false|false&#8221; custom_margin_last_edited=&#8221;on|tablet&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; custom_padding_tablet=&#8221;&#8221; custom_padding_phone=&#8221;&#8221; custom_padding_last_edited=&#8221;on|desktop&#8221; hover_enabled=&#8221;0&#8243; custom_css_main_element=&#8221;#flex-container {|| position: relative;|| display: flex; \/* Makes the container a flex container *\/|| flex-wrap: wrap; \/* Allow items to wrap to the next line *\/|| [&hellip;]<\/p>\n","protected":false},"author":739,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-68074","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Our Sections - Pur\u00e9fi Coffee Roasters<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Our Sections - Pur\u00e9fi Coffee Roasters\" \/>\n<meta property=\"og:description\" content=\"[et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|tablet&#8221; _builder_version=&#8221;4.7.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#009EDE&#8221; custom_margin_tablet=&#8221;&#8221; custom_margin_phone=&#8221;&#8221; custom_margin_last_edited=&#8221;on|tablet&#8221; custom_padding_tablet=&#8221;8px||||false|false&#8221; custom_padding_phone=&#8221;4px||||false|false&#8221;][et_pb_row _builder_version=&#8221;4.7.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;rgba(0,0,0,0)&#8221; custom_padding=&#8221;11px|||||&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.7.4&#8243; _module_preset=&#8221;default&#8221;][et_pb_code _builder_version=&#8221;4.7.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||-115px||false|false&#8221; custom_margin_tablet=&#8221;||-20px||false|false&#8221; custom_margin_phone=&#8221;||10px||false|false&#8221; custom_margin_last_edited=&#8221;on|tablet&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; custom_padding_tablet=&#8221;&#8221; custom_padding_phone=&#8221;&#8221; custom_padding_last_edited=&#8221;on|desktop&#8221; hover_enabled=&#8221;0&#8243; custom_css_main_element=&#8221;#flex-container {|| position: relative;|| display: flex; \/* Makes the container a flex container *\/|| flex-wrap: wrap; \/* Allow items to wrap to the next line *\/|| [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pcr-staging.antemodal.com\/?page_id=68074\" \/>\n<meta property=\"og:site_name\" content=\"Pur\u00e9fi Coffee Roasters\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-27T17:02:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/lh3.googleusercontent.com\/d\/1Lc9umbbh1KgYgXuCozbwnjeA-xcAQk35?authuser=1\/view\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/pcr-staging.antemodal.com\/?page_id=68074\",\"url\":\"https:\/\/pcr-staging.antemodal.com\/?page_id=68074\",\"name\":\"Our Sections - Pur\u00e9fi Coffee Roasters\",\"isPartOf\":{\"@id\":\"https:\/\/pcr-staging.antemodal.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/pcr-staging.antemodal.com\/?page_id=68074#primaryimage\"},\"image\":{\"@id\":\"https:\/\/pcr-staging.antemodal.com\/?page_id=68074#primaryimage\"},\"thumbnailUrl\":\"https:\/\/lh3.googleusercontent.com\/d\/1Lc9umbbh1KgYgXuCozbwnjeA-xcAQk35?authuser=1\/view\",\"datePublished\":\"2025-09-24T23:00:54+00:00\",\"dateModified\":\"2026-03-27T17:02:10+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/pcr-staging.antemodal.com\/?page_id=68074#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/pcr-staging.antemodal.com\/?page_id=68074\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/pcr-staging.antemodal.com\/?page_id=68074#primaryimage\",\"url\":\"https:\/\/lh3.googleusercontent.com\/d\/1Lc9umbbh1KgYgXuCozbwnjeA-xcAQk35?authuser=1\/view\",\"contentUrl\":\"https:\/\/lh3.googleusercontent.com\/d\/1Lc9umbbh1KgYgXuCozbwnjeA-xcAQk35?authuser=1\/view\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/pcr-staging.antemodal.com\/?page_id=68074#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/pcr-staging.antemodal.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Our Sections\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/pcr-staging.antemodal.com\/#website\",\"url\":\"https:\/\/pcr-staging.antemodal.com\/\",\"name\":\"Pur\u00e9fi Coffee Roasters\",\"description\":\"Changed by the flame\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/pcr-staging.antemodal.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Our Sections - Pur\u00e9fi Coffee Roasters","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Our Sections - Pur\u00e9fi Coffee Roasters","og_description":"[et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|tablet&#8221; _builder_version=&#8221;4.7.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#009EDE&#8221; custom_margin_tablet=&#8221;&#8221; custom_margin_phone=&#8221;&#8221; custom_margin_last_edited=&#8221;on|tablet&#8221; custom_padding_tablet=&#8221;8px||||false|false&#8221; custom_padding_phone=&#8221;4px||||false|false&#8221;][et_pb_row _builder_version=&#8221;4.7.4&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;rgba(0,0,0,0)&#8221; custom_padding=&#8221;11px|||||&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.7.4&#8243; _module_preset=&#8221;default&#8221;][et_pb_code _builder_version=&#8221;4.7.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||-115px||false|false&#8221; custom_margin_tablet=&#8221;||-20px||false|false&#8221; custom_margin_phone=&#8221;||10px||false|false&#8221; custom_margin_last_edited=&#8221;on|tablet&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; custom_padding_tablet=&#8221;&#8221; custom_padding_phone=&#8221;&#8221; custom_padding_last_edited=&#8221;on|desktop&#8221; hover_enabled=&#8221;0&#8243; custom_css_main_element=&#8221;#flex-container {|| position: relative;|| display: flex; \/* Makes the container a flex container *\/|| flex-wrap: wrap; \/* Allow items to wrap to the next line *\/|| [&hellip;]","og_url":"https:\/\/pcr-staging.antemodal.com\/?page_id=68074","og_site_name":"Pur\u00e9fi Coffee Roasters","article_modified_time":"2026-03-27T17:02:10+00:00","og_image":[{"url":"https:\/\/lh3.googleusercontent.com\/d\/1Lc9umbbh1KgYgXuCozbwnjeA-xcAQk35?authuser=1\/view","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/pcr-staging.antemodal.com\/?page_id=68074","url":"https:\/\/pcr-staging.antemodal.com\/?page_id=68074","name":"Our Sections - Pur\u00e9fi Coffee Roasters","isPartOf":{"@id":"https:\/\/pcr-staging.antemodal.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/pcr-staging.antemodal.com\/?page_id=68074#primaryimage"},"image":{"@id":"https:\/\/pcr-staging.antemodal.com\/?page_id=68074#primaryimage"},"thumbnailUrl":"https:\/\/lh3.googleusercontent.com\/d\/1Lc9umbbh1KgYgXuCozbwnjeA-xcAQk35?authuser=1\/view","datePublished":"2025-09-24T23:00:54+00:00","dateModified":"2026-03-27T17:02:10+00:00","breadcrumb":{"@id":"https:\/\/pcr-staging.antemodal.com\/?page_id=68074#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pcr-staging.antemodal.com\/?page_id=68074"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/pcr-staging.antemodal.com\/?page_id=68074#primaryimage","url":"https:\/\/lh3.googleusercontent.com\/d\/1Lc9umbbh1KgYgXuCozbwnjeA-xcAQk35?authuser=1\/view","contentUrl":"https:\/\/lh3.googleusercontent.com\/d\/1Lc9umbbh1KgYgXuCozbwnjeA-xcAQk35?authuser=1\/view"},{"@type":"BreadcrumbList","@id":"https:\/\/pcr-staging.antemodal.com\/?page_id=68074#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/pcr-staging.antemodal.com\/"},{"@type":"ListItem","position":2,"name":"Our Sections"}]},{"@type":"WebSite","@id":"https:\/\/pcr-staging.antemodal.com\/#website","url":"https:\/\/pcr-staging.antemodal.com\/","name":"Pur\u00e9fi Coffee Roasters","description":"Changed by the flame","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pcr-staging.antemodal.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/pcr-staging.antemodal.com\/index.php?rest_route=\/wp\/v2\/pages\/68074","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pcr-staging.antemodal.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pcr-staging.antemodal.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pcr-staging.antemodal.com\/index.php?rest_route=\/wp\/v2\/users\/739"}],"replies":[{"embeddable":true,"href":"https:\/\/pcr-staging.antemodal.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=68074"}],"version-history":[{"count":40,"href":"https:\/\/pcr-staging.antemodal.com\/index.php?rest_route=\/wp\/v2\/pages\/68074\/revisions"}],"predecessor-version":[{"id":69074,"href":"https:\/\/pcr-staging.antemodal.com\/index.php?rest_route=\/wp\/v2\/pages\/68074\/revisions\/69074"}],"wp:attachment":[{"href":"https:\/\/pcr-staging.antemodal.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=68074"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}