@font-face{font-family:Figtree;font-weight:300;src:url(fonts/figtree-latin-300-normal.woff2) format("woff2")}
@font-face{font-family:Figtree;font-weight:400;src:url(fonts/figtree-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Figtree;font-weight:500;src:url(fonts/figtree-latin-500-normal.woff2) format("woff2")}

:root{
  --bg:#f6f6f2;--text:#050505;--body:#1f1f1d;--muted:#5e5e5b;--line:#d4d4cf;--signal:rgb(246,63,42);
  --rail:1.52in;--gap:.26in;
  --s-display:75.45pt;--s-section:30pt;--s-figure:22pt;--s-head:18pt;--s-sub:12.5pt;--s-body:9.5pt;--s-small:8pt;
}
:root[data-theme=dark]{
  --bg:#050505;--text:#f6f6f2;--body:#dadad6;--muted:#a8a8a4;--line:#3a3a37;
}

@page{size:8.5in 11in;margin:0}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg)}
body{
  font-family:Figtree,Helvetica Neue,Arial,sans-serif;font-size:var(--s-body);font-weight:400;line-height:13.5pt;color:var(--body);
  -webkit-print-color-adjust:exact;print-color-adjust:exact;text-rendering:geometricPrecision;
}
a{color:inherit;text-decoration:none}
h1,h2,h3,p,ul{margin:0;padding:0}
ul{list-style:none}
.nb{white-space:nowrap}
b,i{font-weight:inherit;font-style:normal}

.page{
  width:8.5in;height:11in;padding:.5in .64in .5in;background:var(--bg);
  display:flex;flex-direction:column;break-after:page;
}
.page:last-child{break-after:auto}
.download{display:none}
.mark{display:block;width:.24in;height:.28in;color:var(--text);flex:none}

h1{
  margin:.3in 0 0 -.0525em;font-size:var(--s-display);font-weight:300;letter-spacing:-.04em;line-height:.95;color:var(--text);white-space:nowrap;
}
.intro{display:grid;grid-template-columns:var(--rail) 1fr;column-gap:var(--gap);margin-top:.24in;align-items:last baseline}
.contact{font-size:var(--s-small);line-height:17.25pt;color:var(--muted)}
.contact p{white-space:nowrap}
.title{font-size:var(--s-head);font-weight:400;letter-spacing:-.015em;line-height:1.15;color:var(--signal)}
.lead{margin-top:.09in;font-size:var(--s-sub);font-weight:300;letter-spacing:-.006em;line-height:17.25pt;color:var(--text);text-wrap:balance}

section{margin-top:.3in}
.last{margin-top:auto}
h2{text-indent:-.02in;font-size:var(--s-section);font-weight:300;letter-spacing:-.03em;line-height:1;color:var(--text);padding-bottom:.1in;border-bottom:.75pt solid var(--text)}

