/* Shared editorial system. Static HTML;
no client JavaScript. */
:root {
  color-scheme:light;
  --paper:#f5f2ea;
  --wash:#eae6db;
  --ink:#242620;
  --muted:#5e6056;
  --accent:#743e30;
  --rule:#cbcabe;
  --serif:'Fraunces',Georgia,serif;
  --body:'EB Garamond',Georgia,serif;
  --sans:ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}

* {
  box-sizing:border-box;
}

html {
  scroll-behavior:smooth;
  scroll-padding-top:28px;
}

body {
  margin:0;
  background-color:var(--paper)!important;
  color:var(--ink);
  font:20px/1.55 var(--body);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

h1,h2,h3,h4,p,ul,ol {
  margin:0;
}

h1,h2,h3,h4 {
  font-family:var(--serif);
  font-weight:400;
  font-variation-settings:'SOFT' 25,'WONK' 0;
  line-height:1.12;
  letter-spacing:-.035em;
}

a {
  color:inherit;
  text-underline-offset:4px;
  text-decoration-thickness:1px;
}

a:hover {
  color:var(--accent);
}

a:focus-visible,summary:focus-visible {
  outline:2px solid var(--accent);
  outline-offset:6px;
}

::selection {
  background:var(--accent);
  color:var(--paper);
}

strong {
  font-weight:650;
}

code {
  font-family:var(--body);
  font-style:italic;
  overflow-wrap:anywhere;
}

main {
  display:block;
}

p+p {
  margin-top:1em;
}

.wrap {
  max-width:1280px;
  margin:0 auto;
  padding:0 64px;
}

.skip-link {
  position:absolute;
  top:12px;
  left:20px;
  z-index:10;
  padding:12px 20px;
  background:var(--ink);
  color:var(--paper);
  transform:translateY(-180%);
  font:15px var(--sans);
}

.skip-link:focus {
  transform:none;
  color:var(--paper);
}

.masthead {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  padding:29px 0;
  border-bottom:1px solid var(--ink);
}

.wordmark {
  font:500 23px/1.2 var(--serif);
  letter-spacing:-.035em;
  text-decoration:none;
}

.site-nav {
  display:flex;
  gap:30px;
  align-items:center;
  font:13px/1.4 var(--sans);
}

.site-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  text-decoration:none;
  padding:7px 0;
}

.site-nav a[aria-current=page] {
  text-decoration:underline;
  text-underline-offset:7px;
}

.site-nav .nav-contact {
  border-bottom:1px solid var(--accent);
}

.eyebrow,.section-label,.kicker {
  font:11px/1.6 var(--sans);
  letter-spacing:.15em;
  text-transform:uppercase;
}

.eyebrow {
  color:var(--muted);
}

.section-label {
  color:var(--accent);
}

.hero {
  display:grid;
  grid-template-columns:1.35fr 1fr;
  gap:60px;
  padding:80px 0 72px;
}

.hero h1 {
  font-size:clamp(62px,6.4vw,91px);
  line-height:1.02;
  margin-top:25px;
  letter-spacing:-.06em;
}

.hero h1 em {
  font-weight:350;
  color:var(--accent);
}

.hero-copy {
  padding-top:53px;
  max-width:435px;
}

.hero-copy .intro {
  font-size:25px;
  line-height:1.42;
}

.hero-copy .support {
  font-size:19px;
  color:var(--muted);
  max-width:380px;
}

.actions {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:23px;
  margin-top:28px;
}

.button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:12px 22px;
  background:var(--ink);
  color:var(--paper);
  font:13px/1.5 var(--sans);
  text-decoration:none;
  border:1px solid var(--ink);
}

.button:hover {
  background:var(--accent);
  border-color:var(--accent);
  color:var(--paper);
}

.text-link {
  font:13px/1.5 var(--sans);
  padding:10px 0;
}

.practice-strip {
  display:grid;
  grid-template-columns:1.35fr 1fr;
  gap:60px;
  padding:21px 0;
  border-top:1px solid var(--rule);
  border-bottom:1px solid var(--rule);
  font:12px/1.6 var(--sans);
  color:var(--muted);
}

.practice-strip > p {
  color:var(--ink);
}

.practice-links {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  font: 13px/1.6 var(--sans);
  color: var(--ink);
}

.practice-links a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}

.practice-strip > p {
  align-self: center;
}

.section {
  padding-top:76px;
}

