.a-page-header {
  position: sticky;
  top: 38px;
  z-index: 50;
  color: var(--acheilus-ink);
  background: rgba(238, 233, 225, .96);
  border-bottom: 1px solid var(--acheilus-line);
  backdrop-filter: blur(14px);
}

.a-page-header .nav-shell { min-height: 74px; }
.a-page-header .nav-menu { justify-self: end; }

.a-page-hero {
  min-height: calc(100svh - 112px);
  display: grid;
  grid-template-columns: .82fr 1.18fr;
  background: var(--acheilus-paper);
}

.a-page-hero-copy {
  padding: clamp(4rem, 7vw, 8rem);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.a-page-hero h1,
.a-page-statement h2,
.a-note-card h2,
.a-contact-card h2 {
  margin: 0;
  font-family: var(--acheilus-serif);
  font-weight: 500;
  letter-spacing: -.05em;
}

.a-page-hero h1 { font-size: clamp(4.5rem, 8vw, 9rem); line-height: .82; }
.a-page-hero-copy > p:last-of-type { max-width: 520px; margin: 2rem 0 0; color: #57524c; line-height: 1.75; }
.a-page-hero .a-button { width: max-content; margin-top: 2rem; }

.a-page-hero-image { min-height: 620px; overflow: hidden; background: var(--acheilus-tide); }
.a-page-hero-image img { width: 100%; height: 100%; object-fit: cover; }

.a-page-statement {
  padding: clamp(5rem, 10vw, 11rem) clamp(1.5rem, 8vw, 9rem);
  display: grid;
  grid-template-columns: .55fr 1.45fr;
  gap: 3rem;
  color: var(--acheilus-paper);
  background: var(--acheilus-ink);
}

.a-page-statement h2 { max-width: 980px; font-size: clamp(4rem, 7vw, 8rem); line-height: .86; }
.a-page-statement-copy { max-width: 620px; align-self: end; color: rgba(238,233,225,.68); line-height: 1.75; }

.a-notes-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  background: var(--acheilus-chalk);
  border-top: 1px solid var(--acheilus-line);
}

.a-note-card {
  min-height: 430px;
  padding: clamp(2rem, 4vw, 4rem);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border-right: 1px solid var(--acheilus-line);
}

.a-note-card:last-child { border-right: 0; }
.a-note-card h2 { max-width: 390px; font-size: clamp(2.8rem, 4vw, 4.6rem); line-height: .9; }
.a-note-card p:last-child { max-width: 390px; margin: 2rem 0 0; color: #625c55; line-height: 1.7; }

.a-contact-panel {
  padding: clamp(5rem, 10vw, 10rem) clamp(1.5rem, 8vw, 9rem);
  background: var(--acheilus-chalk);
}

.a-contact-card {
  max-width: 1180px;
  margin: 0 auto;
  padding: clamp(2.5rem, 6vw, 6rem);
  display: grid;
  grid-template-columns: 1.4fr .6fr;
  gap: 3rem;
  align-items: end;
  border: 1px solid var(--acheilus-line);
}

.a-contact-card h2 { font-size: clamp(3.8rem, 7vw, 7.4rem); line-height: .86; }
.a-contact-card p { margin: 1.5rem 0 0; color: #625c55; line-height: 1.7; }
.a-contact-card .a-button { width: 100%; }

.a-page-footer {
  padding: 2rem clamp(1.5rem, 5vw, 5rem);
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  color: rgba(238,233,225,.58);
  background: var(--acheilus-ink);
  font-size: .72rem;
}
.a-page-footer a { color: var(--acheilus-paper); }

@media (max-width: 760px) {
  .a-page-header { top: 34px; }
  .a-page-header .nav-shell { min-height: 66px; grid-template-columns: 1fr auto; }
  .a-page-header .nav-menu { position: static; display: flex; padding: 0; background: none; border: 0; }
  .a-page-header .nav-menu a:not(:last-child) { display: none; }
  .a-page-hero { min-height: auto; grid-template-columns: 1fr; }
  .a-page-hero-copy { padding: 4.5rem 1.25rem; }
  .a-page-hero h1 { font-size: clamp(4.6rem, 22vw, 7rem); }
  .a-page-hero-image { min-height: 520px; }
  .a-page-statement { grid-template-columns: 1fr; padding: 5rem 1.25rem; }
  .a-page-statement h2 { font-size: clamp(3.8rem, 17vw, 5.7rem); }
  .a-notes-grid { grid-template-columns: 1fr; }
  .a-note-card { min-height: 360px; border-right: 0; border-bottom: 1px solid var(--acheilus-line); }
  .a-contact-card { grid-template-columns: 1fr; }
  .a-page-footer { flex-direction: column; }
}
