/* A personal introduction, followed by the essentials for a visit. */
.home-page .home-introduction {
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr);
  grid-template-areas: "heading portrait" "copy portrait";
  column-gap: clamp(36px, 6vw, 88px);
  row-gap: 28px;
  align-items: start;
  padding-block: clamp(52px, 6vw, 88px);
  background: var(--hero-paper);
}
.home-intro-heading { grid-area: heading; align-self: end; }
.home-page .home-intro-heading .eyebrow {
  margin-bottom: 23px;
  font-size: clamp(1.2rem, 2vw, 1.55rem);
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: .075em;
  color: var(--gold);
  text-wrap: balance;
}
.home-page .home-intro-heading h1 {
  margin: 0;
  font-size: clamp(2.6rem, 4.7vw, 4.35rem);
  color: var(--green);
  line-height: 1.1;
}
.home-professional-title {
  display: block;
  margin-top: 16px;
  font: 400 1rem/1.5 var(--sans);
  letter-spacing: 0;
  color: var(--ink);
}
.home-registration {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 15px 0 0;
  font-size: .8125rem;
  color: var(--gold);
}
.home-registration svg { flex: 0 0 20px; width: 20px; height: 20px; }
.home-intro-portrait {
  grid-area: portrait;
  width: 100%;
  max-width: 480px;
  margin: 0;
  padding: 8px;
  border: 1px solid var(--gold-line);
  justify-self: end;
  align-self: center;
  background: var(--paper);
}
.home-intro-portrait img { display: block; width: 100%; height: auto; }
.home-intro-copy { grid-area: copy; align-self: start; }
.home-intro-copy > p,
.home-personal-approach p { max-width: 550px; font-size: 1rem; line-height: 1.85; color: var(--muted); }
.home-intro-copy > p { margin: 0 0 25px; }
.home-personal-approach { scroll-margin-top: 36px; }
.home-page .home-personal-approach h2 {
  margin: 0 0 16px;
  font-size: clamp(1.9rem, 2.6vw, 2.5rem);
  line-height: 1.2;
  color: var(--green);
}
.home-personal-approach h2 em { color: var(--gold); }
.home-personal-approach p { margin: 0; }
.home-intro-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 28px; margin-top: 28px; }
.home-intro-actions .text-link { font-size: .875rem; }
.home-intro-copy .home-returning { margin: 20px 0 0; font-size: .875rem; }
.home-returning a { color: var(--green); text-decoration: underline; text-underline-offset: 4px; }
.home-visit { background: var(--green-dark); color: var(--paper); }
.home-visit-heading { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 40px; }
.home-page .home-visit h2 { margin: 0; font-size: clamp(2.6rem, 4vw, 3.6rem); }
.home-visit-heading > p { margin: 0; color: #d8c79f; font-size: .875rem; }
.home-visit-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: clamp(40px, 8vw, 110px); }
.home-visit-grid > div { min-width: 0; }
.home-visit address { margin: 0 0 20px; font-size: 1.0625rem; line-height: 1.8; font-style: normal; }
.home-visit address strong { font-weight: 500; }
.home-visit p { line-height: 1.8; }
.home-arrival-summary { max-width: 470px; margin: 0 0 20px; color: #e1e7dc; font-size: 1rem; }
.home-parking-details { max-width: 470px; margin: 0; color: #e1e7dc; font-size: 1rem; }
.home-parking-details a { color: #d8c79f; text-decoration: underline; text-underline-offset: 4px; }
.home-visit address a:hover,
.home-parking-details a:hover { color: var(--paper); text-decoration: underline; text-underline-offset: 4px; }
.home-page .home-visit-hours h3 { margin: 0 0 19px; font: 400 1.7rem/1.2 var(--serif); color: #d8c79f; }
.home-visit-hours dl { margin: 0; border-top: 1px solid #b79b6466; }
.home-visit-hours dl > div { display: flex; justify-content: space-between; gap: 24px; border-bottom: 1px solid #b79b6466; padding: 13px 0; }
.home-visit-hours dt, .home-visit-hours dd { margin: 0; font-size: 1rem; }
.home-visit-hours dd { white-space: nowrap; }
.home-visit-hours > p { margin: 17px 0 0; color: #e1e7dc; font-size: .875rem; }
@media (max-width: 850px) {
  .home-page .home-introduction { grid-template-columns: minmax(0, 1fr); grid-template-areas: "heading" "portrait" "copy"; row-gap: 28px; padding-block: 46px 54px; }
  .home-intro-portrait { justify-self: start; max-width: 440px; }
  .home-intro-copy > p, .home-personal-approach p { max-width: 620px; }
}
@media (max-width: 650px) {
  .home-visit-heading { display: block; margin-bottom: 30px; }
  .home-visit-heading > p { margin-top: 17px; }
  .home-visit-grid { grid-template-columns: minmax(0, 1fr); gap: 36px; }
  .home-intro-portrait { padding: 6px; }
  .home-intro-actions { gap: 18px 22px; }
}

.home-personal-approach .home-bio-link { margin-top: 16px; font-size: .9375rem; }