.OxLWNq_header{z-index:1;height:100vh;color:var(--color-creme-400);background-color:var(--color-brown-500);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}@media only screen and (max-width:1023px){.OxLWNq_header{height:110svh}}.OxLWNq_picto{z-index:1;transform-origin:50% 0;position:absolute}.OxLWNq_roasting{width:clamp(200px,194.033px + 1.53vw,220px);height:clamp(70px,67.036px + .76vw,80px);bottom:2.45vh;right:max(30px,30px + 5.29vw)}@media only screen and (max-width:1023px){.OxLWNq_roasting{bottom:1.25vh;right:20px}}.OxLWNq_beans{width:clamp(48px,37.86px + 2.6vw,82px);height:clamp(54px,44.484px + 2.44vw,86px);margin-bottom:max(22px,22px + 1.06vw);bottom:100%;right:min(-21.5px,-21.5px - .79vw)}@media only screen and (max-width:1023px){.OxLWNq_beans{bottom:max(20.4px,20.4px + .21vw);left:110%;right:auto}}@media only screen and (max-width:743px){.OxLWNq_beans{left:95%}}.OxLWNq_acidity{width:clamp(145px,134.587px + 2.67vw,180px);height:clamp(62px,53.654px + 2.14vw,90px);margin-bottom:max(23.8px,23.8px + 2.01vw);bottom:100%;left:max(49.6px,49.6px + 15.67vw)}@media only screen and (max-width:1023px){.OxLWNq_acidity{top:-35%;bottom:auto;left:-100px}}@media only screen and (max-width:743px){.OxLWNq_acidity{top:-35%;left:-90px}}.OxLWNq_expert{width:clamp(63px,59.724px + .84vw,74px);height:clamp(78px,73.242px + 1.22vw,94px);margin-top:8px;top:100%;left:10px}@media only screen and (max-width:743px){.OxLWNq_expert{top:90%;left:-64px}}.OxLWNq_headerTitle{text-transform:uppercase;flex-direction:column;align-items:center;display:flex;position:relative}.OxLWNq_headerTitle h1{flex-direction:row;justify-content:space-between;width:100%;display:flex}@media only screen and (max-width:1023px){.OxLWNq_headerTitle h1{height:max(45vh, calc((var(--100vw) - 2 * var(--grid-padding)) * 8.5 / var(--grid-columns) - var(--grid-gap)));height:max(45svh, calc((var(--100vw) - 2 * var(--grid-padding)) * 8.5 / var(--grid-columns) - var(--grid-gap)));flex-direction:column;align-items:center;margin-top:-5vh}}@media only screen and (max-width:743px){.OxLWNq_headerTitle h1{height:max(50vh, calc((var(--100vw) - 2 * var(--grid-padding)) * 12 / var(--grid-columns) - var(--grid-gap)));height:max(50svh, calc((var(--100vw) - 2 * var(--grid-padding)) * 12 / var(--grid-columns) - var(--grid-gap)))}}.OxLWNq_right{padding-right:.075em;position:relative}.OxLWNq_polaroids{z-index:1;flex-direction:row;justify-content:center;place-self:center;align-items:center;display:flex;position:absolute}@media only screen and (max-width:1023px){.OxLWNq_polaroids{margin-top:-7vh}}@media (hover:hover) and (pointer:fine){.OxLWNq_polaroids:hover .OxLWNq_polaroidWrapper:first-child .OxLWNq_polaroid{transform:translate(-60%)translateY(-6%)rotate(-7deg)}.OxLWNq_polaroids:hover .OxLWNq_polaroidWrapper:nth-child(2) .OxLWNq_polaroid{transform:translate(5%)translateY(-7%)rotate(2deg)}.OxLWNq_polaroids:hover .OxLWNq_polaroidWrapper:nth-child(3) .OxLWNq_polaroid{transform:translate(70%)translateY(-5%)rotate(6deg)}}.OxLWNq_polaroidWrapper{position:absolute}.OxLWNq_polaroidWrapper:first-child{z-index:3;margin-top:10px;margin-right:max(21px,21px + .53vw);rotate:-4deg}.OxLWNq_polaroidWrapper:nth-child(2){z-index:2;margin-bottom:max(24px,24px + 2.12vw);margin-left:max(23px,23px + 1.59vw);rotate:1.08deg}.OxLWNq_polaroidWrapper:nth-child(3){z-index:1;margin-bottom:13px;margin-left:max(36px,36px + 8.47vw);rotate:8.74deg}.OxLWNq_polaroid{--background-color:var(--color-creme-200);transition-property:transform;transition-duration:.75s;transition-timing-function:cubic-bezier(.645,.045,.355,1)}.OxLWNq_polaroid div:has(>img){width:100%;height:auto}.OxLWNq_polaroid img{width:100%}.OxLWNq_cta{z-index:0;--button-color:var(--color-brown-700);--button-backgroundColor:var(--color-creme-400);position:absolute;bottom:8.5vh}@media only screen and (max-width:1023px){.OxLWNq_cta{bottom:calc(24px + 10svh)}}@media only screen and (min-width:2000px){.OxLWNq_roasting{width:9.35vw;height:3.4vw;right:5.1vw}.OxLWNq_beans{width:3.485vw;height:3.655vw;margin-bottom:1.7vw;right:-1.4875vw}.OxLWNq_acidity{width:7.65vw;height:3.825vw;margin-bottom:2.465vw;left:13.43vw}.OxLWNq_expert{width:3.145vw;height:3.995vw;margin-top:.34vw;left:.425vw}.OxLWNq_polaroidWrapper:first-child{margin-top:.425vw;margin-right:1.275vw}.OxLWNq_polaroidWrapper:nth-child(2){margin-bottom:2.55vw;margin-left:2.125vw}.OxLWNq_polaroidWrapper:nth-child(3){margin-bottom:.5525vw;margin-left:7.65vw}}
.ZqI5lW_hero{z-index:0;flex-direction:column;justify-content:flex-end;height:150vh;display:flex;position:relative;overflow:clip}.ZqI5lW_bgTrack{z-index:-1;height:370vh;position:absolute;top:-100vh;left:0;right:0}.ZqI5lW_bgWrap{height:120vh;position:sticky;top:0}.ZqI5lW_bgContainer{z-index:-1;transform-origin:50% 0;position:absolute;inset:0;scale:1.1}.ZqI5lW_bg{z-index:-1;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}@media only screen and (max-width:1023px){.ZqI5lW_desktop{display:none}}.ZqI5lW_infoTrack{z-index:0;height:250vh;position:absolute;top:-100vh;left:0;right:0}.ZqI5lW_infoWrap{flex-direction:column;justify-content:flex-end;height:100vh;display:flex;position:sticky;top:0}.ZqI5lW_transitionFade{background:var(--color-brown-600);opacity:0;z-index:10;position:absolute;inset:0}.ZqI5lW_transitionGrad{opacity:0;z-index:12;background:linear-gradient(180deg, rgb(from var(--color-brown-600) r g b / 0) 0, var(--color-brown-600) 85%);height:max(38px,38px + 9.53vw);position:absolute;bottom:0;left:0;right:0}.ZqI5lW_separator{z-index:11;background-color:var(--color-creme-200);width:100%;height:1px;display:block;position:relative}.ZqI5lW_contentWrap{z-index:11;width:100%;color:var(--color-creme-200);flex-direction:row;justify-content:space-between;padding-top:max(20.4px,20.4px + .21vw);padding-bottom:max(26.4px,26.4px + 3.39vw);display:flex;position:relative}@media only screen and (max-width:1023px){.ZqI5lW_contentWrap{flex-direction:column;gap:max(20.4px,20.4px + .21vw)}}.ZqI5lW_content{white-space:pre-line;padding-top:4px;line-height:1.2em}@media only screen and (max-width:1023px){.ZqI5lW_content{align-self:flex-end}}@media only screen and (max-width:743px){.ZqI5lW_content{align-self:unset}}@media only screen and (min-width:2000px){.ZqI5lW_transitionGrad{height:8.5vw}.ZqI5lW_contentWrap{padding-top:1.02vw;padding-bottom:3.57vw}.ZqI5lW_content{padding-top:.17vw}}