:root{
  --paper:#f4efe6;
  --ink:#141414;
  --muted:#6b6358;
  --copper:#a8662c;
  --line:#d4c8b6;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;
  font-size:15px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  display:flex;
  flex-direction:column;
  min-height:100vh;
}
a{color:inherit;text-decoration:none}
.wrap{width:100%;max-width:880px;margin:0 auto;padding:0 28px}
.top{padding:32px 0}
.top .wrap{display:flex;justify-content:space-between;align-items:center;gap:16px}
.wordmark{font-family:Georgia,"Times New Roman",serif;letter-spacing:.32em;font-size:13px;font-weight:400}
.nav a{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-left:22px}
.nav a:hover,.nav a[aria-current]{color:var(--ink)}
main{flex:1;display:flex;align-items:center}
.hero{text-align:center;padding-top:72px;padding-bottom:72px}
.rule{width:44px;height:1px;background:var(--copper);margin:0 auto 34px;border:0}
h1{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  font-size:clamp(40px,8.5vw,84px);
  letter-spacing:.2em;
  line-height:1.05;
  margin:0 0 0 .2em;
}
.tagline{font-family:Georgia,"Times New Roman",serif;font-style:italic;color:var(--muted);font-size:clamp(16px,2.2vw,19px);margin:26px 0 0}
.soon{display:inline-block;margin-top:46px;font-size:11px;letter-spacing:.42em;text-transform:uppercase;color:var(--copper);padding:12px 0 12px .42em;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.page{padding-top:48px;padding-bottom:72px}
.statement strong{font-weight:400}
.page h1{font-size:clamp(30px,5.5vw,48px);letter-spacing:.08em;margin:0 0 36px}
.eyebrow{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--copper);margin:0 0 18px}
.statement{font-family:Georgia,"Times New Roman",serif;font-size:clamp(19px,2.6vw,24px);line-height:1.45;margin:0 0 26px;max-width:720px}
.page p{max-width:680px;color:#34302a}
dl.facts{margin:36px 0 0;border-top:1px solid var(--line);max-width:680px}
dl.facts div{display:grid;grid-template-columns:200px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
dl.facts dt{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);padding-top:3px}
dl.facts dd{margin:0}
.u{border-bottom:1px solid var(--line)}
.u:hover{border-color:var(--ink)}
footer{border-top:1px solid var(--line);padding:30px 0 34px;font-size:12px;color:var(--muted)}
footer .wrap{display:flex;justify-content:space-between;align-items:flex-end;gap:24px}
footer .legal{max-width:520px;margin:0}
footer .legal{color:#4a443c}
footer .links a{margin-left:18px;letter-spacing:.14em;text-transform:uppercase;font-size:11px}
footer .links a:hover{color:var(--ink)}
@media (max-width:640px){
  .wrap{padding:0 18px}
  .top{padding:22px 0}
  .nav a{margin-left:14px}
  .hero{padding-top:48px;padding-bottom:48px}
  footer .wrap{flex-direction:column;align-items:flex-start}
  footer .links a{margin:0 18px 0 0}
  dl.facts div{grid-template-columns:1fr;gap:4px}
}
