:root { color-scheme: light; font-family: Arial, sans-serif; color: #162522; background: #f7f8f5; }
* { box-sizing: border-box; }
body { margin: 0; line-height: 1.6; }
a { color: inherit; text-decoration: none; }
a:focus-visible { outline: 2px solid #2d7966; outline-offset: 6px; }
.header { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 24px 7%; border-bottom: 1px solid #d9dfdb; }
.brand { font: 600 13px monospace; }
nav { display: flex; gap: 28px; font-size: 14px; }
.intro { background: #0b2420; color: #fff; }
.intro-content { padding: 45px 12%; }
.identity { display: flex; align-items: center; gap: 22px; margin-bottom: 24px; }
.portrait { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; object-position: center 20%; }
.identity .eyebrow { margin: 0; }
.eyebrow { font: 12px monospace; margin: 0 0 26px; }
h1 { font-size: 56px; line-height: 1.05; margin: 0 0 22px; letter-spacing: 0; }
.intro-content > p:not(.eyebrow) { font-size: 21px; margin: 0 0 16px; }
.intro-content > .intro-detail { font-size: 16px !important; max-width: 650px; color: #d5e4de; }
.project { display: grid; grid-template-columns: 50px minmax(0, 1fr) auto; gap: 35px; padding: 65px 7%; border-bottom: 1px solid #d9dfdb; align-items: start; }
.finance { background: #e4efeb; }
.valuations { background: #eef1f6; }
.project-number { font: 14px monospace; padding-top: 4px; color: #596b65; }
.project .eyebrow { margin-bottom: 16px; }
h2 { font-size: 40px; line-height: 1.15; margin: 0 0 18px; }
.project p:last-child { max-width: 590px; margin: 0; }
.project-link { display: inline-flex; align-items: center; gap: 15px; border-bottom: 1px solid currentColor; padding: 8px 0; font-size: 15px; margin-top: 26px; }
.project-link span { font-size: 24px; }
footer { display: flex; flex-wrap: wrap; gap: 22px; padding: 32px 7%; font-size: 13px; }
footer > span { margin-right: auto; }
@media (max-width: 800px) {
  .intro-content { padding: 30px 7%; }
  h1 { font-size: 40px; }
  .project { grid-template-columns: 30px minmax(0, 1fr); gap: 18px; padding: 40px 7%; }
  .project-link { grid-column: 2; justify-self: start; margin-top: 5px; }
  h2 { font-size: 34px; }
}
@media (max-width: 380px) {
  .header { flex-wrap: wrap; gap: 14px; }
  h1 { font-size: 40px; }
  .project .eyebrow { font-size: 11px; }
}