/* Supplied artwork, used as quiet accents rather than extra content. */
.avocado-sticker{position:absolute;z-index:1;right:24px;bottom:20px;width:115px;aspect-ratio:270/315;background:url('/assets/citysallad-stickers.webp') 33.965% 0/568.889% 325.079% no-repeat;transform:rotate(9deg);pointer-events:none;filter:drop-shadow(0 4px 4px #102e2026)}
.story,.jobs-invite,.footer-lunch-card{position:relative;isolation:isolate}
.jobs-invite:before,.footer-lunch-card:before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:url('/assets/citysallad-line-pattern.webp') right center/620px auto no-repeat;opacity:.11;mask-image:linear-gradient(90deg,transparent 35%,#000 100%);-webkit-mask-image:linear-gradient(90deg,transparent 35%,#000 100%)}
.footer-lunch-card:before{border-radius:inherit;opacity:.07;background-position:15% center;background-size:760px auto;mask-image:linear-gradient(90deg,#000,transparent 62%);-webkit-mask-image:linear-gradient(90deg,#000,transparent 62%)}
.jobs-invite:before{opacity:.09}
@media(max-width:760px){.avocado-sticker{width:90px;right:18px;bottom:14px}.jobs-invite:before{opacity:.07;background-size:460px auto}.footer-lunch-card:before{background-size:560px auto;opacity:.055;mask-image:linear-gradient(#000,transparent 60%);-webkit-mask-image:linear-gradient(#000,transparent 60%)}}

/* Story banner follows the photographic ordering header. */
.story{background-color:#102e24;background-image:linear-gradient(90deg,rgba(5,25,18,.91) 0%,rgba(5,25,18,.79) 43%,rgba(5,25,18,.35) 100%),url('/assets/story-salads.jpg');background-size:cover;background-position:center 53%;color:#fffef4}
.story h2,.story .text-link{color:#fffef4}
.story .text-link{border-color:#ffffff80}
.story .text-link .icon{filter:brightness(0) invert(1)}
body .story .eyebrow{background:#ffffff12;border-color:#ffffff35;color:#fffef4;box-shadow:none}
.story .text-link:hover{color:#fffef4;border-color:#fffef4}
.story .text-link:focus-visible{outline:2px solid #fffef4;outline-offset:5px}
@media(max-width:760px){.story{background-position:63% center;background-image:linear-gradient(90deg,rgba(5,25,18,.88),rgba(5,25,18,.61)),url('/assets/story-salads.jpg')}}

/* Reference-based contemporary portrait for the story and About page. */
.story{background-color:#10251c;background-image:linear-gradient(90deg,#0b241b 0%,#0b241b 44%,rgba(5,25,18,.70) 60%,rgba(5,25,18,.22) 100%),url('/assets/story-portrait.webp');background-size:cover,auto 230%;background-position:center,right top;background-repeat:no-repeat}
.about-visual>img:first-child{object-position:73% center}
@media(max-width:760px){.story{background-image:linear-gradient(90deg,rgba(5,25,18,.93),rgba(5,25,18,.62)),url('/assets/story-portrait.webp');background-size:cover,auto 180%;background-position:center,70% top}.about-visual>img:first-child{object-position:72% center}}