/* GO EAST 2.0 — skin A "מסע": photographic and editorial.
 * The one bold move is the photography with a Hebrew serif (Frank Ruhl Libre) set large over it; everything else stays
 * quiet: white ground, hairline structure, red only on the one primary action. Loaded after main.css when skin = a. */

body.skin-a {
  --bg: #ffffff; --hl: #f2f4f8; --line: #dce2eb; --line-soft: #e9edf3;
  --display: "Frank Ruhl Libre", "David Libre", Georgia, serif;
  --r: 6px; --r-card: 14px;
  background: var(--bg);
}
.skin-a h1, .skin-a h2, .skin-a .section__head h2, .skin-a .fest h3 { font-family: var(--display); font-weight: 900; letter-spacing: 0; }
.skin-a h3 { font-family: var(--display); font-weight: 700; }
.skin-a .eyebrow { display: none; }
.skin-a .section { padding-block: 56px; }
.skin-a .section--tint, .skin-a .band { background: var(--hl); }
.skin-a .section__head h2 { font-size: 30px; line-height: 1.15; }
@media (min-width: 1024px) {
  .skin-a .section { padding-block: 96px; }
  .skin-a .section__head { margin-block-end: 40px; }
  .skin-a .section__head h2 { font-size: 44px; }
  .skin-a h1 { font-size: 64px; line-height: 1.04; }
}