.section-heading {
  display:grid;
  grid-template-columns:1fr 2.12fr;
  gap:40px;
  margin-bottom:38px;
}

.section-heading .section-label {
  padding-top:8px;
}

.section-heading h2 {
  font-size:clamp(32px,3.4vw,47px);
  max-width:680px;
}

.section-heading .section-intro {
  max-width:610px;
  color:var(--muted);
  margin-top:18px;
  font-size:21px;
}

.feature {
  background:var(--wash);
  padding:40px 44px;
  display:grid;
  grid-template-columns:1.18fr 1fr;
  gap:60px;
  border-top:2px solid var(--accent);
}

.kicker {
  color:var(--muted);
  margin-bottom:15px;
}

.feature h3 {
  font-size:43px;
  margin-bottom:18px;
}

.feature p {
  max-width:540px;
}

.feature .description {
  font-size:21px;
}

.link-row {
  display:flex;
  gap:20px;
  flex-wrap:wrap;
  margin-top:24px;
  font:13px/1.65 var(--sans);
}

.link-row a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding:5px 0;
}

.measurement {
  border-left:1px solid var(--rule);
  padding-left:39px;
}

.measurement .value {
  display:block;
  font:400 74px/1 var(--serif);
  letter-spacing:-.055em;
  margin:15px 0 12px;
}

.measurement .measure-title {
  font:500 14px/1.6 var(--sans);
}

.measurement .caption {
  font:14px/1.7 var(--sans);
  color:var(--muted);
  margin-top:15px;
}

.measurement .limit {
  padding-top:14px;
  margin-top:16px;
  border-top:1px solid var(--rule);
  font:14px/1.7 var(--sans);
  color:var(--muted);
}

.feature-note {
  font:14px/1.7 var(--sans);
  color:var(--muted);
  padding:15px 0 25px;
  border-bottom:1px solid var(--rule);
}

.case-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:48px;
  padding:35px 0;
}

.case h3 {
  font-size:31px;
  margin-bottom:17px;
  max-width:450px;
}

.case p {
  font-size:20px;
}

.case .case-detail {
  font-size:18px;
  color:var(--muted);
}

.case + .case {
  border-left:1px solid var(--rule);
  padding-left:48px;
}

.more-work {
  border-top:1px solid var(--rule);
  border-bottom:1px solid var(--rule);
}

summary {
  cursor:pointer;
  list-style:none;
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding:20px 0;
  font:13px/1.5 var(--sans);
}

summary::-webkit-details-marker {
  display:none;
}

summary:after {
  content:'+';
  font:22px/1 var(--sans);
  color:var(--accent);
}

details[open]>summary:after {
  content:'−';
}

.more-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:32px;
  padding:12px 0 30px;
}

.more-grid h3 {
  font-size:23px;
  letter-spacing:-.02em;
  margin-bottom:12px;
}

.more-grid p {
  font-size:18px;
  color:var(--muted);
}

.more-grid .link-row {
  margin-top:13px;
}

.engagement-note {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:30px;
  padding-top:20px;
  font:12px/1.7 var(--sans);
  color:var(--muted);
}

.engagement-note a {
  flex-shrink:0;
  color:var(--ink);
}

.policy {
  margin-top:78px;
  padding:62px 0 60px;
  border-top:1px solid var(--ink);
  border-bottom:1px solid var(--ink);
}

.policy .section-heading {
  margin-bottom:32px;
}

.essay-row {
  display:grid;
  grid-template-columns:1fr 2.12fr;
  gap:40px;
  padding:28px 0;
  border-top:1px solid var(--rule);
}

.essay-row .essay-category {
  font:11px/1.6 var(--sans);
  color:var(--muted);
  letter-spacing:.1em;
  text-transform:uppercase;
  padding-top:6px;
}

.essay-row h3 {
  font-size:28px;
  line-height:1.22;
  max-width:660px;
}

.essay-row h3 a {
  text-decoration:none;
}

.essay-row h3 a:hover {
  text-decoration:underline;
}

.essay-row p {
  font-size:19px;
  color:var(--muted);
  max-width:640px;
  margin-top:12px;
}

.essay-row .reading-meta {
  font:11px/1.6 var(--sans);
  margin-top:14px;
}

.policy-end {
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:30px;
  margin-top:15px;
}

.policy-end p {
  max-width:660px;
  font-size:18px;
  color:var(--muted);
}