.row{
  display:grid;grid-template-columns:var(--rail) 1fr;column-gap:var(--gap);align-items:baseline;
  padding:.115in 0 .125in;border-top:.5pt solid var(--line);
}
h2+.row{border-top:0}
.row:last-child{padding-bottom:0}
.what{grid-column:2;grid-row:1;min-width:0}
.rail{grid-column:1;grid-row:1}
.when{font-size:var(--s-small);line-height:15pt;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.figure{margin-top:.13in;font-size:var(--s-small);line-height:10.5pt;color:var(--muted)}
.figure b{display:block;font-size:var(--s-figure);font-weight:300;letter-spacing:-.02em;line-height:1.1;color:var(--text);margin-bottom:.015in}

h3{font-size:var(--s-sub);font-weight:500;letter-spacing:-.012em;line-height:15pt;color:var(--text)}
.role{font-size:var(--s-body);font-weight:400;letter-spacing:0;color:var(--text)}
.role i{color:var(--muted);margin:0 .03in}
.context{margin-top:.03in;color:var(--muted)}
.what ul{margin-top:.04in}
.what li{position:relative;margin-top:.04in;text-wrap:pretty}
.what li::before{content:"–";position:absolute;left:-.13in;color:var(--muted)}

.second .row{padding:.14in 0 .15in}
.second .row.compact{padding:.075in 0 .085in}
.second .row:last-child{padding-bottom:0}
.compact h3{font-size:var(--s-body);line-height:13.5pt;letter-spacing:0}
.compact .when{line-height:13.5pt}
.compact ul{margin-top:0}
.compact li{margin-top:.01in}

.facts .row:first-child{border-top:.75pt solid var(--text)}
.facts h2{grid-column:1;grid-row:1;font-size:var(--s-sub);font-weight:500;letter-spacing:-.012em;line-height:15pt;padding:0;border:0;text-indent:0}
.facts p+p{margin-top:.03in}

.foot{
  margin-top:.46in;display:flex;justify-content:space-between;font-size:var(--s-small);line-height:1;color:var(--muted);font-variant-numeric:tabular-nums;
}
:root[data-theme=dark] .title{font-weight:300}
.foot b{margin-left:auto}

@media screen{
  :root{color-scheme:dark;--pad:.64in}
  html{-webkit-text-size-adjust:100%}
  ::selection{background:var(--text);color:var(--bg)}
  a:focus-visible{outline:2px solid var(--signal);outline-offset:3px}
  .page{width:auto;max-width:8.5in;height:auto;margin:0 auto;padding:.5in var(--pad) 0}
  .page.second{padding-top:.3in;padding-bottom:.7in}
  .second>.mark,.foot{display:none}
  .last{margin-top:.3in}
  h1{font-size:min(var(--s-display),calc((100vw - 2*var(--pad))/6.89))}
  .mast{display:flex;justify-content:space-between;align-items:center}
  .contact a{transition:color .2s ease}
  .contact a:hover{color:var(--text)}
  .download{
    display:flex;align-items:center;gap:.03in;padding:.03in .03in .03in .13in;border:.75pt solid var(--line);border-radius:999px;
    font-size:var(--s-small);line-height:1;color:var(--muted);
  }
  .download span{margin-right:.06in;white-space:nowrap}
  .download a{padding:.055in .11in;border-radius:999px;color:var(--text);transition:background-color .2s ease,color .2s ease}
  .download a:hover{background:var(--text);color:var(--bg)}
}
@media screen and (min-width:1000px){
  .sheet{zoom:1.2}
}
@media screen and (max-width:760px){
  :root{--pad:20px;--s-section:32px;--s-figure:27px;--s-head:21px;--s-sub:17px;--s-body:15px;--s-small:13px}
  body{line-height:22px}
  .page{padding-top:20px}
  .page.second{padding-top:36px;padding-bottom:48px}
  h1{margin-top:28px}
  .intro{display:flex;flex-direction:column;margin-top:18px}
  .pitch{order:-1}
  .lead{margin-top:10px;line-height:24px}
  .contact{margin-top:18px;line-height:24px}
  section{margin-top:40px}
  h2{padding-bottom:12px;text-indent:-.02em}
  .row,.second .row{display:flex;flex-wrap:wrap;column-gap:28px;padding:16px 0 18px}
  .second .row.compact{padding:12px 0}
  .rail{display:contents}
  .when,.what{flex:0 0 100%}
  .when{order:1;line-height:20px}
  .what{order:2}
  .figure{order:3;margin-top:14px;line-height:18px}
  h3,.compact h3,.facts h2{line-height:24px}
  .compact .when{line-height:20px}
  .role{display:block}
  .role i{display:none}
  .what ul{margin-top:6px}
  .what li{margin-top:6px;padding-left:16px}
  .what li::before{left:0}
  .facts h2{flex:0 0 100%;margin-bottom:4px}
  .download{padding-left:14px}
  .download span{margin-right:4px}
  .download a{padding:9px 12px}
}