/* Formulation range: warm food photography, clear choices, existing Archivo identity. */
.daily-hero{background:#f3e9da;color:#161512}
.daily-hero-main{display:grid;grid-template-columns:44% 56%;align-items:center;max-width:1800px;margin:auto}
.daily-hero-copy{padding:66px 0 56px var(--pad);z-index:1}
.daily-hero-copy .eyebrow{margin-bottom:26px;color:#555048}
.daily-hero h1{font-size:clamp(62px,7.7vw,134px);font-weight:900;font-stretch:62%;line-height:.92;letter-spacing:-.025em}
.daily-hero h1 span{color:#a22c26}
.daily-hero-copy>p:not(.eyebrow){max-width:32em;margin-top:25px;font-size:18px;line-height:1.6}
.daily-hero-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap;margin-top:30px}
.daily-hero-copy>.daily-hero-note{font-size:14px!important;max-width:30em}
.daily-hero-image{min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:34px var(--pad) 34px 20px}
.daily-hero-image .ph{aspect-ratio:1.45;background:#f3e9da;border-radius:0}
.daily-hero-image img{object-fit:contain;mix-blend-mode:multiply}
.daily-hero-image figcaption{display:flex;justify-content:space-between;gap:20px;padding-top:17px;border-top:1px solid #c9bdab;font-size:14px;font-weight:600}
.daily-hero-image figcaption a{text-decoration:underline;text-underline-offset:4px}
.daily-facts{display:grid;grid-template-columns:1fr 1.4fr 1fr 1fr;background:#181918;color:#fff;padding:24px var(--pad);gap:28px;align-items:center}
.daily-facts>div{border-right:1px solid #454540}
.daily-facts strong{display:block;font:800 clamp(30px,3vw,48px)/1 Archivo,sans-serif;font-stretch:70%;white-space:nowrap}
.daily-facts strong small{font:500 16px/1.3 Archivo,sans-serif;margin-left:5px}
.daily-facts span,.daily-facts>p{font-size:13px;color:#d8d8d1;margin-top:9px;display:block;line-height:1.5}
.daily-facts a{text-decoration:underline;text-underline-offset:3px;display:block}
.fl .stage,.shop-page .card .stage{aspect-ratio:1.3;background:#f3e9da;overflow:hidden}
.fl .stage>img,.card .stage>img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.fl:hover .stage>img,.card:hover .stage>img{transform:scale(1.025)}
.everyday-uses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px}
.everyday-uses article{border-top:2px solid #24251f;padding-top:22px}
.everyday-uses article>span{font-size:13px;letter-spacing:.06em}
.everyday-uses h3{margin:26px 0 18px}
.everyday-uses p{color:var(--mut);font-size:17px;max-width:25em}
.formulation-comparison{background:#f7f6f2}
.formulation-comparison .section-heading>p{max-width:31em;font-size:18px;color:var(--mut)}
.formula-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:38px}
.formula-cards article{min-width:0;background:#fff;border:1px solid #e0dfd6}
.formula-photo{aspect-ratio:1.5;overflow:hidden}.formula-photo img{width:100%;height:100%;object-fit:cover}
.formula-copy{padding:26px}.formula-copy h3{font-size:clamp(38px,4vw,62px);margin:14px 0 12px}
.formula-copy>p{font-size:16px}.formula-copy dl{margin:24px 0}
.formula-copy dl>div{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e5e4df;padding:10px 0;font-size:14px}
.formula-copy dd{font-weight:700;white-space:nowrap}.formula-texture{color:var(--mut);line-height:1.55}
.formulation-comparison>.target-note{max-width:80em;margin-top:26px}
.pdp-v2{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(30px,5vw,80px);padding:42px var(--pad) 64px;align-items:start}
.pdp-v2 .gal{position:sticky;top:110px;min-width:0}
.pdp-v2 .main-stage{aspect-ratio:1.35;background:#f3e9da!important;border:0!important;display:block;overflow:hidden;min-height:0}
.pdp-v2 .main-stage>span{display:block;width:100%;height:100%}
.pdp-v2 .main-stage img{width:100%;height:100%;object-fit:cover}
.pdp-v2 .thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:12px}
.pdp-v2 .thumbs button{padding:0;background:#fff;border:1px solid #d7d2c8;min-width:0;aspect-ratio:auto;width:auto;height:auto;overflow:hidden;cursor:pointer}
.pdp-v2 .thumbs button.on{border:2px solid #222}
.pdp-v2 .thumbs button>span{display:block;aspect-ratio:1.5;overflow:hidden}.pdp-v2 .thumbs img{width:100%;height:100%;object-fit:cover}
.pdp-v2 .thumbs small{display:block;padding:8px 3px;font-size:12px;font-weight:600}
.pdp-v2 .gallery-caption{font-size:12px;margin:14px 0;color:#67645e}
.gallery-foot{display:flex;flex-wrap:wrap;gap:12px 22px;border-top:1px solid #d7d2c8;padding-top:16px;font-size:13px}.gallery-foot a{text-decoration:underline;text-underline-offset:3px;margin-left:auto}
.pdp-v2 .buy{padding:0;min-width:0}.pdp-v2 .buy>.crumb{margin-bottom:23px}.pdp-v2 .buy>.eyebrow{margin-bottom:12px}
.pdp-v2 .buy>h1{font-size:clamp(40px,4.8vw,70px);margin-bottom:20px}
.pdp-v2 .buy>.s2{font-size:18px;line-height:1.55}
.product-promise{display:flex;flex-wrap:wrap;gap:9px 18px;margin-top:23px;font-size:16px;border-block:1px solid #d6d3ca;padding:15px 0}
.product-promise span{font-size:14px;color:#55534c;align-self:center}
.flavour-select{margin-top:30px}.option-heading{display:flex;align-items:baseline;gap:10px;font-size:15px;font-weight:650;line-height:1.4;margin-bottom:14px;width:100%}
.option-heading>b{font-size:12px;font-weight:500;color:#77746e;border:1px solid #d6d3ca;padding:2px 5px}
.option-heading>span{margin-left:auto;font-weight:400;color:#666;font-size:12px}
.flavour-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.flavour-tiles a{position:relative;border:1px solid #d8d5cd;min-width:0;background:#fff;display:flex;flex-direction:column}
.flavour-tiles a.on{outline:2px solid #24241f;outline-offset:-2px}
.flavour-tiles img{width:100%;height:auto;aspect-ratio:1.25;object-fit:cover}
.flavour-tiles a>span{font-size:12px;line-height:1.3;padding:9px 7px;font-weight:600}
.flavour-check{position:absolute;top:5px;right:5px;background:#222;color:#fff;border-radius:50%;width:21px;height:21px;display:grid;place-items:center;font-size:12px}
.purchase-panel{margin-top:28px;border-top:0;padding-top:0}.protein-picker,.variant-choices{border:0;padding:0;margin:0 0 23px;min-width:0}
.protein-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.protein-options label{position:relative;cursor:pointer;min-width:0}.protein-options input{position:absolute;width:1px;height:1px;opacity:0;top:0;left:0}
.protein-options label>span,.protein-options>a{display:flex;flex-direction:column;padding:15px 13px;background:#faf9f5;border:1px solid #ccc9be;min-height:131px;justify-content:flex-end}
.protein-options strong{font:800 40px/1 Archivo,sans-serif;font-stretch:70%;display:block;position:relative;margin-top:16px}
.protein-options strong>small{position:absolute;top:-17px;left:0;font:600 11px/1 Archivo,sans-serif}
.protein-options em{font-size:20px;margin-left:2px}.protein-options span>small{font-size:12px;margin-top:5px}
.protein-options span>b{font-size:13px;font-weight:600;margin-top:14px}
.protein-options input:checked+span{background:#20221d;color:#fff;border-color:#20221d;box-shadow:inset 0 -4px 0 #bcc7a2}
.protein-options input:focus-visible+span{outline:3px solid #a52a26;outline-offset:3px}
.has-protein-picker .nojs-protein{display:none}.variant-choices legend{margin-bottom:13px}
.variant-choice{border-radius:0;padding:14px 13px}.variant-choice strong{font-size:15px}.variant-choice small{font-size:12px}.variant-choice .variant-price>b{font-size:18px}
.purchase-panel .purchase-amount{font-size:13px;background:#f1f3ed;padding:12px;line-height:1.5}
.purchase-panel .purchase-bottom .btn{min-height:57px}.purchase-note a{text-decoration:underline;text-underline-offset:3px}
.formulation-details{margin-top:30px;padding:22px;background:#f5f4ef;border:1px solid #e4e1d7}
.formulation-detail-heading{display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:20px}.formulation-detail-heading a{text-decoration:underline;text-underline-offset:3px}
.formulation-details h3{font-size:20px}.macro-targets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}
.macro-targets dt{font-size:12px;color:#656157}.macro-targets dd{font-size:27px;font-weight:750;white-space:nowrap}.macro-targets small{font-size:12px}
.formulation-details p{font-size:14px;line-height:1.6}.formulation-details details{margin-top:18px;border-top:1px solid #d6d3ca;padding-top:16px}.formulation-details summary{font-size:14px;font-weight:650;cursor:pointer;list-style:revert;display:list-item}.formulation-details details p{margin-top:12px}.formulation-details>.target-note{margin-top:20px;font-size:12px}
.portion-photo{aspect-ratio:1.5;overflow:hidden;background:#f3e9da}.portion-photo>img{width:100%;height:100%;object-fit:cover}
.portion-protein-choice{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:13px;margin-bottom:24px}.portion-protein-choice select{padding:10px;max-width:60%;border:1px solid #bdbbb3;background:#fff;font-size:13px}
.table-scroll{overflow-x:auto}.portion-table th,.portion-table td{white-space:nowrap;padding-inline:8px;font-size:13px}
.portion-result [data-portion-protein]{font-size:clamp(35px,9cqw,70px)}
.fld select{border:1px solid #bdbbb3;padding:14px;background:#fff;width:100%;font-size:16px}
#hd .nav{height:82px;gap:24px}#hd .nav>nav{gap:26px;margin-left:12px;margin-right:auto}
#hd .nav>nav a{font-size:14px;padding-block:14px}#hd .store-nav{gap:20px;margin-left:0}
#hd .bag-link{background:#20221d;color:#fff;border-radius:4px;padding:10px 12px;gap:9px;min-height:44px}
#hd .bag-link>b{border:0;background:#f6f4ed;color:#171916;border-radius:3px;min-width:24px;height:24px;font-size:13px}
#hd .burger{border:1px solid #cecec7;padding:10px 12px;border-radius:4px;min-height:44px}
#hd .menu nav{gap:0}#hd .menu nav a{border-bottom:1px solid #deded6;padding:12px 0;font-size:25px}#hd .menu .hd button{min-height:44px}
@media(min-width:1001px){#hd .burger{display:none}#hd .nav>nav{display:flex}}
@media(max-width:1100px) and (min-width:1001px){#hd .nav{gap:18px}#hd .nav>nav{gap:17px}#hd .nav>nav a{font-size:13px}#hd .account-link>span{display:none}}
@media(max-width:1000px){#hd .nav>nav{display:none}#hd .burger:not([hidden]){display:block}#hd .store-nav{margin-left:auto}.pdp-v2{gap:28px}.pdp-v2 .gal{top:100px}.daily-hero h1{font-size:clamp(60px,8.3vw,86px)}.daily-facts{grid-template-columns:1fr 1.4fr 1fr}.daily-facts>p{grid-column:1/-1;margin:0}.daily-facts>div:last-of-type{border-right:0}.formula-copy{padding:20px}.option-heading>span{display:none}}
@media(max-width:700px){
 #hd .nav{height:70px;gap:10px}#hd .wm{font-size:25px}#hd .store-nav{gap:12px}#hd .account-link{display:none}#hd .bag-link{padding:9px;gap:7px}#hd .bag-link>span{display:none}#hd .bag-link>b{min-width:22px;height:22px}#hd .burger{font-size:13px;padding:9px 10px}
 .daily-hero-main{grid-template-columns:1fr}.daily-hero-copy{padding:36px var(--pad) 0}.daily-hero-copy .eyebrow{font-size:11px;margin-bottom:20px}.daily-hero h1{font-size:clamp(61px,15.8vw,103px);line-height:.93}.daily-hero-copy>p:not(.eyebrow){font-size:16px;margin-top:20px}.daily-hero-actions{gap:24px;margin-top:22px;font-size:14px}.daily-hero-copy>.daily-hero-note{font-size:12px!important}.daily-hero-image{padding:16px var(--pad) 26px}.daily-hero-image .ph{aspect-ratio:1.5}.daily-hero-image figcaption{font-size:12px;padding-top:12px}.daily-facts{gap:16px;padding:22px var(--pad);grid-template-columns:1fr 1.7fr}.daily-facts strong{font-size:32px}.daily-facts strong small{font-size:12px}.daily-facts>div:nth-child(2){border:0}.daily-facts>div:nth-child(3){grid-column:1/-1;display:flex;align-items:center;gap:22px;border-top:1px solid #454540;padding-top:15px}.daily-facts span{font-size:11px}.daily-facts>p{font-size:11px}.daily-facts>p a{display:inline;margin-left:7px}
 .fl .stage,.shop-page .card .stage{aspect-ratio:1.25}.everyday-uses{grid-template-columns:1fr;gap:32px}.everyday-uses h3{margin:18px 0 12px}.everyday-uses p{max-width:none}.formula-cards{grid-template-columns:1fr;gap:26px}.formula-cards article{display:grid;grid-template-columns:1fr}.formula-copy h3{font-size:47px}.formula-copy{padding:22px}.formulation-comparison .section-heading>p{font-size:16px;margin-top:20px}
 .pdp-v2{grid-template-columns:1fr;padding:22px var(--pad) 44px;gap:32px}.pdp-v2 .gal{position:static}.pdp-v2 .main-stage{aspect-ratio:1.5}.pdp-v2 .buy>h1{font-size:46px;margin-bottom:16px}.pdp-v2 .buy>.s2{font-size:16px}.pdp-v2 .thumbs small{font-size:11px;padding:7px 1px}.pdp-v2 .gallery-caption{font-size:11px}.gallery-foot{font-size:12px;gap:12px}.pdp-v2 .buy>.crumb{font-size:12px;margin-bottom:20px}.product-promise{font-size:15px}.product-promise span{font-size:13px}
 .flavour-tiles{gap:6px}.flavour-tiles a>span{font-size:11px;padding:8px 5px}.flavour-select{margin-top:24px}.protein-options{gap:7px}.protein-options label>span{padding:14px 10px;min-height:129px}.protein-options strong{font-size:38px}.protein-options span>small{font-size:11px}.protein-options span>b{font-size:12px}.option-heading{font-size:14px}.formulation-details{padding:18px}.macro-targets{gap:9px}.macro-targets dt{font-size:11px}.macro-targets dd{font-size:25px}.portion-protein-choice{flex-wrap:wrap}.portion-protein-choice select{max-width:100%}
}
@media(prefers-reduced-motion:reduce){.fl .stage>img,.card .stage>img{transition:none}}

/* Page edges: the canvas behind the page is ink, like the announcement bar and footer, and the page no longer
   rubber-bands past either of them. */
html{background:#0B0B0C;overscroll-behavior-y:none}
body{background:#fff;min-height:100vh;overscroll-behavior-y:none}

/* Wrapper photography is shown uncropped and framed identically everywhere (the photographs are 3:2). */
.fl .stage,.shop-page .card .stage,.lineup.wide .stage{aspect-ratio:3/2}
.flavour-tiles img{aspect-ratio:3/2}
.daily-hero-image .ph{aspect-ratio:3/2}
.daily-hero h1 span{color:var(--brand)}

/* Product page: the stage takes its column's width (it used to size itself from an old fixed height and
   spill over the product name). */
.pdp-v2 .main-stage{height:auto;width:100%;aspect-ratio:3/2}

/* Homepage: photography in the audience cards. */
.everyday-uses article{border-top:0;padding-top:0}
.everyday-uses article>.ph{margin-bottom:20px;border-radius:var(--r)}
.everyday-uses article>.ph img{object-position:center 30%}
.everyday-uses article>span{letter-spacing:0;font-size:14px;font-weight:600;color:var(--mut)}
.everyday-uses h3{margin:10px 0 12px}

@media(max-width:700px){
  .fl .stage,.shop-page .card .stage,.lineup.wide .stage{aspect-ratio:3/2}
  /* Product name first on phones: name and one-line description above the gallery. */
  .pdp-v2{display:flex;flex-direction:column;gap:0}
  .pdp-v2 .buy{display:contents}
  .pdp-v2 .buy>*{order:3}
  .pdp-v2 .buy>.crumb,.pdp-v2 .buy>.eyebrow,.pdp-v2 .buy>h1,.pdp-v2 .buy>.s2{order:1}
  .pdp-v2 .buy>.crumb{margin-bottom:14px}
  .pdp-v2 .buy>.eyebrow{margin-bottom:6px}
  .pdp-v2 .buy>h1{font-size:clamp(38px,11vw,46px);margin-bottom:10px}
  .pdp-v2 .gal{order:2;margin:20px 0 6px}
  .everyday-uses article>.ph{aspect-ratio:4/3}
}
.stmt .pic img{object-position:center 22%}
@media(max-width:700px){
  /* The mixed case uses the older product layout; give it the same name-first order on phones. */
  .pdp:not(.pdp-v2){display:flex;flex-direction:column;gap:0}
  .pdp:not(.pdp-v2) .buy{display:contents}
  .pdp:not(.pdp-v2) .buy>*{order:3}
  .pdp:not(.pdp-v2) .buy>.crumb,.pdp:not(.pdp-v2) .buy>.eyebrow,.pdp:not(.pdp-v2) .buy>h1,.pdp:not(.pdp-v2) .buy>.s2{order:1}
  .pdp:not(.pdp-v2) .buy>h1{margin:6px 0 10px}
  .pdp:not(.pdp-v2) .gal{order:2;margin:20px 0 10px}
}
@media(max-width:700px){.fl .st,.card .st{display:none}}