/* /en is the one left-to-right page. The shared stylesheets were written for
   Hebrew and fix direction in a few places; these rules undo those, then style
   the sections this page has and the home page does not. */

.en-page .home-service__copy,
.en-page .home-footer nav {
  direction: ltr;
}

/* The photograph is on the right here, so the shadow that softens the seam
   against the copy belongs on its left edge. */
.en-page .review-3a__scrim {
  background: linear-gradient(to right, rgb(40 55 31 / 55%) 0%, transparent 38%);
}

.en-page .review-3a__rule {
  transform-origin: left center;
}

/* Hebrew is the default face; English body text reads better a touch larger
   than the Hebrew sizes tuned for Assistant's Hebrew glyphs. */
.en-page .home-service__copy p {
  font-size: 1.05rem;
}

.en-menu-note {
  width: min(1100px, calc(100% - 48px));
  margin: 22px auto 0;
  color: #73746e;
  font-size: 0.95rem;
  text-align: center;
}

/* Sugar-free band: the forest ground of the hero, one short paragraph. */
.en-sugar {
  padding: 72px max(24px, calc((100% - 760px) / 2));
  color: var(--review-3a-cream);
  background: var(--review-3a-forest);
  text-align: center;
}

.en-sugar__eyebrow,
.en-faq header > p,
.en-contact header > p {
  margin: 0;
  color: var(--review-3a-gold-light);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.3em;
  text-transform: uppercase;
}

.en-sugar h2 {
  margin: 18px 0 0;
  color: var(--review-3a-cream);
  font-family: "Montserrat", Arial, sans-serif;
  font-size: clamp(1.7rem, 2.8vw, 2.2rem);
  font-weight: 400;
  line-height: 1.08;
}

.en-sugar p:not(.en-sugar__eyebrow) {
  margin: 22px 0 0;
  color: rgb(255 253 248 / 82%);
  font-size: 17px;
  line-height: 1.8;
}

.en-sugar .home-text-link {
  display: inline-block;
  margin-top: 26px;
  color: var(--review-3a-gold-light);
}

/* The about story reuses about.css; its header column is already sized. */
.en-page .review-about__story header > p {
  color: #8c4037;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.3em;
  text-transform: uppercase;
}

.en-faq {
  width: min(1120px, calc(100% - 48px));
  padding: 0 0 96px;
  margin: 0 auto;
  color: #4f504b;
}

.en-faq header > p {
  color: #8c4037;
}

.en-faq h2,
.en-contact h2 {
  margin: 18px 0 0;
  color: var(--review-3a-forest);
  font-family: "Frank Ruhl Libre", Georgia, serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: 0;
}

.en-faq__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 36px 64px;
  margin-top: 44px;
}

.en-faq h3 {
  display: inline-block;
  padding-bottom: 6px;
  margin: 0 0 10px;
  color: #4f504c;
  border-bottom: 1px solid currentColor;
  font-size: 1.15rem;
  font-weight: 600;
  line-height: 1.3;
}

.en-faq p {
  margin: 0;
  font-size: 17px;
  line-height: 1.8;
}

.en-contact {
  padding: 80px 24px 96px;
  color: #333;
  background: #fff;
}

.en-contact header {
  width: min(600px, 100%);
  margin: 0 auto 32px;
  text-align: center;
}

.en-contact__lead {
  margin: 16px 0 0;
  color: #5c5d57;
  font-size: 17px;
  line-height: 1.7;
}

.en-contact .contact-form button {
  cursor: pointer;
}

@media (max-width: 900px) {
  .en-faq__list {
    grid-template-columns: 1fr;
    gap: 28px;
  }
}

@media (max-width: 520px) {
  .en-faq {
    width: calc(100% - 40px);
    padding-bottom: 68px;
  }

  .en-faq h2,
  .en-contact h2 {
    font-size: 32px;
  }

  .en-sugar {
    padding: 56px 20px;
  }

  .en-contact {
    padding: 56px 20px 64px;
  }
}

/* The accessibility panel reads its labels from the page language; its box is
   hard-coded right-to-left in styles.css. */
.en-page .a11y-panel {
  direction: ltr;
}

/* Each option is a grid of icon, label, state; the label was right-aligned
   for Hebrew and would otherwise sit flush against the state word. */
.en-page .a11y-option {
  text-align: left;
}