.policy-end .text-link {
  flex-shrink:0;
}

.contact-section {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:100px;
  padding:77px 0 64px;
}

.contact-section h2 {
  font-size:clamp(39px,4vw,58px);
  margin:25px 0 22px;
  max-width:490px;
}

.contact-section .email {
  min-height: 44px;
  display:inline-block;
  font-size:23px;
  margin-top:8px;
  overflow-wrap:anywhere;
}

.contact-section .contact-note {
  color:var(--muted);
  font-size:18px;
  max-width:400px;
  margin-top:20px;
}

.process {
  list-style:none;
  padding:0;
  margin:6px 0 0;
  counter-reset:steps;
}

.process li {
  padding:20px 0 20px 35px;
  border-top:1px solid var(--rule);
  position:relative;
  counter-increment:steps;
}

.process li:before {
  content:'0' counter(steps);
  position:absolute;
  left:0;
  top:24px;
  font:11px/1 var(--sans);
  color:var(--accent);
}

.process h3 {
  font:500 14px/1.5 var(--sans);
  letter-spacing:0;
}

.process p {
  font-size:18px;
  color:var(--muted);
  margin-top:9px;
}

.site-footer {
  border-top:1px solid var(--ink);
  padding:24px 0 30px;
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:24px;
  font:12px/1.7 var(--sans);
  color:var(--muted);
}

.site-footer .footer-links {
  display:flex;
  gap:24px;
  flex-wrap:wrap;
}

.key-disclosure {
  padding-bottom:34px;
  max-width:680px;
  color:var(--muted);
}

.key-disclosure summary {
  align-items: center;
  min-height: 44px;
  justify-content:flex-start;
  font-size:11px;
  padding:4px 0;
}

.key-disclosure summary:after {
  font-size:15px;
}

.key-disclosure p {
  font:12px/1.7 var(--sans);
  padding:15px 0 0;
}

.fingerprint {
  font:11px/1.8 ui-monospace,monospace;
  overflow-wrap:anywhere;
  display:block;
  margin-top:5px;
}

.page-header {
  padding:72px 0 54px;
  border-bottom:1px solid var(--ink);
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:64px;
  align-items:end;
}

.page-header h1 {
  font-size:clamp(56px,6vw,82px);
  margin-top:20px;
  letter-spacing:-.05em;
}

.page-header .lede {
  font-size:24px;
  color:var(--muted);
}

.writing-list {
  list-style:none;
  padding:0;
  margin-bottom:70px;
}

.writing-list .essay-row {
  grid-template-columns:80px 1.1fr 1fr;
  gap:40px;
  padding:37px 0;
}

.writing-list .index-number {
  font:400 34px/1.2 var(--serif);
  color:var(--accent);
}

.writing-list h2 {
  font-size:32px;
  line-height:1.15;
}

.writing-list h2 a {
  text-decoration:none;
}

.writing-list h2 a:hover {
  text-decoration:underline;
}

.writing-list .essay-meta {
  font:11px/1.7 var(--sans);
  margin-top:14px;
  color:var(--muted);
}

.writing-list .essay-blurb {
  font-size:20px;
  margin:0;
}

.writing-list .essay-category {
  display:block;
  margin-bottom:12px;
}

.about-body {
  display:grid;
  grid-template-columns:1fr 2.12fr;
  gap:40px;
  padding:46px 0 68px;
}

.about-body .aside-note {
  font-size:18px;
  color:var(--muted);
  max-width:260px;
}

.about-copy {
  max-width:690px;
}

.about-copy h2 {
  font-size:31px;
  margin:40px 0 18px;
}

.about-copy h2:first-child {
  margin-top:0;
}

.about-copy p {
  font-size:22px;
  line-height:1.6;
}

.about-copy .actions {
  margin-top:35px;
}

.error-main {
  max-width:800px;
  padding:100px 0 120px;
}

.error-main h1 {
  font-size:clamp(44px,6vw,72px);
  margin:24px 0;
}

.error-main p {
  color:var(--muted);
}

/* Reading pages: the original essay markup and all references remain intact. */
.essay-page .reading {
  max-width:1000px;
  margin:auto;
}

.essay-page header.essay {
  padding:70px 0 40px;
  border-bottom:1px solid var(--rule);
  margin-bottom:44px;
}

