/* The entrance is one scene, followed by a quiet, centered invitation. */
.home-page .journey-entrance {
  display:flex;
  flex-direction:column;
  width:100%;
  max-width:90rem;
  min-height:0;
  padding:4.75rem 0 0;
  margin:0 auto;
  gap:0;
  background:none;
}
.home-page .journey-entrance-image {
  width:100%;
  max-width:72rem;
  margin:0;
  -webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);
  mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);
}
.home-page .journey-entrance-image img {
  display:block;
  width:100%;
  height:auto;
  border-radius:0;
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 82%,transparent);
  mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 82%,transparent);
}
.home-page .entrance-content {
  position:relative;
  width:100%;
  max-width:48rem;
  margin:clamp(-3rem,-3vw,-1rem) auto 0;
  padding:0 1.5rem;
  text-align:center;
}
.home-page .entrance-content :is(h1,p) { text-align:center; }
.home-page .entrance-content .eyebrow {
  font-size:.8rem;
  letter-spacing:.18em;
  line-height:1.6;
  margin:0 0 .9rem;
}
.home-page .entrance-content h1 {
  font-size:clamp(2.5rem,5vw,4rem);
  line-height:1.1;
  margin:0 0 1.1rem;
}
.home-page .entrance-content .entrance-copy {
  width:100%;
  max-width:36rem;
  margin:0 auto;
  font-size:1rem;
  line-height:1.7;
}
.home-page .home-access {
  width:100%;
  max-width:68rem;
  padding:clamp(2.5rem,5vw,4rem) 2rem 3.5rem;
}
.home-page .home-access h2 { text-align:center; margin:0 0 1.5rem; }
.home-page .home-access-grid { gap:clamp(1rem,2.5vw,2rem); }
.home-page .home-access-grid > a {
  display:flex;
  flex-direction:column;
  align-items:center;
  min-width:0;
  gap:0;
  text-align:center;
}
.home-page .access-image {
  width:100%;
  max-width:18rem;
  height:auto;
  aspect-ratio:3 / 2;
  object-fit:contain;
  margin:0 auto;
}
.home-page .home-access h3 { text-align:center; margin:.8rem 0; }
@media(max-width:679px) {
  .home-page .journey-entrance-image {
    -webkit-mask-image:linear-gradient(to right,transparent,#000 2%,#000 98%,transparent);
    mask-image:linear-gradient(to right,transparent,#000 2%,#000 98%,transparent);
  }
  .home-page .entrance-content { padding:0 1.25rem; margin-top:-1rem; }
  .home-page .entrance-content h1 { font-size:2.5rem; }
  .home-page .entrance-content .eyebrow { font-size:.75rem; letter-spacing:.15em; }
  .home-page .home-access { max-width:32rem; padding:2.5rem 1.25rem 2.5rem; }
  .home-page .home-access-grid { grid-template-columns:1fr; gap:1.75rem; }
  .home-page .home-access-grid > a { width:100%; max-width:18rem; margin:0 auto; }
}

/* A quiet gold divider separates the invitation from the paths on phones. */
@media(max-width:679px) {
  .home-page .home-access { padding-top:3rem; }
  .home-page .home-access::before {
    content:"";
    display:block;
    width:72%;
    max-width:17rem;
    height:1px;
    margin:0 auto 2rem;
    background:linear-gradient(to right,transparent,#b39b75 22%,#dfbf7c 50%,#b39b75 78%,transparent);
  }
}