/*
 * LWN v0.33.8 RX homepage controlled component.
 * Scope: front page only via template-parts/front-rx-home.php.
 * Source: accepted /lwn-rx-wp-preview/ route.
 */

body:has(#lwn-rx-home) .entry-content,
body:has(#lwn-rx-home) .site-main {
  overflow: visible;
}

#lwn-rx-home {
  --green: #10351f;
  --green2: #386832;
  --cream: #f3ead6;
  --paper: #fffaf0;
  --gold: #bd9340;
  --text: #273126;
  --muted: #5c6858;
  --line: rgba(96,70,38,.24);
  --w: var(--lwn-shell-max, 1280px);
  background: #fff;
  color: var(--text);
  font-family: Arial, sans-serif;
}

#lwn-rx-home * { box-sizing: border-box; }

#lwn-rx-home .rx-wrap {
  width: var(--lwn-shell-width, min(var(--w), calc(100% - 56px)));
  max-width: var(--lwn-shell-max, var(--w));
  margin-inline: auto;
}

#lwn-rx-home .rx-hero {
  min-height: var(--lwn-hero-home-min, 680px);
  display: flex;
  align-items: center;
  background-image:
    var(--lwn-hero-overlay-model, linear-gradient(90deg,rgba(8,30,17,.84),rgba(8,30,17,.48),rgba(8,30,17,.18))),
    var(--rx-hero-image, url('/wp-content/themes/live-with-nature-wp-theme/assets/img/lwn-hero-landscape.jpg'));
  background-position: center;
  background-size: cover;
}

#lwn-rx-home .rx-eyebrow,
#lwn-rx-home .rx-card p,
#lwn-rx-home .rx-route p {
  margin: 0 0 .8rem;
  color: var(--gold);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .22em;
  text-transform: uppercase;
}

#lwn-rx-home .rx-hero h1,
#lwn-rx-home .rx-copy h2,
#lwn-rx-home .rx-split h2,
#lwn-rx-home .rx-title h2,
#lwn-rx-home .rx-training h2,
#lwn-rx-home .rx-photo-cta h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 500;
  line-height: .96;
  letter-spacing: -.055em;
  margin: .2rem 0 1.2rem;
}

#lwn-rx-home .rx-hero h1 {
  color: var(--lwn-hero-foreground, var(--paper));
  font-size: clamp(4.2rem, 7.4vw, 8rem);
  max-width: 8.5ch;
}

#lwn-rx-home .rx-lead {
  color: #fff2da;
  font-size: var(--lwn-hero-body-size, 1.25rem);
  line-height: var(--lwn-hero-body-line-height, 1.6);
  max-width: var(--lwn-hero-body-max, 46rem);
}

#lwn-rx-home .rx-actions {
  display: flex;
  flex-wrap: wrap;
  gap: .8rem;
  margin-top: 1.75rem;
}

#lwn-rx-home .rx-btn {
  display: inline-flex;
  min-height: var(--lwn-action-min-height, 48px);
  align-items: center;
  justify-content: center;
  padding: var(--lwn-action-padding, .85rem 1.35rem);
  border-radius: var(--lwn-action-radius, 999px);
  background: var(--lwn-action-primary, var(--green2));
  color: #fff;
  text-decoration: none;
  font-size: .82rem;
  font-weight: 900;
  letter-spacing: .05em;
}

#lwn-rx-home .rx-btn--light,
#lwn-rx-home .rx-btn--cream {
  background: var(--lwn-action-secondary, var(--paper));
  color: var(--lwn-action-secondary-ink, var(--green));
}

#lwn-rx-home .rx-section { padding-block: clamp(4rem,7vw,7.5rem); }
#lwn-rx-home .rx-white { background: #fff; }
#lwn-rx-home .rx-cream { background: var(--cream); }

#lwn-rx-home .rx-two {
  display: grid;
  grid-template-columns: minmax(340px,.94fr) minmax(0,1.06fr);
  gap: clamp(3rem,6vw,6rem);
  align-items: center;
}