.essay-page h1 {
  font-size:clamp(43px,5.1vw,67px);
  line-height:1.09;
  max-width:1000px;
  text-wrap:balance;
  letter-spacing:-.04em;
}

.essay-page .subtitle {
  font:23px/1.4 var(--body);
  color:var(--muted);
  margin-top:22px;
  max-width:740px;
}

.essay-page .meta {
  font:12px/1.8 var(--sans);
  color:var(--muted);
  margin-top:28px;
}

.essay-page .meta span {
  padding:0 6px;
}

.essay-page article {
  max-width:700px;
  margin:0 auto;
  font-size:22px;
  line-height:1.72;
}

.essay-page article p {
  margin:0 0 1.25em;
  hyphens:auto;
  -webkit-hyphens:auto;
}

.essay-page article h2 {
  font-size:30px;
  line-height:1.25;
  letter-spacing:-.025em;
  margin:55px 0 24px;
  text-wrap:balance;
}

.essay-page article h3 {
  font-size:25px;
  margin:32px 0 20px;
}

.essay-page article ul,.essay-page article ol {
  padding-left:1.4em;
  margin:1em 0;
}

.essay-page article li {
  margin-bottom:.7em;
}

.essay-page article a {
  overflow-wrap:anywhere;
}

.essay-page blockquote {
  margin:30px 0;
  padding-left:25px;
  border-left:2px solid var(--accent);
  color:var(--muted);
}

.essay-page .ornament {
  border:0;
  text-align:center;
  margin:46px 0;
  height:auto;
}

.essay-page .ornament:before {
  content:'· · ·';
  color:var(--accent);
  letter-spacing:12px;
}

.essay-page .fn-ref {
  font-size:.68em;
  line-height:0;
  vertical-align:super;
  margin-left:.1em;
}

.essay-page .fn-ref a {
  color:var(--accent);
  text-decoration:none;
}

.essay-page .footnotes,.essay-page .bibliography {
  border-top:1px solid var(--rule);
  padding-top:25px;
  margin-top:50px;
  font-size:17px;
  line-height:1.65;
  color:var(--muted);
  overflow-wrap:anywhere;
}

.essay-page .fn-back {
  margin-left:5px;
}

.essay-page article :target {
  background:var(--wash);
  outline:5px solid var(--wash);
  scroll-margin-top:30px;
}

.reading-footer {
  max-width:700px;
  margin:60px auto;
  padding:24px 0;
  border-top:1px solid var(--rule);
  font:12px/1.7 var(--sans);
}

@media(min-width:1500px) {
  .hero {
    padding-top:100px;
    padding-bottom:90px;
  }
}

@media(max-width:1000px) {
  .wrap {
    padding:0 36px;
  }
  .hero {
    gap:36px;
    grid-template-columns:1.15fr 1fr;
  }
  .hero h1 {
    font-size:70px;
  }
  .hero-copy {
    padding-top:47px;
  }
  .practice-strip {
    gap:36px;
    grid-template-columns:1.15fr 1fr;
  }
  .feature {
    padding:32px;
    gap:32px;
  }
  .measurement {
    padding-left:28px;
  }
  .section-heading,.essay-row {
    grid-template-columns:1fr 2.4fr;
    gap:30px;
  }
  .contact-section {
    gap:55px;
  }
  .writing-list .essay-row {
    grid-template-columns:45px 1fr 1fr;
    gap:26px;
  }
}

