/* Home page introduction and quick links. */
.home-intro {
  display: grid;
  gap: 14px;
  text-align: left;
  color: #142521;
  margin: 16px 0 32px;
}
.home-intro h1, .home-intro h2 { color: inherit; }
.home-intro p { margin: 0; }
.home-intro .home-eyebrow {
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .22em;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.home-welcome {
  border-radius: 14px;
  overflow: hidden;
  padding: clamp(24px, 4vw, 48px);
  background: linear-gradient(90deg, rgba(10, 26, 29, .92), rgba(10, 26, 29, .65) 43%, rgba(10, 26, 29, .08) 80%), url('../images/home/joinus.png') center / cover;
  color: white;
  box-shadow: 0 5px 20px #152a2314;
  min-height: 300px;
  display: flex;
  align-items: center;
}
.home-welcome-copy { max-width: 580px; }
.home-welcome h1 { font-size: clamp(1.8rem, 3.5vw, 3rem); font-weight: 900; line-height: 1.05; text-transform: uppercase; margin: 0 0 12px; }
.home-welcome .home-lead { font-size: 1.15rem; margin-bottom: 10px; }
.home-welcome-copy > p:not(.home-eyebrow) { max-width: 470px; }
.home-button { display: inline-flex; align-items: center; justify-content: center; gap: 16px; padding: 12px 20px; border-radius: 6px; background: #31563e; color: white; font-size: .85rem; font-weight: 600; text-decoration: none; }
.home-button:hover { background: #203c2a; color: white; }
.home-button-join { margin-top: 20px; background: #b94f1d; }
.home-button-join:hover { background: #963c12; }
.home-features { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.home-feature { display: block; overflow: hidden; border-radius: 12px; background: #162723; }
.home-feature img { display: block; width: 100%; height: auto; }
.home-intro a:focus-visible { outline: 3px solid #ce7623; outline-offset: 4px; }
.home-notice { display: flex; gap: 26px; align-items: center; border-radius: 14px; padding: 24px 30px; background: linear-gradient(110deg, #e3e8da, #eef0e5); }
.home-notice h2 { font-size: 1.35rem; line-height: 1.25; font-weight: 750; margin: 0 0 7px; }
.home-notice p { font-size: .95rem; color: #3e4d49; }
.home-notice a:not(.home-button) { color: #245432; font-weight: 700; overflow-wrap: anywhere; }
.home-notice-icon { flex: 0 0 90px; font-size: 4rem; text-align: center; color: #304b36; transform: rotate(-12deg); }
.home-notice-tree { font-size: 5rem; margin-left: auto; color: #304b36; }
.home-email .home-notice-icon { font-size: 3rem; }
.home-email h2 { font-size: 1.1rem; }
.home-email p { font-size: .8rem; }
.home-email .home-button { flex-shrink: 0; margin-left: auto; }
.home-shortcuts { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); background: #fff; border-radius: 14px; padding: 24px 10px; }
.home-shortcuts a { display: flex; flex-direction: column; align-items: center; gap: 7px; text-align: center; color: #16304b; font-size: .8rem; font-weight: 600; text-decoration: none; line-height: 1.3; padding: 0 10px; }
.home-shortcuts a + a { border-left: 1px solid #d9dfdf; }
.home-shortcuts i { font-size: 1.6rem; color: #142521; }
.home-shortcuts a:hover { color: #a44a1c; }
.home-gear { display: flex; align-items: center; flex-wrap: wrap; gap: 20px 28px; padding: 24px 36px; border-radius: 14px; background: repeating-radial-gradient(ellipse at 115% 120%, transparent 0 13px, #bda47c20 14px 15px), #efe5d5; }
.home-gear-mountains { width: 90px; flex-shrink: 0; color: #31513e; }
.home-gear-info { flex: 1; min-width: 160px; }
.home-gear h2 { margin: 0 0 5px; font-size: 1.4rem; font-weight: 750; }
.home-gear h2 a { color: inherit; text-decoration: none; }
.home-gear-notice { font-size: .9rem; color: #4e5750; overflow-wrap: anywhere; }
.home-gear-notice p:last-child { margin-bottom: 0; }
.home-gear-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); flex-shrink: 0; padding: 8px 0; }
.home-gear-links a { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: 7px; text-align: center; color: #31513e; font-size: .8rem; font-weight: 600; text-decoration: none; line-height: 1.3; padding: 0 18px; }
.home-gear-links a + a { border-left: 1px solid #b8a98a; }
.home-gear-links i { font-size: 1.6rem; color: #31513e; }
.home-gear-links a:hover { color: #963c12; text-decoration: none; }
@media (max-width: 767px) {
  .home-welcome { min-height: 360px; background-position: 60% center; background-image: linear-gradient(90deg, #0a1a1de8, #0a1a1d85), url('../images/home/joinus.png'); }
  .home-welcome-copy { max-width: 440px; }
  .home-features { grid-template-columns: 1fr; }
  .home-notice { padding: 22px; gap: 18px; }
  .home-notice-icon { flex-basis: 42px; font-size: 2.4rem; }
  .home-notice-tree { display: none; }
  .home-email { flex-wrap: wrap; }
  .home-email > div { flex: 1; min-width: 180px; }
  .home-email .home-button { margin-left: 60px; }
  .home-shortcuts { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px 0; }
  .home-shortcuts a:nth-child(4) { border-left: 0; }
  .home-gear { padding: 22px; gap: 18px; }
  .home-gear-mountains { width: 60px; }
  .home-gear-links { width: 100%; border-top: 1px solid #b8a98a; padding-top: 14px; }
}
@media (max-width: 399px) {
  .home-notice-icon { display: none; }
  .home-email .home-button { margin-left: 0; }
  .home-shortcuts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .home-shortcuts a:nth-child(odd) { border-left: 0; }
  .home-shortcuts a:nth-child(even) { border-left: 1px solid #d9dfdf; }
}