#lwn-rx-home .rx-photo { margin: 0; }

#lwn-rx-home .rx-photo img {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  display: block;
  box-shadow: 0 26px 70px rgba(31,46,27,.16);
}

#lwn-rx-home .rx-copy h2 {
  color: var(--green);
  font-size: clamp(4rem,6.5vw,7.2rem);
}

#lwn-rx-home .rx-copy > p:not(.rx-eyebrow) {
  color: var(--muted);
  font-size: 1.2rem;
  line-height: 1.72;
  max-width: 660px;
}

#lwn-rx-home .rx-icons {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  border: 1.5px solid var(--line);
  margin-top: 2.6rem;
  background: #fff;
}

#lwn-rx-home .rx-icons article {
  min-width: 0;
  padding: 1.1rem 1rem 1.25rem;
  border-right: 1px solid var(--line);
  display: grid;
  gap: .42rem;
  align-content: start;
}

#lwn-rx-home .rx-icons article:last-child { border-right: 0; }
#lwn-rx-home .rx-icons span { color: var(--gold); font-size: .68rem; font-weight: 900; letter-spacing: .18em; }
#lwn-rx-home .rx-icons strong { color: var(--green); font-size: 1.05rem; line-height: 1.2; }
#lwn-rx-home .rx-icons em { color: var(--muted); font-size: .9rem; font-style: normal; line-height: 1.42; }

#lwn-rx-home .rx-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: var(--cream);
  border-block: 1px solid var(--line);
}

#lwn-rx-home .rx-split__image {
  min-height: 620px;
  background:
    linear-gradient(90deg,rgba(11,35,18,.1),rgba(11,35,18,.02)),
    var(--rx-split-image, url('/wp-content/themes/live-with-nature-wp-theme/assets/img/lwn-water-landscape.jpg')) center/cover no-repeat;
}

#lwn-rx-home .rx-split__copy {
  padding: clamp(4rem,7vw,7rem) max(32px,calc((100vw - var(--w))/2)) clamp(4rem,7vw,7rem) clamp(2rem,5vw,5.5rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

#lwn-rx-home .rx-split h2 {
  color: var(--green);
  font-size: clamp(3.4rem,6vw,6.8rem);
}

#lwn-rx-home .rx-split p:not(.rx-eyebrow) {
  color: var(--muted);
  font-size: 1.18rem;
  line-height: 1.72;
  max-width: 640px;
}

#lwn-rx-home .rx-title {
  text-align: center;
  max-width: 850px;
  margin-bottom: 3rem;
}

#lwn-rx-home .rx-title h2 {
  color: var(--green);
  font-size: clamp(3.2rem,5.2vw,6.2rem);
}

#lwn-rx-home .rx-title p:not(.rx-eyebrow) {
  color: var(--muted);
  font-size: 1.06rem;
  line-height: 1.7;
}

#lwn-rx-home .rx-cards {
  max-width: 980px;
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 1.35rem;
}

#lwn-rx-home .rx-card,
#lwn-rx-home .rx-route {
  background: #fffdf8;
  border: 1px solid var(--line);
  box-shadow: 0 22px 58px rgba(31,46,27,.1);
}

#lwn-rx-home .rx-card img {
  width: 100%;
  aspect-ratio: 1.32/1;
  object-fit: cover;
  display: block;
}

#lwn-rx-home .rx-card div,
#lwn-rx-home .rx-route div {
  padding: 1.3rem 1.35rem 1.5rem;
}

#lwn-rx-home .rx-card h3,
#lwn-rx-home .rx-route h3,
#lwn-rx-home .rx-note h3 {
  margin: .2rem 0 .7rem;
  color: var(--green);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2rem,2.6vw,3rem);
  line-height: 1;
  letter-spacing: -.045em;
}

#lwn-rx-home .rx-card span,
#lwn-rx-home .rx-route span {
  color: var(--muted);
  line-height: 1.55;
}