/* Buttons: pill, red for the one action, a quiet navy outline for the rest */
.skin-a .btn { border-radius: 999px; font-weight: 700; }
.skin-a .btn--secondary { background: transparent; color: var(--navy); border-color: var(--navy); }
.skin-a .btn--secondary:hover { background: var(--navy); color: #fff; }

/* Header: white, hairline, no shadow */
.skin-a .hdr { box-shadow: none; border-block-end: 1px solid var(--line-soft); }
.skin-a .hdr__nav a { font-weight: 600; font-size: 15px; color: var(--navy); background: none; }
.skin-a .hdr__nav a:hover, .skin-a .hdr__nav .current-menu-item > a { color: var(--red); background: none; }
.skin-a .hdr__wa { border-color: transparent; color: var(--navy); }
.skin-a .hdr__wa svg { color: var(--wa); }

/* Home hero: the photograph is the page */
.skin-a .hero { position: relative; isolation: isolate; padding: 0; background: #0e1630; color: #fff; }
.skin-a .hero__media { display: block; position: absolute; inset: 0; z-index: -2; }
.skin-a .hero__media img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; }
.skin-a .hero__mosaic { display: none; }
.skin-a .hero::after { content: ""; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(to top, rgba(10, 16, 34, .78) 0%, rgba(10, 16, 34, .25) 55%, rgba(10, 16, 34, .35) 100%); }
.skin-a .hero__in { padding-block: 72px 32px; }
.skin-a .hero h1 { color: #fff; font-size: 38px; line-height: 1.08; text-wrap: balance; }
.skin-a .hero__sub { color: rgba(255, 255, 255, .92); font-size: 18px; line-height: 1.55; max-width: 44ch; }
.skin-a .hero__actions .btn--secondary { color: #fff; border-color: rgba(255, 255, 255, .8); }
.skin-a .hero .ge-form { margin-block-start: 24px; border: 0; border-radius: var(--r-card); box-shadow: 0 24px 60px rgba(8, 14, 32, .35); color: var(--ink); }
.skin-a .hero .ge-form h2, .skin-a .hero .ge-form h3 { font-size: 24px; }
@media (min-width: 1024px) {
  .skin-a .hero { min-height: calc(100vh - var(--hdr) - 28px); display: flex; align-items: flex-end; }
  .skin-a .hero::after { background: linear-gradient(to left, rgba(10, 16, 34, .80) 0%, rgba(10, 16, 34, .45) 42%, rgba(10, 16, 34, .05) 75%); }
  .skin-a .hero__in { width: 100%; display: grid; grid-template-columns: minmax(0, 1fr) 420px; gap: 64px; align-items: end; padding-block: 120px 72px; }
  .skin-a .hero__text { display: contents; }
  .skin-a .hero__text > :not(.ge-form) { grid-column: 1; }
  .skin-a .hero .ge-form { grid-column: 2; grid-row: 1 / span 6; align-self: end; margin: 0; }
  .skin-a .hero h1 { font-size: 72px; max-width: 12ch; }
  .skin-a .hero__actions { display: none; }
}

/* Trust line: numbers set like a masthead, no boxes */
.skin-a .trust { background: #fff; border-block: 1px solid var(--line-soft); padding-block: 28px; }
.skin-a .trust__list { justify-content: space-between; max-width: var(--container); margin-inline: auto; }
.skin-a .trust__list li { border: 0; padding: 0 12px; }
.skin-a .trust__num { font-family: var(--display); font-size: 34px; line-height: 1.1; font-weight: 900; }
.skin-a .trust__lbl { font-size: 15px; }

/* Destination tiles: tall photographs, the name in the serif */
.skin-a .tiles { gap: 16px; }
.skin-a .tile { min-height: 0; aspect-ratio: 3 / 4; border-radius: var(--r); }
.skin-a .tile::before { background: linear-gradient(to top, rgba(10, 16, 34, .72) 0%, rgba(10, 16, 34, 0) 55%); }
.skin-a .tile__t { padding: 18px; font-family: var(--display); font-weight: 700; font-size: 24px; line-height: 1.15; }
.skin-a .tile--more { aspect-ratio: auto; border: 1px solid var(--navy); border-radius: var(--r); }
.skin-a .tile--more .tile__t { font-family: var(--font); font-size: 18px; color: var(--navy); }
@media (min-width: 1024px) { .skin-a .tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } .skin-a .tile__t { font-size: 28px; } }

/* Cards: no frame, the picture carries it */
.skin-a .card { border: 0; background: transparent; border-radius: 0; box-shadow: none; }
.skin-a .card img { border-radius: var(--r); aspect-ratio: 4 / 3; }
.skin-a .card__body { padding: 14px 0 0; }
.skin-a .card__body h3 { font-size: 21px; line-height: 1.3; }
.skin-a .card:hover h3 { color: var(--red); }

/* How it works: a real sequence, so numbered; figures in the serif, no boxes */
.skin-a .steps li { background: transparent; border: 0; border-block-start: 1px solid var(--line); border-radius: 0; padding: 20px 0 0; padding-inline-start: 64px; box-shadow: none; }
.skin-a .steps li::before { background: none; color: var(--red); font-family: var(--display); font-weight: 900; font-size: 40px; width: auto; height: auto; inset-block-start: 14px; inset-inline-start: 0; border: 0; }
.skin-a .why li { border: 0; border-block-start: 1px solid var(--line); border-radius: 0; background: transparent; padding: 20px 0 0; }
.skin-a .why b { font-family: var(--display); font-size: 21px; }

/* Forms outside the hero */
.skin-a .ge-form { border-color: var(--line); border-radius: var(--r-card); }

/* Service, journey and festival blocks */
.skin-a .svc__card, .skin-a .journey { border-radius: var(--r-card); border-color: var(--line); box-shadow: none; }
.skin-a .fest { border-radius: var(--r-card); }

/* Destination and article heroes: taller, the serif over the photograph */
.skin-a .dhero::before, .skin-a .ahero::before { background: linear-gradient(to top, rgba(10, 16, 34, .82) 0%, rgba(10, 16, 34, .3) 60%, rgba(10, 16, 34, .45) 100%); }
.skin-a .dhero h1, .skin-a .ahero h1 { text-shadow: none; }
.skin-a .dhero__in, .skin-a .ahero__in { padding-block: 96px 48px; }
.skin-a .dhero__intro { font-size: 18px; line-height: 1.6; color: rgba(255, 255, 255, .92); }
@media (min-width: 1024px) {
  .skin-a .dhero { min-height: 72vh; display: flex; align-items: flex-end; }
  .skin-a .dhero__in { width: 100%; padding-block: 160px 64px; }
  .skin-a .dhero h1 { font-size: 64px; max-width: 16ch; }
  .skin-a .ahero { min-height: 60vh; display: flex; align-items: flex-end; }
  .skin-a .ahero__in { padding-block: 140px 56px; }
  .skin-a .ahero h1 { font-size: 54px; max-width: 20ch; }
}

/* Article body: serif headings, a longer, calmer reading line */
.skin-a .article__body { font-size: 18px; line-height: 1.75; }
.skin-a .article__body h2 { font-size: 32px; line-height: 1.2; margin-block-start: 48px; }
.skin-a .article__body h3 { font-size: 24px; margin-block-start: 32px; }

/* Footer */
.skin-a .ftr { background: #0e1630; }
.skin-a .ftr h4 { font-family: var(--display); font-weight: 700; font-size: 19px; }