
:root {
  --sand: #f4ead8;
  --sand-deep: #d2a86e;
  --clay: #9b6439;
  --ink: #1e352f;
  --sage: #5c6a52;
  --night: #14201c;
  --cream: #fff8ed;
  --turq: #2f8d8a;
  --line: rgba(48, 39, 28, .14);
  --shadow: 0 26px 90px rgba(49, 36, 22, .22);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  direction: rtl;
  font-family: Assistant, Arial, sans-serif;
  color: var(--ink);
  background:
    radial-gradient(circle at top right, rgba(210, 168, 110, .28), transparent 32rem),
    linear-gradient(180deg, #fff6e7 0%, #f3e5cf 48%, #fff8ed 100%);
}
body.modal-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
img, video { max-width: 100%; display: block; }
button, input, textarea { font: inherit; }
.desert-page { overflow: hidden; }
.section-shell { width: min(1180px, calc(100% - 36px)); margin: 0 auto; }
.kicker { color: var(--clay); font-size: .96rem; font-weight: 900; letter-spacing: .05em; }
.cta-button, .ghost-button, .ghost-dark-button {
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-weight: 900;
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease;
}
.cta-button {
  color: #fff;
  background: linear-gradient(135deg, #c37a3a, #2f8d8a);
  padding: 15px 28px;
  box-shadow: 0 16px 34px rgba(92, 64, 42, .22);
}
.cta-button:hover, .ghost-button:hover, .ghost-dark-button:hover { transform: translateY(-2px); }
.ghost-button {
  color: #fff;
  border: 1px solid rgba(255,255,255,.46);
  background: rgba(255,255,255,.15);
  backdrop-filter: blur(12px);
  padding: 14px 25px;
}
.ghost-dark-button {
  color: var(--ink);
  border: 1px solid rgba(39,53,47,.16);
  background: rgba(255,255,255,.5);
  padding: 13px 22px;
}
[data-reveal] { opacity: 0; transform: translateY(34px); transition: opacity .75s ease, transform .75s ease; }
[data-reveal].is-visible { opacity: 1; transform: translateY(0); }
.floating-lead-cta { position: fixed; left: 28px; bottom: 28px; z-index: 5000; }
.floating-lead-button {
  border: 0;
  border-radius: 999px;
  padding: 14px 22px 14px 24px;
  background: linear-gradient(135deg, #c37a3a, #2f8d8a);
  color: #fff;
  box-shadow: 0 16px 40px rgba(31, 55, 49, .28);
  cursor: pointer;
  display: grid;
  gap: 2px;
  text-align: right;
}
.floating-lead-button span { font-size: .86rem; opacity: .9; }
.floating-lead-button strong { font-size: 1.05rem; }
.lead-modal { position: fixed; inset: 0; z-index: 8000; display: none; }
.lead-modal.is-open { display: block; }
.lead-modal-backdrop { position: absolute; inset: 0; background: rgba(18,26,23,.58); backdrop-filter: blur(8px); }
.lead-modal-panel {
  position: relative;
  width: min(900px, calc(100% - 32px));
  margin: 7vh auto;
  background: #fff7ea;
  border-radius: 34px;
  padding: 34px;
  display: grid;
  grid-template-columns: .85fr 1fr;
  gap: 30px;
  box-shadow: var(--shadow);
  border: 1px solid rgba(255,255,255,.62);
}
.lead-modal-close { position: absolute; top: 18px; left: 22px; border: 0; background: rgba(30,53,47,.09); width: 40px; height: 40px; border-radius: 50%; cursor: pointer; font-size: 26px; color: var(--ink); }
.lead-modal-copy h2 { margin: 8px 0 12px; font-size: clamp(2rem, 4vw, 3.2rem); line-height: 1; }
.lead-modal-copy p { margin: 0; color: rgba(30,53,47,.72); font-size: 1.1rem; line-height: 1.8; }
.form-field { display: grid; gap: 7px; }
.form-field label { font-weight: 900; color: rgba(30,53,47,.76); }
.form-field input, .form-field textarea {
  border: 1px solid rgba(49,36,22,.14);
  background: rgba(255,255,255,.78);
  border-radius: 18px;
  padding: 13px 16px;
  color: var(--ink);
  outline: none;
}
.form-field textarea { min-height: 102px; resize: vertical; }
.modal-lead-form, .quick-lead-form, .final-form { display: grid; gap: 14px; }
.consent { display: flex; align-items: flex-start; gap: 10px; color: rgba(30,53,47,.7); line-height: 1.5; }
.form-note { margin: 0; min-height: 22px; color: var(--turq); font-weight: 800; }
.desert-hero {
  position: relative;
  height: 100svh;
  min-height: 720px;
  display: grid;
  align-items: center;
  padding: 108px 0 50px;
  color: #fff;
  isolation: isolate;
  overflow: hidden;
}
.hero-bg { position: absolute; inset: 0; z-index: -3; }
.hero-bg img { width: 100%; height: 100%; object-fit: cover; object-position: center center; filter: saturate(1.05) contrast(1.05); }
.hero-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(16,27,22,.84) 0%, rgba(16,27,22,.55) 42%, rgba(16,27,22,.18) 100%),
    linear-gradient(180deg, rgba(16,27,22,.28) 0%, rgba(16,27,22,.12) 52%, rgba(16,27,22,.72) 100%);
}
.hero-sand-glow { position: absolute; inset: auto 0 0 0; height: 36%; background: linear-gradient(0deg, rgba(210,168,110,.34), transparent); z-index: -2; }
.hero-content { display: grid; grid-template-columns: 1.03fr .97fr; gap: 60px; align-items: center; }
.hero-pill { display: inline-flex; padding: 9px 16px; border-radius: 999px; background: rgba(255,255,255,.15); border: 1px solid rgba(255,255,255,.24); backdrop-filter: blur(12px); font-weight: 900; }
.hero-copy h1 { margin: 16px 0 14px; font-size: clamp(3.7rem, 7.9vw, 7.8rem); line-height: .9; letter-spacing: -.045em; }
.hero-copy h1 span { display: block; font-size: .48em; color: #f2d4a2; letter-spacing: -.015em; }
.hero-subtitle { margin: 0 0 18px; max-width: 760px; font-size: clamp(1.35rem, 2.3vw, 2.1rem); line-height: 1.55; font-weight: 800; }
.hero-text { margin: 0; max-width: 760px; color: rgba(255,255,255,.84); font-size: 1.16rem; line-height: 1.85; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin: 34px 0 28px; }
.hero-facts { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 12px; max-width: 820px; }
.hero-facts div { padding: 15px 16px; border: 1px solid rgba(255,255,255,.22); background: rgba(255,255,255,.12); border-radius: 20px; backdrop-filter: blur(14px); }
.hero-facts small { display: block; opacity: .74; font-weight: 800; margin-bottom: 4px; }
.hero-facts strong { font-size: 1.08rem; }
.hero-visual { position: relative; min-height: 510px; }
.photo-card { position: absolute; border: 9px solid rgba(255,255,255,.94); border-radius: 34px; overflow: hidden; box-shadow: 0 28px 70px rgba(0,0,0,.32); background: #fff; }
.photo-card img { width: 100%; height: 100%; object-fit: cover; }
.photo-card.main { width: 68%; height: 440px; right: 6%; top: 20px; transform: rotate(4deg); }
.photo-card.one { width: 38%; height: 270px; left: -21%; top: 0; transform: rotate(-8deg); }
.photo-card.two { width: 42%; height: 280px; left: -15%; bottom: -3px; transform: rotate(6deg); }
.hero-note { position: absolute; right: 0; bottom: 14px; width: 330px; padding: 22px 24px; border-radius: 28px; color: var(--ink); background: rgba(255,248,237,.88); backdrop-filter: blur(15px); box-shadow: var(--shadow); }
.hero-note strong { display: block; color: var(--clay); font-size: 1.12rem; margin-bottom: 6px; }
.hero-scroll { position: absolute; bottom: 28px; right: 50%; transform: translateX(50%); display: flex; flex-direction: column; align-items: center; gap: 8px; color: rgba(255,255,255,.78); font-weight: 800; }
.hero-scroll span { width: 1px; height: 42px; background: linear-gradient(180deg, transparent, #fff); }
.intro-section, .quick-lead-section, .gifts-section, .know-section, .program-section, .video-section, .gallery-section, .guide-section, .final-lead { padding: 88px 0; }
.intro-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 52px; align-items: center; }
.intro-copy h2, .section-heading h2, .quick-lead-copy h2, .program-header h2, .guide-section h2, .final-copy h2, .video-copy h2 { margin: 8px 0 18px; font-size: clamp(2.4rem, 5vw, 4.7rem); line-height: 1.02; letter-spacing: -.03em; }
.intro-copy p, .section-heading p, .quick-lead-copy p, .program-header p, .video-copy p, .final-copy p { margin: 0 0 16px; font-size: 1.18rem; line-height: 1.9; color: rgba(30,53,47,.76); }
.intro-visual { position: relative; min-height: 540px; }
.intro-visual img { position: absolute; border-radius: 32px; object-fit: cover; box-shadow: var(--shadow); }
.intro-visual img:first-child { width: 68%; height: 420px; right: 0; top: 30px; }
.intro-visual img:nth-child(2) { width: 48%; height: 260px; left: 0; bottom: 22px; border: 8px solid #fff8ed; }
.intro-quote { position: absolute; right: 42px; bottom: 10px; background: rgba(255,248,237,.88); border-radius: 26px; padding: 22px; width: min(390px, 80%); box-shadow: var(--shadow); font-weight: 900; color: var(--clay); }
.quick-lead-card {
  display: grid;
  grid-template-columns: .95fr 1.05fr;
  gap: 30px;
  align-items: center;
  padding: 36px;
  border-radius: 38px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(255,255,255,.75);
  box-shadow: 0 24px 70px rgba(75, 47, 24, .14);
}
.quick-lead-form { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: end; }
.quick-lead-form .cta-button { grid-column: span 2; }
.quick-lead-form .ghost-dark-button { grid-column: span 1; }
.quick-lead-form .form-note { grid-column: 1 / -1; }
.gifts-section { background: linear-gradient(180deg, rgba(255,255,255,.42), rgba(255,248,237,.7)); }
.section-heading { text-align: center; max-width: 900px; margin: 0 auto 44px; }
.gifts-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.gift-card { min-height: 260px; padding: 24px; border-radius: 32px; background: rgba(255,255,255,.68); border: 1px solid rgba(255,255,255,.8); box-shadow: 0 18px 50px rgba(75,47,24,.11); position: relative; overflow: hidden; }
.gift-card::before { content: ""; position: absolute; width: 160px; height: 160px; border-radius: 999px; background: rgba(210,168,110,.18); left: -60px; top: -60px; }
.gift-card span { display: inline-grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: #f0d5ac; color: var(--clay); font-weight: 900; margin-bottom: 28px; position: relative; }
.gift-card h3 { margin: 0 0 10px; font-size: 1.55rem; }
.gift-card p { margin: 0; color: rgba(30,53,47,.72); line-height: 1.7; }
.know-card {
  display: grid;
  grid-template-columns: .86fr 1.14fr;
  grid-template-areas:
    "copy list"
    "visual list";
  gap: 24px 38px;
  padding: 42px;
  border-radius: 42px;
  background:
    radial-gradient(circle at 14% 10%, rgba(210,168,110,.28), transparent 26rem),
    linear-gradient(135deg, rgba(255,255,255,.78), rgba(255,248,237,.94));
  color: var(--ink);
  box-shadow: 0 24px 72px rgba(75,47,24,.14);
  border: 1px solid rgba(255,255,255,.75);
  position: relative;
  overflow: hidden;
}
.know-copy { grid-area: copy; position: relative; z-index: 1; }
.know-card h2 { margin: 8px 0 16px; font-size: clamp(2.4rem, 5vw, 4.5rem); line-height: 1; }
.know-card p { color: rgba(30,53,47,.72); line-height: 1.85; }
.know-visual { grid-area: visual; margin: 0; min-height: 260px; border-radius: 32px; overflow: hidden; box-shadow: 0 20px 56px rgba(75,47,24,.16); border: 8px solid rgba(255,248,237,.9); }
.know-visual img { width: 100%; height: 100%; object-fit: cover; }
.know-list { grid-area: list; margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; align-content: center; }
.know-list li { padding: 18px 18px; border-radius: 24px; background: rgba(255,255,255,.72); border: 1px solid rgba(210,168,110,.24); line-height: 1.55; font-weight: 800; box-shadow: 0 14px 34px rgba(75,47,24,.08); }
.program-section { position: relative; background: #13221d; color: #fff8ed; isolation: isolate; }
.program-bg { position: absolute; inset: 0; z-index: -2; }
.program-bg img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .7s ease; filter: saturate(.9) brightness(.7); }
.program-bg img.is-active { opacity: .38; }
.program-section::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(19,34,29,.88), rgba(19,34,29,.78)); }
.program-header { max-width: 860px; margin: 0 auto 44px; text-align: center; }
.program-header p { color: rgba(255,248,237,.78); }
.program-layout { display: grid; grid-template-columns: 140px 1fr; gap: 34px; align-items: start; }
.route-nav { position: sticky; top: 116px; height: calc(100vh - 150px); min-height: 560px; }
.route-nav-inner { position: relative; height: 100%; }
.route-nav svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.route-path-base, .route-path-progress { fill: none; stroke-linecap: round; stroke-width: 7; }
.route-path-base { stroke: rgba(255,248,237,.22); }
.route-path-progress { stroke: #f0c38d; stroke-dasharray: var(--route-length, 1000); stroke-dashoffset: calc(var(--route-length, 1000) * (1 - var(--route-progress, 0))); transition: stroke-dashoffset .12s linear; }
.route-dot { position: absolute; right: 50%; transform: translate(50%, -50%); width: 66px; height: 66px; border-radius: 50%; border: 1px solid rgba(255,255,255,.42); background: rgba(255,255,255,.18); color: #fff; cursor: pointer; font-weight: 900; transition: transform .22s ease, background .22s ease; }
.route-dot:nth-of-type(1) { top: 7%; }
.route-dot:nth-of-type(2) { top: 50%; }
.route-dot:nth-of-type(3) { top: 93%; }
.route-dot.is-active { background: #f5dfc2; color: var(--ink); transform: translate(50%, -50%) scale(1.16); box-shadow: 0 12px 24px rgba(0,0,0,.28); }
.days-stack { display: grid; gap: 48px; }
.day-card { display: grid; grid-template-columns: .86fr 1.14fr; gap: 0; background: rgba(255,248,237,.93); color: var(--ink); border-radius: 38px; overflow: hidden; box-shadow: var(--shadow); min-height: 520px; border: 1px solid rgba(255,255,255,.5); transform: scale(.96); opacity: .68; transition: transform .35s ease, opacity .35s ease; }
.day-card.is-active { transform: scale(1); opacity: 1; }
.day-image img { width: 100%; height: 100%; object-fit: cover; }
.day-content { padding: 42px; display: grid; align-content: center; }
.day-meta { display: flex; align-items: center; gap: 10px; margin-bottom: 18px; }
.day-meta span, .day-meta strong { padding: 7px 13px; border-radius: 999px; font-size: .94rem; font-weight: 900; }
.day-meta span { color: #fff; background: var(--clay); }
.day-meta strong { color: var(--ink); background: rgba(210,168,110,.26); }
.day-content h3 { margin: 0 0 18px; font-size: clamp(2.2rem, 4.8vw, 4.3rem); line-height: 1.02; letter-spacing: -.03em; }
.day-content p { margin: 0 0 14px; font-size: 1.12rem; line-height: 1.85; color: rgba(30,53,47,.75); }
.day-content ul { margin: 18px 0 0; padding: 0; list-style: none; display: grid; gap: 10px; }
.day-content li { position: relative; padding-right: 24px; line-height: 1.6; font-weight: 700; color: rgba(30,53,47,.82); }
.day-content li::before { content: ""; position: absolute; right: 0; top: .7em; width: 8px; height: 8px; border-radius: 50%; background: var(--turq); }
.video-layout { display: grid; grid-template-columns: .85fr 1.15fr; gap: 42px; align-items: center; }
.video-frame { border-radius: 36px; overflow: hidden; box-shadow: var(--shadow); background: #111; border: 10px solid #fff8ed; }
.video-frame video { width: 100%; max-height: 650px; background: #111; object-fit: contain; }
.gallery-grid { display: grid; grid-template-columns: 1.2fr .8fr .8fr; gap: 18px; }
.gallery-grid figure { margin: 0; border-radius: 30px; overflow: hidden; box-shadow: var(--shadow); min-height: 330px; }
.gallery-grid figure:first-child { grid-row: span 2; min-height: 680px; }
.gallery-grid img { width: 100%; height: 100%; object-fit: cover; }
.guide-card { display: grid; grid-template-columns: 170px 1fr; gap: 28px; align-items: center; max-width: 920px; margin: 0 auto; padding: 28px; border-radius: 34px; background: rgba(255,255,255,.72); border: 1px solid rgba(255,255,255,.8); box-shadow: 0 22px 60px rgba(75,47,24,.13); }
.guide-card img { width: 170px; height: 170px; object-fit: cover; border-radius: 50%; border: 8px solid #fff8ed; }
.guide-card h3 { margin: 0 0 8px; font-size: 2.2rem; }
.guide-card p { margin: 0; line-height: 1.75; color: rgba(30,53,47,.73); }
.final-lead { padding-bottom: 120px; }
.final-card { display: grid; grid-template-columns: .9fr 1.1fr; gap: 36px; align-items: center; padding: 42px; border-radius: 42px; background: linear-gradient(135deg, rgba(255,248,237,.94), rgba(230,203,165,.72)); box-shadow: var(--shadow); border: 1px solid rgba(255,255,255,.76); }
.final-form { grid-template-columns: 1fr 1fr; }
.final-form .full { grid-column: 1 / -1; }
@media (max-width: 980px) {
  .hero-content, .intro-grid, .quick-lead-card, .know-card, .video-layout, .final-card { grid-template-columns: 1fr; }
  .know-card { grid-template-areas: "copy" "visual" "list"; }
  .hero-visual { min-height: 470px; }
  .hero-facts, .gifts-grid, .know-list, .quick-lead-form { grid-template-columns: 1fr 1fr; }
  .program-layout { grid-template-columns: 1fr; }
  .route-nav { position: sticky; top: 86px; height: 86px; min-height: 86px; z-index: 5; }
  .route-nav svg { display: none; }
  .route-nav-inner { display: flex; justify-content: center; gap: 16px; align-items: center; background: rgba(19,34,29,.68); border: 1px solid rgba(255,255,255,.12); backdrop-filter: blur(12px); border-radius: 999px; }
  .route-dot { position: static; transform: none !important; width: 54px; height: 54px; }
  .day-card { grid-template-columns: 1fr; }
  .day-image { height: 320px; }
  .gallery-grid { grid-template-columns: 1fr; }
  .gallery-grid figure:first-child { grid-row: auto; min-height: 340px; }
  .lead-modal-panel { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
  .section-shell { width: min(100% - 24px, 1180px); }
  .desert-hero { height: auto; min-height: 100svh; padding-top: 124px; overflow: visible; }
  .hero-content { gap: 24px; }
  .hero-copy h1 { font-size: clamp(3.5rem, 17vw, 5.8rem); }
  .hero-facts, .gifts-grid, .know-list, .quick-lead-form, .final-form { grid-template-columns: 1fr; }
  .hero-visual { min-height: 390px; }
  .photo-card.main { width: 76%; height: 330px; right: 0; }
  .photo-card.one { width: 48%; height: 190px; left: 0; top: 28px; }
  .photo-card.two { width: 50%; height: 190px; left: 2%; bottom: 18px; }
  .hero-note { right: 8px; bottom: 0; width: calc(100% - 16px); }
  .intro-section, .quick-lead-section, .gifts-section, .know-section, .program-section, .video-section, .gallery-section, .guide-section, .final-lead { padding: 58px 0; }
  .quick-lead-card, .know-card, .final-card { padding: 24px; border-radius: 28px; }
  .day-content { padding: 28px; }
  .day-content h3 { font-size: 2.7rem; }
  .guide-card { grid-template-columns: 1fr; text-align: center; }
  .guide-card img { margin: 0 auto; }
  .floating-lead-cta { left: 12px; right: 12px; bottom: 12px; }
  .floating-lead-button { width: 100%; }
}


/* v27 - refined exact "חשוב לדעת" section, closer to the info-sheet language */
.know-section {
  position: relative;
  background:
    radial-gradient(circle at 16% 10%, rgba(210, 168, 110, .18), transparent 28rem),
    radial-gradient(circle at 92% 84%, rgba(47, 141, 138, .08), transparent 24rem),
    linear-gradient(180deg, rgba(255, 248, 237, .94), rgba(247, 232, 208, .82));
}
.know-card.know-card-refined {
  display: grid;
  grid-template-columns: 74px minmax(0, 1fr) 270px;
  grid-template-areas:
    "rail copy art"
    "rail list art";
  gap: 10px 34px;
  padding: 46px 50px 42px;
  border-radius: 44px;
  background:
    linear-gradient(135deg, rgba(255, 249, 239, .98), rgba(249, 232, 203, .92));
  border: 1px solid rgba(188, 142, 83, .26);
  box-shadow: 0 32px 88px rgba(75,47,24,.15);
  overflow: hidden;
  position: relative;
}
.know-card.know-card-refined::before {
  content: "";
  position: absolute;
  inset: 12px;
  border: 1px solid rgba(188, 142, 83, .14);
  border-radius: 34px;
  pointer-events: none;
}
.know-card.know-card-refined::after {
  content: "";
  position: absolute;
  left: 24px;
  bottom: 18px;
  width: 340px;
  height: 136px;
  background:
    linear-gradient(135deg, rgba(255,248,237,.38), rgba(255,248,237,.82)),
    url('../journeys/desert-wisdom-gifts/cave-opening.webp') center/cover no-repeat;
  opacity: .34;
  filter: sepia(.22) saturate(.9);
  border-radius: 44px 44px 0 44px;
  transform: rotate(-2deg);
}
.know-card-refined .know-copy {
  grid-area: copy;
  z-index: 2;
  align-self: end;
  text-align: center;
  padding-inline: 10px;
}
.know-card-refined .know-copy .kicker {
  color: var(--clay);
  font-weight: 900;
  letter-spacing: .05em;
}
.know-card-refined .know-copy h2 {
  margin: 4px 0 10px;
  color: var(--blue);
  font-size: clamp(2.4rem, 4.8vw, 4.4rem);
  line-height: 1;
  letter-spacing: -.02em;
}
.know-icon-rail {
  grid-area: rail;
  z-index: 2;
  display: grid;
  gap: 10px;
  align-content: center;
  justify-items: center;
  padding: 8px 0;
}
.know-icon-rail span {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: rgba(236, 208, 164, .74);
  color: var(--blue);
  border: 1px solid rgba(188, 142, 83, .28);
  box-shadow: 0 10px 24px rgba(75,47,24,.08);
  font-size: 1.12rem;
  font-weight: 900;
}
.know-ornament-right {
  grid-area: art;
  z-index: 1;
  align-self: stretch;
  min-height: 430px;
  border-radius: 150px 150px 34px 34px;
  background:
    linear-gradient(180deg, rgba(255,250,241,.16), rgba(255,250,241,.68)),
    url('../journeys/desert-wisdom-gifts/hero-sandboard.webp') center/cover no-repeat;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.5), 0 18px 44px rgba(75,47,24,.11);
  opacity: .42;
  transform: rotate(2deg);
}
.know-ornament-bottom { display: none; }
.know-list.know-list-exact {
  grid-area: list;
  z-index: 2;
  display: block;
  list-style: none;
  margin: 2px 0 0;
  padding: 0;
  align-self: start;
}
.know-list.know-list-exact li {
  position: relative;
  margin: 0;
  padding: 9px 30px 9px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: rgba(30,53,47,.88);
  font-weight: 750;
  line-height: 1.72;
  font-size: 1.04rem;
}
.know-list.know-list-exact li::before {
  content: "";
  position: absolute;
  right: 5px;
  top: 1.05em;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--clay);
  box-shadow: 0 0 0 5px rgba(210,168,110,.12);
}
@media (max-width: 1100px) {
  .know-card.know-card-refined {
    grid-template-columns: 64px 1fr;
    grid-template-areas:
      "rail copy"
      "rail list";
    padding: 38px 32px;
  }
  .know-ornament-right { display: none; }
  .know-icon-rail span { width: 42px; height: 42px; }
}
@media (max-width: 760px) {
  .know-card.know-card-refined {
    grid-template-columns: 1fr;
    grid-template-areas:
      "copy"
      "list";
    padding: 28px 22px;
    border-radius: 30px;
  }
  .know-icon-rail { display: none; }
  .know-card-refined .know-copy { text-align: right; }
  .know-list.know-list-exact li { padding-right: 24px; font-size: .98rem; }
}

/* v28 - unified lead form layout */
.modal-lead-form,
.quick-lead-form,
.final-form,
form.lead-card,
form[data-lead-form] .form-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 14px 16px;
  align-items: end;
}

.modal-lead-form .form-field,
.quick-lead-form .form-field,
.final-form .form-field,
form.lead-card .form-field,
form[data-lead-form] .form-grid .form-field {
  min-width: 0;
}

.modal-lead-form .email-field,
.quick-lead-form .email-field,
.final-form .email-field,
form.lead-card .email-field,
form[data-lead-form] .form-grid .email-field,
.modal-lead-form .full,
.quick-lead-form .full,
.final-form .full,
form.lead-card .full,
form[data-lead-form] .form-grid .full {
  grid-column: 1 / -1;
}

.modal-lead-form .consent,
.quick-lead-form .consent,
.final-form .consent,
form.lead-card .consent,
form[data-lead-form] > .consent {
  grid-column: 1 / -1;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  margin: 12px 0 18px;
  line-height: 1.55;
}

.modal-lead-form .consent input,
.quick-lead-form .consent input,
.final-form .consent input,
form.lead-card .consent input,
form[data-lead-form] > .consent input {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
  margin-top: 3px;
  accent-color: var(--turquoise, #328b86);
}

.modal-lead-form .consent span,
.quick-lead-form .consent span,
.final-form .consent span,
form.lead-card .consent span,
form[data-lead-form] > .consent span {
  font-size: .92rem;
  font-weight: 700;
}

.modal-lead-form .cta-button,
.final-form .cta-button,
form.lead-card .cta-button,
form[data-lead-form] > .cta-button {
  grid-column: 1 / -1;
  margin-top: 2px;
}

.quick-lead-form .cta-button,
.quick-lead-form .ghost-dark-button {
  grid-column: auto;
  width: 100%;
  margin-top: 2px;
}

.modal-lead-form .form-note,
.quick-lead-form .form-note,
.final-form .form-note,
form.lead-card .form-note,
form[data-lead-form] > .form-note {
  grid-column: 1 / -1;
}

@media (max-width: 680px) {
  .modal-lead-form,
  .quick-lead-form,
  .final-form,
  .lead-card,
  form[data-lead-form] .form-grid {
    grid-template-columns: 1fr;
  }

  .quick-lead-form .cta-button,
  .quick-lead-form .ghost-dark-button {
    grid-column: 1 / -1;
  }
}



/* v29 - desert exact info alignment and sticky route refinement */
.know-card.know-card-refined {
  grid-template-columns: minmax(0, 1fr) 280px;
  grid-template-areas:
    "copy art"
    "list art";
}
.know-icon-rail {
  display: none !important;
}
.know-list.know-list-exact {
  display: grid;
  gap: 0;
}
.know-list.know-list-exact li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 48px;
  align-items: center;
  gap: 18px;
  padding: 8px 0;
  min-height: 48px;
}
.know-list.know-list-exact li::before {
  display: none;
}
.know-item-text {
  grid-column: 1;
  line-height: 1.72;
}
.know-item-icon {
  grid-column: 2;
  grid-row: 1;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: rgba(236, 208, 164, .76);
  color: var(--blue);
  border: 1px solid rgba(188, 142, 83, .28);
  box-shadow: 0 10px 24px rgba(75,47,24,.08);
  font-size: 1.05rem;
  font-weight: 900;
}
.program-layout {
  align-items: start;
}
.route-nav {
  position: sticky;
  top: 112px;
  height: calc(100vh - 150px);
  min-height: 460px;
  max-height: 620px;
  z-index: 8;
  align-self: start;
}
.route-nav-inner {
  height: 100%;
}
@media (max-width: 1100px) {
  .know-card.know-card-refined {
    grid-template-columns: 1fr;
    grid-template-areas:
      "copy"
      "list";
  }
  .know-ornament-right { display: none; }
}
@media (max-width: 980px) {
  .route-nav {
    top: 84px;
    height: 86px;
    min-height: 86px;
    max-height: 86px;
  }
  .route-nav-inner {
    height: 86px;
  }
}
@media (max-width: 760px) {
  .know-list.know-list-exact li {
    grid-template-columns: minmax(0, 1fr) 40px;
    gap: 12px;
    min-height: 42px;
  }
  .know-item-icon {
    width: 38px;
    height: 38px;
    font-size: .96rem;
  }
}

/* v30 - desert form button width and route sticky fix */
.desert-page {
  overflow: visible !important;
}
html,
body {
  overflow-x: clip;
}
.quick-lead-form .cta-button,
.quick-lead-form .ghost-dark-button {
  grid-column: 1 / -1 !important;
  width: 100%;
}
.program-section,
.program-layout {
  overflow: visible !important;
}
.program-layout {
  position: relative;
}
.route-nav {
  position: sticky !important;
  top: clamp(82px, 12vh, 126px) !important;
  align-self: start !important;
  z-index: 20 !important;
}
.route-nav-inner {
  position: relative;
}
@media (max-width: 980px) {
  .route-nav {
    top: 76px !important;
    height: 78px !important;
    min-height: 78px !important;
    max-height: 78px !important;
  }
  .route-nav-inner {
    height: 78px !important;
  }
}


/* v31: single clear CTA in lead forms */
.quick-lead-form .cta-button {
  grid-column: 1 / -1 !important;
  width: 100%;
}
.quick-lead-form .ghost-dark-button {
  display: none !important;
}


/* v32 - contact actions and hero scroll refinement */
.final-copy .direct-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}
.final-copy .phone-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 18px;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 900;
  color: #2f5149;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(47,81,73,.18);
  box-shadow: 0 12px 28px rgba(75,47,24,.08);
}
.desert-hero .hero-scroll {
  right: auto;
  left: 34px;
  bottom: 34px;
  transform: none;
  z-index: 5;
}
@media (max-width: 900px) {
  .desert-hero .hero-scroll { display: none; }
}
@media (max-width: 680px) {
  .final-copy .phone-link { width: 100%; }
}
