/* A photographic chapter for the nutrient roles, with every role visible. */
body.flow-refinement #unit-nutrition#unit-nutrition .nx-benefits.bf-benefits{
 width:100%;max-width:none;margin:32px auto 0;padding:0;background:var(--nm-mist);border-radius:0;
}
body.flow-refinement #unit-nutrition#unit-nutrition .bf-stage{
 position:relative;isolation:isolate;overflow:hidden;padding:30px 24px 10px;
 background:var(--nm-ink);color:#fff;
}
body.flow-refinement #unit-nutrition#unit-nutrition .bf-photo{
 position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%;
 object-fit:cover;object-position:55% 62%;
}
body.flow-refinement #unit-nutrition#unit-nutrition .bf-stage::before{
 content:"";position:absolute;inset:0;z-index:-1;
 background:linear-gradient(90deg,rgba(10,42,42,.96),rgba(10,42,42,.86) 43%,rgba(10,42,42,.3)),linear-gradient(0deg,#144444,rgba(20,68,68,0) 85%);
}
body.flow-refinement #unit-nutrition#unit-nutrition .bf-stage .nx-benefit-title{
 margin:0;max-width:12em;font-size:26px;line-height:1.22;font-weight:400;
 letter-spacing:-.03em;color:rgba(255,255,255,.88);text-wrap:balance;
}
body.flow-refinement #unit-nutrition#unit-nutrition .bf-benefits .nx-benefit-list{
 display:block;margin-top:20px;
}
body.flow-refinement #unit-nutrition#unit-nutrition .bf-benefits .nx-benefit-list>.nm-point{
 padding:18px 0;border:0;border-top:1px solid rgba(255,255,255,.18);
}
body.flow-refinement #unit-nutrition#unit-nutrition .bf-benefits .nx-benefit-list>.nm-point:first-child{border:0}
body.flow-refinement #unit-nutrition#unit-nutrition .bf-benefits .nm-point>summary{
 grid-template-columns:minmax(0,1fr) 32px;column-gap:16px;
}
body.flow-refinement #unit-nutrition#unit-nutrition .bf-benefits .nm-pt-t{
 font-size:clamp(36px,10.8cqw,44px);line-height:1.05;font-weight:500;letter-spacing:-.045em;color:#fff;
}
body.flow-refinement #unit-nutrition#unit-nutrition .bf-benefits #benefit-immune .nm-pt-t{
 font-size:clamp(30px,8.4cqw,36px);line-height:1.1;
}
body.flow-refinement #unit-nutrition#unit-nutrition .bf-benefits .nm-pt-s{
 margin-top:8px;font-size:16px;line-height:1.45;color:rgba(255,255,255,.88);
}
body.flow-refinement #unit-nutrition#unit-nutrition .bf-stage .nx-plus{
 background:rgba(255,255,255,.15);color:#fff;
}
body.flow-refinement #unit-nutrition#unit-nutrition .bf-stage .nm-detail p,
body.flow-refinement #unit-nutrition#unit-nutrition .bf-stage .nm-detail a{color:rgba(255,255,255,.9)}
body.flow-refinement #unit-nutrition#unit-nutrition .bf-stage summary:focus-visible{outline-color:#fff}
body.flow-refinement #unit-nutrition#unit-nutrition .bf-benefits>.nx-living{
 padding:20px 24px;border:0;margin:0;
}
body.flow-refinement #unit-nutrition#unit-nutrition .bf-benefits>.nx-living .nx-plus{
 background:#fff;color:var(--nm-ink);
}
/* Shorter pauses along the mobile path: discover, understand, use it. */
@media(max-width:699px){
 body.flow-refinement #unit-nutrition#unit-nutrition .nx-discovery{margin-top:28px}
 body.flow-refinement #unit-nutrition#unit-nutrition .nx-rainbow>summary{min-height:218px}
 body.flow-refinement #unit-nutrition#unit-nutrition .nx-micro>summary{min-height:126px}
 body.flow-refinement #unit-nutrition#unit-nutrition .bf-benefits+.nm-dose{padding-top:36px}
 body.flow-refinement #unit-nutrition#unit-nutrition .handful-visual{margin-top:16px}
 body.flow-refinement #unit-nutrition#unit-nutrition .nm-vs{margin-top:12px}
 body.flow-refinement #unit-nutrition#unit-nutrition .nm-ease{padding-top:24px;padding-bottom:16px}
 body.flow-refinement #unit-nutrition#unit-nutrition .nm{padding-bottom:28px}
}
@media(min-width:700px){
 body.flow-refinement #unit-nutrition#unit-nutrition .nx-benefits.bf-benefits{
  width:calc(100% - 96px);max-width:1040px;margin-top:48px;border-radius:28px;overflow:hidden;
 }
 body.flow-refinement #unit-nutrition#unit-nutrition .bf-stage{padding:38px 32px 16px}
 body.flow-refinement #unit-nutrition#unit-nutrition .bf-stage .nx-benefit-title{font-size:32px;max-width:15em}
 body.flow-refinement #unit-nutrition#unit-nutrition .bf-benefits .nm-pt-t{font-size:46px}
 body.flow-refinement #unit-nutrition#unit-nutrition .bf-benefits #benefit-immune .nm-pt-t{font-size:38px}
 body.flow-refinement #unit-nutrition#unit-nutrition .bf-benefits .nm-pt-s{font-size:18px}
 body.flow-refinement #unit-nutrition#unit-nutrition .bf-benefits>.nx-living{padding:24px 32px}
}
@media(min-width:1000px){
 body.flow-refinement #unit-nutrition#unit-nutrition .bf-stage{padding:44px 40px 26px}
 body.flow-refinement #unit-nutrition#unit-nutrition .bf-benefits .nx-benefit-list{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:40px;
 }
 body.flow-refinement #unit-nutrition#unit-nutrition .bf-benefits .nx-benefit-list>.nm-point{border:0;padding:0}
 body.flow-refinement #unit-nutrition#unit-nutrition .bf-benefits .nm-pt-t{font-size:44px}
 body.flow-refinement #unit-nutrition#unit-nutrition .bf-benefits #benefit-immune .nm-pt-t{font-size:34px}
 body.flow-refinement #unit-nutrition#unit-nutrition .bf-benefits>.nx-living{padding:26px 40px}
}