body:has(.fold){--paper:#faf9f4;--forest:#193f30;--sage:#e6ecdf;--rule:#cbd3c2;color:var(--forest);background:var(--paper);font-family:Arial,sans-serif}
body .smast,body .fold,body .fold .bot-shelf,body .fold .trial-cover{background:var(--paper)!important}
.fold .trial-cover .study-photograph{background:var(--paper)}
.fold .bot-shelf{padding-inline:0;border:0}.fold .shelf-head{border-top:1px solid var(--rule);padding-top:15px}
body:has(.fold) #learn{max-width:none;width:100%;margin:0;background:var(--paper)}
body #builder.app,body #builder .space{background:#f3f5ed!important}
body #builder header{background:transparent!important}
body #fieldstory.ingredient-book{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,3fr);grid-template-rows:auto 1fr;gap:24px 5vw;padding:64px max(5vw,calc((100vw - 1400px)/2));margin:0;background:linear-gradient(180deg,#f3f5ed,var(--paper) 35%);border:0}
#fieldstory.ingredient-book header{grid-area:1/1;align-self:end}
#fieldstory.ingredient-book h2{font:normal clamp(36px,4vw,58px)/1.04 Georgia,serif;letter-spacing:-.045em;max-width:7em}
.rail-actions{grid-area:2/1;display:flex;gap:12px;align-self:start}
.rail-actions button{width:44px;height:44px;border:1px solid #b7c3b1;border-radius:50%;background:transparent;color:var(--forest);font:22px Georgia;cursor:pointer}
.rail-actions button:disabled{opacity:.35;cursor:default}
.chapter-rail{grid-area:1/2/3/3;display:flex;gap:26px;overflow-x:auto;min-width:0;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#aebba7 transparent;padding-bottom:12px;cursor:grab}
.chapter-rail.dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}
#fieldstory .chapter-rail .chapter{display:block;flex:0 0 76%;scroll-snap-align:start;min-width:0}
#fieldstory .chapter-rail:after{content:"";flex:0 0 calc(24% - 26px)}
#fieldstory .chapter img{height:clamp(190px,20vw,310px);width:100%;background:transparent}
#fieldstory .chapter h3{font:normal clamp(27px,2.4vw,39px)/1.1 Georgia,serif;margin:14px 0 0}
#fieldstory .chapter p{font:17px/1.5 Arial,sans-serif}
body:has(.fold) #learn #research{background:var(--paper)!important;border:0;border-top:1px solid var(--rule);margin:0;padding:42px 7vw!important}
body:has(.fold) #learn #quality{background:linear-gradient(var(--paper),#eeefe5)!important;border:0}
@media(max-width:720px){body #fieldstory.ingredient-book{display:block;padding:28px 18px}.rail-actions{margin:12px 0}.chapter-rail{gap:16px}.chapter-rail .chapter{flex-basis:85%}}
/* Two still lives share a soft photographic dissolve. */
.fold .still .botflip{perspective:none;isolation:isolate}
.fold .still .botflip>span{backface-visibility:visible;transform:none;pointer-events:none;transition:opacity 360ms ease,translate 500ms cubic-bezier(.2,.7,.3,1)}
.fold .still .botflip .flipfront{opacity:1;translate:0 0}
.fold .still .botflip .flipback{opacity:0;translate:0 5px}
.fold .still .botflip[data-view=ingredient] .flipfront{opacity:0;translate:0 -3px}
.fold .still .botflip[data-view=ingredient] .flipback{opacity:1;translate:0 0}
.fold .still .botflip .flipback img{width:90%;height:clamp(132px,13vw,205px);object-fit:contain}
.fold .still .botflip .flipback small{margin-top:6px;font:italic 15px/1.4 Georgia,serif}
@media(prefers-reduced-motion:reduce){.fold .still .botflip>span{transition:none;translate:none}}
/* Let the paper-to-sage transition separate shopping from the builder. */
body .fold .still>.compare-four{border:0}
body .fold .still>.bot-shelf,body .fold .bot-shelf .shelf-head,body .fold .bot-shelf .plantline{border:0}
body .fold .bot-shelf{padding-top:18px;padding-bottom:12px}
body .fold .bot-shelf .shelf-head{padding:0 0 5px}
body .fold .shelf-head .motion-control{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 10px;background:transparent;border:0;border-radius:22px;font:14px/1 Arial,sans-serif;color:#425a47}
body .fold .motion-control::before{content:"";box-sizing:border-box;width:9px;height:12px;border-inline:3px solid currentColor}
body .fold .motion-control[data-paused=true]::before{width:0;height:0;border:0;border-left:9px solid currentColor;border-block:6px solid transparent}
body .fold .motion-control:hover,body .fold .motion-control:focus-visible{background:#e9eee2}