*{box-sizing:border-box}
:root{--paper:#f3f1ec;--ink:#181817;--muted:#77756f;--rule:#c8c4bb}
html{background:var(--paper);color:var(--ink)}
body{margin:0;background:var(--paper);font-family:"Switzer",Arial,Helvetica,sans-serif;font-weight:400}
a{color:inherit;text-decoration:none}
.site-header{height:92px;padding:38px 5vw 0;display:flex;justify-content:space-between;align-items:flex-start;font-family:"Courier New",monospace;font-size:12px;letter-spacing:.02em}
.site-header nav{display:flex;gap:54px}
.home{padding:52px 5vw 0}
.intro{display:grid;grid-template-columns:1fr 220px;min-height:205px}
.intro h1{font-size:16px;font-weight:400;margin:0 0 92px}
.statement{font-size:16px;margin:0}
.intro-side{font-family:"Courier New",monospace;font-size:11px;line-height:1.45}
.location{color:var(--muted);margin-top:12px}
.contents-title{font-size:15px;font-weight:400;margin:0 0 54px}
.bio-list{border-top:1px solid var(--rule)}
.bio-row{display:grid;grid-template-columns:80px 240px 1fr 30px;border-bottom:1px solid var(--rule);padding:32px 0;min-height:116px}
.bio-row .num,.bio-row .label{font-family:"Courier New",monospace;font-size:10px}
.bio-row .num{color:var(--muted)}
.bio-row .value{font-size:16px;line-height:1.45}
.bio-row .arrow{text-align:right}
.bio-row.education{min-height:235px}
.muted{color:var(--muted)}
.site-footer{margin:0 5vw;padding:52px 0 48px;border-top:1px solid var(--rule);display:flex;justify-content:space-between;align-items:flex-end;font-family:"Courier New",monospace;font-size:10px;line-height:1.5}
.home+.site-footer{margin-top:0}
.footer-links{display:flex;gap:42px}
.copyright{text-align:right;color:var(--muted)}
.mobile-only{display:none}

/* Essay */
.essay-page{padding:35px 5vw 90px}
.essay-meta{font-family:"Courier New",monospace;font-size:10px;color:var(--muted);margin-bottom:18px}
.essay-page>h1{font-family:Georgia,"Times New Roman",serif;font-size:42px;font-weight:400;line-height:1.05;margin:0 0 15px}
.dek{font-size:17px;color:var(--muted);margin:0 0 34px;max-width:650px;line-height:1.45}
.hero{margin:0 0 50px}
.hero img{display:block;width:100%;max-height:560px;object-fit:cover;border-radius:0}
.essay-body{width:min(640px,52vw);margin:0 auto;font-size:16px;line-height:1.6}
.essay-body p{margin:0 0 25px}
.essay-page+.site-footer{margin-top:0}

@media (max-width:700px){
  .desktop-only{display:none}
  .mobile-only{display:block}
  .site-header{height:94px;padding:38px 28px 0;font-size:14px}
  .site-header nav{gap:34px}
  .home{padding:28px 28px 0}
  .intro{display:block;min-height:292px}
  .intro h1{font-size:23px;margin:0 0 28px}
  .descriptor{font-family:"Courier New",monospace;font-size:14px;line-height:1.55;margin:0}
  .intro .location{font-family:"Courier New",monospace;font-size:14px;margin:12px 0 38px}
  .statement{font-size:22px;line-height:1.25}
  .contents-title{font-family:"Courier New",monospace;font-size:14px;margin:0 0 28px}
  .bio-row{grid-template-columns:1fr 34px;padding:34px 0;min-height:0}
  .bio-row .label{grid-column:1;grid-row:1;font-size:12px;margin-bottom:22px}
  .bio-row .num{grid-column:2;grid-row:1;text-align:right;font-size:12px}
  .bio-row .value{grid-column:1 / -1;grid-row:2;font-size:20px;line-height:1.5}
  .bio-row .arrow{grid-column:2;grid-row:2;font-size:18px}
  .bio-row.education{min-height:137px}
  .essay-row .value{padding-right:20px}
  .site-footer{margin:135px 28px 0;padding:48px 0 58px;display:block;font-size:11px}
  .footer-links{display:flex;flex-direction:column;gap:25px}
  .copyright{text-align:left;margin-top:62px}

  .essay-page{padding:26px 18px 0}
  .essay-meta{font-size:9px;margin-bottom:27px}
  .essay-page>h1{font-size:29px;line-height:1.05;margin-bottom:24px}
  .dek{font-size:15px;line-height:1.45;margin-bottom:28px}
  .hero{margin:0 0 31px}
  .hero img{height:auto;border-radius:7px}
  .essay-body{width:100%;margin:0;font-size:14px;line-height:1.65}
  .essay-body p{margin-bottom:24px}
  .essay-page+.site-footer{margin-top:46px}
}

@media (min-width:1200px){
  .site-header,.home,.essay-page{padding-left:5vw;padding-right:5vw}
  .essay-body{width:560px}
}
