@font-face{
  font-family:"Reimagined Jarre Display";
  src:url("/static/fonts/ReimaginedJarreDisplay-Medium.ttf") format("truetype");
  font-style:normal;
  font-weight:500;
  font-display:swap;
}



























:root{
  --p900:#07161c;    
  --p800:#0d252d;    
  --p700:#16323b;    
  --p600:#31535c;    
  --p400:#66878e;    
  --p200:#a9c4c9;    
  --p050:#f3f4f1;    

  

  --amber:#d2a15e;   
  --rust:#d75d48;    
  --sky:#45abc0;     
  --moss:#799d83;    
  --ochre:#ddc7ad;   

  --sans:"Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --display:"Reimagined Jarre Display",var(--sans);
}





a{color:inherit;text-decoration:underline;
  text-decoration-color:var(--p400);text-underline-offset:.18em}
a:hover{text-decoration-color:currentColor}
a:focus-visible{outline:2px solid var(--ochre);outline-offset:2px}














[hidden]{display:none !important}























:root{
  







  --measure: 1036px;

  



  --s1: 8px;     
  --s2: 16px;    
  --s3: 24px;    
  --s4: 40px;    
  --s5: 64px;    

  

  --gutter: var(--s4);

   
  --wordmark: 32px;

  


  --column-narrow: 760px;
}

















body{
  max-width: calc(var(--measure) + var(--gutter) * 2);
  margin: 0 auto;
  padding: var(--gutter) var(--gutter) var(--s5);
  background: var(--p900);
  color: var(--p050);
  font: 400 16px/1.5 var(--sans);
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: antialiased;
}


































header.masthead{
  display: flex;
  align-items: baseline;
  gap: var(--s3);
  margin: 0 0 var(--s4);
  padding: 0;
  


  flex-wrap: nowrap;
}
.masthead .rule{ flex: 1; height: 1px;
                 background: var(--p600); min-width: 24px; }


.descriptor{
  



  font: 400 15px/1.4 var(--sans); color: var(--p400);
  white-space: nowrap; flex: 0 0 auto;
}





.masthead nav{
  display: flex; align-items: baseline; gap: var(--s3);
  margin-left: auto;
  flex-wrap: nowrap; white-space: nowrap;
  







  flex: 0 1 auto; min-width: 0;
}
.masthead nav a{
  font: 400 13px/1.4 var(--mono);
  color: var(--p200);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  padding-bottom: 2px;
}
.masthead nav a:hover{ color: var(--p050);
                       border-bottom-color: var(--p400); }
 
.masthead nav form.out{ display: inline; margin: 0; }
.masthead nav form.out button{
  background: none; border: 0; padding: 0 0 2px; cursor: pointer;
  font: 400 12px/1.4 var(--mono); color: var(--p400);
  border-bottom: 1px solid transparent;
}
.masthead nav form.out button:hover{ color: var(--p050);
                                     border-bottom-color: var(--p400); }
 
.masthead nav .who{
  font: 500 11px/1.4 var(--sans); letter-spacing: .14em;
  text-transform: uppercase; color: var(--p400);
  white-space: nowrap;
  




  overflow: hidden; text-overflow: ellipsis; min-width: 0;
}

.wordmark{
  


  font: 500 var(--wordmark)/1 var(--display);
  letter-spacing: .035em;
  text-transform: uppercase;
  color: var(--p050);
  text-decoration: none;
  flex: 0 0 auto;
  margin: 0;
}
.wordmark:hover{ color: var(--p200); }

 
.narrow{ max-width: var(--column-narrow); }

























@media (max-width: 1000px){
  .descriptor{ display: none; }
}

@media (max-width: 820px){
  :root{ --gutter: var(--s3); --wordmark: 20px; }
  




  header.masthead{ margin: 0 0 var(--s2); padding: 0; gap: var(--s2);
                   flex-wrap: nowrap; }
  .descriptor{ display: none; }
  .masthead nav{ margin-left: auto; flex: 0 1 auto; gap: 12px;
                 overflow: hidden; }
  

  .masthead nav a{ font-size: 11px; letter-spacing: 0; }
  .masthead nav .who{ display: none; }
  .masthead nav form.out{ display: none; }
  .masthead .rule{ display: none; }
}



@media (max-width: 420px){
  :root{ --wordmark: 17px; }
}
@media (max-width: 365px){
  :root{ --wordmark: 15px; }
  .masthead nav{ gap: 10px; }
}





@media (max-width: 480px){
  header.masthead{ flex-wrap: wrap; row-gap: 4px; }
  .masthead nav{ flex: 1 0 100%; margin-left: 0; gap: 20px;
                 overflow-x: auto; scrollbar-width: none; }
  .masthead nav::-webkit-scrollbar{ display: none; }
  .masthead nav a{ font-size: 13px; padding: 10px 0; }
}




.fact{display:flex; justify-content:space-between; gap:var(--s2);
      padding:5px 0; border-bottom:1px solid var(--p600)}
.fact:last-child{border-bottom:0}
.fk{font:500 11px/1.5 var(--sans); letter-spacing:.1em;
    text-transform:uppercase; color:var(--p200)}
.fv{font:400 13px/1.5 var(--mono); color:var(--p200);
    font-variant-numeric:tabular-nums; text-align:right}
.fv b{color:var(--p050); font-weight:400}







.sitefoot{margin-top:var(--s3); padding-top:var(--s3);
          border-top:1px solid var(--p600); max-width:var(--measure);
          margin-left:auto; margin-right:auto}
.sitefoot{display:flex; align-items:baseline; gap:var(--s3);
          flex-wrap:wrap}
.sitefoot a{font:400 12px/1 var(--mono); color:var(--p400);
   text-decoration:none; border-bottom:1px solid transparent;
   padding-bottom:2px}
.sitefoot a:hover{color:var(--p200); border-bottom-color:var(--p600)}
 
.sitefoot .legal{flex-basis:100%; display:flex; flex-wrap:wrap;
   gap:var(--s3)}
 
.sitefoot .col{margin-left:auto; font:400 12px/1.6 var(--mono);
   color:var(--p400); text-align:right}



.message-page{max-width:var(--column-narrow); min-height:42vh;
              padding:var(--s5) 0}
.message-page h1{font:500 28px/1.2 var(--sans); letter-spacing:-.015em;
                 color:var(--p050); margin:0 0 var(--s2)}
.message-page p{max-width:68ch; margin:0; color:var(--p200);
                font:400 16px/1.55 var(--sans)}
.message-page form{margin-top:var(--s3)}
.message-action{height:40px; padding:0 var(--s2); background:var(--p700);
                color:var(--p200); border:1px solid var(--p600);
                border-radius:2px; font:500 11px/1 var(--sans);
                letter-spacing:.1em; text-transform:uppercase;
                cursor:pointer}
.message-action:hover{border-color:var(--p200); color:var(--p050)}

@media (max-width:820px){
  .message-page{min-height:34vh; padding:var(--s4) 0}
}

 
*{box-sizing:border-box}




  html{margin:0}
::selection{background:var(--ochre); color:var(--p900)}

 
 
.eyebrow{display:block; font:500 11px/1 var(--sans); letter-spacing:.1em;
   text-transform:uppercase; color:var(--p200); margin:0 0 var(--s2)}
 
.primary-action{display:inline-block; background:var(--p050);
   color:var(--p900); border-radius:2px; padding:13px var(--s3);
   text-decoration:none; font:500 13px/1 var(--sans); white-space:nowrap}
.primary-action:hover{background:var(--p200)}