/* Display colours are shared by the hero, its adjoining section and the photographic edge. */
body.welcome-web{--herb-mist:#e9edde;--berry-cream:#f5eddd;--lavender-paper:#eee9ef;--journal-paper:#f7f2e7;--research-paper:#f8f7f1}
.welcome-web .offer-banner{background-color:var(--herb-mist)}
.welcome-web .single-banner{background:linear-gradient(110deg,#e4d9bb,var(--berry-cream) 76%)}
body.welcome-web .web-certificate{background:linear-gradient(180deg,var(--herb-mist) 0%,var(--lavender-paper) 24%,var(--lavender-paper) 77%,#edf0e4 100%)}
.welcome-web .web-record-copy h2 em{color:#656375}
body.welcome-web #builder.app.click-builder,body.welcome-web #builder .pick-desk{background:linear-gradient(#edf0e4,#f4f1e6)!important}
body.welcome-web #singles{box-sizing:border-box;width:100%;max-width:none;margin:0;padding:clamp(34px,3.4vw,62px) var(--w-edge);background:linear-gradient(var(--berry-cream),var(--journal-paper));border:0;color:#193f30}
body.welcome-web[data-webshop=counter] #singles{background:linear-gradient(#f4f1e6,var(--journal-paper))}
.welcome-web #singles .shelf-head{max-width:1440px;margin:auto;border:0;padding:0 0 15px;align-items:center}
.welcome-web #singles .shelf-head h2{font:400 clamp(32px,3vw,54px)/1.03 Georgia,serif;letter-spacing:-.043em;margin:0}
.welcome-web #singles .shelf-head button{color:#324a3b;border:0;background:transparent;font:500 15px/1.3 Arial,sans-serif;min-height:44px;padding:6px 10px}
.welcome-web #singles .plantline{display:flex;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;gap:0;width:100%;max-width:1440px;margin:0 auto;padding:0;border:0;overflow-x:auto;scrollbar-width:none}
.welcome-web #singles .shelf-oil{flex:0 0 20%;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 7px;box-sizing:border-box;text-align:center}
.welcome-web #singles .shelf-oil>a{display:flex;width:100%;flex-direction:column;align-items:center;text-decoration:none;color:#193f30;border:0}
.welcome-web #singles .oil-images{display:block;width:100%;height:clamp(100px,9.5vw,155px);position:relative}
.welcome-web #singles .oil-images img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .35s ease}
.welcome-web #singles .shelf-oil strong{margin:8px 0 0;font:400 clamp(18px,1.65vw,27px)/1.2 Georgia,serif}
.welcome-web #singles .shelf-oil>a:hover strong,.welcome-web #singles .shelf-oil>a:focus-visible strong{text-decoration:underline;text-underline-offset:4px}
.welcome-web #singles .single-cart-row{min-height:32px;display:inline-flex;gap:4px;align-items:center;color:#354c3c;font:500 15px/1.3 Arial,sans-serif}
.welcome-web #singles .price-cart{display:inline-flex;align-items:center;padding:6px;gap:4px;color:inherit;text-decoration:none;font:600 13px/1.3 Arial,sans-serif}
.welcome-web #singles .single-price{font:inherit}
.welcome-web #singles .shelf-oil>button{display:inline-flex;align-items:center;min-height:38px;padding:8px 15px;border:1px solid #b8c4ae;border-radius:22px;color:#234532;background:#f7f8ee;font:600 14px/1.2 Arial,sans-serif;cursor:pointer}
.welcome-web #singles .shelf-notice:empty{display:none}
body.welcome-web #fieldstory.fj{background:linear-gradient(var(--journal-paper),#faf6ed 72%,var(--research-paper))!important}
body.welcome-web #learn #research{background:linear-gradient(var(--research-paper),#eff1e6 44%,#faf6ed)!important}
body.welcome-web #research .web-study{min-height:clamp(340px,31vw,530px);background:#e6ebdf}
body.welcome-web #research .paper-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(26px,3vw,48px) clamp(24px,3vw,54px)}
body.welcome-web #research a.paper-entry{display:block;text-decoration:none;background:linear-gradient(var(--plant-wash) 40%,transparent 100%);overflow:hidden}
body.welcome-web #research .paper-entry>img{display:block;width:100%;height:auto;aspect-ratio:2.2;object-fit:cover}
.welcome-web .paper-copy31{padding:17px clamp(14px,1.65vw,26px) 16px;display:grid;gap:5px}
.welcome-web .paper-copy31 small,.welcome-web .paper-copy31 span{margin:0}
.welcome-web .paper-copy31 strong{font:400 clamp(23px,2.15vw,34px)/1.15 Georgia,serif;letter-spacing:-.03em}
body.welcome-web #giving .care-copy{color:#234332}
@media(max-width:900px){.welcome-web #singles .shelf-oil{flex-basis:25%}}
@media(max-width:700px){.welcome-web #singles .shelf-oil{flex-basis:50%}body.welcome-web #research .paper-index{grid-template-columns:1fr}.welcome-web #singles .shelf-head{gap:5px}.welcome-web #singles .shelf-head button{min-width:32px;padding:5px}}
@media(prefers-reduced-motion:reduce){.welcome-web #singles .oil-images img{transition:none}}
