/* Editorial restaurant pages */
.editorial-layout .menu-area {
  position: relative;
  background: #241910 !important;
}

.editorial-page {
  color: #35291f;
  background: #fffdf8;
}

.editorial-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 78px 0 92px;
  background: radial-gradient(circle at 88% 48%, #6a381e 0, transparent 34%),
    linear-gradient(120deg, #17120e 0%, #2c1a12 55%, #492817 100%);
  color: #fff9ed;
}

.editorial-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  right: -8%;
  bottom: -8%;
  width: min(54vw, 690px);
  height: 82%;
  background: url('../images/hero/1.jpg') center bottom / contain no-repeat;
  opacity: .23;
  pointer-events: none;
}

.editorial-hero-inner {
  position: relative;
  z-index: 1;
}

.editorial-eyebrow {
  color: #ffc56d;
  font-size: .82rem;
  font-weight: 800;
  letter-spacing: .16em;
  text-transform: uppercase;
  margin-bottom: 22px;
}

.editorial-hero h1 {
  max-width: 860px;
  color: #fffaf1;
  font-size: clamp(2.35rem, 5.2vw, 4.7rem);
  line-height: 1.11;
  letter-spacing: -.035em;
  margin: 0 0 28px;
  overflow-wrap: break-word;
}

.editorial-intro {
  max-width: 780px;
  font-size: clamp(1.02rem, 1.6vw, 1.2rem);
  line-height: 1.8;
  color: #f2dfca;
}

.editorial-intro p:last-child { margin-bottom: 0; }

.editorial-intro a {
  display: inline-block;
  margin: 6px 12px 6px 0;
  padding: 11px 20px;
  border-radius: 999px;
  background: #f6a831;
  color: #221409;
  font-size: 1rem;
  font-weight: 700;
  text-decoration: none;
  transition: background .2s ease, transform .2s ease;
}

.editorial-intro a:hover,
.editorial-intro a:focus-visible {
  background: #ffd083;
  color: #221409;
  transform: translateY(-2px);
}

.editorial-section { padding: 78px 0; }
.editorial-section-soft { background: #fbf4e9; }
.editorial-section-inner { max-width: 1000px; }

.editorial-section h2 {
  position: relative;
  max-width: 820px;
  margin: 0 0 25px;
  padding-bottom: 20px;
  color: #2d2119;
  font-size: clamp(1.9rem, 3vw, 2.8rem);
  line-height: 1.2;
}

.editorial-section h2::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 66px;
  height: 4px;
  border-radius: 4px;
  background: #e89c26;
}

.editorial-section p,
.editorial-section li {
  color: #51453c;
  font-size: 1.06rem;
  line-height: 1.85;
}

.editorial-section p { margin-bottom: 18px; }
.editorial-section a { color: #9b4b14; font-weight: 700; text-underline-offset: 3px; }
.editorial-section a:hover { color: #6c2c07; }

.editorial-subsection {
  margin-top: 24px;
  padding: 27px 31px;
  border: 1px solid #eee2d2;
  border-left: 4px solid #e89c26;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 12px 34px rgba(67, 36, 15, .045);
}

.editorial-subsection h3 {
  margin: 0 0 11px;
  color: #342215;
  font-size: clamp(1.24rem, 2vw, 1.55rem);
  line-height: 1.3;
}

.editorial-subsection p:last-child,
.editorial-subsection ul:last-child { margin-bottom: 0; }
.editorial-list { padding-left: 1.4rem; }
.editorial-list li { padding-left: .25rem; margin: 5px 0; }
.editorial-list li::marker { color: #d8851f; }

@media (max-width: 991.98px) {
  .editorial-hero { padding-top: 68px; }
  .editorial-hero::after { width: 65vw; opacity: .15; }
}

@media (max-width: 575.98px) {
  .editorial-hero { padding: 58px 0 64px; }
  .editorial-hero::after { width: 90vw; right: -25%; opacity: .11; }
  .editorial-section { padding: 56px 0; }
  .editorial-subsection { padding: 22px 20px; }
  .editorial-intro a { margin-right: 7px; }
}