/* Claude's desktop, details pass, November 1, 2026. Computer widths only: the page links this file with media="(min-width:1000px)", and every rule also sits inside the same query. Phone and tablet never see it.
   Owner on the composed version: "still doesn't feel that polished right". So: one type scale, one tile padding, everything on two axes (6/6 and 4/8), no words over busy photo, one kind of "+". */
@media (min-width:1000px){
 :root{
  --dk-gut:max(5.56vw,calc((100vw - 1480px) / 2));
  --dk-gap:clamp(12px,1.12vw,20px);
  --dk-pad:clamp(26px,2.78vw,48px);
  --dk-moment:clamp(58px,6.4vw,108px);
  --dk-head:clamp(46px,5.07vw,84px);
  --dk-tile:clamp(32px,3.4vw,58px);
  --dk-sub:clamp(22px,1.95vw,34px);
  --dk-lead:clamp(18px,1.46vw,24px);
  --dk-body:clamp(15px,1.18vw,19px);
  --dk-space:clamp(72px,7.2vw,128px);
  --dk-band-pad:clamp(26px,2.64vw,46px);
  --dk-band-logo:clamp(32px,3vw,50px);
  --dk-band:calc(2 * var(--dk-band-pad) + var(--dk-band-logo));
  --dk-track:-.06em;
  --dk-track-m:-.04em;
  --dk-track-s:-.028em;
 }
 body.flow-refinement{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

 /* One "+" everywhere: thin, plain, no chip behind it. */
 body.flow-refinement #unit-nutrition#unit-nutrition .nx-plus,body.flow-refinement #unit-nutrition#unit-nutrition .cp-plus,body.flow-refinement #unit-farm#unit-farm .cp-plus{background:none;box-shadow:none;border:0}

 /* Header: clear over the film, white with the lime button after it, all the way down the page. */
 body.flow-refinement #unit-hero#unit-hero #nav{position:fixed;top:0;left:0;right:0;z-index:60;padding-inline:var(--dk-gut)}
 body.flow-refinement #unit-hero#unit-hero #nav[data-top="false"]{background:rgb(255 255 255 / .985);border-bottom-color:rgb(20 68 68 / .08)}
 body.flow-refinement #unit-hero#unit-hero #nav[data-top="false"] .cf-nav-order{background:var(--oh-lime);color:var(--oh-deep);box-shadow:none}

 /* Hero: the whole film. A neutral shade, not a green one, so the food keeps its colour. */
 body.flow-refinement #unit-hero#unit-hero #top{display:grid;grid-template-rows:minmax(0,1fr) auto;height:min(calc(100vh - var(--dk-band)),62.5vw);min-height:620px;max-height:none;margin-top:0;background:#071515}
 body.flow-refinement #unit-hero#unit-hero #top .cf-hero-media{position:absolute;inset:0;width:100%;height:100%;max-height:none}
 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(0deg,rgb(7 21 21 / .74) 0,rgb(7 21 21 / .5) 20%,rgb(7 21 21 / .14) 44%,transparent 58%),linear-gradient(180deg,rgb(7 21 21 / .46) 0,rgb(7 21 21 / .2) 9%,transparent 18%)}
 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;width:100%;max-width:none;margin:0;padding:0 var(--dk-gut) clamp(20px,2.8vh,32px)}
 body.flow-refinement #unit-hero#unit-hero #top .cf-community{margin-bottom:clamp(4px,.8vh,10px);color:#fff}
 body.flow-refinement #unit-hero#unit-hero #top #hero-title{max-width:none;font-size:min(var(--dk-moment),12vh);line-height:.98;letter-spacing:var(--dk-track);font-weight:600}
 body.flow-refinement #unit-hero#unit-hero #top #hero-title .cr-line{display:block}
 body.flow-refinement #unit-hero#unit-hero #top .cf-hero-lede{max-width:none;margin-top:clamp(10px,1.8vh,18px);font-size:var(--dk-lead);line-height:1.35;letter-spacing:-.01em}
 body.flow-refinement #unit-hero#unit-hero #top .cf-hero-actions{display:flex;align-items:center;gap:clamp(16px,1.5vw,24px);width:auto;margin-top:clamp(14px,2.2vh,24px)}
 body.flow-refinement #unit-hero#unit-hero #top .dk-hero-price{margin:0;color:#fff;font-size:var(--dk-body);line-height:1.2;font-weight:500;letter-spacing:-.008em;white-space:nowrap}
 body.flow-refinement #unit-hero#unit-hero #top .cf-hero-base{position:relative;z-index:3;grid-row:2;width:100%;max-width:none;margin:0;padding:0 var(--dk-gut);background:none}
 body.flow-refinement #unit-hero#unit-hero #top .cf-hero-facts{width:100%;max-width:none;margin:0;min-height:60px;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--dk-gap);border-top:1px solid rgb(255 255 255 / .2)}
 body.flow-refinement #unit-hero#unit-hero #top .cf-hero-facts li{min-height:60px;padding-inline:0;justify-content:flex-start;font-size:14px;border:0;color:rgb(255 255 255 / .86)}
 body.flow-refinement #unit-hero#unit-hero #top .pm-film-toggle{right:var(--dk-gut);bottom:80px;top:auto}

 /* Nutrition is one sheet on the soft ground, in the phone's reading order, on a 6/6 axis. */
 body.flow-refinement #unit-nutrition#unit-nutrition #why{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--dk-gap);width:100%;max-width:none;margin:0;padding:var(--dk-space) var(--dk-gut);background:var(--oh-mist)}
 body.flow-refinement #unit-nutrition#unit-nutrition #why .nm-cq,body.flow-refinement #unit-nutrition#unit-nutrition #why .nm,body.flow-refinement #unit-nutrition#unit-nutrition #nutrition-opening,body.flow-refinement #unit-nutrition#unit-nutrition #nutrition-product,body.flow-refinement #unit-nutrition#unit-nutrition .gp-page{display:contents}

 /* The gap. The right-hand words start on the same line as the tile text below them. */
 body.flow-refinement #unit-nutrition#unit-nutrition #why .nm-gap{grid-column:1/-1;grid-row:1;display:grid;grid-template-columns:subgrid;grid-template-rows:1fr auto;align-items:end;width:auto;max-width:none;margin:0;padding:0 0 clamp(28px,3.2vw,56px);border:0;text-align:left}
 body.flow-refinement #unit-nutrition#unit-nutrition #why #nutrition-title{grid-column:1/7;grid-row:1/3;margin:0;text-align:left}
 body.flow-refinement #unit-nutrition#unit-nutrition #why .nm-big{font-size:clamp(100px,10.56vw,180px);line-height:.92;letter-spacing:-.07em;text-align:left;transform:none;margin-left:-.04em}
 body.flow-refinement #unit-nutrition#unit-nutrition #why .nm-statline{max-width:none;margin-top:clamp(8px,.9vw,14px);font-size:var(--dk-sub);line-height:1.15;letter-spacing:var(--dk-track-s);font-weight:600;text-align:left}
 body.flow-refinement #unit-nutrition#unit-nutrition #why .nm-line{grid-column:7/-1;grid-row:1;align-self:end;max-width:none;margin:0;padding-left:var(--dk-pad);font-size:var(--dk-lead);line-height:1.35;letter-spacing:-.012em;text-align:left;color:var(--oh-muted)}
 body.flow-refinement #unit-nutrition#unit-nutrition #why .nm-line strong{color:var(--oh-ink);font-weight:500}
 body.flow-refinement #unit-nutrition#unit-nutrition #why .nm-turn{grid-column:7/-1;grid-row:2;align-self:end;max-width:none;margin:2px 0 0;padding:0 0 .22em var(--dk-pad);font-size:var(--dk-lead);line-height:1.35;letter-spacing:-.012em;font-weight:500;text-align:left}
 body.flow-refinement #unit-nutrition#unit-nutrition #why .nm-turn>span{font-weight:inherit}

 /* 40× and the box: the page's one big moment. The box breaks out of its tile. */
 body.flow-refinement #unit-nutrition#unit-nutrition #nutrition-product::before{content:"";grid-column:1/-1;grid-row:2;background:#fff;border-radius:var(--oh-corner)}
 body.flow-refinement #unit-nutrition#unit-nutrition #why .nm-claim{position:relative;z-index:1;grid-column:1/7;grid-row:2;align-self:center;justify-self:start;align-items:flex-start;width:auto;margin:0;padding:var(--dk-pad);text-align:left}
 body.flow-refinement #unit-nutrition#unit-nutrition #why .nm-up{font-size:var(--dk-sub);line-height:1.15;letter-spacing:var(--dk-track-s);font-weight:500;margin-left:.04em}
 body.flow-refinement #unit-nutrition#unit-nutrition #why .nm-num{font-size:clamp(160px,19.45vw,320px);line-height:.92;margin:0;padding:0;transform:translateX(-.035em)}
 body.flow-refinement #unit-nutrition#unit-nutrition #why .nm-more{font-size:var(--dk-tile);line-height:1.08;letter-spacing:var(--dk-track-m);font-weight:600;margin:2px 0 0 .03em}
 body.flow-refinement #unit-nutrition#unit-nutrition #why .nm-boxwrap{position:relative;z-index:1;grid-column:7/-1;grid-row:2;align-self:center;justify-self:center;width:88%;max-width:none;margin:calc(-1 * clamp(18px,2.2vw,36px)) 0 clamp(18px,2.2vw,36px)}
 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 sharp at the top, melting out of focus where the words sit. The blur is baked into the file so every browser shows the same thing. */
 body.flow-refinement #unit-nutrition#unit-nutrition #nutrition-discovery{position:relative;grid-column:1/7;grid-row:3;order:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;width:auto;max-width:none;min-height:clamp(400px,35.5vw,600px);margin:0;padding:var(--dk-pad);overflow:hidden;border-radius:var(--oh-corner);background:#071515;text-align:left;isolation:isolate}
 body.flow-refinement #unit-nutrition#unit-nutrition #nutrition-discovery::before{content:"";position:absolute;inset:0;z-index:-2;background:url("assets/desktop/macro-melt.jpg") 50% 100%/cover no-repeat}
 body.flow-refinement #unit-nutrition#unit-nutrition #nutrition-discovery .cd-intro{margin:0;text-align:left}
 body.flow-refinement #unit-nutrition#unit-nutrition #nutrition-discovery .cd-rainbow-title{margin:0;font-size:var(--dk-tile);line-height:1.06;letter-spacing:var(--dk-track-m);font-weight:600;text-align:left;color:#fff}
 body.flow-refinement #unit-nutrition#unit-nutrition #nutrition-discovery .cd-rainbow-title>span{display:block;color:#fff}
 body.flow-refinement #unit-nutrition#unit-nutrition #nutrition-discovery .cd-rainbow-line{max-width:none;margin:clamp(8px,.8vw,12px) 0 0;font-size:var(--dk-body);line-height:1.4;letter-spacing:-.01em;text-align:left;color:rgb(255 255 255 / .82)}
 body.flow-refinement #unit-nutrition#unit-nutrition #nutrition-discovery .nd-controls{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;width:auto;margin:clamp(14px,1.6vw,24px) 0 0}
 body.flow-refinement #unit-nutrition#unit-nutrition #nutrition-discovery .nd-open{min-height:44px;padding:0 10px 0 18px;font-size:14px;font-weight:500;color:#fff;background:rgb(255 255 255 / .14);border:0;box-shadow:inset 0 0 0 1px rgb(255 255 255 / .28);transition:background-color .2s}
 body.flow-refinement #unit-nutrition#unit-nutrition #nutrition-discovery .nd-open:hover{background:rgb(255 255 255 / .24)}
 body.flow-refinement #unit-nutrition#unit-nutrition #nutrition-discovery .nd-open span{color:#fff}
 body.flow-refinement #unit-nutrition#unit-nutrition #nutrition-discovery .nd-open .nx-plus{color:#fff;background:none;box-shadow:none}
 body.flow-refinement #unit-nutrition#unit-nutrition #nutrition-discovery .nd-open .nx-plus::before,body.flow-refinement #unit-nutrition#unit-nutrition #nutrition-discovery .nd-open .nx-plus::after{background:#fff}
 /* While the explanation is open beside it, the photo holds its size and stays in view. */
 body.flow-refinement #unit-nutrition#unit-nutrition #why:has(#nutrition-explained[open]) #nutrition-discovery{align-self:start;position:sticky;top:96px;height:clamp(400px,35.5vw,600px)}

 /* Benefits: a quiet spec table. The word on the left, its reason on the right, one fine line between. */
 body.flow-refinement #unit-nutrition#unit-nutrition #benefits{grid-column:7/-1;grid-row:3;order:0;display:flex;flex-direction:column;width:auto;max-width:none;margin:0;padding:var(--dk-pad) var(--dk-pad) calc(var(--dk-pad) - 14px);border-radius:var(--oh-corner);background:#fff;text-align:left}
 body.flow-refinement #unit-nutrition#unit-nutrition #benefits .nb-title{max-width:none;margin:0;padding-bottom:clamp(16px,1.8vw,28px);font-size:var(--dk-sub);line-height:1.15;letter-spacing:var(--dk-track-s);font-weight:500;text-align:left;color:var(--oh-ink)}
 body.flow-refinement #unit-nutrition#unit-nutrition #benefits .nb-title br{display:none}
 body.flow-refinement #unit-nutrition#unit-nutrition #benefits .cp-benefit-list{flex:1;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(3,minmax(0,1fr));gap:0;width:100%;max-width:none;margin:0;text-align:left}
 body.flow-refinement #unit-nutrition#unit-nutrition #benefits .cp-benefit-list article{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);column-gap:16px;align-items:center;padding:clamp(10px,1vw,16px) 0;border:0;border-top:1px solid var(--oh-line)}
 body.flow-refinement #unit-nutrition#unit-nutrition #benefits .cp-benefit-list h4{margin:0;font-size:clamp(26px,2.64vw,44px);line-height:1.1;font-weight:600;letter-spacing:var(--dk-track-m);white-space:nowrap}
 body.flow-refinement #unit-nutrition#unit-nutrition #benefits .cp-benefit-list p{max-width:none;margin:0;font-size:var(--dk-body);line-height:1.35;letter-spacing:-.01em;text-align:left;color:var(--oh-muted)}
 body.flow-refinement #unit-nutrition#unit-nutrition #benefits .cp-depth{width:100%;max-width:none;margin:0;border:0;border-top:1px solid var(--oh-line)}
 body.flow-refinement #unit-nutrition#unit-nutrition #benefits .cp-depth>summary{justify-content:space-between;width:100%;min-height:52px;padding:0;font-size:14px;font-weight:500}
 body.flow-refinement #unit-nutrition#unit-nutrition #benefits .cp-depth-body{margin:0;padding:8px 0 14px;max-width:none;background:none;border:0;border-radius:0}
 body.flow-refinement #unit-nutrition#unit-nutrition #benefits .cp-chapters{grid-template-columns:minmax(0,1fr)}

 /* One handful: the arm comes in from the tile's edge, the words sit in the picture's white space. */
 body.flow-refinement #unit-nutrition#unit-nutrition #portion-comparison#portion-comparison{position:relative;grid-column:1/-1;grid-row:4;order:0;width:auto;max-width:none;margin:0;padding:0 0 clamp(24px,2.5vw,40px);overflow:hidden;border-radius:var(--oh-corner);background:#fff}
 body.flow-refinement #unit-nutrition#unit-nutrition #portion-comparison#portion-comparison .nm-h{position:absolute;z-index:1;left:var(--dk-pad);top:var(--dk-pad);margin:0;padding:0;font-size:var(--dk-tile);line-height:1.06;letter-spacing:var(--dk-track-m);font-weight:600;text-align:left}
 body.flow-refinement #unit-nutrition#unit-nutrition #portion-comparison#portion-comparison .hd-comparison{display:block;width:100%;max-width:none;height:auto;margin:clamp(16px,1.8vw,30px) 0 0;content:url("assets/desktop/side-2560.webp")}
 body.flow-refinement #unit-nutrition#unit-nutrition #portion-comparison#portion-comparison .nm-vs{display:grid;grid-template-columns:17% 28% 10% 35% 10%;gap:0;width:100%;max-width:none;margin:clamp(-12px,-.8vw,-6px) 0 0;padding:0;align-items:baseline}
 body.flow-refinement #unit-nutrition#unit-nutrition #portion-comparison#portion-comparison .nm-vs>p:first-child{grid-column:2}
 body.flow-refinement #unit-nutrition#unit-nutrition #portion-comparison#portion-comparison .nm-vs-word{grid-column:3;font-size:var(--dk-body);text-align:center}
 body.flow-refinement #unit-nutrition#unit-nutrition #portion-comparison#portion-comparison .nm-vs>p:last-child{grid-column:4}
 body.flow-refinement #unit-nutrition#unit-nutrition #portion-comparison#portion-comparison .nm-vs p{margin:0;text-align:center}
 body.flow-refinement #unit-nutrition#unit-nutrition #portion-comparison#portion-comparison .nm-vs strong{font-size:var(--dk-moment);line-height:1;font-weight:600;letter-spacing:-.06em;white-space:nowrap}
 body.flow-refinement #unit-nutrition#unit-nutrition #portion-comparison#portion-comparison .nm-vs small{margin-top:clamp(4px,.5vw,8px);font-size:14px;line-height:1.3}

 /* Ease on the 4/8 axis, the food running off the right edge of the window. */
 body.flow-refinement #unit-nutrition#unit-nutrition #daily-handful{grid-column:7/-1;grid-row:5;order:0;align-self:end;width:auto;max-width:none;margin:clamp(48px,5.6vw,96px) 0 0;padding:0 0 .2em var(--dk-pad);border:0;text-align:left}
 body.flow-refinement #unit-nutrition#unit-nutrition #daily-handful .nm-close{display:block;margin:0;padding:0;font-size:var(--dk-lead);line-height:1.35;letter-spacing:-.012em;font-weight:500;text-align:left}
 body.flow-refinement #unit-nutrition#unit-nutrition #daily-handful .nm-close span{font-size:inherit;line-height:inherit;font-weight:inherit}
 body.flow-refinement #unit-nutrition#unit-nutrition #daily-handful .nm-close>.nm-gray,body.flow-refinement #unit-nutrition#unit-nutrition #daily-handful .nm-close>.nm-gray>span,body.flow-refinement #unit-nutrition#unit-nutrition #daily-handful .nm-close>span:last-child{display:block;width:auto}
 body.flow-refinement #unit-nutrition#unit-nutrition #daily-handful .fc-taste{width:100%;max-width:none;margin:4px 0 0;padding:0;font-size:var(--dk-lead);line-height:1.35;letter-spacing:-.012em;text-align:left}
 body.flow-refinement #unit-nutrition#unit-nutrition #taste#taste#taste#taste{grid-column:1/-1;grid-row:8;order:0;justify-self:stretch;width:auto;max-width:none;min-width:0;margin:clamp(8px,1vw,16px) calc(-1 * var(--dk-gut)) 0 0;padding:0;background:none}
 body.flow-refinement:not(.dk-recipes-open) #unit-nutrition#unit-nutrition #taste#taste#taste#taste{display:none}
 body.flow-refinement #unit-nutrition#unit-nutrition #taste#taste#taste#taste .cx-food,body.flow-refinement #unit-nutrition#unit-nutrition #taste#taste#taste#taste .recipe-gallery{width:100%;max-width:none;margin:0;min-width:0}
 body.flow-refinement #unit-nutrition#unit-nutrition #taste#taste#taste#taste .recipe-toolbar{width:auto;max-width:none;margin:0 var(--dk-gut) 0 0}
 body.flow-refinement #unit-nutrition#unit-nutrition #taste#taste#taste#taste .gallery-controls button{width:40px;height:40px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px rgb(20 68 68 / .1);transition:box-shadow .2s}
 body.flow-refinement #unit-nutrition#unit-nutrition #taste#taste#taste#taste .gallery-controls button:hover:not(:disabled){box-shadow:inset 0 0 0 1px rgb(20 68 68 / .4)}
 body.flow-refinement #unit-nutrition#unit-nutrition #taste#taste#taste#taste .gallery{grid-auto-columns:clamp(170px,16.4vw,270px);column-gap:var(--dk-gap);padding-inline:0 var(--dk-gut);scroll-padding-inline:0}
 body.flow-refinement #unit-nutrition#unit-nutrition #taste#taste#taste#taste .gallery>li{width:auto}
 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(220px,20.8vw,350px);width:100%;border-radius:var(--oh-corner)}
 body.flow-refinement #unit-nutrition#unit-nutrition #taste#taste#taste#taste .gallery-caption{padding:14px 16px;height:auto;align-items:flex-end;letter-spacing:-.01em}

 /* The depth rows: one fine line and three quiet doors. No more boxes. */
 body.flow-refinement #unit-nutrition#unit-nutrition .gp-notes{grid-column:1/-1;grid-row:9;order:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(24px,3vw,48px);width:auto;max-width:none;margin:clamp(20px,2.2vw,36px) 0 0;padding:0;align-items:start;border-top:1px solid rgb(20 68 68 / .12)}
 body.flow-refinement #unit-nutrition#unit-nutrition .gp-notes .explore{display:contents}
 body.flow-refinement #unit-nutrition#unit-nutrition .gp-notes details{min-width:0;margin:0;padding:0;border:0;background:none}
 body.flow-refinement #unit-nutrition#unit-nutrition .gp-notes summary{min-height:60px;border:0;font-size:14px;font-weight:500}
 body.flow-refinement #unit-nutrition#unit-nutrition .gp-notes .row-title{font-size:14px;font-weight:500}
 body.flow-refinement #unit-nutrition#unit-nutrition .gp-notes .row-intro{display:none}
 body.flow-refinement #unit-nutrition#unit-nutrition .gp-notes details[open]{grid-column:1/-1;padding-bottom:clamp(14px,1.6vw,24px)}
 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}

 /* Freshness: one card cut in two, the numbers under their own photos, as the phone has them. */
 body.flow-refinement #unit-fresh#unit-fresh #freshness{--g:var(--dk-gut);--gut:64px;--head:var(--dk-head);--fig:clamp(100px,10.56vw,180px);--photo-h:clamp(300px,29vw,500px);--cap:var(--dk-body);--label:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:var(--dk-space) 0}
 body.flow-refinement #unit-fresh#unit-fresh #freshness>*{grid-column:1/-1}
 body.flow-refinement #unit-fresh#unit-fresh #freshness .fx-title{width:auto;max-width:none;margin:0;padding:0 var(--dk-gut);font-size:var(--dk-head);line-height:1;letter-spacing:var(--dk-track);font-weight:600}
 body.flow-refinement #unit-fresh#unit-fresh #freshness .fx-title .h-shelf,body.flow-refinement #unit-fresh#unit-fresh #freshness .fx-title .h-harvest{font-size:inherit;line-height:inherit;letter-spacing:inherit}
 body.flow-refinement #unit-fresh#unit-fresh #freshness .picture{margin-top:clamp(26px,2.5vw,44px)}
 body.flow-refinement #unit-fresh#unit-fresh #freshness .score{padding-top:clamp(20px,2vw,32px)}
 body.flow-refinement #unit-fresh#unit-fresh #freshness .score-name{font-size:var(--dk-body);line-height:1.3;font-weight:500}
 body.flow-refinement #unit-fresh#unit-fresh #freshness .score-cap{font-size:14px;line-height:1.35;margin-top:6px}
 body.flow-refinement #unit-fresh#unit-fresh #freshness .tape{padding-top:clamp(10px,1.2vw,20px)}
 body.flow-refinement #unit-fresh#unit-fresh #freshness .tape-row .fig{font-size:var(--dk-sub);line-height:1.15;letter-spacing:var(--dk-track-s);font-weight:500}
 body.flow-refinement #unit-fresh#unit-fresh #freshness .tape-row .cap{max-width:none;width:auto;font-size:14px;line-height:1.35;white-space:nowrap}
 body.flow-refinement #unit-fresh#unit-fresh #freshness .tape-row .fig small{font-size:.6em}
 body.flow-refinement #unit-fresh#unit-fresh #freshness .closers{grid-column:1;align-self:center;width:auto;max-width:none;margin:clamp(24px,2.5vw,40px) 0 0 var(--dk-gut)}
 body.flow-refinement #unit-fresh#unit-fresh #freshness .close-waste{font-size:14px;line-height:1.4;font-weight:400}
 body.flow-refinement #unit-fresh#unit-fresh #freshness .details-pill{grid-column:2;align-self:center;justify-self:start;margin:clamp(24px,2.5vw,40px) 0 0 56px;font-size:14px}

 /* Farm: film on the 8/4 axis, the letter ending on the film's bottom edge. */
 body.flow-refinement #unit-farm#unit-farm #farm{padding:var(--dk-space) 0}
 body.flow-refinement #unit-farm#unit-farm #farm .wrap{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--dk-gap);align-items:end;width:100%;max-width:none;margin:0;padding:0 var(--dk-gut)}
 body.flow-refinement #unit-farm#unit-farm #farm .farm-title{grid-column:1/-1;max-width:none;margin:0 0 clamp(26px,2.5vw,44px);font-size:var(--dk-head);line-height:1;letter-spacing:var(--dk-track);font-weight:600}
 body.flow-refinement #unit-farm#unit-farm #farm .film{grid-column:1/9;width:100%;max-width:none;height:auto;aspect-ratio:16/10;margin:0;border-radius:var(--oh-corner)}
 body.flow-refinement #unit-farm#unit-farm #farm .opening-still img{content:url("assets/desktop/farm-grow.jpg")}
 body.flow-refinement #unit-farm#unit-farm #farm .film-shade{height:42%}
 body.flow-refinement #unit-farm#unit-farm #farm .chapters{padding:0 clamp(20px,2vw,32px) clamp(14px,1.5vw,24px);column-gap:clamp(18px,2vw,32px)}
 body.flow-refinement #unit-farm#unit-farm #farm .chapters button{width:100%}
 body.flow-refinement #unit-farm#unit-farm #farm .chapters strong{font-size:clamp(20px,1.67vw,28px);line-height:1.2;letter-spacing:var(--dk-track-s);font-weight:500}
 body.flow-refinement #unit-farm#unit-farm #farm .chapters .detail{font-size:14px;line-height:1.3;max-width:none}
 body.flow-refinement #unit-farm#unit-farm #farm .film-toggle{top:clamp(14px,1.4vw,20px);right:clamp(14px,1.4vw,20px)}
 body.flow-refinement #unit-farm#unit-farm #farm #founder-letter{grid-column:9/-1;width:auto;max-width:none;margin:0;padding:0 0 0 var(--dk-pad)}
 body.flow-refinement #unit-farm#unit-farm #farm .letter-intro{margin:0}
 body.flow-refinement #unit-farm#unit-farm #farm #letter-title{max-width:none;margin:0;font-size:var(--dk-sub);line-height:1.18;letter-spacing:var(--dk-track-s);font-weight:500}
 body.flow-refinement #unit-farm#unit-farm #farm .letter-body{margin:clamp(10px,1.1vw,18px) 0 0;padding:0}
 body.flow-refinement #unit-farm#unit-farm #farm .letter-body p{font-size:var(--dk-body);line-height:1.45;letter-spacing:-.008em}
 body.flow-refinement #unit-farm#unit-farm #farm .cp-letter-more summary{font-size:14px;font-weight:500;min-height:48px}
 body.flow-refinement #unit-farm#unit-farm #farm .letter-signoff{margin-top:clamp(10px,1.2vw,18px)}

 /* Members on the 4/8 axis: the label level with the filters, the button level with the wall's foot. */
 body.flow-refinement #unit-members#unit-members #members{padding:var(--dk-space) 0}
 body.flow-refinement #unit-members#unit-members #members .ma2-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--dk-gap);align-items:stretch;width:100%;max-width:none;margin:0;padding:0 var(--dk-gut)}
 body.flow-refinement #unit-members#unit-members #members .ma2-text{grid-column:1/5;display:flex;flex-direction:column;width:auto;max-width:none;margin:0;padding-right:clamp(0px,1vw,16px)}
 body.flow-refinement #unit-members#unit-members #members .ma-top{margin:0 0 auto;padding-bottom:24px}
 body.flow-refinement #unit-members#unit-members #members .ma-quote{height:auto;min-height:0;margin:0}
 body.flow-refinement #unit-members#unit-members #members .q-big{height:auto;min-height:0;font-size:clamp(42px,4.4vw,74px);line-height:1;letter-spacing:var(--dk-track);font-weight:600}
 body.flow-refinement #unit-members#unit-members #members .q-big .w{font-size:inherit;line-height:inherit;height:auto}
 body.flow-refinement #unit-members#unit-members #members .attrib{margin-top:clamp(14px,1.5vw,24px)}
 body.flow-refinement #unit-members#unit-members #members .more.desk-only{align-self:flex-start;margin-top:clamp(14px,1.5vw,24px)}
 body.flow-refinement #unit-members#unit-members #members .wall-area{grid-column:5/-1;width:auto;max-width:none;margin:0}
 body.flow-refinement #unit-members#unit-members #members .chips{width:min(460px,100%);max-width:100%;margin:0 0 clamp(12px,1.2vw,20px)}
 body.flow-refinement #unit-members#unit-members #members .wall{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,clamp(200px,19vw,320px));gap:var(--dk-gap);height:auto;max-height:none}
 body.flow-refinement #unit-members#unit-members #members .wall .tile{min-width:0;min-height:0;border-radius:var(--oh-corner)}
 body.flow-refinement #unit-members#unit-members #members .wall .t-video{grid-row:1/3}
 body.flow-refinement #unit-members#unit-members #members .wall .t-text q strong{font-size:inherit}

 /* Kitchens: one quiet line of proof. */
 body.flow-refinement #unit-partners#unit-partners #partners{padding:var(--dk-band-pad) 0;background:#fff}
 body.flow-refinement #unit-partners#unit-partners #partners .wrap{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--dk-gap);align-items:center;width:100%;max-width:none;margin:0;padding:0 var(--dk-gut)}
 body.flow-refinement #unit-partners#unit-partners #partners .label-sm{grid-column:1/5;margin:0;white-space:nowrap}
 body.flow-refinement #unit-partners#unit-partners #partners .venue-logos{grid-column:5/-1;display:flex;justify-content:space-between;align-items:center;width:100%;max-width:none;margin:0;gap:20px}
 body.flow-refinement #unit-partners#unit-partners #partners .venue-logos li{flex:0 1 auto;width:auto;height:var(--dk-band-logo)}
 body.flow-refinement #unit-partners#unit-partners #partners .venue-logos img{width:auto;height:100%;max-width:100%}

 /* The table on the same 4/8 axis. */
 body.flow-refinement .gp-comparison-wrap{padding:0}
 body.flow-refinement #unit-comparison#unit-comparison #comparison{padding:var(--dk-space) 0}
 body.flow-refinement #unit-comparison#unit-comparison #comparison .ec-wrap{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--dk-gap);row-gap:12px;align-items:start;width:100%;max-width:none;margin:0;padding:0 var(--dk-gut)}
 body.flow-refinement #unit-comparison#unit-comparison #comparison .ec-heading{grid-column:1/5;grid-row:1;margin:0;padding-right:16px;font-size:var(--dk-head);line-height:1;letter-spacing:var(--dk-track);font-weight:600}
 body.flow-refinement #unit-comparison#unit-comparison #comparison .ec-lead{grid-column:1/5;grid-row:2;max-width:none;margin:0;font-size:var(--dk-body)}
 body.flow-refinement #unit-comparison#unit-comparison #comparison .ec-actions{grid-column:1/5;grid-row:3;margin:2px 0 0;padding-right:48px}
 body.flow-refinement #unit-comparison#unit-comparison #comparison .ec-expand{font-size:14px}
 body.flow-refinement #unit-comparison#unit-comparison #comparison .ec-expand-label{font-size:14px;font-weight:500}
 body.flow-refinement #unit-comparison#unit-comparison #comparison .ec-table-wrap{grid-column:5/-1;grid-row:1/5;margin:0}
 body.flow-refinement #unit-comparison#unit-comparison #comparison .ec-note{grid-column:5/-1;grid-row:5;max-width:none;margin:6px 0 0}
 body.flow-refinement #unit-comparison#unit-comparison #comparison .ec-details{grid-column:1/-1;grid-row:6}
 body.flow-refinement #unit-comparison#unit-comparison #comparison .ec-price,body.flow-refinement #unit-comparison#unit-comparison #comparison .ec-price strong{font-size:var(--dk-sub);line-height:1;font-weight:500;letter-spacing:var(--dk-track-s)}

 /* Plans on the 6/6 axis: the note starts on the same line as the choices. The thumbnails sit inside the photo. */
 body.flow-refinement #unit-plans#unit-plans #plans{width:100%;max-width:none;margin:0;padding:var(--dk-space) var(--dk-gut) clamp(52px,5vw,88px)}
 body.flow-refinement #unit-plans#unit-plans #plans .product-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;column-gap:var(--dk-gap)}
 body.flow-refinement #unit-plans#unit-plans #plans #plans-title{font-size:var(--dk-head);line-height:1;letter-spacing:var(--dk-track);font-weight:600}
 body.flow-refinement #unit-plans#unit-plans #plans #plans-title br{display:block}
 body.flow-refinement #unit-plans#unit-plans #plans .head-note{max-width:none;padding:0 0 .55em var(--dk-pad);text-align:left}
 body.flow-refinement #unit-plans#unit-plans #plans .product-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--dk-gap);align-items:start;margin-top:clamp(26px,2.5vw,44px)}
 body.flow-refinement #unit-plans#unit-plans #plans .gallery-column{position:sticky;top:96px;min-width:0}
 body.flow-refinement #unit-plans#unit-plans #plans .gallery{position:relative;height:auto;min-height:0;max-height:none;margin:0}
 body.flow-refinement #unit-plans#unit-plans #plans #product-stage{height:clamp(390px,41vw,680px);min-height:0;border-radius:var(--oh-corner)}
 body.flow-refinement #unit-plans#unit-plans #plans #product-stage>img{width:100%;height:100%;max-height:none;object-fit:contain;padding:clamp(20px,2.8vw,48px) clamp(20px,2.8vw,48px) clamp(56px,6vw,96px)}
 body.flow-refinement #unit-plans#unit-plans #plans #product-stage>img[src*="plan-1"]{content:url("assets/desktop/plan-1-1440.webp")}
 body.flow-refinement #unit-plans#unit-plans #plans #product-stage>img[src*="plan-2"]{content:url("assets/desktop/plan-2-1440.webp")}
 body.flow-refinement #unit-plans#unit-plans #plans #product-stage>img[src*="plan-3"]{content:url("assets/desktop/plan-3-1440.webp")}
 body.flow-refinement #unit-plans#unit-plans #plans #product-caption{position:absolute;left:clamp(16px,1.7vw,28px);bottom:clamp(16px,1.7vw,28px);z-index:2;margin:0;text-align:left}
 body.flow-refinement #unit-plans#unit-plans #plans #view-tabs{position:relative;z-index:2;justify-content:flex-end;margin:calc(-72px - clamp(14px,1.4vw,22px)) clamp(14px,1.4vw,22px) clamp(14px,1.4vw,22px) auto;width:max-content}
 body.flow-refinement #unit-plans#unit-plans #plans .desktop-quote{margin-top:clamp(20px,2vw,32px)}
 body.flow-refinement #unit-plans#unit-plans #plans .configuration-column{min-width:0;width:100%;padding-left:var(--dk-pad)}
 body.flow-refinement #unit-plans#unit-plans #plans .config-title{font-size:var(--dk-sub);line-height:1.15;letter-spacing:var(--dk-track-s);font-weight:500}
 body.flow-refinement #unit-plans#unit-plans #plans .purchase .continue{width:100%}
 body.flow-refinement #unit-plans#unit-plans #plans .promise{margin-top:clamp(28px,3vw,48px)}

 /* Promise on the 6/6 axis, then answers on the same line. */
 body.flow-refinement #promise#promise#promise#promise{padding:var(--dk-space) var(--dk-gut) 0}
 body.flow-refinement #promise#promise#promise#promise .pr-card{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:clamp(24px,2.8vw,48px);align-items:center;width:100%;max-width:none;margin:0;padding:var(--dk-pad);border-radius:var(--oh-corner);background:#fff;text-align:left}
 body.flow-refinement #promise#promise#promise#promise .pr-badge{width:clamp(96px,9.2vw,160px);height:clamp(96px,9.2vw,160px);max-width:none;min-width:0;margin:0}
 body.flow-refinement #promise#promise#promise#promise .pr-seal{width:100%;height:100%}
 body.flow-refinement #promise#promise#promise#promise .pr-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);grid-template-rows:auto auto auto;column-gap:clamp(24px,3vw,52px);align-items:end;max-width:none;margin:0;padding:0;text-align:left}
 body.flow-refinement #promise#promise#promise#promise .pr-kicker{grid-column:1/-1;grid-row:1}
 body.flow-refinement #promise#promise#promise#promise #promise-title{grid-column:1;grid-row:2/4;align-self:end;font-size:var(--dk-tile);line-height:1.1;letter-spacing:var(--dk-track-m);font-weight:600}
 body.flow-refinement #promise#promise#promise#promise #promise-title br{display:block}
 body.flow-refinement #promise#promise#promise#promise .pr-body{grid-column:2;grid-row:2;margin:0;font-size:var(--dk-body);line-height:1.4;letter-spacing:-.008em}
 body.flow-refinement #promise#promise#promise#promise .pr-policy{grid-column:2;grid-row:3;justify-self:start;justify-content:flex-start}
 body.flow-refinement #unit-faq#unit-faq #faq{padding:var(--dk-space) var(--dk-gut)}
 body.flow-refinement #unit-faq#unit-faq #faq .fq-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--dk-gap);width:100%;max-width:none;margin:0}
 body.flow-refinement #unit-faq#unit-faq #faq .fq-intro{position:sticky;top:112px;align-self:start;width:auto}
 body.flow-refinement #unit-faq#unit-faq #faq #faq-title{font-size:var(--dk-head);line-height:1;letter-spacing:var(--dk-track);font-weight:600}
 body.flow-refinement #unit-faq#unit-faq #faq #faq-title br{display:block}
 body.flow-refinement #unit-faq#unit-faq #faq .fq-questions{width:auto;min-width:0;padding-left:var(--dk-pad)}

 /* The ending: the canopy, then the farmers, on the same 6/6 axis. */
 #selected-ending#selected-ending#selected-ending#selected-ending #close{min-height:min(100vh,62.5vw,860px)}
 #selected-ending#selected-ending#selected-ending#selected-ending #close .close-inner{width:100%;max-width:none;padding-inline:var(--dk-gut)}
 #selected-ending#selected-ending#selected-ending#selected-ending #close-title{font-size:min(var(--dk-moment),12vh);line-height:.98;letter-spacing:var(--dk-track);font-weight:600}
 #selected-ending#selected-ending#selected-ending#selected-ending #close .close-inner>p{max-width:none;font-size:var(--dk-lead);line-height:1.35;letter-spacing:-.01em}
 #selected-ending#selected-ending#selected-ending#selected-ending #site-footer .b-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;max-width:none;margin:0;padding-inline:var(--dk-gut);column-gap:var(--dk-gap)}
 #selected-ending#selected-ending#selected-ending#selected-ending #site-footer .b-rows{padding-left:var(--dk-pad)}
 #selected-ending#selected-ending#selected-ending#selected-ending #site-footer .b-base{grid-column:1/-1}
 #selected-ending#selected-ending#selected-ending#selected-ending #site-footer .b-title{font-size:var(--dk-head);line-height:1;letter-spacing:var(--dk-track);font-weight:600}

 /* Buttons answer the mouse. */
 body.flow-refinement a.cf-button,body.flow-refinement .continue,body.flow-refinement .fq-cta,body.flow-refinement .close-btn{transition:background-color .2s,transform .2s cubic-bezier(.2,.7,.2,1)}
 @media (hover:hover){
  body.flow-refinement a.cf-button:hover,body.flow-refinement #plans .continue:hover,body.flow-refinement .fq-cta:hover,body.flow-refinement .close-btn:hover{transform:translateY(-1px)}
 }

 /* Hero words leave quietly as you scroll, so they never slide under the clear header. Browsers without this just scroll normally. */
 @supports (animation-timeline:scroll()){
  @media (prefers-reduced-motion:no-preference){
   @keyframes dk-hero-out{to{opacity:0}}
   body.flow-refinement #unit-hero#unit-hero #top .cf-hero-copy{animation:dk-hero-out linear both;animation-timeline:scroll(root);animation-range:20vh 50vh}
   body.flow-refinement #unit-hero#unit-hero #top .cf-hero-base,body.flow-refinement #unit-hero#unit-hero #top .pm-film-toggle{animation:dk-hero-out linear both;animation-timeline:scroll(root);animation-range:52vh 78vh}
  }
 }

 /* Tiles settle in as they arrive: a short, soft rise, movement only, so nothing can ever be hidden. 40× keeps its own count as the one moment that pops. */
 @supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
   @keyframes dk-rise{from{transform:translateY(22px)}to{transform:none}}
   body.flow-refinement #unit-nutrition#unit-nutrition #nutrition-discovery,body.flow-refinement #unit-nutrition#unit-nutrition #benefits,body.flow-refinement #unit-nutrition#unit-nutrition #portion-comparison#portion-comparison,body.flow-refinement #unit-farm#unit-farm #farm .film,body.flow-refinement #unit-members#unit-members #members .wall,body.flow-refinement #unit-comparison#unit-comparison #comparison .ec-table-wrap,body.flow-refinement #promise#promise#promise#promise .pr-card{animation:dk-rise linear both;animation-timeline:view();animation-range:entry 0% entry 26%}
  }
 }

 /* Photos answer the mouse, quietly. */
 @media (hover:hover) and (prefers-reduced-motion:no-preference){
  body.flow-refinement #unit-nutrition#unit-nutrition #taste .gallery-photo img,body.flow-refinement #unit-nutrition#unit-nutrition #taste .gallery-photo video{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
  body.flow-refinement #unit-nutrition#unit-nutrition #taste .gallery-card:hover .gallery-photo img,body.flow-refinement #unit-nutrition#unit-nutrition #taste .gallery-card:hover .gallery-photo video{transform:scale(1.04)}
  body.flow-refinement #unit-members#unit-members #members .wall .tile.t-video img,body.flow-refinement #unit-members#unit-members #members .wall .tile.t-clip img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
  body.flow-refinement #unit-members#unit-members #members .wall .tile.t-video:hover img,body.flow-refinement #unit-members#unit-members #members .wall .tile.t-clip:hover img{transform:scale(1.03)}
 }

 /* Brought back from homepage-v4, computer only. The meal grid: a tall film, a wide photo, two narrow films. */
 body.flow-refinement #unit-nutrition#unit-nutrition .dk-meals-head{grid-column:1/7;grid-row:5;margin:clamp(48px,5.6vw,96px) 0 0}
 .dk-eyebrow{margin:0;font-size:12px;line-height:1.2;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--oh-ink)}
 body.flow-refinement #unit-nutrition#unit-nutrition .dk-meals-head h2{margin:clamp(14px,1.4vw,22px) 0 0;font-size:var(--dk-head);line-height:.97;letter-spacing:var(--dk-track);font-weight:600;color:var(--oh-ink)}
 body.flow-refinement #unit-nutrition#unit-nutrition .dk-meals{grid-column:1/-1;grid-row:6;display:grid;grid-template-columns:1.2fr .4fr .4fr;grid-template-rows:repeat(2,minmax(0,1fr));gap:var(--dk-gap);height:clamp(640px,61.8vw,1040px);margin:clamp(14px,1.6vw,26px) 0 0}
 .dk-meal{position:relative;min-width:0;margin:0;overflow:hidden;border-radius:var(--oh-corner);background:var(--oh-deep);isolation:isolate}
 .dk-meal-wide{grid-column:1;grid-row:1/3}
 .dk-meal-tall{grid-column:2/4;grid-row:1}
 .dk-meal-small{grid-row:2}
 .dk-meal.dk-meal-small::after{background:linear-gradient(180deg,transparent 20%,rgb(4 34 32 / .6) 50%,rgb(4 34 32 / .93))}
 .dk-meal>video,.dk-meal>img{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
 .dk-meal::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 42%,rgb(4 34 32 / .89));pointer-events:none}
 .dk-meal-copy{position:absolute;left:clamp(18px,2.2vw,36px);right:clamp(18px,2.2vw,36px);bottom:clamp(18px,2.1vw,34px)}
 body.flow-refinement #unit-nutrition#unit-nutrition .dk-meal-copy>span{display:block;color:var(--oh-lime);font-size:12px;font-weight:700;letter-spacing:.04em}
 body.flow-refinement #unit-nutrition#unit-nutrition .dk-meal-copy h3{margin:8px 0 0;color:#fff;font-size:clamp(26px,2.92vw,50px);line-height:1.02;font-weight:600;letter-spacing:var(--dk-track-m)}
 body.flow-refinement #unit-nutrition#unit-nutrition .dk-meal-copy p{max-width:26em;margin:clamp(9px,.85vw,12px) 0 0;color:rgb(255 255 255 / .76);font-size:clamp(13px,1.04vw,16px);line-height:1.4;letter-spacing:-.005em}
 @media (hover:hover) and (prefers-reduced-motion:no-preference){.dk-meal:hover>video,.dk-meal:hover>img{transform:scale(1.025)}}

 /* The 42 recipes are the deeper layer now: one pill under the meal grid, the same shape as the doors above it. */
 body.flow-refinement #unit-nutrition#unit-nutrition .dk-recipes-door{grid-column:1/-1;grid-row:7;justify-self:start;display:inline-flex;align-items:center;gap:14px;min-height:48px;margin:clamp(8px,.9vw,14px) 0 0;padding:0 14px 0 22px;border:0;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px rgb(20 68 68 / .12);color:var(--oh-ink);font-size:15px;font-weight:500;letter-spacing:-.008em;cursor:pointer;transition:box-shadow .2s}
 body.flow-refinement #unit-nutrition#unit-nutrition .dk-recipes-door:hover{box-shadow:inset 0 0 0 1px rgb(20 68 68 / .42)}
 .dk-recipes-door svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;transition:transform .25s cubic-bezier(.2,.7,.2,1)}
 .dk-recipes-open .dk-recipes-door svg{transform:rotate(45deg)}

 /* Brought back from homepage-v4, computer only. The film statement, before the members. */
 .dk-belief{position:relative;display:flex;align-items:center;min-height:min(100vh,55.6vw);overflow:hidden;background:#042220;color:#fff;isolation:isolate}
 .dk-belief>video{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
 .dk-belief::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgb(4 34 32 / .94) 0,rgb(4 34 32 / .65) 55%,rgb(4 34 32 / .14) 100%);pointer-events:none}
 .dk-belief-copy{width:100%;padding:clamp(56px,6vw,96px) var(--dk-gut)}
 .dk-belief .dk-eyebrow{color:rgb(255 255 255 / .72)}
 body.flow-refinement .dk-belief .dk-belief-line{max-width:calc(10.4em);margin:clamp(18px,1.9vw,28px) 0 0;color:#fff;font-size:clamp(48px,5.7vw,96px);line-height:.96;font-weight:500;letter-spacing:-.072em}
 .dk-belief-copy>p:last-child{max-width:32em;margin:clamp(20px,2.3vw,34px) 0 0;color:rgb(255 255 255 / .7);font-size:var(--dk-body);line-height:1.6;letter-spacing:-.005em}

 /* A quiet pause on every moving tile: a person can always stop the motion. */
 .dk-film-toggle{position:absolute;top:clamp(12px,1.2vw,18px);right:clamp(12px,1.2vw,18px);z-index:3;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:rgb(10 42 42 / .5);color:#fff;cursor:pointer;opacity:0;transition:opacity .2s,background-color .2s}
 .dk-belief .dk-film-toggle{top:auto;bottom:clamp(20px,2.2vw,32px);right:var(--dk-gut);width:44px;height:44px;opacity:1}
 .dk-meal:hover .dk-film-toggle,.dk-film-toggle:focus-visible{opacity:1}
 .dk-film-toggle:hover{background:rgb(10 42 42 / .8)}
 .dk-film-toggle svg{display:block;width:14px;height:14px;fill:currentColor}

 /* Header chat: Shaan's Oct 27 pick. The links hold the middle, the two controls sit together on the right. */
 body.flow-refinement #unit-hero#unit-hero #nav nav{position:absolute;left:50%;transform:translateX(-50%)}
 body.flow-refinement #unit-hero#unit-hero #nav .dk-nav-chat{display:grid;place-items:center;width:44px;height:44px;margin:0 6px 0 auto;padding:0;border:0;border-radius:50%;background:none;color:#fff;cursor:pointer;transition:background-color .2s}
 body.flow-refinement #unit-hero#unit-hero #nav .dk-nav-chat:hover{background:rgb(255 255 255 / .14)}
 body.flow-refinement #unit-hero#unit-hero #nav[data-top="false"] .dk-nav-chat{color:var(--oh-ink)}
 body.flow-refinement #unit-hero#unit-hero #nav[data-top="false"] .dk-nav-chat:hover{background:var(--oh-mist)}

 /* "A note from Shaan" comes off; the note shows in full under the opening line. */
 body.flow-refinement #unit-farm#unit-farm #farm .cp-letter-more>summary{display:none}
 body.flow-refinement #unit-farm#unit-farm #farm .cp-letter-more>p{margin:clamp(8px,.8vw,12px) 0 0}

 /* The four top questions were also listed under More questions. On a computer they show once. */
 body.flow-refinement #unit-faq#unit-faq #faq details:has(>#fq-library-q-expect),body.flow-refinement #unit-faq#unit-faq #faq details:has(>#fq-library-q-storage),body.flow-refinement #unit-faq#unit-faq #faq details:has(>#fq-library-q-area),body.flow-refinement #unit-faq#unit-faq #faq details:has(>#fq-library-q-schedule){display:none}

 /* Kitchens left Members and the table side by side on one ground, so the gap between them is one gap, not two. */
 body.flow-refinement #unit-comparison#unit-comparison #comparison{padding-top:0}
 html body.flow-refinement section.gp-comparison-wrap.gp-comparison-wrap{padding-block:0}

 /* The signed line in the benefits door comes off: Shaan didn't write it, and "I care" means nothing without a name. */
 body.flow-refinement #unit-nutrition#unit-nutrition #benefits .cp-context{display:none}
 body.flow-refinement #unit-nutrition#unit-nutrition #benefits .cp-chapters{margin-top:4px}
}