:root {
  color-scheme: light dark;
  --page: #faf9f7;
  --ink: #191816;
  --body: #34312e;
  --subtle: #635e59;
  --line: #d7d2cd;
  --accent: #ac3a00;
  --blaze: #ff6b1a;
  --soft: #f0ece7;
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --display: "Avenir Next Condensed", "Arial Narrow", -apple-system, system-ui, sans-serif;
  --mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
}
@media (prefers-color-scheme: dark) {
  :root {
    --page: #080808;
    --ink: #faf9f7;
    --body: #dedbd7;
    --subtle: #b5b0aa;
    --line: #393633;
    --accent: #ff853e;
    --soft: #1c1b19;
  }
}
* { box-sizing: border-box; }
html { background: var(--page); color: var(--ink); }
body { margin: 0; font: 1.0625rem/1.58 var(--sans); }
.shell { width: min(70rem, calc(100% - 3rem)); margin-inline: auto; }
a { color: var(--accent); text-underline-offset: .2em; text-decoration-thickness: .075em; }
a:hover { text-decoration-thickness: .15em; }
:focus-visible { outline: 3px solid var(--accent); outline-offset: 4px; }
.skip { position: absolute; top: 0; left: .5rem; z-index: 2; transform: translateY(-130%); background: var(--page); padding: .6rem; }
.skip:focus { transform: none; }
header, footer { border-block-end: 1px solid var(--line); }
.mast, .foot { display: flex; align-items: center; justify-content: space-between; gap: .6rem 1rem; flex-wrap: wrap; }
.mast { padding-block: .85rem; }
.brand { display: inline-flex; align-items: center; gap: .65rem; font-size: 1.2rem; font-weight: 800; letter-spacing: -.045em; }
.brand img { width: 2.25rem; height: 2.25rem; }
.brand, nav a { color: var(--ink); text-decoration: none; min-height: 44px; }
nav { display: flex; gap: clamp(.7rem, 3vw, 2rem); }
nav a { display: inline-flex; align-items: center; font-weight: 550; font-size: .94rem; }
nav a:hover, nav a[aria-current="page"] { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: .5rem; text-decoration-color: var(--accent); }
main { padding-block: clamp(2.5rem, 6vw, 5.5rem); }
h1, h2, p { margin: 0; }
h1, h2 { text-wrap: balance; }
h1 { font: 900 clamp(3.3rem, 8.5vw, 6.8rem)/.94 var(--display); letter-spacing: -.045em; text-transform: uppercase; }
h2 { line-height: 1.15; letter-spacing: -.035em; font-size: clamp(1.32rem, 3vw, 1.65rem); }
p, li { color: var(--body); }
p + p { margin-top: .7em; }
.meta { font:  .82rem/1.55 var(--mono); color: var(--subtle); }
.intro { padding-bottom: 2rem; }
.intro .meta { margin-top: 1rem; }
.contact { display: inline-flex; align-items: center; min-height: 44px; margin-top: .65rem; font-size: clamp(1.2rem, 3vw, 1.55rem); font-weight: 550; overflow-wrap: anywhere; }
.document { max-width: 46rem; }
.document section { border-block-start: 1px solid var(--line); padding-block: 1.4rem 1.6rem; }
.document section > h2 { margin-bottom: .55rem; }
.document ul { margin-block: .55rem .75rem; padding-inline-start: 1.4rem; }
.document li + li { margin-top: .25rem; }
.document li::marker { color: var(--accent); }
.document section:last-child { padding-bottom: 0; }
.read-layout { display: grid; grid-template-columns: minmax(12rem, 1fr) minmax(0, 2.85fr); gap: 7%; }
aside { align-self: start; }
aside .meta { margin-bottom: .6rem; }
aside ul { list-style: none; margin: 0; padding: 0; }
aside a { display: inline-flex; min-height: 44px; align-items: center; color: var(--body); font-size: .95rem; }
.hero { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(0, .75fr); gap: 6%; align-items: center; padding-block: clamp(3rem, 9vw, 8rem); }
.hero .summary { max-width: 34rem; font-size: clamp(1.1rem, 2.4vw, 1.42rem); margin-block: 1.4rem 1rem; line-height: 1.5; }
.hero picture { display: block; width: min(100%, 19.5rem); justify-self: center; }
.hero img { display: block; width: 100%; height: auto; }
.actions { display: flex; gap: .75rem; flex-wrap: wrap; margin-top: 1.7rem; }
.actions a { padding: .6rem 1rem; display: inline-flex; align-items: center; min-height: 44px; border-radius: .65rem; text-decoration: none; background: var(--soft); color: var(--ink); font-weight: 650; }
.actions a:first-child { background: var(--blaze); color: #16110e; }
.actions a:hover { text-decoration: underline; }
footer { border-block-end: 0; border-block-start: 1px solid var(--line); }
.foot { padding-block: 1.25rem; }
.foot a { display: inline-flex; align-items: center; min-height: 44px; }
@media (max-width: 50rem) {
  .read-layout { display: block; }
  aside { display: none; }
}
@media (max-width: 38rem) {
  .shell { width: calc(100% - 2.25rem); }
  .hero { grid-template-columns: 1fr; gap: 1.5rem; }
  .hero picture { grid-row: 1; justify-self: start; width: 5.5rem; }
  .intro { padding-bottom: 1.5rem; }
  .mast { padding-block: .5rem; }
}
@media print {
  html { background: white; color: black; }
  header, footer, aside, .skip { display: none; }
  .read-layout { display: block; }
  .shell, .document { width: 100%; max-width: none; }
  main { padding: 0; }
  h2 { break-after: avoid; }
}
.intro .lead { max-width: 46rem; margin-top: 1.4rem; }