/* The four editorial pages use the existing restaurant header and footer. */
.editorial-hero {
  position: relative;
  isolation: isolate;
  min-height: 440px;
  padding: 190px 0 88px;
  display: flex;
  align-items: end;
  color: #fff;
  background: #352428;
}
.editorial-hero::before,
.editorial-hero::after { content: ""; position: absolute; inset: 0; z-index: -1; }
.editorial-hero::before { background: var(--hero-image) center 52% / cover no-repeat; }
.editorial-hero::after { background: linear-gradient(90deg, rgba(25, 18, 20, .86), rgba(25, 18, 20, .43)), linear-gradient(0deg, rgba(25, 18, 20, .4), transparent 55%); }
.editorial-hero-inner { width: 100%; }
.editorial-eyebrow { display: inline-block; margin-bottom: 18px; color: #f2c693; font-size: 12px; font-weight: 700; letter-spacing: .22em; text-transform: uppercase; }
.editorial-hero h1 { max-width: 850px; margin: 0; color: #fff; font-family: Cardo, Georgia, serif; font-size: clamp(38px, 5vw, 66px); font-weight: 700; line-height: 1.13; text-wrap: balance; }
.editorial-breadcrumb { background: #f3e9d9; border-bottom: 1px solid #e8d9c4; }
.editorial-breadcrumb .container { display: flex; flex-wrap: wrap; align-items: center; gap: 13px; padding-top: 13px; padding-bottom: 13px; color: #584743; font-size: 13px; }
.editorial-breadcrumb a { color: #7e342d; font-weight: 700; }
.editorial-breadcrumb span[aria-hidden] { color: #b79d87; }
.editorial-page { background: #fbf8f2; padding: 70px 0 100px; color: #443b38; }
.editorial-layout { max-width: 980px; }
.editorial-page p { max-width: 820px; margin: 0 0 20px; font-size: 17px; line-height: 1.8; }
.editorial-page .editorial-layout > p:first-child { font-family: Cardo, Georgia, serif; font-size: 25px; line-height: 1.5; color: #302622; }
.editorial-page h2, .editorial-page h3 { color: #322620; font-family: Cardo, Georgia, serif; font-weight: 700; }
.editorial-page h2 { margin: 0 0 25px; font-size: clamp(30px, 3.6vw, 42px); line-height: 1.2; }
.editorial-page h3 { margin: 30px 0 10px; font-size: 25px; line-height: 1.3; }
.editorial-page a { color: #9a3d30; text-decoration: underline; text-underline-offset: 3px; }
.editorial-page a:hover, .editorial-page a:focus { color: #6c291f; }
.editorial-page .editorial-section { margin-top: 58px; padding: 38px 40px 24px; background: #fff; border: 1px solid #eadfce; border-left: 4px solid #9a3d30; border-radius: 4px; box-shadow: 0 12px 35px rgba(63, 36, 23, .045); }
.editorial-page ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px 26px; margin: 15px 0 28px; padding: 0; list-style: none; }
.editorial-page li { position: relative; padding-left: 19px; font-size: 16px; line-height: 1.6; }
.editorial-page li::before { content: ""; position: absolute; left: 0; top: .72em; width: 7px; height: 7px; border-radius: 50%; background: #ae643e; }
.editorial-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 26px 0 4px; }
.editorial-actions strong { font-weight: inherit; }
.editorial-actions a { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 11px 22px; border: 1px solid #8b3a2d; border-radius: 3px; background: #8b3a2d; color: #fff; font-size: 14px; font-weight: 700; letter-spacing: .03em; text-decoration: none; transition: background .2s, color .2s; }
.editorial-actions strong a, .editorial-actions a:nth-child(2) { background: transparent; color: #8b3a2d; }
.editorial-actions a:hover, .editorial-actions a:focus { background: #5c251d; color: #fff; }
.editorial-footer-links { padding: 0 15px 36px; margin-bottom: 38px; border-bottom: 1px solid rgba(255,255,255,.22); }
.editorial-footer-links h3 { margin: 0 0 16px; color: #fff; font-family: Cardo, Georgia, serif; font-size: 25px; }
.editorial-footer-links nav { display: flex; flex-wrap: wrap; gap: 12px 26px; }
.editorial-footer-links a { color: #f5e5d2; font-size: 14px; text-decoration: none; }
.editorial-footer-links a:hover, .editorial-footer-links a:focus { color: #fff; text-decoration: underline; }
@media (max-width: 767px) {
  .editorial-hero { min-height: 360px; padding: 165px 0 55px; }
  .editorial-eyebrow { margin-bottom: 12px; font-size: 10px; }
  .editorial-hero h1 { font-size: clamp(34px, 8vw, 47px); }
  .editorial-page { padding: 42px 0 65px; }
  .editorial-page .editorial-layout > p:first-child { font-size: 22px; }
  .editorial-page p { font-size: 16px; }
  .editorial-page .editorial-section { margin-top: 35px; padding: 28px 22px 16px; }
  .editorial-page ul { grid-template-columns: 1fr; }
  .editorial-footer-links { padding-left: 15px; padding-right: 15px; }
}