﻿/* Shared text-only masthead for catalog, corporate and service pages. */
body .page-intro,body .corporate-page .page-intro{
  position:relative;isolation:isolate;overflow:hidden;
  padding:48px 0 44px;border-bottom:1px solid #e9e1d7;
  background:#faf7f2;color:#352720;
}
body .page-intro::before,body .page-intro::after,body .page-intro .container::before{display:none;content:none}
body .page-intro .container,body .corporate-page .page-intro .container{
  display:block;min-height:0;max-width:1220px;width:calc(100% - 48px);
  padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;
}
body .page-intro .eyebrow{
  display:flex;align-items:center;gap:10px;margin:0;
  color:#967957;font-size:10px;font-weight:700;letter-spacing:.18em;line-height:1.4;
}
body .page-intro .eyebrow::before{content:"";display:block;width:24px;height:1px;background:#b69a76}
body .page-intro h1,body .corporate-page .page-intro h1{
  max-width:960px;margin:14px 0 12px;color:#352720;
  font-size:clamp(30px,3.4vw,46px);font-weight:700;line-height:1.14;
  letter-spacing:-.045em;text-wrap:balance;
}
body .page-intro p,body .corporate-page .page-intro p{
  max-width:740px;margin:0;color:#837469;font-size:14px;line-height:1.7;
}
@media(max-width:570px){
  body .page-intro,body .corporate-page .page-intro{padding:30px 0 28px}
  body .page-intro .container,body .corporate-page .page-intro .container{width:calc(100% - 32px);padding:0;min-height:0;border-radius:0}
  body .page-intro h1,body .corporate-page .page-intro h1{font-size:30px;margin:12px 0 10px;line-height:1.18}
  body .page-intro p,body .corporate-page .page-intro p{font-size:13px;line-height:1.65}
}
/* Shared photographic backdrop: airy copy area, food image on the right. */
body .page-intro,body .corporate-page .page-intro{
  background-color:#f7f0e6;
  background-image:linear-gradient(90deg,#faf7f2 0%,#faf7f2 32%,#faf7f2e8 46%,#faf7f259 65%,#faf7f20d 100%),url('/assets/thumbs/pancake-hero.webp');
  background-size:100% 100%,max(62%,700px) auto;
  background-position:center,right 52%;
  background-repeat:no-repeat;
  padding:52px 0 50px;
}
body .page-intro .container{position:relative;z-index:1}
body .page-intro h1,body .corporate-page .page-intro h1{max-width:720px}
body .page-intro p,body .corporate-page .page-intro p{max-width:580px;color:#715c4c}
@media(max-width:820px){
  body .page-intro,body .corporate-page .page-intro{background-size:100% 100%,auto 140%;background-position:center,right center;background-image:linear-gradient(90deg,#faf7f2f5 0%,#faf7f2eb 40%,#faf7f2a8 72%,#faf7f24d 100%),url('/assets/thumbs/pancake-hero.webp')}
}
@media(max-width:570px){
  body .page-intro,body .corporate-page .page-intro{padding:34px 0 32px;background-image:linear-gradient(90deg,#faf7f2f5 0%,#faf7f2eb 50%,#faf7f2bd 100%),url('/assets/thumbs/pancake-hero.webp');background-size:100% 100%,auto 120%}
  body .page-intro p,body .corporate-page .page-intro p{max-width:100%;color:#715c4c}
}
/* Managed high-resolution masthead with a restrained editorial treatment. */
body .page-intro,body .corporate-page .page-intro{padding:48px 0;border-bottom:1px solid color-mix(in srgb,var(--heading-text,#35271f) 10%,var(--heading-background,#f7f2e9));background:var(--heading-background,#f7f2e9);background-image:none;color:var(--heading-text,#35271f)}
body .page-intro .page-heading-backdrop{position:absolute;inset:0 0 0 auto;display:block;width:60%;height:100%;max-width:none;object-fit:cover;object-position:center 62%;z-index:-2;pointer-events:none}
body .page-intro.has-background-image::after{content:"";display:block;position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,var(--heading-background,#f7f2e9) 0%,var(--heading-background,#f7f2e9) 33%,color-mix(in srgb,var(--heading-background,#f7f2e9) 96%,transparent) 43%,color-mix(in srgb,var(--heading-background,#f7f2e9) 68%,transparent) 56%,transparent 74%)}
body .page-intro h1,body .corporate-page .page-intro h1{max-width:700px;color:var(--heading-text,#35271f);font-size:clamp(30px,3vw,44px);font-weight:700;line-height:1.15;letter-spacing:-.045em}
body .page-intro p,body .corporate-page .page-intro p{max-width:560px;color:color-mix(in srgb,var(--heading-text,#35271f) 73%,var(--heading-background,#f7f2e9));font-size:14px;line-height:1.8}
body .page-intro .eyebrow{color:color-mix(in srgb,var(--heading-text,#35271f) 62%,var(--heading-background,#f7f2e9));font-size:9px;letter-spacing:.2em}
body .page-intro .eyebrow::before{background:#bb9b70}
@media(max-width:820px){body .page-intro .page-heading-backdrop{width:70%;object-position:center}body .page-intro.has-background-image::after{background:linear-gradient(90deg,var(--heading-background,#f7f2e9) 0%,color-mix(in srgb,var(--heading-background,#f7f2e9) 94%,transparent) 45%,color-mix(in srgb,var(--heading-background,#f7f2e9) 65%,transparent) 100%)}}
@media(max-width:570px){body .page-intro,body .corporate-page .page-intro{padding:34px 0}body .page-intro .page-heading-backdrop{width:100%;object-position:65% center}body .page-intro.has-background-image::after{background:linear-gradient(90deg,color-mix(in srgb,var(--heading-background,#f7f2e9) 98%,transparent),color-mix(in srgb,var(--heading-background,#f7f2e9) 90%,transparent) 70%,color-mix(in srgb,var(--heading-background,#f7f2e9) 82%,transparent))}body .page-intro h1,body .corporate-page .page-intro h1{font-size:30px}body .page-intro p,body .corporate-page .page-intro p{font-size:13px}}
