.hf-v4-page{--hf-green:#067a46;--hf-bg:#f7f7f7;--hf-panel:#eef1f4;--hf-line:#e5e8e6;--hf-ink:#16181a;--hf-body:#4b5054;--hf-muted:#7e8491;background:var(--hf-bg)}
.hf-v4-page .case-article{width:881px;padding-top:119px}.hf-v4-page .case-hero,.hf-v4-page .hf-section{margin-bottom:160px}.hf-v4-page .case-kicker{line-height:26px}.hf-v4-page .case-title{line-height:47px;text-transform:none}.hf-v4-page .case-meta dt,.hf-v4-page .eyebrow{line-height:16px}.hf-v4-page .case-hero .case-meta{margin-bottom:32px}.hf-v4-page .hf-panel{background:var(--hf-panel);border:1px solid var(--hf-line);border-radius:10px;overflow:hidden}.hf-v4-page figure{margin:0}.hf-v4-page img{image-rendering:auto}
.hf-hero-media{height:1293px}.hf-hero-media img,.hf-overview-media img,.hf-research-media img{display:block;width:100%;height:100%;object-fit:cover}
.section-divider{padding-top:64px;border-top:1px solid var(--hf-line)}.hf-heading{margin-bottom:32px}.hf-heading .eyebrow{margin-bottom:4px}.hf-heading h2{margin:0;color:var(--hf-ink);font:500 28px/36px "DM Sans",sans-serif;letter-spacing:-1.12px;text-transform:capitalize}.hf-heading>p:not(.eyebrow){max-width:881px;margin:8px 0 0;color:var(--hf-body)}
.hf-overview-media{height:305px}.hf-copy-pair{display:grid;grid-template-columns:repeat(2,1fr);gap:48px;margin-top:32px}.hf-copy-pair h3{margin:0 0 8px;font-size:16px;font-weight:500}.hf-copy-pair p{margin:0;color:var(--hf-body)}
.hf-solutions{display:flex;flex-direction:column;gap:240px;margin-bottom:160px}.hf-feature{height:786px;display:grid;grid-template-columns:385px 464px;gap:32px;align-items:center}.hf-phone{position:relative;width:385px;height:786px;overflow:hidden}.hf-phone>img{position:absolute;display:block;max-width:none;margin:0}.hf-phone-liam>img{width:121.56%;height:107.38%;left:-12.21%;top:-4.45%}.hf-phone-myfresh>img{width:136.1%;height:108.52%;left:-16.88%;top:-3.94%}.hf-phone-diary>img{width:123.12%;height:105.98%;left:-10.91%;top:-2.42%}.hf-phone-profile>img{width:152.21%;height:107.12%;left:-28.05%;top:-2.54%}.hf-feature-copy{height:100%;display:flex;flex-direction:column;justify-content:center;gap:32px}.hf-feature-copy .eyebrow{margin-bottom:4px}.hf-feature-copy h2{margin:0 0 8px;font:500 28px/36px "DM Sans",sans-serif;letter-spacing:-1.12px}.hf-feature-copy p{margin:0;color:var(--hf-body)}
.hf-friends{width:464px;height:250px;padding:37px 49px;display:flex;flex-direction:column;gap:32px;align-items:center;justify-content:flex-end;background:var(--hf-panel);border:1px solid var(--hf-line);border-radius:15px}.hf-friends-art{position:relative;width:254px;height:108px;overflow:hidden}.hf-friends-art img{position:absolute;width:150.15%;height:351.65%;left:-11.61%;top:-78.09%;max-width:none}.hf-friends figcaption{color:var(--hf-muted);font:500 28px/1 "DM Sans",sans-serif;letter-spacing:-1.12px;text-transform:capitalize}.hf-ingredients{width:464px;display:flex;gap:12.34px;align-items:center}.hf-ingredients figure{width:106.745px;height:102.426px;margin:0;padding:8px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--hf-panel);border:1px solid var(--hf-line);border-radius:10.913px;overflow:hidden}.hf-ingredients span{height:72px;display:grid;place-items:center}.hf-ingredients img{display:block;width:76px;height:76px;object-fit:cover}.hf-ingredients figcaption{width:100%;color:#000;font:600 10.8px/1 "DM Sans",sans-serif;text-align:center;white-space:nowrap}.hf-rating{width:464px;height:169px;display:flex;align-items:center;justify-content:center;gap:16px;overflow:visible}.hf-rating>div{width:159px;display:flex;flex-direction:column;align-items:center;gap:8px}.hf-rating span{color:var(--hf-body)}.hf-rating>div img{display:block;width:159px;height:28px}.hf-rating .hf-rating-arrow{font-size:31px;line-height:1;transform:rotate(180deg)}.hf-rating .hf-rating-character{width:194px;height:212px;object-fit:contain}.hf-badge{width:464px;height:341px;display:grid;place-items:center}.hf-badge img{display:block;width:326px;height:341px;object-fit:contain}
.hf-impact{padding-top:64px}.hf-impact .hf-heading{margin-bottom:16px}.hf-stack-cards{display:flex;flex-direction:column;gap:32px}.hf-stack-cards article{height:160px;padding:20px;display:flex;flex-direction:column;gap:32px;justify-content:center;background:var(--hf-panel);border:1px solid var(--hf-line)}.hf-stack-cards article:first-child{border-radius:0 10px 0 0}.hf-stack-cards article:last-child{border-radius:0 0 10px 0}.hf-stack-cards b{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--hf-muted);color:#fff;font-weight:400}.hf-stack-cards h3,.hf-reflection-list h3{margin:0 0 8px;color:var(--hf-muted);font-size:16px;font-weight:500;line-height:21px}.hf-stack-cards p,.hf-reflection-list p{margin:0;color:var(--hf-body)}
.hf-research-media{height:606px}.hf-research-media img{border-radius:10px}
.hf-map{display:block;width:881px;height:513px;object-fit:contain}.hf-worst-ideas{height:385px;margin-top:64px;padding:49px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:231px auto;gap:32px;background:var(--hf-panel);border:1px solid var(--hf-line);border-radius:10px}.hf-note{padding:20px;background:#f8f9fb;box-shadow:0 8px 12px rgba(51,58,64,.12);font-size:16px;line-height:24px}.hf-worst-ideas p{grid-column:1/-1;margin:0;text-align:center;color:var(--hf-muted);font-size:16px}
.hf-concept .hf-heading{margin-bottom:64px}.hf-concept-media{position:relative;padding-top:41px}.hf-concept-media figcaption{position:absolute;top:0;left:48px;width:343px;padding:10px 18px;text-align:center;color:#fff;background:var(--hf-green);border-radius:20px 20px 0 0;font-size:16px}.hf-concept-crop{position:relative;width:881px;height:662px;overflow:hidden;border:1px solid var(--hf-line);border-radius:10px}.hf-concept-crop img{position:absolute;width:201.18%;height:150.63%;left:-49.04%;top:-41.98%;max-width:none}
.hf-iteration-panel{padding:48px 49px;display:flex;flex-direction:column;gap:64px}.hf-compare-row{display:grid;grid-template-columns:repeat(2,1fr)}.hf-compare-row article{min-width:0}.hf-compare-row h3{margin:0 0 16px;color:var(--hf-muted);font-size:16px;font-weight:500;line-height:21px}.hf-compare-row .is-final h3{color:var(--hf-green)}.hf-compare-row ul{height:47px;margin:0 0 32px;padding:0;list-style:none;color:var(--hf-body)}.hf-compare-row li:before{content:"×";display:inline-block;width:17px;color:var(--hf-muted)}.hf-compare-row .is-final li:before{content:"✓";color:var(--hf-green)}.hf-iteration-shot{position:relative;width:273.073px;height:562.581px;margin:auto;overflow:hidden}.hf-iteration-shot img{position:absolute;display:block;max-width:none}.crop-low-1{height:560.689px}.crop-low-1 img{width:126.33%;height:106.77%;left:-13.61%;top:-2.54%}.crop-high-1{height:562.305px}.crop-high-1 img{width:139.64%;height:106.32%;left:-23.08%;top:-2.44%}.crop-low-2{height:561.867px}.crop-low-2 img{width:153.66%;height:108.02%;left:-26.18%;top:-3.31%}.crop-high-2 img{width:136.91%;height:106.1%;left:-16.75%;top:-2.41%}.crop-low-3 img{width:118.06%;height:104.96%;left:-10.47%;top:-2.41%}.crop-high-3 img{width:118.59%;height:106.73%;left:-6.81%;top:-3.18%}
.hf-reflection .hf-heading h2{color:var(--hf-ink)}.hf-reflection-list{display:flex;flex-direction:column;gap:32px}.hf-reflection-list article{height:160px;padding:20px;display:flex;flex-direction:column;gap:32px;justify-content:center;background:var(--hf-panel);border:1px solid var(--hf-line)}.hf-reflection-list article:first-child{height:184px;border-radius:0 10px 0 0}.hf-reflection-list article:last-child{border-radius:0 0 10px 0}.hf-reflection-list b{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--hf-muted);color:#fff;font-weight:400}.hf-v4-page .next-case{padding-top:0}
@media(min-width:930px){.hf-overview{height:590px}.hf-research{height:758px}.hf-ideation{height:1090px}.hf-reflection{height:656px}}
@media(max-width:929px){.hf-v4-page .case-article{width:calc(100% - 32px);padding-top:28px}.hf-v4-page .case-hero,.hf-v4-page .hf-section,.hf-solutions{margin-bottom:96px}.hf-hero-media{height:auto;aspect-ratio:881/1293}.hf-overview-media{height:auto;aspect-ratio:881/305}.hf-feature{height:auto;grid-template-columns:minmax(240px,385px) minmax(0,1fr)}.hf-phone{width:100%;height:auto;aspect-ratio:385/786}.hf-solutions{gap:96px}.hf-feature-copy{height:auto}.hf-friends,.hf-ingredients,.hf-rating,.hf-badge{width:100%}.hf-research-media{height:auto;aspect-ratio:881/606}.hf-map{width:100%;height:auto}.hf-concept-crop{width:100%;height:auto;aspect-ratio:881/662}.hf-worst-ideas{height:auto;padding:5vw;grid-template-columns:repeat(3,1fr)}.hf-iteration-panel{padding:5vw}.hf-iteration-shot{width:min(273px,86%);height:auto;aspect-ratio:273/562}}
@media(max-width:640px){.hf-v4-page .case-article{width:calc(100% - 24px)}.hf-feature{grid-template-columns:1fr;gap:24px}.hf-feature-copy{height:auto;gap:20px}.hf-copy-pair{grid-template-columns:1fr;gap:24px}.hf-worst-ideas{grid-template-columns:1fr;grid-template-rows:none}.hf-worst-ideas p{grid-column:auto}.hf-compare-row{grid-template-columns:1fr;gap:48px}.hf-compare-row ul{height:auto;margin-bottom:20px}.hf-ingredients{display:grid;grid-template-columns:1fr 1fr}.hf-ingredients figure{width:100%}.hf-rating{transform:scale(.82);transform-origin:left center}.hf-stack-cards article,.hf-reflection-list article{height:auto;min-height:180px}.hf-concept-media figcaption{left:20px;width:calc(100% - 40px)}}
@media(max-width:640px){.hf-v4-page .hf-feature>*{min-width:0}.hf-v4-page .footer-content{width:calc(100vw - 48px);max-width:calc(100vw - 48px)}}
.hf-v4-page .hf-friends figcaption{font:500 16px/normal "DM Sans",sans-serif;letter-spacing:-.32px;text-transform:none;white-space:nowrap}
.hf-v4-page .hf-feature-copy h2{text-transform:none}
.hf-v4-page .next-case{padding-top:0;display:grid;grid-template-columns:max-content;align-items:start;justify-content:start;justify-items:start;text-align:left}
.hf-v4-page .next-case small,.hf-v4-page .next-case a{width:auto}
.hf-v4-page .next-case{display:grid;grid-template-columns:max-content;justify-content:start;justify-items:start;align-items:start;text-align:left}
.hf-v4-page .hf-ingredients span{width:80px;height:72px}
.hf-v4-page .hf-ingredients img{width:64px;height:64px;object-fit:contain}
.hf-v4-page .hf-ingredients figure:nth-child(4) img{width:76px;height:58px}
.hf-v4-page .hf-compare-row li{display:flex;align-items:flex-start;gap:7px}
.hf-v4-page .hf-compare-row li:before{content:"";width:10px;height:10px;margin:6px 1px 0;flex:0 0 10px;background:linear-gradient(45deg,transparent 47%,var(--hf-muted) 47% 53%,transparent 53%),linear-gradient(-45deg,transparent 47%,var(--hf-muted) 47% 53%,transparent 53%)}
.hf-v4-page .hf-compare-row .is-final li:before{width:6px;height:10px;margin:2px 3px 0;flex-basis:6px;border:solid var(--hf-green);border-width:0 1.7px 1.7px 0;background:none;transform:rotate(45deg)}