:root {
  --page-paper: #f4f3ed;
  --page-ink: #17221d;
  --page-muted: #59635d;
  --page-accent: #b6ff39;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--page-ink);
  background: var(--page-paper);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a { color: inherit; }

.page-shell { min-height: 100svh; }
.page-header,
.page-footer,
.page-main { width: min(100% - 2.5rem, 76rem); margin-inline: auto; }

.page-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding-block: 1.5rem;
  border-bottom: 1px solid rgb(23 34 29 / .18);
}

.page-brand,
.page-navigation,
.page-footer__links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .45rem 1.15rem;
}

.page-brand,
.page-navigation a,
.page-footer a {
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: -.02em;
  text-decoration: none;
}

.page-navigation a:hover,
.page-footer a:hover { color: #5c8e10; }
.page-navigation a:focus-visible,
.page-footer a:focus-visible,
.page-link:focus-visible { outline: 2px solid var(--page-ink); outline-offset: .3rem; }

.page-main { padding-block: clamp(4rem, 10vw, 9rem); }
.page-eyebrow {
  margin: 0 0 1rem;
  color: var(--page-muted);
  font-size: .75rem;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.page-title {
  max-width: 11ch;
  margin: 0;
  font-family: "Times New Roman", Times, serif;
  font-size: clamp(4rem, 11vw, 10rem);
  font-weight: 400;
  letter-spacing: -.075em;
  line-height: .82;
}

.page-intro {
  max-width: 42rem;
  margin: clamp(2rem, 5vw, 4rem) 0 0;
  color: var(--page-muted);
  font-size: clamp(1.1rem, 1.8vw, 1.4rem);
  line-height: 1.45;
}

.page-link {
  display: inline-block;
  margin-top: 1.5rem;
  padding-bottom: .2rem;
  border-bottom: .16rem solid var(--page-accent);
  font-size: .86rem;
  font-weight: 700;
  text-decoration: none;
}

.resume {
  display: grid;
  grid-template-columns: minmax(15rem, .72fr) minmax(0, 1.7fr);
  gap: clamp(2rem, 7vw, 7rem);
  margin-top: clamp(4rem, 9vw, 8rem);
  padding-top: 1.5rem;
  border-top: 1px solid rgb(23 34 29 / .18);
}

.resume h2,
.resume p,
.resume ul,
.resume address { margin-top: 0; }

.resume__sidebar,
.resume__content { min-width: 0; }

.resume__sidebar {
  display: grid;
  align-content: start;
  gap: 2.75rem;
}

.resume__block h2,
.resume__section-label {
  margin-bottom: 1rem;
  color: var(--page-muted);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.resume__role {
  margin-bottom: 1.25rem;
  font-size: clamp(1.3rem, 2.2vw, 2rem);
  font-weight: 700;
  letter-spacing: -.045em;
  line-height: 1.05;
}

.resume__contact {
  display: grid;
  gap: .35rem;
  color: var(--page-muted);
  font-style: normal;
  line-height: 1.5;
}

.resume__contact a { text-decoration-thickness: .08em; text-underline-offset: .18em; }
.resume__availability { margin: 1.25rem 0 0; color: var(--page-muted); line-height: 1.55; }
.resume__block p { color: var(--page-muted); line-height: 1.55; }
.resume__block strong { color: var(--page-ink); }

.resume__compact-list {
  display: grid;
  gap: .55rem;
  margin-bottom: 0;
  padding-left: 1.1rem;
  color: var(--page-muted);
  line-height: 1.5;
}

.resume__content { display: grid; gap: clamp(3.5rem, 7vw, 6rem); }
.resume__section { min-width: 0; }
.resume__entry { padding-block: 0 2.5rem; }
.resume__entry + .resume__entry { padding-top: 2.5rem; border-top: 1px solid rgb(23 34 29 / .14); }
.resume__entry--compact { padding-bottom: 1.25rem; }
.resume__entry--compact + .resume__entry--compact { padding-top: 1.25rem; }

.resume__entry-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1rem 2rem;
}

.resume__entry-head h2,
.resume__projects h2 {
  margin-bottom: 0;
  font-size: clamp(1.15rem, 2vw, 1.6rem);
  letter-spacing: -.035em;
  line-height: 1.15;
}

.resume__entry-head > p {
  flex: none;
  margin-bottom: 0;
  color: var(--page-muted);
  font-size: .8rem;
  font-weight: 700;
}

.resume__meta { margin: .45rem 0 1rem; color: var(--page-muted); line-height: 1.5; }
.resume__entry ul { margin-bottom: 0; padding-left: 1.15rem; color: var(--page-muted); line-height: 1.6; }
.resume__entry li + li { margin-top: .45rem; }

.resume__projects {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  background: rgb(23 34 29 / .16);
  border: 1px solid rgb(23 34 29 / .16);
}

.resume__projects article { padding: 1.25rem; background: var(--page-paper); }
.resume__projects p { margin: .55rem 0 0; color: var(--page-muted); line-height: 1.5; }

.legal-content {
  display: grid;
  gap: 2.5rem;
  max-width: 48rem;
  margin-top: clamp(3rem, 7vw, 6rem);
}

.legal-content section { padding-top: 1.5rem; border-top: 1px solid rgb(23 34 29 / .18); }
.legal-content h2,
.legal-content h3 { margin: 0; }
.legal-content h2 { font-family: "Times New Roman", Times, serif; font-size: clamp(2rem, 4vw, 3.5rem); font-weight: 400; letter-spacing: -.05em; }
.legal-content h3 { margin-top: 1.4rem; font-size: 1rem; }
.legal-content p { margin: .75rem 0 0; color: var(--page-muted); font-size: 1rem; line-height: 1.6; }
.legal-content address { margin-top: .75rem; color: var(--page-muted); font-size: 1rem; font-style: normal; line-height: 1.6; }

.page-footer {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
  padding-block: 1.5rem 2.5rem;
  border-top: 1px solid rgb(23 34 29 / .18);
}

@media (max-width: 43rem) {
  .page-header { align-items: flex-start; flex-direction: column; }
  .page-title { font-size: clamp(3.6rem, 19vw, 6.5rem); }
  .resume { grid-template-columns: 1fr; }
  .resume__entry-head { align-items: flex-start; flex-direction: column; gap: .35rem; }
  .resume__projects { grid-template-columns: 1fr; }
}