/* Short, landscape introductions shared by the five information pages. */
body main>.section.page-photo-banner{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;min-height:340px;padding-block:64px;overflow:hidden;background:#302923!important;color:#fff}
.page-photo-banner>.page-banner-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 45%}
.page-photo-banner::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(20,17,14,.83),rgba(20,17,14,.5) 55%,rgba(20,17,14,.12))}
body main>.page-photo-banner h1{font-size:clamp(36px,4vw,54px)!important;line-height:1.25!important;color:#fff!important;margin:0 0 20px!important;max-width:700px;letter-spacing:-.045em}
body main>.page-photo-banner p{color:#fff!important;font-size:17px!important;line-height:1.8!important;margin:0!important;max-width:610px}
body main>.page-photo-banner .banner-company-label{font-size:15px!important;font-weight:650;margin-bottom:15px!important;color:#f1e6d7!important}
body main>.page-photo-banner .button{align-self:flex-start;margin-top:24px;background:#fff;color:#302923;min-height:44px;padding:10px 20px;font-size:15px}
.page-photo-banner .banner-image-note{position:absolute;right:24px;bottom:12px;font-size:11px;color:#fff;opacity:.85}
body main>.company-page-banner{min-height:410px}
.company-page-banner>.page-banner-photo{object-position:center 50%}
.menu-page-banner>.page-banner-photo{object-position:right 60%}
.menu-page-banner::before{background:linear-gradient(90deg,rgba(20,17,14,.88),rgba(20,17,14,.45) 50%,rgba(20,17,14,.08))}
.partnership-page-banner>.page-banner-photo{object-position:center 55%}
body main>.partnership-page-banner h1{max-width:500px}
body main>.partnership-page-banner p{max-width:480px}
.partnership-page-banner .banner-partner-symbol{position:absolute;right:max(32px,calc((100% - 1200px)/2));top:50%;transform:translateY(-50%);width:350px;height:175px;background:#fffaf3 url('/assets/brand-partners-dining.png') center/contain no-repeat;border-radius:4px}
body main>.partnership-intro{padding-block:42px!important}
body main>.partnership-intro .partnership-lead{margin-top:0}
body.menu-clean-page main>.menu-category-page{padding-top:20px!important}
body.menu-clean-page .menu-category-tabs{margin-top:0}
body main>.complete-food{padding-top:30px!important}
/* The logo source already has alpha; remove the CSS card and place it above the title. */
body main>.partnership-page-banner{justify-content:flex-end;padding-top:145px;padding-bottom:44px}
.partnership-page-banner::before{background:radial-gradient(ellipse 650px 220px at 0 0,rgba(255,250,243,.98),rgba(255,250,243,.85) 40%,transparent 85%),linear-gradient(90deg,rgba(20,17,14,.8),rgba(20,17,14,.25) 70%,rgba(20,17,14,.1))}
.partnership-page-banner .banner-partner-symbol{left:max(24px,calc((100% - 1200px)/2));right:auto;top:12px;transform:none;width:280px;height:125px;background-color:transparent;background-size:contain;border-radius:0}
body main>.partnership-page-banner h1{max-width:100%;font-size:44px!important}
.partnership-page-banner h1 br{display:none}
@media(max-width:760px){
 body main>.section.page-photo-banner,body.detail-page:not(.menu-clean-page) main>.section.page-photo-banner:first-child:not(.menu-impact),body.company-page main>.section.page-photo-banner{min-height:220px;padding:35px 24px}
 body main>.page-photo-banner h1{font-size:30px!important;max-width:100%;margin-bottom:13px!important}
 body main>.page-photo-banner p{font-size:14px!important;line-height:1.7!important;max-width:300px}
 .page-photo-banner::before{background:linear-gradient(90deg,rgba(20,17,14,.82),rgba(20,17,14,.5) 65%,rgba(20,17,14,.22))}
 .page-photo-banner>.page-banner-photo{object-position:center}
 body main>.company-page-banner{min-height:270px!important}
 body main>.company-page-banner h1{font-size:29px!important}
 body main>.page-photo-banner .banner-company-label{font-size:12px!important;margin-bottom:11px!important}
 body main>.page-photo-banner .button{font-size:13px;min-height:38px;margin-top:16px;padding:8px 15px}
 .page-photo-banner .banner-image-note{font-size:9px;right:14px;bottom:8px}
 body main>.partnership-page-banner,body.detail-page:not(.menu-clean-page) main>.section.partnership-page-banner:first-child:not(.menu-impact){padding-top:112px;padding-bottom:26px;min-height:220px}
 .partnership-page-banner::before{background:radial-gradient(ellipse 360px 150px at 0 0,rgba(255,250,243,.98),rgba(255,250,243,.85) 40%,transparent 85%),linear-gradient(90deg,rgba(20,17,14,.8),rgba(20,17,14,.3))}
 .partnership-page-banner .banner-partner-symbol{left:16px;right:auto;top:5px;width:225px;height:105px;background-color:transparent}
 body main>.partnership-page-banner h1{font-size:28px!important;max-width:100%}
 body main>.partnership-page-banner p{max-width:100%;font-size:13px!important}
 body main>.partnership-intro{padding-block:32px!important}
 body.menu-clean-page main>.menu-category-page{padding-top:12px!important}
 body main>.complete-food{padding-top:24px!important}
}
