/* Claude's Apple pass on the computer version, November 2, 2026. Owner: "The desktop version sucks it needs to be apple".
   Every size, spacing and tracking value below was measured on Apple's AirPods Pro and MacBook Air pages at 1440, not guessed:
   a 1260 column with 90 margins, headlines at weight 600, 160 between sections, body never under 17, tracking about a quarter of what this page had.
   Colours stay the brand's: ink, grey, mist, deep teal, lime. Words are unchanged. Computer widths only: linked with media="(min-width:1000px)" and inside the same query. */
@media (min-width:1000px){
 :root{
  --ax-w:min(87.5vw,1260px);
  --ax-deep:#102A28;
  --ax-80:clamp(58px,5.56vw,80px);
  --ax-64:clamp(46px,4.44vw,64px);
  --ax-56:clamp(40px,3.89vw,56px);
  --ax-48:clamp(34px,3.33vw,48px);
  --ax-40:clamp(30px,2.78vw,40px);
  --ax-32:clamp(26px,2.22vw,32px);
  --ax-28:clamp(23px,1.94vw,28px);
  --ax-24:clamp(20px,1.67vw,24px);
  --ax-21:clamp(18px,1.46vw,21px);
  --ax-space:clamp(96px,9.72vw,140px);
  --ax-r:clamp(20px,1.94vw,28px);
  --ax-band:clamp(92px,8.26vw,119px);
  /* The older computer rules read these, so they all land on the same scale. */
  --dk-gut:calc((100vw - var(--ax-w)) / 2);
  --dk-gap:clamp(14px,1.67vw,24px);
  --dk-pad:clamp(28px,2.78vw,40px);
  --dk-moment:var(--ax-80);
  --dk-head:var(--ax-64);
  --dk-tile:var(--ax-48);
  --dk-sub:var(--ax-32);
  --dk-lead:var(--ax-24);
  --dk-body:var(--ax-21);
  --dk-space:var(--ax-space);
  --dk-band:var(--ax-band);
  --dk-track:-.009em;
  --dk-track-m:-.003em;
  --dk-track-s:.004em;
  --oh-corner:var(--ax-r);
 }
 body.flow-refinement{color:var(--oh-ink);font-size:17px;letter-spacing:-.022em}
 body.flow-refinement .review-notes{font-size:12px}

 /* The header: one thin pane of dark glass, the whole way down. Name left, links and the button right. */
 body.flow-refinement #unit-hero#unit-hero #nav,body.flow-refinement #unit-hero#unit-hero #nav[data-top="true"],body.flow-refinement #unit-hero#unit-hero #nav[data-top="false"]{display:flex;align-items:center;height:52px;min-height:52px;padding:0 calc((100% - var(--ax-w)) / 2);background:rgb(12 32 30 / .9);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border:0;box-shadow:none}
 body.flow-refinement #unit-hero#unit-hero #nav .cf-logo{display:block;height:22px;margin:0}
 body.flow-refinement #unit-hero#unit-hero #nav .cf-logo img,body.flow-refinement #unit-hero#unit-hero #nav[data-top="false"] .cf-logo img{display:block;width:auto;height:100%;filter:brightness(0) invert(1)}
 body.flow-refinement #unit-hero#unit-hero #nav nav{position:static;transform:none;display:flex;gap:28px;margin:0 20px 0 auto}
 body.flow-refinement #unit-hero#unit-hero #nav nav a{min-height:0;padding:0;color:rgb(255 255 255 / .86);font-size:13px;line-height:1;font-weight:400;letter-spacing:-.01em;text-transform:none;transition:color .2s}
 body.flow-refinement #unit-hero#unit-hero #nav nav a:hover{color:#fff}
 body.flow-refinement #unit-hero#unit-hero #nav .dk-nav-chat,body.flow-refinement #unit-hero#unit-hero #nav[data-top="false"] .dk-nav-chat{width:32px;height:32px;margin:0 12px 0 0;color:rgb(255 255 255 / .86)}
 body.flow-refinement #unit-hero#unit-hero #nav .dk-nav-chat svg{width:17px;height:17px}
 body.flow-refinement #unit-hero#unit-hero #nav .dk-nav-chat:hover,body.flow-refinement #unit-hero#unit-hero #nav[data-top="false"] .dk-nav-chat:hover{background:rgb(255 255 255 / .12);color:#fff}
 body.flow-refinement #unit-hero#unit-hero #nav .cf-nav-order,body.flow-refinement #unit-hero#unit-hero #nav[data-top="false"] .cf-nav-order{display:inline-flex;align-items:center;min-height:0;height:30px;padding:0 14px;border:0;border-radius:980px;background:var(--oh-lime);color:#0A2A2A;box-shadow:none;font-size:13px;line-height:1;font-weight:500;letter-spacing:-.01em;text-transform:none;white-space:nowrap}

 /* The button, everywhere: a lime pill in sentence case, like Apple's. */
 body.flow-refinement #unit-hero#unit-hero #top a.cf-button,body.flow-refinement #unit-plans#unit-plans #plans .continue,body.flow-refinement #unit-faq#unit-faq #faq .fq-cta,#selected-ending#selected-ending#selected-ending#selected-ending .close-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;width:auto;height:52px;min-height:52px;padding:0 30px;border:0;border-radius:980px;background:var(--oh-lime);color:#0A2A2A;font-size:17px;line-height:1;font-weight:600;letter-spacing:-.022em;text-transform:none;box-shadow:none}
 body.flow-refinement #plans .continue svg{display:none}
 @media (hover:hover){
  body.flow-refinement #unit-hero#unit-hero #top a.cf-button:hover,body.flow-refinement #unit-plans#unit-plans #plans .continue:hover,body.flow-refinement #unit-faq#unit-faq #faq .fq-cta:hover,#selected-ending#selected-ending#selected-ending#selected-ending .close-btn:hover{background:#B2DA47;transform:none}
 }

 /* Hero, the phone's order at full width: the food on top, melting into deep teal, the words centred under it. */
 body.flow-refinement #unit-hero#unit-hero #top{display:grid;grid-template-rows:minmax(0,1fr) auto;height:calc(100vh - var(--ax-band));min-height:640px;max-height:940px;margin:0;background:var(--ax-deep)}
 body.flow-refinement #unit-hero#unit-hero #top .cf-hero-media{position:absolute;inset:0 0 auto;width:100%;height:70%;max-height:none}
 body.flow-refinement #unit-hero#unit-hero #top .cf-hero-media .pm-film,body.flow-refinement #unit-hero#unit-hero #top .cf-hero-media video{width:100%;height:100%;object-fit:cover;object-position:50% 42%}
 body.flow-refinement #unit-hero#unit-hero #top .cf-hero-shade{display:block;position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgb(16 42 40 / 0) 40%,rgb(16 42 40 / .8) 54%,var(--ax-deep) 61%)}
 body.flow-refinement #unit-hero#unit-hero #top .cf-hero-copy{position:relative;z-index:2;grid-row:1;align-self:end;justify-self:stretch;display:flex;flex-direction:column;align-items:center;width:100%;max-width:none;margin:0;padding:0 0 clamp(18px,2.6vh,28px);text-align:center}
 body.flow-refinement #unit-hero#unit-hero #top .cf-community{margin:0 0 clamp(8px,1.2vh,12px);color:rgb(255 255 255 / .86);font-size:14px;line-height:1.3;font-weight:400;letter-spacing:-.016em}
 body.flow-refinement #unit-hero#unit-hero #top #hero-title{max-width:none;margin:0;font-size:var(--ax-64);line-height:1.06;letter-spacing:-.009em;font-weight:600;text-align:center;white-space:nowrap}
 body.flow-refinement #unit-hero#unit-hero #top #hero-title .cr-line{display:inline}
 body.flow-refinement #unit-hero#unit-hero #top #hero-title .cr-line+.cr-line{margin-left:.26em}
 body.flow-refinement #unit-hero#unit-hero #top .cf-hero-lede{display:block;max-width:none;margin:clamp(10px,1.6vh,16px) 0 0;color:rgb(255 255 255 / .76);font-size:var(--ax-21);line-height:1.38;font-weight:400;letter-spacing:.011em;text-align:center}
 body.flow-refinement #unit-hero#unit-hero #top .cf-hero-lede span{display:inline}
 body.flow-refinement #unit-hero#unit-hero #top .cf-hero-actions{display:flex;flex-direction:column;align-items:center;gap:clamp(8px,1.2vh,12px);width:auto;margin:clamp(14px,2.2vh,24px) 0 0}
 body.flow-refinement #unit-hero#unit-hero #top .hero-buy-details{display:flex;flex-direction:row;align-items:center;gap:0;margin:0;color:rgb(255 255 255 / .86);font-size:14px;line-height:1.3;font-weight:400;letter-spacing:-.016em;white-space:nowrap}
 body.flow-refinement #unit-hero#unit-hero #top .hero-buy-details span{display:inline;margin:0;padding:0;color:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit}
 body.flow-refinement #unit-hero#unit-hero #top .hero-buy-details span+span::before{content:"·";margin:0 .55em;color:rgb(255 255 255 / .5)}
 body.flow-refinement #unit-hero#unit-hero #top .cf-hero-base{position:relative;z-index:3;grid-row:2;justify-self:center;width:var(--ax-w);max-width:none;margin:0;padding:0;background:none}
 body.flow-refinement #unit-hero#unit-hero #top .cf-hero-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:0;width:100%;max-width:none;margin:0;min-height:52px;border-top:1px solid rgb(255 255 255 / .16)}
 body.flow-refinement #unit-hero#unit-hero #top .cf-hero-facts li{display:flex;align-items:center;justify-content:center;min-height:52px;padding:0;border:0;color:rgb(255 255 255 / .86);font-size:14px;line-height:1.3;font-weight:400;letter-spacing:-.016em;text-align:center}
 body.flow-refinement #unit-hero#unit-hero #top .pm-film-toggle{top:64px;right:calc((100% - var(--ax-w)) / 2);bottom:auto;width:36px;height:36px;background:rgb(12 32 30 / .5);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}

 /* Kitchens: one quiet line. */
 body.flow-refinement #unit-partners#unit-partners #partners{display:flex;align-items:center;height:var(--ax-band);padding:0;background:#fff}
 body.flow-refinement #unit-partners#unit-partners #partners .wrap{display:flex;align-items:center;justify-content:space-between;gap:48px;width:var(--ax-w);max-width:none;margin:0 auto;padding:0}
 body.flow-refinement #unit-partners#unit-partners #partners .label-sm{flex:none;margin:0;color:var(--oh-muted);font-size:14px;line-height:1.3;font-weight:400;letter-spacing:-.016em;text-transform:none;white-space:nowrap}
 body.flow-refinement #unit-partners#unit-partners #partners .venue-logos{flex:1;display:flex;justify-content:space-between;align-items:center;gap:32px;width:auto;margin:0;padding:0 0 0 clamp(24px,5vw,72px)}
 body.flow-refinement #unit-partners#unit-partners #partners .venue-logos li{flex:0 1 auto;width:auto;height:clamp(32px,3vw,42px)}

 /* Nutrition: one column inside full-width grounds, instead of a dashboard of tiles. */
 body.flow-refinement #unit-nutrition#unit-nutrition #why{display:grid;grid-template-columns:minmax(0,1fr) var(--ax-w) minmax(0,1fr);gap:0;padding:0;background:#fff}
 body.flow-refinement #unit-nutrition#unit-nutrition #why::after{content:"";grid-column:1/-1;grid-row:6/10;background:var(--oh-mist)}
 body.flow-refinement #unit-nutrition#unit-nutrition #why>*,body.flow-refinement #unit-nutrition#unit-nutrition #why .nm-cq>*{min-width:0}

 /* 9 in 10: a statement, centred, on white. */
 body.flow-refinement #unit-nutrition#unit-nutrition #why .nm-gap{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:center;width:100%;margin:0;padding:var(--ax-space) 0;text-align:center}
 body.flow-refinement #unit-nutrition#unit-nutrition #why #nutrition-title{margin:0;text-align:center}
 body.flow-refinement #unit-nutrition#unit-nutrition #why .nm-big{display:block;margin:0;font-size:clamp(128px,13.3vw,192px);line-height:1;letter-spacing:-.03em;font-weight:600;text-align:center;transform:none}
 body.flow-refinement #unit-nutrition#unit-nutrition #why .nm-statline{display:block;max-width:none;margin:clamp(8px,1vw,14px) 0 0;font-size:var(--ax-48);line-height:1.08;letter-spacing:-.003em;font-weight:600;text-align:center}
 body.flow-refinement #unit-nutrition#unit-nutrition #why .nm-line,body.flow-refinement #unit-nutrition#unit-nutrition #why .nm-turn{max-width:none;margin:0;padding:0;align-self:center;color:var(--oh-muted);font-size:var(--ax-28);line-height:1.3;font-weight:600;letter-spacing:.007em;text-align:center}
 body.flow-refinement #unit-nutrition#unit-nutrition #why .nm-line{margin-top:clamp(28px,3.3vw,48px)}
 body.flow-refinement #unit-nutrition#unit-nutrition #why .nm-line strong{color:var(--oh-ink);font-weight:600}
 body.flow-refinement #unit-nutrition#unit-nutrition #why .nm-turn>span{color:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit}

 /* 40×: the page's one giant moment, the box breaking out of its ground. */
 body.flow-refinement #unit-nutrition#unit-nutrition #nutrition-product::before{content:"";grid-column:1/-1;grid-row:2;border-radius:0;background:var(--oh-mist)}
 body.flow-refinement #unit-nutrition#unit-nutrition #why .nm-claim{position:relative;z-index:1;grid-column:2;grid-row:2;align-self:center;justify-self:start;align-items:flex-start;width:auto;margin:0;padding:clamp(60px,6.67vw,96px) 0;text-align:left}
 body.flow-refinement #unit-nutrition#unit-nutrition #why .nm-up{display:block;margin:0 0 0 .08em;font-size:var(--ax-40);line-height:1.1;font-weight:600;letter-spacing:.004em}
 body.flow-refinement #unit-nutrition#unit-nutrition #why .nm-num{display:block;margin:0;padding:0;font-size:clamp(190px,22.2vw,320px);line-height:1;letter-spacing:-.045em;text-align:left;transform:none}
 body.flow-refinement #unit-nutrition#unit-nutrition #why .nm-more{display:block;margin:0 0 0 .06em;font-size:var(--ax-64);line-height:1.06;font-weight:600;letter-spacing:-.009em}
 body.flow-refinement #unit-nutrition#unit-nutrition #why .nm-boxwrap{position:relative;z-index:2;grid-column:2;grid-row:2;align-self:start;justify-self:end;width:54%;max-width:none;margin:calc(-1 * clamp(36px,3.9vw,56px)) 0 0}
 body.flow-refinement #unit-nutrition#unit-nutrition #why .nm-box{display:block;width:100%;height:auto;max-width:none;margin:0}

 /* Different greens: Eric's macro, the whole window wide. */
 body.flow-refinement #unit-nutrition#unit-nutrition #nutrition-discovery{position:relative;grid-column:1/-1;grid-row:3;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;width:auto;max-width:none;min-height:clamp(540px,55.6vw,800px);margin:0;padding:0 calc((100% - var(--ax-w)) / 2) clamp(44px,5vw,72px);overflow:hidden;border-radius:0;background:#071515;text-align:left;isolation:isolate}
 body.flow-refinement #unit-nutrition#unit-nutrition #nutrition-discovery::before{background-position:50% 52%}
 body.flow-refinement #unit-nutrition#unit-nutrition #nutrition-discovery .cd-rainbow-title{font-size:var(--ax-64);line-height:1.06;letter-spacing:-.009em;font-weight:600}
 body.flow-refinement #unit-nutrition#unit-nutrition #nutrition-discovery .cd-rainbow-line{margin:clamp(10px,1.1vw,16px) 0 0;color:rgb(255 255 255 / .76);font-size:var(--ax-24);line-height:1.3;font-weight:600;letter-spacing:.009em}
 body.flow-refinement #unit-nutrition#unit-nutrition #nutrition-discovery .nd-controls{gap:12px;margin:clamp(20px,2.2vw,32px) 0 0}
 body.flow-refinement #unit-nutrition#unit-nutrition #nutrition-discovery .nd-open{min-height:48px;padding:0 16px 0 24px;border-radius:980px;background:rgb(255 255 255 / .16);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:none;font-size:17px;font-weight:400;letter-spacing:-.022em}
 body.flow-refinement #unit-nutrition#unit-nutrition #nutrition-discovery .nd-open:hover{background:rgb(255 255 255 / .26)}
 body.flow-refinement #unit-nutrition#unit-nutrition #why:has(#nutrition-explained[open]) #nutrition-discovery{position:relative;top:auto;height:auto}

 /* Benefits: a headline, then three columns of air. No lines, no boxes. */
 body.flow-refinement #unit-nutrition#unit-nutrition #benefits{grid-column:2;grid-row:4;display:block;width:auto;margin:0;padding:var(--ax-space) 0 0;border-radius:0;background:none;text-align:left}
 body.flow-refinement #unit-nutrition#unit-nutrition #benefits .nb-title{margin:0;padding:0;font-size:var(--ax-64);line-height:1.06;letter-spacing:-.009em;font-weight:600;text-align:left;color:var(--oh-ink)}
 body.flow-refinement #unit-nutrition#unit-nutrition #benefits .nb-title br{display:inline}
 body.flow-refinement #unit-nutrition#unit-nutrition #benefits .cp-benefit-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto;column-gap:clamp(32px,4.4vw,64px);width:100%;margin:clamp(40px,4.4vw,64px) 0 0}
 body.flow-refinement #unit-nutrition#unit-nutrition #benefits .cp-benefit-list article{display:block;padding:0;border:0}
 body.flow-refinement #unit-nutrition#unit-nutrition #benefits .cp-benefit-list h4{margin:0 0 clamp(8px,.9vw,12px);font-size:var(--ax-40);line-height:1.1;font-weight:600;letter-spacing:.002em;white-space:nowrap}
 body.flow-refinement #unit-nutrition#unit-nutrition #benefits .cp-benefit-list p{margin:0;color:var(--oh-muted);font-size:var(--ax-21);line-height:1.38;font-weight:400;letter-spacing:.011em;text-align:left}
 body.flow-refinement #unit-nutrition#unit-nutrition #benefits .cp-benefit-list p strong{color:var(--oh-ink);font-weight:600}
 body.flow-refinement #unit-nutrition#unit-nutrition #benefits .cp-depth{width:auto;margin:clamp(28px,3.3vw,48px) 0 0;border:0}
 body.flow-refinement #unit-nutrition#unit-nutrition #benefits .cp-depth>summary{display:inline-flex;justify-content:flex-start;align-items:center;gap:12px;width:auto;min-height:44px;padding:0;color:var(--oh-ink);font-size:var(--ax-21);font-weight:400;letter-spacing:.011em}
 body.flow-refinement #unit-nutrition#unit-nutrition #benefits .cp-depth-body{margin:0;padding:clamp(16px,1.7vw,24px) 0 0;max-width:none}
 body.flow-refinement #unit-nutrition#unit-nutrition #benefits .cp-chapters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(32px,4.4vw,64px);row-gap:40px;margin:0}
 body.flow-refinement #unit-nutrition#unit-nutrition #benefits .cp-chapter h4{font-size:var(--ax-24);line-height:1.2;font-weight:600;letter-spacing:.009em}
 body.flow-refinement #unit-nutrition#unit-nutrition #benefits .cp-chapter p{font-size:17px;line-height:1.47;letter-spacing:-.022em}
 body.flow-refinement #unit-nutrition#unit-nutrition #benefits .cp-living{grid-column:1/-1}

 /* One handful: the picture, huge, on white, with the two numbers standing under the things they count. */
 body.flow-refinement #unit-nutrition#unit-nutrition #portion-comparison#portion-comparison{grid-column:2;grid-row:5;width:auto;margin:0;padding:var(--ax-space) 0;overflow:visible;border-radius:0;background:none;text-align:center}
 body.flow-refinement #unit-nutrition#unit-nutrition #portion-comparison#portion-comparison .nm-h{position:static;margin:0;padding:0;font-size:var(--ax-80);line-height:1.05;letter-spacing:-.015em;font-weight:600;text-align:center}
 body.flow-refinement #unit-nutrition#unit-nutrition #portion-comparison#portion-comparison .hd-comparison{display:block;width:100%;height:auto;margin:clamp(28px,3.3vw,48px) 0 0}
 body.flow-refinement #unit-nutrition#unit-nutrition #portion-comparison#portion-comparison .nm-vs{grid-template-columns:8% 30% 12% 42% 8%;margin:clamp(-20px,-1.2vw,-8px) 0 0}
 body.flow-refinement #unit-nutrition#unit-nutrition #portion-comparison#portion-comparison .nm-vs strong{display:block;font-size:var(--ax-80);line-height:1;font-weight:600;letter-spacing:-.015em}
 body.flow-refinement #unit-nutrition#unit-nutrition #portion-comparison#portion-comparison .nm-vs small{display:block;margin-top:clamp(6px,.7vw,10px);color:var(--oh-muted);font-size:var(--ax-21);line-height:1.3;font-weight:400;letter-spacing:.011em}
 body.flow-refinement #unit-nutrition#unit-nutrition #portion-comparison#portion-comparison .nm-vs-word{color:var(--oh-muted);font-size:var(--ax-21);font-weight:400;letter-spacing:.011em}

 /* Meals, on the soft ground. Codex's two-by-two panels, which he approved Nov 2 ("That's looking a lot better"), on this page's scale: the headline left, the instruction on the second panel's edge, the door right. */
 body.flow-refinement #unit-nutrition#unit-nutrition .meal-polish-head{position:relative;z-index:1;grid-column:2;grid-row:6;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--dk-gap);align-items:end;justify-self:stretch;margin:0;padding:var(--ax-space) 0 0;text-align:left}
 body.flow-refinement #unit-nutrition#unit-nutrition .meal-polish-head h2{grid-column:1;grid-row:1/3;margin:0;font-size:var(--ax-64);line-height:1.06;letter-spacing:-.009em;font-weight:600}
 body.flow-refinement #unit-nutrition#unit-nutrition .meal-instruction{grid-column:2;grid-row:1;justify-self:start;margin:0;padding:0;color:var(--oh-ink);font-size:var(--ax-32);line-height:1.13;font-weight:600;letter-spacing:.004em}
 body.flow-refinement #unit-nutrition#unit-nutrition .meal-polish-intro{grid-column:2;grid-row:2;justify-self:start;margin:clamp(4px,.55vw,8px) 0 .35em;padding:0;color:var(--oh-muted);font-size:var(--ax-21);line-height:1.3;font-weight:400;letter-spacing:.011em}
 body.flow-refinement #unit-nutrition#unit-nutrition .dk-recipes-door{position:relative;z-index:1;grid-column:2;grid-row:6;justify-self:end;align-self:end;gap:10px;min-height:44px;margin:0 0 clamp(26px,2.5vw,36px);padding:0;border-radius:0;background:none;box-shadow:none;color:var(--oh-ink);font-size:17px;font-weight:400;letter-spacing:-.022em}
 body.flow-refinement #unit-nutrition#unit-nutrition .dk-recipes-door:hover{box-shadow:none;text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:1px}
 body.flow-refinement #unit-nutrition#unit-nutrition .meal-polish-grid{position:relative;z-index:1;grid-column:2;grid-row:7;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--dk-gap);height:auto;margin:clamp(32px,3.3vw,48px) 0 0}
 body.flow-refinement #unit-nutrition#unit-nutrition .meal-polish-card{min-height:clamp(240px,22.2vw,320px);border-radius:var(--ax-r);background:#fff;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
 @media (hover:hover){body.flow-refinement #unit-nutrition#unit-nutrition .meal-polish-card:hover{transform:scale(1.012)}}
 body.flow-refinement #unit-nutrition#unit-nutrition .meal-polish-card .meal-polish-photo{width:100%;height:100%;min-height:0;aspect-ratio:auto;border-radius:0}
 body.flow-refinement #unit-nutrition#unit-nutrition .meal-polish-card .dk-meal-copy{justify-content:center;min-width:0;padding:clamp(18px,2.2vw,32px)}
 body.flow-refinement #unit-nutrition#unit-nutrition .meal-polish-card .dk-meal-copy h3{flex:none;min-height:0;font-size:var(--ax-32);line-height:1.13;font-weight:600;letter-spacing:.004em}
 body.flow-refinement #unit-nutrition#unit-nutrition .meal-polish-card .dk-meal-copy p{flex:none;margin:clamp(6px,.7vw,10px) 0 0;color:var(--oh-muted);font-size:clamp(17px,1.32vw,19px);line-height:1.32;letter-spacing:.012em}
 body.flow-refinement #unit-nutrition#unit-nutrition .meal-polish-card .restored-meal-action{margin-top:clamp(12px,1.25vw,18px);font-size:17px;font-weight:400;letter-spacing:-.022em}
 body.flow-refinement #unit-nutrition#unit-nutrition .meal-polish-card .restored-meal-action svg{width:14px;height:14px}

 /* The recipes, when opened: the rail runs off the right edge of the window. */
 body.flow-refinement #unit-nutrition#unit-nutrition #taste#taste#taste#taste{position:relative;z-index:1;grid-column:2/-1;grid-row:8;margin:clamp(8px,1vw,14px) 0 0;padding-top:clamp(24px,2.4vw,34px);scroll-margin-top:52px}
 body.flow-refinement #unit-nutrition#unit-nutrition #taste#taste#taste#taste .recipe-toolbar{margin:0 calc((100vw - var(--ax-w)) / 2) 0 0}
 body.flow-refinement #unit-nutrition#unit-nutrition #taste#taste#taste#taste .use-filters{gap:6px;padding-block:5px;margin-block:-5px}
 body.flow-refinement #unit-nutrition#unit-nutrition #taste#taste#taste#taste .use-filters button{min-height:38px;padding:0 16px;border:0;border-radius:980px;background:none;color:var(--oh-muted);font-size:14px;font-weight:400;letter-spacing:-.016em;box-shadow:none}
 body.flow-refinement #unit-nutrition#unit-nutrition #taste#taste#taste#taste .use-filters button::after{display:none}
 body.flow-refinement #unit-nutrition#unit-nutrition #taste#taste#taste#taste .use-filters button[aria-pressed="true"]{background:var(--oh-ink);color:#fff}
 body.flow-refinement #unit-nutrition#unit-nutrition #taste#taste#taste#taste .use-filters button:focus-visible{outline:2px solid var(--oh-ink);outline-offset:2px}
 body.flow-refinement #unit-nutrition#unit-nutrition #taste#taste#taste#taste .gallery{grid-auto-columns:clamp(200px,20.4vw,294px);column-gap:var(--dk-gap);padding-inline:0 calc((100vw - var(--ax-w)) / 2)}
 body.flow-refinement #unit-nutrition#unit-nutrition #taste#taste#taste#taste .gallery-card,body.flow-refinement #unit-nutrition#unit-nutrition #taste#taste#taste#taste .gallery-photo{height:clamp(260px,25vw,360px);border-radius:var(--ax-r)}
 body.flow-refinement #unit-nutrition#unit-nutrition #taste#taste#taste#taste .gallery-caption{padding:18px 20px;font-size:17px;line-height:1.24;font-weight:600;letter-spacing:-.022em}

 /* The doors to the research: one hairline row. */
 body.flow-refinement #unit-nutrition#unit-nutrition .gp-notes{position:relative;z-index:1;grid-column:2;grid-row:9;column-gap:clamp(32px,4.4vw,64px);margin:clamp(40px,4.4vw,64px) 0 var(--ax-space);border-top:1px solid rgb(20 68 68 / .14)}
 body.flow-refinement #unit-nutrition#unit-nutrition .gp-notes summary{display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:0;font-size:17px;font-weight:400;letter-spacing:-.022em}
 body.flow-refinement #unit-nutrition#unit-nutrition .gp-notes .row-title{display:block;min-height:0;font-size:17px;line-height:1.24;font-weight:400;letter-spacing:-.022em}
 body.flow-refinement #unit-nutrition#unit-nutrition .gp-notes .answer,body.flow-refinement #unit-nutrition#unit-nutrition .gp-notes .nm-sources-body{max-width:760px;font-size:17px;line-height:1.47;letter-spacing:-.022em}

 /* Freshness, deep teal: centred headline, two photos, two huge numbers. */
 body.flow-refinement #unit-fresh#unit-fresh #freshness{--fig:clamp(96px,9.72vw,140px);--photo-h:clamp(340px,33.3vw,480px);--cap:var(--ax-21);padding:var(--ax-space) 0;background:var(--ax-deep)}
 body.flow-refinement #unit-fresh#unit-fresh #freshness .fx-title{padding:0;font-size:var(--ax-80);line-height:1.05;letter-spacing:-.015em;font-weight:600;text-align:center}
 body.flow-refinement #unit-fresh#unit-fresh #freshness .fx-title .h-shelf,body.flow-refinement #unit-fresh#unit-fresh #freshness .fx-title .h-harvest{display:block}
 body.flow-refinement #unit-fresh#unit-fresh #freshness .picture{margin-top:clamp(40px,4.4vw,64px)}
 body.flow-refinement #unit-fresh#unit-fresh #freshness .score-name{font-size:var(--ax-24);line-height:1.2;font-weight:600;letter-spacing:.009em}
 body.flow-refinement #unit-fresh#unit-fresh #freshness .score-fig{letter-spacing:-.03em;font-weight:600}
 body.flow-refinement #unit-fresh#unit-fresh #freshness .score-cap{margin-top:8px;font-size:var(--ax-21);line-height:1.3;letter-spacing:.011em}
 body.flow-refinement #unit-fresh#unit-fresh #freshness .route .stop-name{font-size:14px;letter-spacing:-.016em}
 body.flow-refinement #unit-fresh#unit-fresh #freshness .tape-label{font-size:14px;font-weight:400;letter-spacing:-.016em;text-transform:none}
 body.flow-refinement #unit-fresh#unit-fresh #freshness .tape-row .fig{font-size:var(--ax-32);line-height:1.13;font-weight:600;letter-spacing:.004em}
 body.flow-refinement #unit-fresh#unit-fresh #freshness .tape-row .cap{font-size:17px;line-height:1.3;letter-spacing:-.022em}
 body.flow-refinement #unit-fresh#unit-fresh #freshness .close-waste{font-size:var(--ax-21);line-height:1.38;letter-spacing:.011em}
 body.flow-refinement #unit-fresh#unit-fresh #freshness .details-pill{font-size:17px;font-weight:400;letter-spacing:-.022em}

 /* Farm: the film across the whole column, the letter under it on two axes. */
 body.flow-refinement #unit-farm#unit-farm #farm{padding:var(--ax-space) 0}
 body.flow-refinement #unit-farm#unit-farm #farm .wrap{display:block;width:var(--ax-w);margin:0 auto;padding:0}
 body.flow-refinement #unit-farm#unit-farm #farm .farm-title{margin:0 0 clamp(32px,3.3vw,48px);font-size:var(--ax-64);line-height:1.06;letter-spacing:-.009em;font-weight:600}
 body.flow-refinement #unit-farm#unit-farm #farm .film{aspect-ratio:2/1;width:100%;border-radius:var(--ax-r)}
 body.flow-refinement #unit-farm#unit-farm #farm .chapters{padding:0 clamp(24px,2.8vw,40px) clamp(20px,2.2vw,32px);column-gap:clamp(24px,2.8vw,40px)}
 body.flow-refinement #unit-farm#unit-farm #farm .chapters strong{font-size:var(--ax-24);line-height:1.2;font-weight:600;letter-spacing:.009em}
 body.flow-refinement #unit-farm#unit-farm #farm .chapters .detail{font-size:14px;line-height:1.3;letter-spacing:-.016em}
 body.flow-refinement #unit-farm#unit-farm #farm #founder-letter{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(32px,4.4vw,64px);align-items:start;width:auto;margin:clamp(48px,5.6vw,80px) 0 0;padding:0}
 body.flow-refinement #unit-farm#unit-farm #farm #letter-title{font-size:var(--ax-40);line-height:1.1;font-weight:600;letter-spacing:.002em}
 body.flow-refinement #unit-farm#unit-farm #farm .letter-body{margin:0;padding:0}
 body.flow-refinement #unit-farm#unit-farm #farm .letter-body p{color:var(--oh-muted);font-size:var(--ax-21);line-height:1.38;letter-spacing:.011em}
 body.flow-refinement #unit-farm#unit-farm #farm .cp-letter-more>p{margin:clamp(12px,1.25vw,18px) 0 0}
 body.flow-refinement #unit-farm#unit-farm #farm .letter-signoff{margin-top:clamp(20px,2.2vw,32px)}
 body.flow-refinement #unit-farm#unit-farm #farm .letter-name{font-size:17px;font-weight:600;letter-spacing:-.022em}
 body.flow-refinement #unit-farm#unit-farm #farm .letter-role{font-size:14px;letter-spacing:-.016em}

 /* The film statement. */
 .dk-belief{min-height:min(100vh,62.5vw)}
 .dk-belief-copy{padding:var(--ax-space) calc((100% - var(--ax-w)) / 2)}
 body.flow-refinement .dk-belief .dk-eyebrow{margin:0;color:rgb(255 255 255 / .76);font-size:var(--ax-24);line-height:1.2;font-weight:600;letter-spacing:.009em;text-transform:none}
 body.flow-refinement .dk-belief .dk-belief-line{max-width:13.6em;margin:clamp(12px,1.25vw,18px) 0 0;font-size:var(--ax-80);line-height:1.05;font-weight:600;letter-spacing:-.015em}
 body.flow-refinement .dk-belief-copy>p:last-child{max-width:30em;margin:clamp(18px,2vw,28px) 0 0;color:rgb(255 255 255 / .76);font-size:var(--ax-21);line-height:1.38;letter-spacing:.011em}

 /* Members: one huge line, then a row of four tall tiles. */
 body.flow-refinement #unit-members#unit-members #members{padding:var(--ax-space) 0}
 body.flow-refinement #unit-members#unit-members #members .ma2-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;width:var(--ax-w);margin:0 auto;padding:0}
 body.flow-refinement #unit-members#unit-members #members .ma2-text,body.flow-refinement #unit-members#unit-members #members .wall-area{display:contents}
 body.flow-refinement #unit-members#unit-members #members .ma-top{grid-column:1;grid-row:1;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:20px;margin:0;padding:0}
 body.flow-refinement #unit-members#unit-members #members #ma2-title{margin:0;color:var(--oh-muted);font-size:var(--ax-24);line-height:1.2;font-weight:600;letter-spacing:.009em;text-transform:none}
 body.flow-refinement #unit-members#unit-members #members .rating{font-size:14px;letter-spacing:-.016em}
 body.flow-refinement #unit-members#unit-members #members .chips{grid-column:2;grid-row:1;width:360px;margin:0}
 body.flow-refinement #unit-members#unit-members #members .ma-quote{grid-column:1/-1;grid-row:2;margin:clamp(20px,2.2vw,32px) 0 0}
 body.flow-refinement #unit-members#unit-members #members .q-big{font-size:var(--ax-80);line-height:1.05;letter-spacing:-.015em;font-weight:600;white-space:nowrap}
 body.flow-refinement #unit-members#unit-members #members .attrib{grid-column:1/-1;grid-row:3;margin:clamp(14px,1.5vw,22px) 0 0}
 body.flow-refinement #unit-members#unit-members #members .reviewer-name{font-size:17px;font-weight:600;letter-spacing:-.022em}
 body.flow-refinement #unit-members#unit-members #members .reviewer-tenure,body.flow-refinement #unit-members#unit-members #members .reviewer-source{font-size:14px;letter-spacing:-.016em}
 body.flow-refinement #unit-members#unit-members #members .wall{grid-column:1/-1;grid-row:4;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,clamp(190px,18.75vw,270px));gap:var(--dk-gap);margin:clamp(40px,4.4vw,64px) 0 0}
 body.flow-refinement #unit-members#unit-members #members .wall .tile{border-radius:var(--ax-r)}
 body.flow-refinement #unit-members#unit-members #members .wall .t-video{grid-column:1;grid-row:1/3}
 body.flow-refinement #unit-members#unit-members #members .wall .t-text{grid-column:2;grid-row:1}
 body.flow-refinement #unit-members#unit-members #members .wall .t-google{grid-column:2;grid-row:2}
 body.flow-refinement #unit-members#unit-members #members .wall .t-post{grid-column:3;grid-row:1/3}
 body.flow-refinement #unit-members#unit-members #members .wall .t-clip{grid-column:4;grid-row:1/3}
 /* The post's photo has words baked in at the top and foot. Show the plate, and set her caption as real text under it. */
 body.flow-refinement #unit-members#unit-members #members .wall .t-post{background:var(--oh-ink)}
 body.flow-refinement #unit-members#unit-members #members .wall .t-post .food-image{position:absolute;inset:auto;left:-20%;top:0;width:192%;height:auto;max-width:none;object-fit:fill;transform:translateY(-21%);clip-path:inset(21% 0 38.3% 0)}
 body.flow-refinement #unit-members#unit-members #members .wall .t-post .over{position:absolute;inset:auto 0 0;display:flex;flex-direction:column;gap:8px;padding:clamp(16px,1.67vw,24px) clamp(16px,1.67vw,24px) clamp(14px,1.4vw,20px);background:none}
 body.flow-refinement #unit-members#unit-members #members .wall .t-post .say{display:block;color:#fff;font-size:var(--ax-21);line-height:1.25;font-weight:600;letter-spacing:.011em}
 body.flow-refinement #unit-members#unit-members #members .wall .t-post::before,body.flow-refinement #unit-members#unit-members #members .wall .t-post::after{display:none}
 body.flow-refinement #unit-members#unit-members #members .wall .say{font-size:var(--ax-21);line-height:1.25;font-weight:600;letter-spacing:.011em}
 body.flow-refinement #unit-members#unit-members #members .wall q{font-size:17px;line-height:1.35;letter-spacing:-.022em}
 body.flow-refinement #unit-members#unit-members #members .wall-grid{grid-column:1/-1;grid-row:5}
 body.flow-refinement #unit-members#unit-members #members .more.desk-only{grid-column:1/-1;grid-row:6;justify-self:center;margin:clamp(32px,3.3vw,48px) 0 0;font-size:17px;font-weight:400;letter-spacing:-.022em;text-transform:none}

 /* The table: centred, narrower than the page, like Apple's compare grid. */
 body.flow-refinement #unit-comparison#unit-comparison #comparison{padding:var(--ax-space) 0}
 body.flow-refinement #unit-comparison#unit-comparison #comparison .ec-wrap{display:flex;flex-direction:column;align-items:center;width:var(--ax-w);margin:0 auto;padding:0;row-gap:0;text-align:center}
 body.flow-refinement #unit-comparison#unit-comparison #comparison .ec-heading{margin:0;padding:0;font-size:var(--ax-64);line-height:1.06;letter-spacing:-.009em;font-weight:600;text-align:center}
 body.flow-refinement #unit-comparison#unit-comparison #comparison .ec-lead{margin:clamp(12px,1.25vw,18px) 0 0;color:var(--oh-muted);font-size:var(--ax-24);line-height:1.3;font-weight:600;letter-spacing:.009em;text-align:center}
 body.flow-refinement #unit-comparison#unit-comparison #comparison .ec-table-wrap{width:min(100%,980px);margin:clamp(40px,4.4vw,64px) 0 0}
 body.flow-refinement #unit-comparison#unit-comparison #comparison .ec-table{font-size:var(--ax-21);letter-spacing:.011em}
 body.flow-refinement #unit-comparison#unit-comparison #comparison .ec-table tbody th{font-size:var(--ax-21);font-weight:400;letter-spacing:.011em;text-align:left}
 body.flow-refinement #unit-comparison#unit-comparison #comparison .ec-table thead th{font-size:17px;font-weight:600;letter-spacing:-.022em}
 body.flow-refinement #unit-comparison#unit-comparison #comparison .ec-price,body.flow-refinement #unit-comparison#unit-comparison #comparison .ec-price strong{font-size:var(--ax-28);font-weight:600;letter-spacing:.007em}
 body.flow-refinement #unit-comparison#unit-comparison #comparison .ec-note{width:min(100%,980px);margin:16px 0 0;font-size:12px;line-height:1.33;letter-spacing:-.01em;text-align:left}
 body.flow-refinement #unit-comparison#unit-comparison #comparison .ec-actions{width:min(100%,980px);margin:12px 0 0;padding:0}
 body.flow-refinement #unit-comparison#unit-comparison #comparison .ec-expand,body.flow-refinement #unit-comparison#unit-comparison #comparison .ec-expand-label{font-size:17px;font-weight:400;letter-spacing:-.022em}
 body.flow-refinement #unit-comparison#unit-comparison #comparison .ec-details{width:min(100%,980px);text-align:left}

 /* Plans: Apple's buy layout. A big picture that stays in view, the choices beside it. */
 body.flow-refinement #unit-plans#unit-plans #plans{width:var(--ax-w);margin:0 auto;padding:var(--ax-space) 0 clamp(64px,6.9vw,100px)}
 body.flow-refinement #unit-plans#unit-plans #plans .product-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(32px,3.9vw,56px);align-items:end}
 body.flow-refinement #unit-plans#unit-plans #plans #plans-title{font-size:var(--ax-64);line-height:1.06;letter-spacing:-.009em;font-weight:600}
 body.flow-refinement #unit-plans#unit-plans #plans .head-note{padding:0 0 .35em;text-align:left}
 body.flow-refinement #unit-plans#unit-plans #plans .head-note p:first-child{color:var(--oh-ink);font-size:var(--ax-24);line-height:1.2;font-weight:600;letter-spacing:.009em}
 body.flow-refinement #unit-plans#unit-plans #plans .head-note p+p{margin-top:6px;color:var(--oh-muted);font-size:17px;line-height:1.3;letter-spacing:-.022em}
 body.flow-refinement #unit-plans#unit-plans #plans .product-layout{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(32px,3.9vw,56px);margin-top:clamp(36px,3.9vw,56px)}
 body.flow-refinement #unit-plans#unit-plans #plans .gallery-column{top:84px}
 body.flow-refinement #unit-plans#unit-plans #plans #product-stage{height:clamp(420px,44.4vw,640px);border-radius:var(--ax-r);background:var(--oh-mist)}
 body.flow-refinement #unit-plans#unit-plans #plans #product-caption{font-size:14px;letter-spacing:-.016em}
 /* He asked Codex "do we need this?" about the Product and Breakfast switch, and Codex said it adds little after the meals. Off on the computer; the plan's own photo still changes with the plan. */
 body.flow-refinement #unit-plans#unit-plans #plans #view-tabs{display:none}
 body.flow-refinement #unit-plans#unit-plans #plans #product-stage>img{padding:clamp(28px,3.3vw,48px) clamp(28px,3.3vw,48px) clamp(44px,4.4vw,64px)}
 body.flow-refinement #unit-plans#unit-plans #plans .configuration-column{padding:0}
 body.flow-refinement #unit-plans#unit-plans #plans .config-label{font-size:17px;line-height:1.3;font-weight:600;letter-spacing:-.022em}
 body.flow-refinement #unit-plans#unit-plans #plans .audience{height:44px;padding:3px;border-radius:980px;background:var(--oh-mist)}
 body.flow-refinement #unit-plans#unit-plans #plans .audience button{height:38px;border-radius:980px;font-size:14px;font-weight:400;letter-spacing:-.016em}
 body.flow-refinement #unit-plans#unit-plans #plans .config-title{margin-top:clamp(24px,2.5vw,36px);font-size:var(--ax-32);line-height:1.13;font-weight:600;letter-spacing:.004em}
 body.flow-refinement #unit-plans#unit-plans #plans .recommendation{color:var(--oh-muted);font-size:17px;line-height:1.3;letter-spacing:-.022em}
 body.flow-refinement #unit-plans#unit-plans #plans .plan-option{min-height:96px;padding:12px 20px 12px 12px;border-radius:18px;box-shadow:inset 0 0 0 1px var(--oh-line);border:0;background:#fff}
 body.flow-refinement #unit-plans#unit-plans #plans .plan-option[aria-pressed="true"]{box-shadow:inset 0 0 0 2px var(--oh-ink)}
 body.flow-refinement #unit-plans#unit-plans #plans .option-name{font-size:var(--ax-21);line-height:1.2;font-weight:600;letter-spacing:.011em}
 body.flow-refinement #unit-plans#unit-plans #plans .option-quantity{font-size:14px;line-height:1.3;letter-spacing:-.016em}
 body.flow-refinement #unit-plans#unit-plans #plans .option-price strong{font-size:var(--ax-24);line-height:1.1;font-weight:600;letter-spacing:.009em}
 body.flow-refinement #unit-plans#unit-plans #plans .option-price span{font-size:12px;letter-spacing:-.01em}
 body.flow-refinement #unit-plans#unit-plans #plans .recommendation-tag{font-size:12px;font-weight:600;letter-spacing:-.01em}
 body.flow-refinement #unit-plans#unit-plans #plans .plan-reassure{font-size:14px;letter-spacing:-.016em}
 body.flow-refinement #unit-plans#unit-plans #plans .purchase .continue{display:flex;width:100%;height:56px}
 body.flow-refinement #unit-plans#unit-plans #plans .support-details summary{min-height:60px;font-size:17px;font-weight:400;letter-spacing:-.022em}
 body.flow-refinement #unit-plans#unit-plans #plans .desktop-quote{margin-top:clamp(20px,2.2vw,32px)}
 body.flow-refinement #unit-plans#unit-plans #plans .desktop-quote blockquote{font-size:var(--ax-21);line-height:1.38;letter-spacing:.011em}
 body.flow-refinement #unit-plans#unit-plans #plans .desktop-quote figcaption,body.flow-refinement #unit-plans#unit-plans #plans .desktop-quote .stars{font-size:14px;letter-spacing:-.016em}
 body.flow-refinement #unit-plans#unit-plans #plans .promise{margin-top:clamp(40px,4.4vw,64px);padding-top:clamp(20px,2.2vw,32px);border-top:1px solid var(--oh-line);color:var(--oh-muted);font-size:17px;line-height:1.3;letter-spacing:-.022em}
 body.flow-refinement #unit-plans#unit-plans #plans .pr-strip{font-size:12px;letter-spacing:.06em}

 /* The promise: a little badge, centred, in the air. */
 body.flow-refinement #promise#promise#promise#promise{padding:var(--ax-space) 0 0}
 body.flow-refinement #promise#promise#promise#promise .pr-card{display:flex;flex-direction:column;align-items:center;width:var(--ax-w);margin:0 auto;padding:0;border-radius:0;background:none;text-align:center}
 body.flow-refinement #promise#promise#promise#promise .pr-badge{width:clamp(84px,6.67vw,96px);height:clamp(84px,6.67vw,96px);margin:0 0 clamp(18px,1.94vw,28px)}
 body.flow-refinement #promise#promise#promise#promise .pr-copy{display:block;text-align:center}
 body.flow-refinement #promise#promise#promise#promise .pr-kicker{margin:0 0 clamp(8px,.85vw,12px);color:var(--oh-muted);font-size:17px;line-height:1.3;font-weight:600;letter-spacing:-.022em;text-transform:none}
 body.flow-refinement #promise#promise#promise#promise #promise-title{font-size:var(--ax-48);line-height:1.08;font-weight:600;letter-spacing:-.003em}
 body.flow-refinement #promise#promise#promise#promise .pr-body{margin:clamp(14px,1.5vw,22px) 0 0;color:var(--oh-muted);font-size:var(--ax-21);line-height:1.38;letter-spacing:.011em}
 body.flow-refinement #promise#promise#promise#promise .pr-policy{display:inline-flex;margin:clamp(10px,1.1vw,16px) 0 0;font-size:var(--ax-21);font-weight:400;letter-spacing:.011em}

 /* Questions: headline left, answers right. */
 body.flow-refinement #unit-faq#unit-faq #faq{padding:var(--ax-space) 0}
 body.flow-refinement #unit-faq#unit-faq #faq .fq-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(32px,4.4vw,64px);width:var(--ax-w);margin:0 auto}
 body.flow-refinement #unit-faq#unit-faq #faq .fq-intro{top:84px}
 body.flow-refinement #unit-faq#unit-faq #faq #faq-title{font-size:var(--ax-64);line-height:1.06;letter-spacing:-.009em;font-weight:600}
 body.flow-refinement #unit-faq#unit-faq #faq .fq-questions{padding:0}
 body.flow-refinement #unit-faq#unit-faq #faq .fq-item>summary,body.flow-refinement #unit-faq#unit-faq #faq .fq-more-toggle{min-height:clamp(64px,5.6vw,80px);font-size:var(--ax-24);line-height:1.2;font-weight:600;letter-spacing:.009em}
 body.flow-refinement #unit-faq#unit-faq #faq .fq-answer,body.flow-refinement #unit-faq#unit-faq #faq .fq-answer p{color:var(--oh-muted);font-size:var(--ax-21);line-height:1.38;letter-spacing:.011em}
 body.flow-refinement #unit-faq#unit-faq #faq .fq-help{font-size:17px;letter-spacing:-.022em}

 /* The close: the canopy, one last centred moment. */
 #selected-ending#selected-ending#selected-ending#selected-ending #close{min-height:min(100vh,62.5vw)}
 #selected-ending#selected-ending#selected-ending#selected-ending #close .close-inner{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:var(--ax-w);margin-inline:auto;padding-inline:0;padding-bottom:clamp(72px,8.3vw,120px);text-align:center}
 #selected-ending#selected-ending#selected-ending#selected-ending #close-title{font-size:var(--ax-80);line-height:1.05;letter-spacing:-.015em;font-weight:600;text-align:center}
 #selected-ending#selected-ending#selected-ending#selected-ending #close .close-inner>p{max-width:32em;margin:clamp(12px,1.25vw,18px) auto 0;font-size:var(--ax-24);line-height:1.3;font-weight:600;letter-spacing:.009em;text-align:center}
 #selected-ending#selected-ending#selected-ending#selected-ending #close .close-actions{justify-content:center;margin-top:clamp(22px,2.5vw,36px)}
 #selected-ending#selected-ending#selected-ending#selected-ending #close .close-toggle{top:68px;right:calc((100% - var(--ax-w)) / 2)}

 /* The footer. */
 #selected-ending#selected-ending#selected-ending#selected-ending #site-footer .b-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(32px,4.4vw,64px);width:var(--ax-w);margin:0 auto;padding-inline:0}
 #selected-ending#selected-ending#selected-ending#selected-ending #site-footer .b-rows{padding:0}
 #selected-ending#selected-ending#selected-ending#selected-ending #site-footer .b-title{font-size:var(--ax-64);line-height:1.06;letter-spacing:-.009em;font-weight:600}
 #selected-ending#selected-ending#selected-ending#selected-ending #site-footer .pill-light,#selected-ending#selected-ending#selected-ending#selected-ending #site-footer .pill-line{height:48px;min-height:48px;padding:0 24px;border-radius:980px;font-size:17px;font-weight:400;letter-spacing:-.022em;text-transform:none}
 #selected-ending#selected-ending#selected-ending#selected-ending #site-footer .b-row strong{font-size:var(--ax-21);font-weight:600;letter-spacing:.011em}
 #selected-ending#selected-ending#selected-ending#selected-ending #site-footer .b-row span span{font-size:14px;letter-spacing:-.016em}
 #selected-ending#selected-ending#selected-ending#selected-ending #site-footer .b-email{font-size:17px;letter-spacing:-.022em}
 #selected-ending#selected-ending#selected-ending#selected-ending #site-footer .b-base,#selected-ending#selected-ending#selected-ending#selected-ending #site-footer .ft-link,#selected-ending#selected-ending#selected-ending#selected-ending #site-footer .b-legal,#selected-ending#selected-ending#selected-ending#selected-ending #site-footer .b-copyright{font-size:12px;letter-spacing:-.01em}

 /* Motion: the tiles settle in, movement only, so nothing can ever be hidden. The older fade on the hero words comes off. */
 body.flow-refinement #unit-hero#unit-hero #top .cf-hero-copy,body.flow-refinement #unit-hero#unit-hero #top .cf-hero-base,body.flow-refinement #unit-hero#unit-hero #top .pm-film-toggle{animation:none}
 @supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
   body.flow-refinement #unit-nutrition#unit-nutrition #why .nm-boxwrap,body.flow-refinement #unit-nutrition#unit-nutrition .meal-polish-grid,body.flow-refinement #unit-fresh#unit-fresh #freshness .picture{animation:dk-rise linear both;animation-timeline:view();animation-range:entry 0% entry 26%}
  }
 }
}