*{box-sizing:border-box}
:root{
  --midnight:#0F2D26;
  --jade:#35AD9A;
  --ivory:#FAF7F2;
  --sage:#6B7F64;
  --gold:#E3B23C;
}
html,body{margin:0;min-height:100%;background:var(--midnight);color:var(--ivory)}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
.page{min-height:100vh;display:flex}
.hero{
  width:min(1180px,100%);
  min-height:100vh;
  margin:auto;
  padding:42px clamp(24px,6vw,80px);
  display:flex;
  flex-direction:column;
}
.brand{
  font-size:1.05rem;
  font-weight:800;
  letter-spacing:.02em;
}
.brand span{color:var(--jade)}
.content{
  margin:auto 0;
  max-width:820px;
  padding:10vh 0;
}
.eyebrow{
  color:var(--jade);
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.18em;
  margin:0 0 24px;
}
h1{
  font-family:Georgia,"Times New Roman",serif;
  font-weight:400;
  font-size:clamp(3rem,8vw,6.8rem);
  line-height:.95;
  letter-spacing:-.045em;
  margin:0 0 32px;
}
.lead{
  font-size:clamp(1.15rem,2.3vw,1.55rem);
  font-weight:650;
  margin:0 0 12px;
}
.copy{
  max-width:650px;
  font-size:clamp(1rem,2vw,1.25rem);
  line-height:1.65;
  color:rgba(250,247,242,.76);
  margin:0;
}
.footer-line{
  border-top:1px solid rgba(250,247,242,.18);
  padding-top:18px;
  display:flex;
  justify-content:space-between;
  gap:20px;
  color:rgba(250,247,242,.55);
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.15em;
}
@media(max-width:600px){
  .hero{padding:28px 22px}
  .content{padding:8vh 0}
  .footer-line{flex-direction:column;gap:7px}
}