.mix-section{padding-block:80px 100px;scroll-margin-top:82px}.mix-story{position:relative}.mix-stage{position:relative;min-height:860px;isolation:isolate}.mix-heading{position:relative;text-align:center;padding-top:28px;z-index:3}.mix-heading h2{font-size:clamp(44px,5.6vw,80px);letter-spacing:-.055em;line-height:1.03}.mix-heading>p{font-size:17px;color:var(--hn-colour-muted);margin:20px auto 0}.mix-composition{position:relative;height:640px;margin-top:20px;margin-bottom:18px}.mix-scene{position:absolute;left:50%;top:0;transform:translate(-50%);height:100%;aspect-ratio:3/4;margin:0;isolation:isolate;pointer-events:none}.mix-scene:before{content:"";position:absolute;left:50%;top:97.6%;width:29%;height:2%;transform:translate(-50%);background:radial-gradient(ellipse,#23392b24,transparent 70%);filter:blur(1.5px);z-index:0}.mix-bottle{position:absolute;left:8.3333%;top:17.5%;width:83.3333%;height:auto;max-width:none;z-index:1}.mix-pour{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2}.mix-sticker{position:absolute;left:50%;top:70.9%;width:62%;height:auto;aspect-ratio:610/100;max-width:none;transform:translate(-50%,-50%) rotate(-90deg);z-index:3;filter:drop-shadow(.2px .25px .15px #35463355);opacity:1}.mix-scoop{position:absolute;left:46.7%;top:-2.4%;width:30%;height:auto;z-index:4;opacity:var(--scoop-opacity,1)}.mix-jug{position:absolute;left:49%;top:-2%;width:42%;height:auto;z-index:4;opacity:var(--jug-opacity,0)}.mix-phases{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.mix-phase{display:none;position:absolute;top:0;right:0;bottom:0;left:0}.mix-phase.is-active{display:block}.mix-copy{position:absolute;top:43%;width:26%;max-width:300px;transform:translateY(-50%)}.mix-copy--left{left:6%}.mix-copy--right{right:5%;top:58%}.mix-number{display:block;color:var(--hn-colour-earth);font-size:14px;font-weight:500;margin-bottom:18px;font-variant-numeric:tabular-nums}.mix-copy h3{font-size:clamp(32px,3.7vw,54px);line-height:1.04;font-weight:600;letter-spacing:-.05em;max-width:7em}.mix-copy p{font-size:17px;line-height:1.5;color:var(--hn-colour-muted);margin-top:20px;max-width:23ch}.mix-copy--right h3{font-size:clamp(28px,3.1vw,44px)}.mix-fallback{font-size:16px;line-height:1.6;padding:0 24px}.mix-fallback li{margin-bottom:12px}.mix-scroll .mix-story{height:300svh;min-height:2400px}.mix-scroll .mix-stage{position:sticky;top:82px;height:calc(100svh - 82px);min-height:0;max-height:1080px;display:flex;flex-direction:column;padding-bottom:24px;box-sizing:border-box}.mix-scroll .mix-composition{flex:1;min-height:0;height:auto;margin-top:12px}.mix-enhanced .mix-phase{display:block;opacity:var(--phase-opacity,0);visibility:hidden}.mix-enhanced .mix-phase.is-active{visibility:visible}.mix-enhanced .mix-copy{translate:0 var(--copy-offset,0px)}.mix-enhanced .mix-stage:after{content:"";position:absolute;left:50%;top:50%;width:38%;height:55%;transform:translate(-50%,-50%);z-index:-1;background:radial-gradient(ellipse,#e2e8d23b,transparent 68%);pointer-events:none}@media(max-width:1100px)and (min-width:761px){.mix-copy--left{left:0}.mix-copy--right{right:0}.mix-copy{width:26%}.mix-copy p{font-size:15px}.mix-scene{max-height:72vw}}@media(max-width:760px){.mix-section{padding-block:56px 60px;scroll-margin-top:70px}.mix-stage{min-height:720px}.mix-heading{padding-top:18px}.mix-heading h2{font-size:clamp(36px,8.7vw,56px);white-space:nowrap}.mix-heading>p{font-size:14px;line-height:1.5;max-width:28ch;margin-top:12px}.mix-composition{height:530px;margin-top:8px}.mix-scene{height:84%;top:0;max-height:126.666vw}.mix-copy{width:47%;max-width:none;top:auto;bottom:5px;transform:none}.mix-copy--left{left:0}.mix-copy--right{right:0;bottom:5px}.mix-copy h3,.mix-copy--right h3{font-size:25px;max-width:8em}.mix-copy p{font-size:13px;line-height:1.45;margin-top:8px;max-width:22ch}.mix-number{font-size:11px;margin-bottom:7px}.mix-scroll .mix-story{height:290svh;min-height:2000px}.mix-scroll .mix-stage{top:70px;height:calc(100svh - 70px);padding-bottom:12px}.mix-scroll .mix-composition{margin-top:0}.mix-scroll .mix-scene{height:calc(100% - 96px);min-height:0;top:0}}@media(prefers-reduced-motion:reduce){.mix-copy{translate:none!important}}@media(forced-colors:active){.specimen-art{display:none}.mix-sticker{filter:drop-shadow(1px 1px 0 CanvasText)}}[data-hero-study]{--hero-study-top: 83px;scroll-padding-top:var(--hero-study-top)}[data-hero-study] .opening-surface{padding:0;background:var(--hn-colour-paper);overflow-x:clip}[data-hero-study] #preparation{max-width:1440px;margin-inline:auto;padding:0 var(--gutter)}[data-hero-study] #preparation .mix-story{height:auto;min-height:0}[data-hero-study] #preparation.mix-scroll .mix-story{height:210svh;min-height:1400px}[data-hero-study] #preparation .hero-study-stage{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:clamp(32px,4vw,64px);align-items:center;position:relative;height:auto;min-height:720px;max-height:none;padding:32px 0 38px;isolation:isolate}[data-hero-study] #preparation.mix-scroll .hero-study-stage{position:sticky;top:var(--hero-study-top);height:calc(100svh - var(--hero-study-top));min-height:610px;max-height:980px}[data-hero-study] .hero-study-stage:after,[data-hero-study] .hero-study-stage>.mix-heading,[data-hero-study] .hero-study-stage .mix-phases,[data-hero-study] .hero-study-stage>.mix-scroll-cue{display:none}[data-hero-study] .hero-study-stage .opening-copy{padding:0;min-width:0;position:relative;z-index:2}[data-hero-study] .opening-eyebrow{font-size:15px;font-weight:500;letter-spacing:0;margin-bottom:24px}[data-hero-study] .opening-copy h1{max-width:7.7em;font-size:clamp(48px,4.65vw,64px);line-height:1.04;letter-spacing:-.055em;font-weight:650}[data-hero-study] .opening-copy .hero-rating{margin-top:24px;font-size:13px}[data-hero-study] .opening-copy .hero-benefits{margin-top:28px;font-size:16px;line-height:1.5;gap:14px}[data-hero-study] .opening-copy .hero-benefits li{gap:12px}[data-hero-study] .opening-copy .hero-benefits .benefit-icon{width:22px;height:22px;flex:none;margin-top:1px}[data-hero-study] .opening-actions{margin-top:30px;gap:22px}[data-hero-study] .opening-actions .button{font-size:16px;width:auto;min-height:52px;padding-inline:26px}[data-hero-study] .opening-detail{font-size:14px;min-height:44px}[data-hero-study] .opening-proof{font-size:14px;margin-top:26px;line-height:1.5}[data-hero-study] .opening-proof mark:before{display:none}[data-hero-study] .opening-proof span{margin-top:6px}[data-hero-study] .hero-study-products{position:relative;min-width:0;width:100%;height:min(100%,730px);min-height:570px;align-self:center}[data-hero-study] .hero-study-products .opening-gallery{position:absolute;width:76%;left:0;top:50%;transform:translateY(-50%);z-index:1}[data-hero-study] .hero-study-products [data-gallery-panel]{width:100%;height:clamp(340px,calc(100svh - 355px),520px);min-height:0;border-radius:22px;aspect-ratio:auto;margin:0}[data-hero-study] .hero-study-products [data-gallery-panel][hidden]{display:none}[data-hero-study] .hero-study-products .opening-photo{background:var(--hn-colour-warm);overflow:hidden}[data-hero-study] .hero-study-products .opening-photo img{width:100%;height:100%;object-fit:cover}[data-hero-study] .hero-study-products .opening-gallery-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}[data-hero-study] .hero-study-products .opening-gallery-choices button{min-height:44px;padding:5px;border:1px solid transparent;border-radius:10px;background:transparent;text-align:left}[data-hero-study] .hero-study-products .opening-gallery-choices button[aria-pressed=true]{border-color:var(--hn-colour-action);background:var(--hn-colour-paper)}[data-hero-study] .hero-study-products .opening-gallery-choices button>img,[data-hero-study] .hero-study-products .serving-thumbnail{aspect-ratio:1.55;height:auto;width:100%;object-fit:cover;border-radius:6px}[data-hero-study] .hero-study-products .opening-gallery-choices button>span:last-child{font-size:12px;margin-top:5px;line-height:1.3;min-height:2.6em}[data-hero-study] .hero-study-products .mix-composition{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;pointer-events:none;z-index:2}[data-hero-study] .hero-study-products .mix-scene{left:83%;top:44%;height:88%;min-height:0;max-height:650px;max-width:none;transform:translate(-50%,-50%)}[data-hero-study] .hero-study-gift{position:absolute;left:79%;top:86%;width:22%;font-size:12px;line-height:1.4;text-align:center;color:var(--hn-colour-muted);z-index:3}[data-hero-study] .hero-study-review{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;min-height:60px;padding:8px 22px;background:#e6eddd;color:var(--hn-colour-ink);font-size:13px;border-block:1px solid var(--hn-colour-line)}[data-hero-study] .hero-study-review>span{margin-right:16px;font-weight:600}[data-hero-study] .hero-study-review a{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border-radius:8px;text-decoration:none}[data-hero-study] .hero-study-review a[aria-current]{background:var(--hn-colour-paper);box-shadow:inset 0 0 0 1px var(--hn-colour-action)}[data-hero-study] :is(.hero-study-review a,.opening-gallery-choices button):focus-visible{outline:3px solid var(--hn-colour-action);outline-offset:3px}[data-hero-study=studio] .hero-study-products:before{content:"";position:absolute;top:8%;right:-5%;bottom:11%;left:7%;background:#e6eddd;border-radius:48% 48% 40% 40%;z-index:-1}[data-hero-study=studio] .hero-study-products .opening-gallery{width:72%}[data-hero-study=studio] .hero-study-products .mix-scene{left:84%;top:33%}[data-hero-study=studio] .hero-study-gift{top:81%}[data-hero-study=studio] .hero-study-products .opening-photo{border-radius:22px 22px 90px}[data-hero-study=field] .opening-surface{background:var(--hn-colour-paper)}[data-hero-study=field] #preparation .hero-study-stage{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(32px,5vw,72px)}[data-hero-study=field] .hero-study-products{background:#dce7cc;border-radius:22px;height:calc(100% - 8px);min-height:570px}[data-hero-study=field] .hero-study-products:before{content:"";position:absolute;top:53%;right:0;bottom:0;left:0;background:url(hence-native-powder-master.png) 38% 42% / 112% auto no-repeat;border-radius:0 0 22px 22px;opacity:.19;-webkit-mask-image:linear-gradient(transparent,#000 25%);mask-image:linear-gradient(transparent,#000 25%);pointer-events:none}[data-hero-study=field] .hero-study-products .opening-gallery{left:5%;width:60%;top:52%}[data-hero-study=field] .hero-study-products [data-gallery-panel]{height:clamp(330px,calc(100svh - 360px),530px);border-radius:120px 120px 14px 14px}[data-hero-study=field] .hero-study-products .opening-photo img{object-position:54% center}[data-hero-study=field] .hero-study-products .mix-scene{left:82%;top:43%;height:91%;max-height:700px}[data-hero-study=field] .hero-study-gift{left:70%;top:85%;width:25%;color:var(--hn-colour-ink)}[data-hero-study=field] .opening-copy h1{max-width:6.8em}[data-hero-study=folio] #preparation .hero-study-stage{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:24px;padding:clamp(28px,3.5vw,48px)}[data-hero-study=folio] #preparation .hero-study-stage:before{content:"";position:absolute;top:22px;right:0;bottom:22px;left:0;z-index:-1;background:#e6eddd;border-radius:22px}[data-hero-study=folio] .hero-study-products{height:100%;min-height:530px}[data-hero-study=folio] .hero-study-products .opening-gallery{top:59%;width:80%}[data-hero-study=folio] .hero-study-products [data-gallery-panel]{height:clamp(300px,calc(100svh - 450px),430px);border-radius:14px}[data-hero-study=folio] .hero-study-products .opening-photo img{object-position:center 62%}[data-hero-study=folio] .hero-study-products .mix-scene{left:82%;top:42%;height:90%;max-height:630px}[data-hero-study=folio] .hero-study-gift{left:79%;top:84%;width:27%}[data-hero-study=folio] .opening-copy h1{max-width:7.1em}[data-hero-study=folio] .opening-copy .hero-benefits{padding-top:24px;border-top:1px solid var(--hn-colour-line);max-width:360px}@media(min-width:761px)and (max-width:1100px){[data-hero-study] #preparation .hero-study-stage{gap:24px;grid-template-columns:1fr 1fr}[data-hero-study] .opening-copy h1{font-size:48px}[data-hero-study] .opening-copy .hero-benefits{font-size:14px;gap:12px}[data-hero-study] .opening-actions{gap:12px}[data-hero-study] .opening-actions .button{padding-inline:20px;font-size:14px}[data-hero-study] .opening-detail{font-size:13px}[data-hero-study] .hero-study-products{min-height:530px}[data-hero-study] .hero-study-products .mix-scene{height:79%;left:83%}[data-hero-study] .hero-study-products [data-gallery-panel]{height:360px}[data-hero-study] .hero-study-gift{top:80%;left:79%;width:26%}[data-hero-study=folio] #preparation .hero-study-stage{padding:28px}[data-hero-study=folio] .hero-study-products [data-gallery-panel]{height:320px}}@media(min-width:761px)and (max-height:760px){[data-hero-study] .opening-eyebrow{margin-bottom:16px}[data-hero-study] .opening-copy .hero-rating{margin-top:18px}[data-hero-study] .opening-copy .hero-benefits{margin-top:22px;gap:10px}[data-hero-study] .opening-actions{margin-top:22px}[data-hero-study] .opening-proof{margin-top:20px}}@media(max-width:760px){[data-hero-study] #preparation{padding-inline:var(--gutter)}[data-hero-study] #preparation .hero-study-stage,[data-hero-study] #preparation.mix-scroll .hero-study-stage{position:relative;top:auto;height:auto;max-height:none;min-height:0;display:flex;flex-direction:column;align-items:stretch;gap:28px;padding:30px 0 34px}[data-hero-study] #preparation.mix-scroll .mix-story{height:calc(var(--hero-study-mobile-height, 1000px) + 95svh);min-height:0}[data-hero-study] #preparation.mix-scroll .hero-study-stage{position:sticky;top:var(--hero-study-mobile-top, -400px)}[data-hero-study] .opening-eyebrow{font-size:14px;margin-bottom:18px}[data-hero-study] .opening-copy h1{font-size:clamp(44px,12vw,56px);max-width:7.8em}[data-hero-study] .opening-copy .hero-rating{margin-top:20px}[data-hero-study] .opening-copy .hero-benefits{margin-top:24px;font-size:15px;gap:12px}[data-hero-study] .opening-actions{margin-top:24px;gap:18px}[data-hero-study] .opening-actions .button{font-size:15px;padding-inline:24px}[data-hero-study] .opening-detail{font-size:13px}[data-hero-study] .opening-proof{margin-top:20px;font-size:13px}[data-hero-study] .hero-study-products{height:calc(100svh - var(--hero-study-top));min-height:510px;max-height:none}[data-hero-study] .hero-study-products .opening-gallery{width:73%;top:49%;left:0}[data-hero-study] .hero-study-products [data-gallery-panel]{height:305px;border-radius:18px}[data-hero-study] .hero-study-products .mix-scene{left:82%;top:40%;height:72%;max-height:430px}[data-hero-study] .hero-study-products .opening-gallery-choices{gap:3px;margin-top:10px}[data-hero-study] .hero-study-products .opening-gallery-choices button{padding:3px}[data-hero-study] .hero-study-products .opening-gallery-choices button>span:last-child{font-size:11px;min-height:2.6em}[data-hero-study] .hero-study-gift{left:76%;width:27%;top:78%;font-size:11px}[data-hero-study=studio] .hero-study-products .opening-gallery{top:52%}[data-hero-study=studio] .hero-study-products .opening-gallery-choices{margin-top:18px}[data-hero-study=studio] .hero-study-products .mix-scene{left:82%;top:38%}[data-hero-study=studio] .hero-study-gift{top:75%}[data-hero-study=field] .hero-study-products{height:calc(100svh - var(--hero-study-top))}[data-hero-study=field] .hero-study-products .opening-gallery{width:65%;left:4%;top:52%}[data-hero-study=field] .hero-study-products [data-gallery-panel]{border-radius:100px 100px 14px 14px}[data-hero-study=field] .hero-study-products .mix-scene{left:81%;top:40%;height:72%}[data-hero-study=field] .hero-study-gift{left:72%;width:25%}[data-hero-study=folio] #preparation .hero-study-stage{padding:26px 18px}[data-hero-study=folio] #preparation .hero-study-stage:before{top:10px;right:0;bottom:10px;left:0;border-radius:18px}[data-hero-study=folio] .hero-study-products{height:calc(100svh - var(--hero-study-top))}[data-hero-study=folio] .hero-study-products .opening-gallery{width:75%;top:54%}[data-hero-study=folio] .hero-study-products [data-gallery-panel]{height:270px}[data-hero-study=folio] .hero-study-products .mix-scene{left:82%;top:39%;height:72%}[data-hero-study=folio] .hero-study-gift{left:80%;width:24%;top:82%}[data-hero-study] .hero-study-review{justify-content:flex-start;gap:2px;padding:8px 16px}[data-hero-study] .hero-study-review>span{flex-basis:100%;margin:0;padding:4px 8px}[data-hero-study] .hero-study-review a{font-size:12px;padding-inline:9px}}@media(max-width:380px){[data-hero-study] .opening-copy h1{font-size:44px}[data-hero-study=folio] .opening-copy h1{font-size:40px}[data-hero-study] .hero-study-products{min-height:470px}[data-hero-study] .hero-study-products [data-gallery-panel]{height:265px}[data-hero-study=folio] .hero-study-products [data-gallery-panel]{height:235px}}@media(prefers-reduced-motion:reduce){[data-hero-study] #preparation.mix-scroll .mix-story{height:auto;min-height:0}[data-hero-study] #preparation .hero-study-stage{position:relative}}[data-hero-study] .hero-study-products:has(.opening-facts:not([hidden])) .opening-gallery{width:100%;left:0;top:50%}[data-hero-study] .hero-study-products:has(.opening-facts:not([hidden])) .mix-composition,[data-hero-study] .hero-study-products:has(.opening-facts:not([hidden])) .hero-study-gift{visibility:hidden}[data-hero-study] .hero-study-products .opening-facts{border-radius:18px;min-height:450px;height:auto;padding:24px}[data-hero-study] .hero-study-products .opening-facts h2{font-size:36px}[data-hero-study] .hero-study-products .formula-fact-tiles{margin:18px 0 10px;gap:10px}[data-hero-study] .hero-study-products .formula-fact-tiles li{min-height:80px;font-size:14px;padding:12px}[data-hero-study] .hero-study-products .formula-fact-tiles svg{width:24px;height:24px}[data-hero-study=field] .hero-study-products:has(.opening-facts:not([hidden])) .opening-gallery{width:90%;left:5%}@media(max-width:760px){[data-hero-study] .hero-study-products:has(.opening-facts:not([hidden])){height:590px}[data-hero-study] .hero-study-products .opening-facts{padding:20px;min-height:460px}[data-hero-study] .hero-study-products .opening-facts h2{font-size:32px}[data-hero-study] .hero-study-products .formula-fact-tiles{gap:8px}[data-hero-study] .hero-study-products .formula-fact-tiles li{min-height:83px;padding:10px}}[data-hero-study=studio] .hero-study-gift{left:73%}[data-hero-study=folio] .hero-study-gift{left:70%;width:24%}@media(max-width:760px){[data-hero-study] .hero-study-products .mix-scene{left:74%;top:43%;height:72%;max-height:350px}[data-hero-study] .hero-study-gift{left:60.5%;width:27%;top:76%}}[data-hero-study] .hero-study-gift{font-size:14px}[data-hero-study=field] .hero-study-products .opening-gallery-choices{background:#dce7cce8;border-radius:12px;padding:5px}@media(min-width:761px)and (max-width:1100px){[data-hero-study] .hero-study-products .mix-scene{left:72%;top:43%;max-height:400px}[data-hero-study=folio] .hero-study-products .mix-scene{top:49%}[data-hero-study] .hero-study-gift{left:64%;width:36%;font-size:14px}}@media(max-width:760px){[data-hero-study] .hero-study-gift{top:auto;bottom:24px;left:6%;width:88%;font-size:14px;line-height:1.4;text-align:center}}@media(max-width:380px){[data-hero-study] .hero-study-products .mix-scene{left:73%;max-height:300px}}@media(min-width:761px)and (max-width:1100px){[data-hero-study] .hero-study-gift{top:auto;bottom:8px;left:0;width:100%}}[data-hero-study=benefits] #preparation{max-width:1480px}[data-hero-study=benefits] #preparation .hero-study-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);padding:clamp(32px,4vw,64px);min-height:730px}[data-hero-study=benefits] #preparation .hero-study-stage:before{content:"";position:absolute;top:18px;right:0;bottom:18px;left:0;z-index:-1;border-radius:24px;background:#e6eddd}[data-hero-study=benefits] #preparation.mix-scroll .hero-study-stage{min-height:650px}[data-hero-study=benefits] .opening-copy h1{max-width:7.5em;font-size:clamp(48px,4.8vw,68px)}[data-hero-study=benefits] .opening-copy .hero-rating{font-size:14px}[data-hero-study=benefits] .opening-copy .hero-benefits{gap:0;margin-top:28px;max-width:430px}[data-hero-study=benefits] .opening-copy .hero-benefits li{min-height:53px;padding-block:12px;border-bottom:1px solid #07271a18}[data-hero-study=benefits] .hero-benefit-content{display:flex;align-items:flex-start;gap:12px;width:100%}[data-hero-study=benefits] .opening-actions{margin-top:28px}[data-hero-study=benefits] .opening-proof{margin-top:22px}[data-hero-study=benefits] .hero-study-products{height:100%;min-height:550px}[data-hero-study=benefits] .hero-study-products .mix-scene{left:50%;top:43%;height:100%;max-height:700px}[data-hero-study=benefits] .hero-study-gift{left:5%;width:90%;top:auto;bottom:12px;font-size:14px}@media(min-width:761px)and (prefers-reduced-motion:no-preference){[data-hero-study=benefits] #preparation.mix-scroll .hero-benefits li .hero-benefit-content{clip-path:inset(0 0 100% 0);transition:clip-path .22s ease-out}[data-hero-study=benefits] #preparation.mix-scroll .hero-benefits li.is-revealed .hero-benefit-content{clip-path:inset(0)}}@media(min-width:761px)and (max-width:1100px){[data-hero-study=benefits] #preparation .hero-study-stage{padding:32px;gap:28px}[data-hero-study=benefits] .opening-copy h1{font-size:48px}[data-hero-study=benefits] .opening-copy .hero-benefits{font-size:15px}[data-hero-study=benefits] .hero-study-products .mix-scene{height:90%;max-height:560px}[data-hero-study=benefits] .hero-study-gift{bottom:30px}}@media(min-width:761px)and (max-height:800px){[data-hero-study=benefits] #preparation .hero-study-stage{padding-block:30px}[data-hero-study=benefits] .opening-eyebrow{margin-bottom:14px}[data-hero-study=benefits] .opening-copy h1{font-size:52px}[data-hero-study=benefits] .opening-copy .hero-rating,[data-hero-study=benefits] .opening-copy .hero-benefits{margin-top:18px}[data-hero-study=benefits] .opening-copy .hero-benefits li{min-height:47px;padding-block:9px}[data-hero-study=benefits] .opening-actions{margin-top:20px}[data-hero-study=benefits] .opening-proof{margin-top:18px}[data-hero-study=benefits] .hero-study-products{min-height:520px}}@media(max-width:760px){[data-hero-study=benefits] #preparation .hero-study-stage,[data-hero-study=benefits] #preparation.mix-scroll .hero-study-stage{padding:36px 22px 24px;gap:20px;min-height:0}[data-hero-study=benefits] #preparation .hero-study-stage:before{top:12px;right:0;bottom:12px;left:0;border-radius:18px}[data-hero-study=benefits] .opening-copy h1{font-size:clamp(40px,11.3vw,56px)}[data-hero-study=benefits] .opening-copy .hero-benefits{font-size:15px;margin-top:24px}[data-hero-study=benefits] .opening-copy .hero-benefits li{min-height:52px;padding-block:12px}[data-hero-study=benefits] .hero-benefit-content{clip-path:none}[data-hero-study=benefits] .opening-actions{gap:12px;flex-wrap:wrap}[data-hero-study=benefits] .opening-detail{font-size:14px}[data-hero-study=benefits] .hero-study-products{height:calc(100svh - var(--hero-study-top) - 42px);min-height:500px}[data-hero-study=benefits] .hero-study-products .mix-scene{left:50%;top:43%;height:88%;max-height:540px}[data-hero-study=benefits] .hero-study-gift{left:0;width:100%;bottom:16px}}@media(max-width:380px){[data-hero-study=benefits] #preparation .hero-study-stage{padding-inline:18px}[data-hero-study=benefits] .opening-copy h1{font-size:39px}[data-hero-study=benefits] .hero-study-products .mix-scene{max-height:420px}}[data-hero-study=centerpiece] #preparation{max-width:1480px}[data-hero-study=centerpiece] #preparation .hero-study-stage{display:flex;flex-direction:column;gap:0;padding:32px 44px 28px;min-height:900px}[data-hero-study=centerpiece] #preparation .hero-study-stage:before{content:"";position:absolute;top:18px;right:0;bottom:18px;left:0;z-index:-1;border-radius:24px;background:radial-gradient(ellipse at 50% 65%,#fffdf7 0% 14%,#f3efdf 47%,#e9eddf)}[data-hero-study=centerpiece] .opening-copy{text-align:center;flex:none;width:100%}[data-hero-study=centerpiece] .opening-eyebrow{margin-bottom:13px;font-size:14px}[data-hero-study=centerpiece] .opening-copy h1{max-width:none;font-size:clamp(46px,4.4vw,64px);line-height:1.12;letter-spacing:-.05em}[data-hero-study=centerpiece] .opening-copy h1 mark{display:inline-block;padding:0 .12em .035em;position:relative;isolation:isolate;background:transparent;color:var(--hn-colour-ink)}[data-hero-study=centerpiece] .hero-study-intro{margin:15px 0 0;font-size:16px;line-height:1.5}[data-hero-study=centerpiece] .opening-copy .hero-rating{justify-content:center;margin:14px auto 0;font-size:14px}[data-hero-study=centerpiece] .opening-actions{justify-content:center;margin-top:17px}[data-hero-study=centerpiece] .opening-actions .button{min-height:48px;padding-block:12px}[data-hero-study=centerpiece] .opening-proof{display:none}[data-hero-study=centerpiece] .hero-study-products{flex:1;height:auto;min-height:500px;max-width:1100px}[data-hero-study=centerpiece] .hero-study-products .mix-scene{left:50%;top:49%;height:100%;max-height:580px}[data-hero-study=centerpiece] .hero-study-products>.hero-benefits{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,1.35fr) minmax(0,1fr);grid-template-rows:auto auto;position:absolute;left:0;right:0;top:34%;margin:0;padding:0;gap:24px 20px;list-style:none;font-size:16px;line-height:1.5;z-index:3;pointer-events:none}[data-hero-study=centerpiece] .hero-benefits li{min-height:64px;border-bottom:1px solid #07271a20;padding-bottom:17px}[data-hero-study=centerpiece] .hero-benefits li:nth-child(1){grid-column:1;grid-row:1}[data-hero-study=centerpiece] .hero-benefits li:nth-child(2){grid-column:1;grid-row:2}[data-hero-study=centerpiece] .hero-benefits li:nth-child(3){grid-column:3;grid-row:1}[data-hero-study=centerpiece] .hero-benefits li:nth-child(4){grid-column:3;grid-row:2}[data-hero-study=centerpiece] .hero-benefit-content{display:flex;align-items:flex-start;gap:12px}[data-hero-study=centerpiece] .hero-benefits .benefit-icon{width:24px;height:24px;flex:none}[data-hero-study=centerpiece] .hero-study-gift{left:25%;width:50%;top:auto;bottom:12px;font-size:14px}@media(min-width:761px)and (prefers-reduced-motion:no-preference){[data-hero-study=centerpiece] #preparation.mix-scroll .hero-benefits li .hero-benefit-content{clip-path:inset(0 0 100% 0);transition:clip-path .22s ease-out}[data-hero-study=centerpiece] #preparation.mix-scroll .hero-benefits li.is-revealed .hero-benefit-content{clip-path:inset(0)}}@media(min-width:761px)and (max-width:1100px){[data-hero-study=centerpiece] #preparation .hero-study-stage{padding-inline:28px}[data-hero-study=centerpiece] .hero-study-products>.hero-benefits{grid-template-columns:1fr 230px 1fr;gap:20px 10px;font-size:14px}[data-hero-study=centerpiece] .hero-benefit-content{flex-direction:column;gap:8px}[data-hero-study=centerpiece] .hero-study-products .mix-scene{max-height:550px}}@media(min-width:761px)and (max-height:900px){[data-hero-study=centerpiece] #preparation.mix-scroll .hero-study-stage{min-height:700px}[data-hero-study=centerpiece] #preparation .hero-study-stage{padding-top:30px}[data-hero-study=centerpiece] .opening-copy h1{font-size:48px}[data-hero-study=centerpiece] .opening-eyebrow{display:none}[data-hero-study=centerpiece] .hero-study-intro{margin-top:10px}[data-hero-study=centerpiece] .opening-actions{margin-top:12px}[data-hero-study=centerpiece] .hero-study-products{min-height:440px}[data-hero-study=centerpiece] .hero-study-products .mix-scene{max-height:420px;top:49%}[data-hero-study=centerpiece] .hero-study-products>.hero-benefits{top:29%}[data-hero-study=centerpiece] .hero-study-gift{bottom:8px}}@media(max-width:760px){[data-hero-study=centerpiece] #preparation .hero-study-stage,[data-hero-study=centerpiece] #preparation.mix-scroll .hero-study-stage{padding:34px 18px 22px;gap:24px;min-height:0}[data-hero-study=centerpiece] #preparation .hero-study-stage:before{top:12px;right:0;bottom:12px;left:0;border-radius:18px}[data-hero-study=centerpiece] .opening-copy h1{font-size:clamp(39px,10.5vw,54px);max-width:8em;margin-inline:auto}[data-hero-study=centerpiece] .hero-study-intro{font-size:15px;max-width:none;margin-inline:auto}[data-hero-study=centerpiece] .opening-copy .hero-rating{align-items:center}[data-hero-study=centerpiece] .opening-actions{flex-wrap:wrap;gap:10px 16px}[data-hero-study=centerpiece] .opening-detail{font-size:14px}[data-hero-study=centerpiece] .hero-study-products{flex:none;height:calc(100svh - var(--hero-study-top) - 40px);min-height:690px}[data-hero-study=centerpiece] .hero-study-products>.hero-benefits{top:0;grid-template-columns:1fr 1fr;gap:14px 16px;font-size:14px}[data-hero-study=centerpiece] .hero-benefits li{min-height:70px;padding-bottom:12px}[data-hero-study=centerpiece] .hero-benefits li:nth-child(1){grid-column:1;grid-row:1}[data-hero-study=centerpiece] .hero-benefits li:nth-child(2){grid-column:2;grid-row:1}[data-hero-study=centerpiece] .hero-benefits li:nth-child(3){grid-column:1;grid-row:2}[data-hero-study=centerpiece] .hero-benefits li:nth-child(4){grid-column:2;grid-row:2}[data-hero-study=centerpiece] .hero-benefit-content{clip-path:none;display:block}[data-hero-study=centerpiece] .hero-benefits .benefit-icon{display:none}[data-hero-study=centerpiece] .hero-study-products .mix-scene{left:50%;top:57%;height:67%;max-height:460px}[data-hero-study=centerpiece] .hero-study-gift{bottom:10px;left:0;width:100%}}[data-hero-study=centerpiece] .hero-splash-backdrop{position:absolute;top:18px;right:0;bottom:18px;left:0;z-index:-1;pointer-events:none;border-radius:24px;background:url(hence-native-powder-master.png) center / contain no-repeat;opacity:.8}@media(max-width:760px){[data-hero-study=centerpiece] .hero-splash-backdrop{top:12px;right:0;bottom:12px;left:0;border-radius:18px;background-size:cover}}[data-hero-study=centerpiece] .opening-copy h1 mark:before{content:"";position:absolute;z-index:-1;top:.1em;right:-.015em;bottom:.04em;left:-.015em;background:var(--hn-colour-orange,#f69804);clip-path:polygon(0 10%,18% 5%,40% 9%,62% 2%,81% 7%,99% 0,100% 86%,79% 92%,55% 88%,33% 98%,15% 93%,0 100%);transform:rotate(-1deg)}[data-hero-study=centerpiece] .hero-benefits li,[data-hero-study=benefits] .opening-copy .hero-benefits li{border-bottom:0}[data-hero-study=centerpiece] .opening-copy h1 mark{font-size:1.08em;padding:0 .12em .035em}[data-hero-study=centerpiece] .opening-copy h1 mark:before{top:.17em;right:-.03em;bottom:.025em;left:-.03em;clip-path:none;opacity:.76;transform:rotate(-1.5deg);-webkit-mask:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20500%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M17%2035%20C94%2026%20167%2036%20252%2028%20S391%2024%20482%2020%20M18%2063%20C118%2055%20177%2068%20276%2057%20S406%2062%20480%2051%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%2239%22%20stroke-linecap%3D%22square%22/%3E%3C/svg%3E) center / 100% 100% no-repeat;mask:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20500%20100%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M17%2035%20C94%2026%20167%2036%20252%2028%20S391%2024%20482%2020%20M18%2063%20C118%2055%20177%2068%20276%2057%20S406%2062%20480%2051%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%2239%22%20stroke-linecap%3D%22square%22/%3E%3C/svg%3E) center / 100% 100% no-repeat}@supports (background-clip:text) or (-webkit-background-clip:text){[data-hero-study=centerpiece] :is(.opening-copy h1 mark>.liquid-heading,#ingredients-title,#product-title,#questions-title){background-color:#073e30;background-image:linear-gradient(#07271a29,#07271a29),url(hence-native-liquid-08.webp);background-size:auto,230% auto;background-position:center,100% 54%;background-blend-mode:normal;-webkit-background-clip:text;background-clip:text;color:transparent}}[data-hero-study=centerpiece] :is(.opening-actions .button,.nav-actions .button,.add-to-bag,.shop-return){background-color:#073e30;background-image:linear-gradient(#07271a40,#07271a40),url(hence-native-liquid-08.webp);background-size:auto,250% auto;background-position:center,100% 60%;background-repeat:no-repeat;color:#fffdf7}[data-hero-study=centerpiece] :is(.nav-actions .button,.add-to-bag):before{content:none}[data-hero-study=centerpiece] .wordmark svg g>rect{fill:#073e30}[data-hero-study=centerpiece] .wordmark svg g>image{opacity:.68}.cinematic-page .glass-refined-trial .section-heading{flex-wrap:wrap;gap:18px 32px;align-items:baseline}.cinematic-page .glass-refined-trial .section-heading>div{max-width:none;min-width:0}.cinematic-page .glass-refined-trial .section-heading h2{max-width:none;width:auto;text-wrap:wrap}.cinematic-page .glass-refined-trial .section-heading>p{max-width:none;width:auto;flex:0 1 auto;line-height:1.5}@media(min-width:1100px){.cinematic-page .glass-refined-trial .section-heading h2,.cinematic-page .glass-refined-trial .section-heading>p{white-space:nowrap}}@media(forced-colors:active){[data-hero-study=centerpiece] :is(.opening-copy h1 mark>.liquid-heading,#ingredients-title,#product-title,#questions-title){background:none;color:CanvasText}[data-hero-study=centerpiece] .opening-copy h1 mark:before{display:none}[data-hero-study=centerpiece] :is(.opening-actions .button,.nav-actions .button,.add-to-bag,.shop-return){background:ButtonFace;color:ButtonText;border:1px solid ButtonText}[data-hero-study=centerpiece] .wordmark svg g>image{display:none}[data-hero-study=centerpiece] .wordmark svg g>rect{fill:CanvasText}}[data-bottle-study=fill] .hero-study-products>.hero-splash-backdrop{top:0;right:12%;bottom:0;left:12%;z-index:0;border-radius:0;background-size:contain;opacity:.9}[data-bottle-study=fill] :is(.mix-scoop,.mix-jug){display:none}@media(max-width:760px){[data-bottle-study=fill] .hero-study-products>.hero-splash-backdrop{top:20%;right:-12%;bottom:6%;left:-12%}}@media(min-width:761px)and (max-height:800px){[data-bottle-study=fill][data-hero-study=centerpiece] #preparation.mix-scroll .hero-study-stage{min-height:610px}[data-bottle-study=fill] .hero-study-products{min-height:0}[data-bottle-study=fill] .hero-study-products .mix-scene{height:90%;top:46%}}[data-hero-finish=pair] .hero-study-products>.hero-splash-backdrop{background:none}[data-hero-finish=pair] .hero-study-products>.hero-splash-backdrop:before{content:"";position:absolute;left:50%;top:50%;height:68%;aspect-ratio:1;background:url(hence-native-powder-master.png) center / contain no-repeat;transform:translate(-50%,-50%) rotate(45deg) scale(calc(1 + var(--pair-progress,0) * .15));transform-origin:center}[data-hero-finish=pair] .hero-study-products{--pair-progress:0;--product-points:0;--pair-scene-height:500px;--pair-bottom:30px;--pair-shift:calc(var(--pair-scene-height) * .27)}[data-hero-finish=pair] .hero-study-products .mix-scene{translate:calc(var(--pair-shift) * var(--pair-progress)) calc(var(--pair-scene-height) * -.045 * var(--pair-progress))}.hero-finish-pouch{position:absolute;z-index:2;left:calc(50% - var(--pair-scene-height) * .16);bottom:calc(var(--pair-bottom) - var(--pair-scene-height) * .019552);height:calc(var(--pair-scene-height) * .9776);width:auto;max-width:none;max-height:none;object-fit:contain;opacity:var(--pair-progress);transform:translate(calc(-50% - (1 - var(--pair-progress)) * 22px));clip-path:polygon(3% 2%,96% 2%,98% 5%,94% 95%,86% 98%,9% 98%,5% 94%,4% 10%);pointer-events:none}[data-hero-finish=pair] .hero-study-gift{left:10%;width:80%}[data-hero-finish=pair] .hero-study-products>.hero-benefits{opacity:var(--product-points);grid-template-columns:minmax(0,1fr) 54% minmax(0,1fr);gap:24px 16px}[data-hero-finish=pair] .hero-benefits .benefit-icon{display:none}[data-hero-finish=pair] .hero-benefit-content{display:block}.hero-ingredient-round{position:absolute;z-index:3;left:0;right:0;top:30%;display:grid;grid-template-columns:minmax(0,1fr) 54% minmax(0,1fr);grid-template-rows:auto auto;gap:34px 16px;list-style:none;padding:0;margin:0;opacity:0;pointer-events:none}.hero-ingredient-round li:nth-child(1){grid-column:1;grid-row:1}.hero-ingredient-round li:nth-child(2){grid-column:1;grid-row:2}.hero-ingredient-round li:nth-child(3){grid-column:3;grid-row:1}.hero-ingredient-round li:nth-child(4){grid-column:3;grid-row:2}.hero-ingredient-round strong{display:block;font-size:clamp(18px,1.5vw,22px);font-weight:600;letter-spacing:-.025em;line-height:1.2;color:var(--ingredient-ink,var(--hn-colour-ink))}.hero-ingredient-round span{display:block;font-size:13px;line-height:1.5;color:var(--hn-colour-muted);margin-top:8px}@media(min-width:761px){[data-hero-finish=pair] #preparation.mix-scroll .mix-story{height:250svh;min-height:1650px}[data-hero-finish=pair] .hero-study-products .mix-scene{top:calc(50% - 34px)}}@media(min-width:761px)and (max-width:1100px){[data-hero-finish=pair] .hero-study-products .mix-scene{max-height:42vw}[data-hero-finish=pair] .hero-study-products>.hero-benefits,.hero-ingredient-round{grid-template-columns:minmax(0,1fr) 54% minmax(0,1fr);column-gap:10px}.hero-ingredient-round strong{font-size:17px}}@media(max-width:760px){[data-hero-finish=pair] #preparation.mix-scroll .mix-story{height:calc(var(--hero-study-mobile-height,1000px) + 145svh)}[data-hero-finish=pair] .hero-study-products{min-height:600px;height:calc(100svh - var(--hero-study-top) - 40px)}[data-hero-finish=pair] .hero-study-products .mix-scene{top:65%;height:62%;max-height:min(400px,calc((100vw - 72px)*1.1))}[data-hero-finish=pair] .hero-study-products>.hero-benefits,.hero-ingredient-round{top:12px;grid-template-columns:1fr 1fr;gap:20px 16px}.hero-ingredient-round li:nth-child(2){grid-column:2;grid-row:1}.hero-ingredient-round li:nth-child(3){grid-column:1;grid-row:2}.hero-ingredient-round li:nth-child(4){grid-column:2;grid-row:2}.hero-ingredient-round strong{font-size:18px}.hero-ingredient-round span{font-size:12px;margin-top:6px}[data-hero-finish=pair] .hero-study-products>.hero-splash-backdrop{top:22%;right:-8%;bottom:0;left:-8%}}@media(prefers-reduced-motion:reduce){[data-hero-finish=pair] .hero-study-products{--pair-progress:1!important;--product-points:1!important}.hero-ingredient-round{display:none}}[data-phase1-hero] .hero-splash-backdrop:before,[data-phase1-hero] .phase1-powder{height:var(--phase1-art-size,98%)}[data-phase1-hero] .hero-splash-backdrop[data-phase1-ready]{opacity:.9!important}[data-phase1-hero] .hero-splash-backdrop[data-phase1-ready]:before{content:none}[data-phase1-hero] .phase1-powder{position:absolute;left:50%;top:50%;aspect-ratio:1;width:auto;max-width:none;transform:translate(-50%,-50%) rotate(45deg) scale(calc(1 + var(--pair-progress,0) * .15));transform-origin:center;pointer-events:none}[data-phase1-hero] .hero-ingredient-round{display:none}[data-phase1-hero] .phase1-ingredient-round{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;margin:0;padding:0;list-style:none;opacity:0;pointer-events:none}[data-phase1-hero] .phase1-ingredient-round li{position:absolute;width:clamp(150px,18vw,200px);color:var(--hn-colour-ink,#07271a);text-align:left}[data-phase1-hero] .phase1-ingredient-round li:nth-of-type(1){right:0}[data-phase1-hero] .phase1-ingredient-round li:nth-of-type(2){left:0}[data-phase1-hero] .phase1-ingredient-round strong{display:block;font-size:clamp(17px,1.6vw,22px);font-weight:600;line-height:1.2}[data-phase1-hero] .phase1-ingredient-round span{display:block;font-size:14px;font-weight:600;line-height:1.4;margin-top:6px}[data-phase1-hero] .phase1-ingredient-round p{font-size:14px;line-height:1.4;margin:8px 0 0}[data-phase1-hero] .phase1-leaders{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;fill:none;stroke:var(--hn-colour-ink,#07271a);stroke-width:1.25}[data-phase1-hero] .phase1-region-ring{stroke:var(--hn-colour-orange,#f69804);stroke-width:1.6;stroke-opacity:.8}[data-phase1-hero] .phase1-glass-edge{stroke:#fff;stroke-opacity:.6;stroke-width:.8}[data-phase1-hero] .phase1-glass-glint{stroke:#fff;stroke-opacity:.8;stroke-width:1.5;stroke-linecap:round}[data-phase1-hero] .phase1-leader-dot{fill:var(--hn-colour-ink,#07271a);stroke:none}@media(min-width:761px){[data-phase1-hero][data-hero-study=centerpiece] .hero-study-products{max-width:1250px}}@media(max-width:760px){[data-phase1-hero] #preparation.mix-scroll .hero-study-stage{top:var(--hero-study-top);height:auto;min-height:0;padding-top:18px;gap:16px}[data-phase1-hero] #preparation .hero-study-stage{gap:16px;padding-top:18px}[data-phase1-hero] .hero-study-products{min-height:330px;height:clamp(330px,calc(100svh - var(--hero-study-top) - var(--phase1-copy-height,300px) - 68px),430px)}[data-phase1-hero] .hero-study-products .mix-scene{top:52%;height:76%;max-height:min(320px,calc((100vw - 72px)*1.1))}[data-phase1-hero] .hero-study-products>.hero-splash-backdrop{top:0;right:-8%;bottom:0;left:-8%}[data-phase1-hero] .phase1-ingredient-round li{left:0;right:auto;top:0;width:100%;max-width:none;padding-right:8px}[data-phase1-hero] .phase1-ingredient-round strong{font-size:17px}[data-phase1-hero] .phase1-ingredient-round p{font-size:14px;line-height:1.3}[data-phase1-hero] .phase1-ingredient-round span{font-size:14px}[data-phase1-hero] .hero-study-products>.hero-benefits{top:0;gap:12px 16px}[data-phase1-hero] .hero-study-products .hero-study-gift{bottom:0}}@media(max-width:760px)and (max-height:740px){[data-phase1-hero] #preparation.mix-scroll .hero-study-stage{position:relative;top:auto}[data-phase1-hero] #preparation .mix-story{height:auto!important;min-height:0!important}}@media(prefers-reduced-motion:reduce){[data-phase1-hero] .phase1-ingredient-round{display:none}[data-phase1-hero] #preparation .mix-story{height:auto!important;min-height:0!important}[data-phase1-hero] #preparation .hero-study-stage{position:relative;top:auto}}@media(max-width:760px){[data-phase1-mobile][data-hero-study] #preparation .hero-study-stage,[data-phase1-mobile][data-hero-study] #preparation.mix-scroll .hero-study-stage{display:flex;flex-direction:column;align-items:stretch;gap:8px;position:relative;top:auto;min-height:0;max-height:none;height:auto;padding:12px 18px 24px}[data-phase1-mobile][data-hero-study] #preparation.mix-scroll .hero-study-stage{position:sticky;top:var(--hero-study-top)}[data-phase1-mobile][data-hero-study] #preparation.mix-scroll .mix-story{height:calc(var(--hero-study-mobile-height,600px) + 100svh)!important;min-height:0!important}[data-phase1-mobile][data-hero-study] .opening-copy :is(.opening-eyebrow,.hero-study-intro,.opening-proof),[data-phase1-mobile][data-hero-study] .hero-study-products :is(.hero-benefits,.hero-ingredient-round,.phase1-ingredient-round){display:none}[data-phase1-mobile][data-hero-study] .opening-copy h1{font-size:clamp(39px,10.5vw,48px);line-height:1.1;max-width:7.2em;margin:0 auto}[data-phase1-mobile][data-hero-study] .opening-copy h1 mark{display:block;width:max-content;margin-inline:auto}[data-phase1-mobile][data-hero-study] .hero-study-products{flex:none;min-height:0;height:clamp(240px,calc(100svh - var(--hero-study-top) - 350px),420px);width:100%}[data-phase1-mobile][data-bottle-study=fill] .hero-study-products .mix-composition{overflow:visible}[data-phase1-mobile][data-hero-study] .hero-study-products .mix-scene{left:50%;top:50%;height:100%;max-height:min(400px,calc((100vw - 60px)*1.1));transform:translate(-50%,-50%)}[data-phase1-mobile][data-hero-study] .hero-study-products>.hero-splash-backdrop{top:0;right:-12%;bottom:0;left:-12%}[data-phase1-mobile][data-hero-study] .phase1-mobile-footer{position:relative;z-index:3;text-align:center}[data-phase1-mobile][data-hero-study] .phase1-mobile-footer .hero-rating{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;margin:0;min-height:44px;font-size:14px;line-height:1.35}[data-phase1-mobile][data-hero-study] .phase1-mobile-footer .hero-rating-marks{display:flex;gap:8px;align-items:center}[data-phase1-mobile][data-hero-study] .phase1-mobile-footer .hero-rating-score{white-space:nowrap}[data-phase1-mobile][data-hero-study] .phase1-mobile-footer .opening-actions{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:0;margin:8px 0 0}[data-phase1-mobile][data-hero-study] .phase1-mobile-footer .opening-actions .button{width:100%;min-height:52px;font-size:16px}[data-phase1-mobile][data-hero-study] .phase1-mobile-footer .opening-detail{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:14px;margin:0}[data-phase1-mobile][data-hero-study] .phase1-mobile-footer .hero-study-gift{position:static;width:auto;margin:0;font-size:14px;line-height:1.4;color:var(--hn-colour-muted)}[data-phase1-mobile=portrait][data-hero-study] .hero-splash-backdrop:before,[data-phase1-mobile=portrait][data-hero-study] .phase1-powder{height:88%;transform:translate(-50%,-50%) rotate(-35deg) scale(calc(1 + var(--pair-progress,0) * .15))}[data-phase1-mobile=portrait][data-hero-study] .hero-study-products>.hero-splash-backdrop{overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(transparent,#000 5%,#000 95%,transparent)}[data-phase1-mobile=staged][data-hero-study] .opening-copy{text-align:left}[data-phase1-mobile=staged][data-hero-study] .opening-copy h1{max-width:none;margin:0;font-size:clamp(29px,8vw,40px);line-height:1.16;white-space:nowrap}[data-phase1-mobile=staged][data-hero-study] .hero-study-products{height:clamp(280px,calc(100svh - var(--hero-study-top) - 260px),470px)}[data-phase1-mobile=staged][data-hero-study] .phase1-mobile-footer .opening-actions{flex-direction:row;align-items:center;gap:12px}[data-phase1-mobile=staged][data-hero-study] .phase1-mobile-footer .opening-actions .button{width:auto;flex:1;padding-inline:16px}[data-phase1-mobile=staged][data-hero-study] .phase1-mobile-footer .opening-detail{flex:1;text-align:center;line-height:1.3}[data-phase1-mobile=staged][data-hero-study] .phase1-mobile-footer .hero-study-gift{margin-top:12px}}@media(max-width:760px)and (max-height:659px),(max-width:760px)and (prefers-reduced-motion:reduce){[data-phase1-mobile][data-hero-study] #preparation .mix-story{height:auto!important;min-height:0!important}[data-phase1-mobile][data-hero-study] #preparation.mix-scroll .hero-study-stage{position:relative;top:auto}}.hence-native-hero{--hn-colour-ink:#07271a;--hn-colour-paper:#fffdf7;--hn-colour-orange:#f69804;--hn-colour-action:#20594f;--hn-colour-line:#ccd5c9;--gutter:clamp(22px,4.5vw,72px);font-family:var(--font-body-family, "DM Sans",sans-serif);color:var(--hn-colour-ink);background:#fffdf7;overflow:visible}.hence-native-hero *{box-sizing:border-box}.hence-native-hero h1,.hence-native-hero p,.hence-native-hero figure{margin:0}.hence-native-hero .mix-story{position:relative}.hence-native-hero .mix-stage{position:relative;isolation:isolate}.hence-native-hero .mix-composition{position:relative}.hence-native-hero .mix-scene{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:100%;aspect-ratio:3/4;margin:0;isolation:isolate;pointer-events:none}.hence-native-hero .mix-bottle{position:absolute;left:8.3333%;top:17.5%;width:83.3333%;height:auto;max-width:none;z-index:1}.hence-native-hero .mix-pour{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2}.hence-native-hero .mix-reflections{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none}.hence-native-hero .mix-sticker{position:absolute;left:50%;top:70.9%;width:62%;height:auto;aspect-ratio:610/100;max-width:none;transform:translate(-50%,-50%) rotate(-90deg);z-index:4;filter:drop-shadow(.2px .25px .15px #35463355)}.hence-native-hero .mix-lid{position:absolute;left:50%;top:14%;width:32%;height:auto;aspect-ratio:912/628;max-width:none;z-index:5;opacity:var(--lid-opacity,0);transform:translate(-50%,var(--lid-rise,-26%));pointer-events:none}.hence-native-hero .mix-lid-grain{transform:translate(var(--lid-grain-shift,-100px));opacity:.72}.hence-native-hero .hero-rating{display:flex;align-items:center;gap:7px 12px;width:fit-content;max-width:100%;color:inherit;text-decoration:none;line-height:1.45}.hence-native-hero .hero-rating-marks{display:flex;align-items:center;gap:12px;flex-shrink:0}.hence-native-hero .hero-rating-marks img{display:block;width:88px;height:auto}.hence-native-hero .hero-rating-count{text-decoration:underline;text-underline-offset:3px}.hence-native-hero .opening-actions{display:flex;align-items:center;gap:22px}.hence-native-hero .opening-actions .button{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;text-decoration:none;font-weight:600;letter-spacing:0}.hence-native-hero .opening-detail{display:inline-flex;align-items:center;color:inherit;text-decoration:underline;text-underline-offset:4px}.hence-native-hero .hero-benefits{list-style:none}.hence-native-hero :is(a):focus-visible{outline:3px solid var(--hn-colour-action);outline-offset:4px}.hence-native-hero .mix-stage{--mix-progress:0%}.hence-native-hero .hero-splash-backdrop{background-image:url(hence-native-powder-master.png)}@media(max-width:760px){.hence-native-hero{--gutter:22px}.hence-native-hero .opening-copy h1{font-size:clamp(39px,10.5vw,48px)}.hence-native-hero .hero-study-products>.hero-splash-backdrop{overflow:hidden}}@media(max-width:380px){.hence-native-hero{--gutter:16px}}@media(prefers-reduced-motion:reduce){.hence-native-hero .hero-study-products{--pair-progress:1!important;--product-points:1!important}.hence-native-hero .hero-benefits{opacity:1!important}}body:has(.section-header.hero-nav-active) .hence-native-hero #preparation .hero-study-stage:before{inset:calc(18px - var(--hero-study-top)) 0 18px;border-radius:24px}@media(max-width:760px){body:has(.section-header.hero-nav-active) .hence-native-hero #preparation .hero-study-stage:before{top:calc(12px - var(--hero-study-top));border-radius:18px}}.hence-native-hero:not([data-hero-live]) .hero-study-products{--pair-progress:1;--product-points:1}.hence-native-hero:not([data-hero-live]) .hero-study-products>.hero-splash-backdrop{opacity:.25}.hence-native-hero:not([data-hero-live]) .mix-scene{translate:calc(var(--pair-shift) * var(--pair-progress)) calc(var(--pair-scene-height) * -.045 * var(--pair-progress))}.hence-native-hero:not([data-hero-live]) .phase1-ingredient-round{display:none}.hence-native-hero .mix-fallback-bottle{position:absolute;left:8.3333%;top:17.5%;width:83.3333%;height:auto;max-width:none;z-index:2}.hence-native-hero[data-hero-live] .mix-fallback-bottle{display:none}.hence-native-hero:not([data-hero-live]) .mix-lid{--lid-opacity:1;--lid-rise:0%}@media(max-width:760px){.hence-native-hero:not([data-hero-live]) .hero-study-products{--pair-progress:1;--product-points:1}}@media(min-width:761px){.hence-native-hero[data-phase1-hero] .phase1-ingredient-round>li{box-sizing:border-box;width:clamp(150px,18vw,200px);max-width:200px}}@media(max-width:760px){.hence-native-hero[data-phase1-mobile=portrait][data-hero-study] #preparation .hero-study-stage{overflow-x:clip;overflow-y:visible}}.hence-native-hero{font-size:16px;font-weight:400;line-height:1.55;letter-spacing:0}.hence-native-hero .hero-study-intro{color:var(--hn-colour-ink)}.hence-native-hero .hero-rating{flex-wrap:wrap;gap:8px 12px;min-height:28px}.hence-native-hero .opening-actions{flex-wrap:wrap}.hence-native-hero .opening-actions .button{gap:20px;border:1px solid var(--hn-colour-ink);line-height:1.4}.hence-native-hero .opening-detail{gap:12px;color:var(--hn-colour-action);text-decoration:none}@media(max-width:1100px)and (min-width:761px){.hence-native-hero .opening-actions{gap:12px}}
/*# sourceMappingURL=/cdn/shop/t/57/assets/hence-native-hero.css.map */