#lwn-rx-home .rx-training {
  display: grid;
  grid-template-columns: minmax(0,.9fr) minmax(280px,.55fr) minmax(260px,.4fr);
  gap: clamp(1.8rem,4vw,4rem);
  align-items: center;
}

#lwn-rx-home .rx-training h2 {
  color: var(--green);
  font-size: clamp(3rem,5vw,5.8rem);
}

#lwn-rx-home .rx-training p {
  color: var(--muted);
  line-height: 1.72;
}

#lwn-rx-home .rx-tabs {
  display: grid;
  gap: .7rem;
  max-width: 260px;
  margin-top: 1.5rem;
}

#lwn-rx-home .rx-tabs a {
  min-height: 42px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: #fffdf8;
  color: var(--green);
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

#lwn-rx-home .rx-tabs a:first-child {
  background: var(--green2);
  color: #fff;
}

#lwn-rx-home .rx-route img {
  width: 100%;
  aspect-ratio: 1/1.1;
  object-fit: cover;
  display: block;
}

#lwn-rx-home .rx-note {
  background:
    linear-gradient(145deg,rgba(14,48,25,.96),rgba(47,88,39,.92)),
    var(--rx-note-image, url('/wp-content/themes/live-with-nature-wp-theme/assets/img/lwn-woodland-landscape.jpg')) center/cover no-repeat;
  color: #fff8e8;
  padding: 2rem;
  min-height: 360px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#lwn-rx-home .rx-note h3 {
  color: #fff8e8;
  font-size: clamp(2rem,3vw,3.4rem);
}

#lwn-rx-home .rx-note ol {
  margin: 1rem 0 0;
  padding-left: 1.25rem;
  line-height: 1.7;
}

#lwn-rx-home .rx-photo-cta {
  min-height: 540px;
  background:
    linear-gradient(90deg,rgba(7,27,15,.88),rgba(7,27,15,.58),rgba(7,27,15,.22)),
    var(--rx-hero-image, url('/wp-content/themes/live-with-nature-wp-theme/assets/img/lwn-hero-landscape.jpg')) center/cover no-repeat;
  color: #fff8e8;
  display: flex;
  align-items: center;
}

#lwn-rx-home .rx-photo-cta__inner {
  display: grid;
  grid-template-columns: minmax(0,760px) auto;
  gap: clamp(2rem,6vw,6rem);
  align-items: center;
}

#lwn-rx-home .rx-photo-cta h2 {
  color: #fff8e8;
  font-size: clamp(3.2rem,6vw,7rem);
}

#lwn-rx-home .rx-photo-cta p:not(.rx-eyebrow) {
  color: #fff0d2;
  line-height: 1.72;
  font-size: 1.2rem;
  max-width: 680px;
}

@media(max-width:1100px) {
  #lwn-rx-home .rx-two,
  #lwn-rx-home .rx-split,
  #lwn-rx-home .rx-training,
  #lwn-rx-home .rx-photo-cta__inner {
    grid-template-columns: 1fr;
  }

  #lwn-rx-home .rx-split__copy {
    padding: 4rem 32px;
  }

  #lwn-rx-home .rx-note {
    min-height: auto;
  }
}

@media(max-width:760px) {
  #lwn-rx-home .rx-wrap {
    width: calc(100% - 32px);
  }

  #lwn-rx-home .rx-cards,
  #lwn-rx-home .rx-icons {
    grid-template-columns: 1fr;
  }

  #lwn-rx-home .rx-icons article {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  #lwn-rx-home .rx-icons article:last-child {
    border-bottom: 0;
  }

  #lwn-rx-home .rx-copy h2,
  #lwn-rx-home .rx-split h2,
  #lwn-rx-home .rx-training h2,
  #lwn-rx-home .rx-photo-cta h2 {
    font-size: clamp(3rem,15vw,4.5rem);
  }

  #lwn-rx-home .rx-split__image {
    min-height: 320px;
  }
}