@media(max-width:720px) {
  .link-row { font-size: 14px; }
  .site-footer .footer-links a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }

  .wrap {
    padding:0 24px;
  }
  .masthead {
    align-items:flex-start;
    gap:18px;
    padding:22px 0;
    flex-wrap:wrap;
  }
  .wordmark {
    font-size:23px;
  }
  .site-nav {
    gap:23px;
    font-size:12px;
    flex-wrap:wrap;
  }
  .hero {
    display:block;
    padding:45px 0 35px;
  }
  .hero h1 {
    font-size:clamp(56px,11vw,76px);
    margin-top:22px;
  }
  .hero-copy {
    padding-top:29px;
    max-width:520px;
  }
  .hero-copy .intro {
    font-size:23px;
  }
  .hero-copy .support {
    max-width:480px;
  }
  .practice-strip {
    grid-template-columns:1fr;
    gap:6px;
    padding:17px 0;
    font-size:11px;
  }
  .section {
    padding-top:49px;
  }
  .section-heading {
    display:block;
    margin-bottom:28px;
  }
  .section-heading h2 {
    font-size:36px;
    margin-top:18px;
  }
  .section-heading .section-intro {
    font-size:20px;
    margin-top:16px;
  }
  .feature {
    grid-template-columns:1fr;
    padding:27px 24px;
    gap:30px;
  }
  .feature h3 {
    font-size:36px;
  }
  .measurement {
    border-left:0;
    border-top:1px solid var(--rule);
    padding:23px 0 0;
  }
  .measurement .value {
    font-size:65px;
  }
  .case-grid {
    grid-template-columns:1fr;
    gap:30px;
    padding:30px 0;
  }
  .case+.case {
    padding:30px 0 0;
    border-left:0;
    border-top:1px solid var(--rule);
  }
  .case h3 {
    font-size:29px;
  }
  .more-grid {
    grid-template-columns:1fr;
    gap:25px;
  }
  .engagement-note {
    display:block;
  }
  .engagement-note a {
    display:inline-block;
    margin-top:12px;
  }
  .policy {
    margin-top:49px;
    padding:40px 0;
  }
  .essay-row {
    display:block;
    padding:24px 0;
  }
  .essay-row .essay-category {
    margin-bottom:13px;
  }
  .essay-row h3 {
    font-size:27px;
  }
  .policy-end {
    display:block;
  }
  .policy-end .text-link {
    display:inline-block;
    margin-top:15px;
  }
  .contact-section {
    display:block;
    padding:50px 0 40px;
  }
  .contact-section h2 {
    font-size:44px;
  }
  .contact-section .email {
  min-height: 44px;
    font-size:22px;
  }
  .process {
    margin-top:36px;
  }
  .site-footer {
    display:block;
  }
  .site-footer .footer-links {
    margin-top:14px;
    gap:24px;
  }
  .key-disclosure {
    padding-bottom:24px;
  }
  .page-header {
    display:block;
    padding:45px 0 35px;
  }
  .page-header h1 {
    font-size:58px;
    margin-bottom:26px;
  }
  .page-header .lede {
    font-size:22px;
  }
  .writing-list {
    margin-bottom:35px;
  }
  .writing-list .essay-row {
    display:grid;
    grid-template-columns:35px 1fr;
    gap:22px;
    padding:30px 0;
  }
  .writing-list .essay-blurb {
    grid-column:2;
    font-size:19px;
  }
  .writing-list h2 {
    font-size:29px;
  }
  .writing-list .index-number {
    font-size:26px;
  }
  .about-body {
    display:block;
    padding:30px 0 45px;
  }
  .about-body .aside-note {
    max-width:none;
    margin-bottom:35px;
    padding-bottom:25px;
    border-bottom:1px solid var(--rule);
  }
  .about-copy p {
    font-size:21px;
  }
  .essay-page header.essay {
    padding:42px 0 30px;
    margin-bottom:30px;
  }
  .essay-page h1 {
    font-size:clamp(37px,7.6vw,53px);
    overflow-wrap:anywhere;
  }
  .essay-page .subtitle {
    font-size:22px;
  }
  .essay-page article {
    font-size:20px;
    line-height:1.67;
  }
  .essay-page article h2 {
    font-size:27px;
    margin-top:40px;
  }
  .essay-page .meta {
    font-size:11px;
  }
  .essay-page .meta span {
    padding:0 2px;
  }
  .reading-footer {
    margin:40px auto;
  }
  .error-main {
    padding:60px 0 80px;
  }
}

@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto;
  }
}

@media print {
  body {
    background:#fff!important;
    color:#000;
  }
  .wrap {
    max-width:none;
    padding:0;
  }
  .masthead,.skip-link,.site-footer,.key-disclosure,.actions,.reading-footer {
    display:none;
  }
  .hero,.section,.contact-section {
    padding:20px 0;
  }
  .essay-page header.essay {
    padding-top:0;
  }
  .essay-page article {
    font-size:12pt;
    max-width:none;
  }
  .essay-page h1 {
    font-size:30pt;
  }
  .essay-page article h2 {
    break-after:avoid;
    font-size:18pt;
  }
  .essay-page article p {
    orphans:3;
    widows:3;
  }
  a {
    color:inherit;
  }
  .more-work>div {
    display:block;
  }
  .feature {
    background:none;
    border:1px solid #aaa;
  }
}