/* ========================================================================== the Sourdough Archive section, /sourdough/ and everything under it. same mechanism as cucina-street.css: loaded after cucina.css and only on these pages, so it re-declares the background. the rest of the host keeps the Tuscan sunset. four tomato focaccia on a cooling rack. its a close, bright, high-detail photograph, much busier behind text than a landscape, so the veil runs a little heavier than the other two sections, and the record pages underneath are the densest thing on the site. ========================================================================== */ html { background-image: linear-gradient(180deg, rgba(8, 6, 5, 0.86) 0%, rgba(8, 6, 5, 0.78) 45%, rgba(8, 6, 5, 0.86) 100%), image-set(url("/assets/img/sourdough-bg.webp") type("image/webp"), url("/assets/img/sourdough-bg.jpg") type("image/jpeg")); background-position: center 45%; } @supports not (background-image: image-set(url("x.webp") type("image/webp"))) { html { background-image: linear-gradient(180deg, rgba(8, 6, 5, 0.86) 0%, rgba(8, 6, 5, 0.78) 45%, rgba(8, 6, 5, 0.86) 100%), url("/assets/img/sourdough-bg.jpg"); } } @media (max-width: 900px) { html { background-image: linear-gradient(180deg, rgba(8, 6, 5, 0.89) 0%, rgba(8, 6, 5, 0.83) 45%, rgba(8, 6, 5, 0.90) 100%), image-set(url("/assets/img/sourdough-bg-sm.webp") type("image/webp"), url("/assets/img/sourdough-bg-sm.jpg") type("image/jpeg")); background-position: center center; } }