/* Each wash starts at the colour the preceding surface ends on. */
body:has(.fold){--white:#fff;--ivory:#faf9f4;--meadow:#edf1e8;--warm:#f8f6ef;background:var(--ivory)}
body:has(.fold) .smast{background:white!important;border:0!important}
body:has(.fold) .fold{background:linear-gradient(180deg,white,#faf9f4 45%,#f5f6ee)!important}
body:has(.fold) .fold .offer-spread.still{background:linear-gradient(180deg,white,var(--ivory) 75%)!important;padding-block:32px 16px}
body:has(.fold) .fold #quality.offer-record{display:block!important;background:var(--ivory)!important;position:relative;width:100%;max-width:none;margin:0;padding:10px max(6vw,calc((100vw - 1000px)/2)) 36px!important;border:0!important;box-sizing:border-box}
body .fold .offer-record:before,body .fold .offer-record:after{display:none!important}
body .fold #quality.offer-record .document-desktop{display:grid!important;grid-template-columns:1fr 112px;align-items:center;gap:5vw;margin:0 auto;padding:12px 0 0;max-width:1000px;color:#193f30;background:transparent;border:0;box-shadow:none}
body .fold .offer-record .document-desktop h2{font:normal clamp(26px,2.5vw,40px)/1.13 Georgia;letter-spacing:-.035em;margin:4px 0}
body .fold .offer-record .folio{font:600 12px/1.4 Arial;letter-spacing:.09em;text-transform:uppercase;color:#52634e;margin:0}
body .fold .offer-record .document-desktop h2+p{font:16px/1.55 Arial;margin:6px 0;color:#425646}
body .fold .offer-record a{color:#193f30}
body .fold .offer-record a:not(.document-leaf){display:inline-flex;align-items:center;min-height:40px;font:600 14px Arial;margin-right:24px;text-underline-offset:4px}
body .fold .offer-record .document-leaf{display:block;background:transparent;padding:0;border:0;box-shadow:none;transform:none}
body .fold .offer-record .document-leaf img{display:block;width:100%;height:auto;max-height:155px;object-fit:contain;filter:drop-shadow(0 3px 5px #323a2717)}
body .fold .rosemary-edit{background:linear-gradient(var(--ivory),var(--meadow) 38%,var(--meadow) 68%,var(--warm));padding:0 0 8px}
body .fold .rosemary-edit .trial-cover,body .fold .rosemary-edit .bot-shelf,body .fold .rosemary-edit .plantline,body .fold .rosemary-edit .shelf-head,body .fold .rosemary-edit .study-photograph{background:transparent!important;box-shadow:none;border:0!important}
body .fold .rosemary-edit .trial-cover{padding-block:36px 14px}
body .fold .rosemary-edit .bot-shelf{padding-inline:max(6vw,calc((100vw - 1240px)/2))!important;padding-top:18px!important}
body .fold .rosemary-edit .shelf-notice:empty{display:none}
body #builder.app.click-builder,body #builder.click-builder .pick-desk{background:var(--warm)!important}
body:has(.fold) #learn{background:var(--ivory)!important}
body #fieldstory.fj{background:linear-gradient(var(--warm),var(--ivory) 48%)!important}
body:has(.fold) #learn #research{background:var(--ivory)!important}
body:has(.fold) #learn .closing85{background:var(--ivory)!important}
@media(max-width:740px){body .fold #quality.offer-record .document-desktop{grid-template-columns:1fr 74px;gap:16px}}
body:has(.fold) #learn #giving.sg-care{background:var(--ivory)!important;border:none!important}
body:has(.fold) #learn #giving.sg-care>.care-hands{mask-image:linear-gradient(90deg,transparent,#000 18%,#000 86%,transparent),linear-gradient(180deg,transparent,#000 13%,#000 84%,transparent);mask-composite:intersect}
body:has(.fold) #learn #giving.sg-care:before{background:linear-gradient(90deg,var(--ivory) 0%,rgba(250,249,244,.80) 39%,rgba(250,249,244,.08) 80%,var(--ivory) 100%)}
body:has(.fold){--page-gutter:max(6vw,calc((100vw - 1240px)/2));--flax:#f4eddd;--leaf:#e3ecd9;--petal:#ede7ef;--oat:#f4edde}
body .fold .offer-spread.still{padding-inline:var(--page-gutter);grid-template-columns:minmax(230px,1.1fr) minmax(200px,.85fr) minmax(270px,1fr);justify-content:stretch;column-gap:4vw}
body:has(.fold) .fold .offer-spread.still{background:linear-gradient(white 0%,#fcfaf6 48%,var(--flax))!important}
body .fold .offer-spread .sea-sale{display:flex;align-items:center;justify-content:center;gap:12px}
.sea-sale .sea-buy{background:transparent;color:#193f30;font:600 15px Arial;border:0;border-bottom:1px solid #83927c;cursor:pointer;padding:8px 0}
.sea-price,.sea-status{font:14px/1.45 Arial;color:#435849}.sea-status:empty{display:none}
body .fold .offer-spread .bottle-link{align-self:start}
body .fold .offer-spread.still .botflip .flipback{right:0;bottom:12%;width:30%;height:36%;align-content:center}
body .fold .offer-spread.still .botflip[data-view=ingredient] .flipfront{transform:translateX(-18%) scale(.9)}
body:has(.fold) .fold #quality.offer-record{padding:5px var(--page-gutter) 26px!important;background:linear-gradient(var(--flax),#f7f3e9)!important}
body .fold #quality.offer-record .document-desktop{grid-template-columns:1fr;max-width:none;padding:0}
body .fold #quality.offer-record .document-desktop>div{display:grid;grid-template-columns:minmax(285px,1fr) minmax(245px,1.2fr) auto;align-items:center;gap:3px 28px;max-width:none}
body .fold #quality.offer-record .folio{grid-column:1/-1}body .fold #quality.offer-record h2{max-width:none;font-size:clamp(23px,2.3vw,35px)}
body .fold #quality.offer-record .document-desktop a{margin:0}
body .fold .rosemary-edit{background:linear-gradient(#f7f3e9,var(--leaf) 57%,#e9eedf)}
body .fold .rosemary-edit .bot-shelf{padding-inline:var(--page-gutter)!important}
body #builder.app.click-builder,body #builder.click-builder .pick-desk{background:linear-gradient(#e9eedf, #f4f4e8 64%,var(--oat))!important}
body #fieldstory.fj{background:linear-gradient(var(--oat),#faf7ee 46%,#f5f1ef)!important}
body:has(.fold) #learn #research{background:linear-gradient(#f5f1ef,var(--petal) 55%,var(--ivory))!important}
body #learn .main-footer77 .footer-brand{grid-column:1;grid-row:1/4;display:flex!important;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:14px;margin:0;padding:0}
body #learn .footer-brand>img{width:190px;height:auto;display:block;margin:0}
body #learn .footer-brand nav.fix-social{display:flex!important;align-items:center;margin:0 0 0 -10px!important;padding:0!important}
@media(max-width:900px){body .fold #quality.offer-record .document-desktop>div{display:block}body .fold .offer-spread.still{grid-template-columns:1fr 1fr}}
@media(min-width:901px){body:has(.fold) .smast{padding-inline:var(--page-gutter)!important}body #builder.click-builder .pick-desk{padding-inline:var(--page-gutter)!important}body:has(.fold) #learn #research{padding-inline:var(--page-gutter)!important}}
