/* Photographic title sections, shared by all inner pages. */
.page-title-banner{position:relative;isolation:isolate;color:#fffef5;background-color:#102e24;background-image:linear-gradient(90deg,rgba(5,27,19,.91) 0%,rgba(5,27,19,.75) 46%,rgba(5,27,19,.48) 100%),var(--banner-image);background-size:cover;background-position:center,var(--banner-position,center);border-bottom-color:#ffffff20;overflow:hidden;min-height:200px}
.page-title-banner h1{color:#fffef5;text-shadow:0 1px 12px #09271c1a}.page-title-banner>p:last-child{color:#fffef5;max-width:36ch}.page-title-banner[data-banner=menu]{--banner-image:url('/assets/order/banner-salads.webp');--banner-position:center 46%}.page-title-banner[data-banner=company]{--banner-image:url('/assets/catering-food.webp');--banner-position:center 48%}.page-title-banner[data-banner=places]{--banner-image:url('/assets/kungsgatan-700x500.jpg');--banner-position:center 48%}.page-title-banner[data-banner=about]{--banner-image:url('/assets/story-portrait.webp');--banner-position:center 34%}.page-title-banner[data-banner=jobs]{--banner-image:url('/assets/mimmiekholmsplats-700x500.jpg');--banner-position:center 47%}.page-title-banner[data-banner=news]{--banner-image:url('/assets/story-salads.jpg');--banner-position:center 55%}
.article-title-banner{max-width:none;padding:32px 35px;margin-bottom:26px;min-height:270px;background-image:none;display:flex;flex-direction:column;justify-content:end;border-radius:7px}.article-banner-media{position:absolute;inset:0;z-index:-2;pointer-events:none}.article-banner-media .news-cover{width:100%;height:100%;border-radius:0;aspect-ratio:auto}.article-banner-media .news-crop{width:100%;flex-basis:100%}.article-banner-media .crop-facebook{transform:translateY(20%)}.article-title-banner:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,27,19,.93),rgba(5,27,19,.8) 58%,rgba(5,27,19,.51))}.article-title-banner h1{max-width:24ch;font-size:clamp(36px,4vw,59px);margin:18px 0}.article-title-banner .news-meta,.article-title-banner .news-meta>span{color:#fffef5}.article-title-banner .eyebrow{align-self:start;background:#ffffff14;color:#fffef5;border-color:#ffffff50;box-shadow:none}
@media(max-width:760px){.page-title-banner{background-image:linear-gradient(90deg,rgba(5,27,19,.88),rgba(5,27,19,.64)),var(--banner-image);min-height:190px}.page-title-banner[data-banner=about]{--banner-position:72% 30%}.article-title-banner{background-image:none;padding:27px 24px;min-height:240px}.article-title-banner h1{font-size:clamp(34px,6vw,48px)}.article-title-banner .news-meta{flex-wrap:wrap;gap:7px 15px}}
@media(max-width:560px){.page-title-banner>p:last-child{font-size:14px;line-height:1.75}.article-title-banner{padding:24px 20px}.article-title-banner h1{font-size:35px}.article-title-banner .news-meta{font-size:11px}}

/* Keep title and introduction together, with imagery distinct from the next section. */
.page-intro.page-title-banner{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:15px}
.page-intro.page-title-banner h1{margin:0;max-width:24ch}
.page-intro.page-title-banner>p:last-child{margin:0;max-width:58ch;font-size:14px;line-height:1.75}
.page-title-banner[data-banner=about]{--banner-image:url('/assets/banner-about-v2.webp');--banner-position:center 57%}
.page-title-banner[data-banner=company]{--banner-image:url('/assets/banner-company-v2.webp');--banner-position:center 53%}
.page-title-banner[data-banner=places]{--banner-image:url('/assets/banner-places-v2.webp');--banner-position:center 56%}
.article-title-banner{background-image:linear-gradient(90deg,rgba(5,27,19,.93),rgba(5,27,19,.79) 58%,rgba(5,27,19,.55)),url('/assets/story-salads.jpg');background-size:cover;background-position:center}
.article-title-banner:after{display:none}
@media(max-width:760px){.page-intro.page-title-banner{gap:14px}.page-title-banner[data-banner=about]{--banner-position:70% 55%}.page-title-banner[data-banner=company]{--banner-position:65% center}.page-title-banner[data-banner=places]{--banner-position:70% center}}
