/* Ponderosa Systems — client portal.
   Palette + type lifted from ponderosa-systems.com */
:root{
  --ground:#0F1620;
  --raised:#141C27;
  --cream:#F4ECDD;
  --muted:#A39D90;
  --green:#7BBF52;
  --rule:rgba(244,236,221,.12);
}
*{ box-sizing:border-box; }
html,body{ margin:0; padding:0; }
body{
  background:var(--ground);
  color:var(--cream);
  font-family:Inter,-apple-system,system-ui,"Segoe UI",sans-serif;
  font-size:17px; line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
a{ color:inherit; }
.wrap{ max-width:820px; margin:0 auto; padding:72px 32px 140px; }

.back{
  display:block; width:fit-content; font-size:14px; color:var(--muted);
  text-decoration:none; margin-bottom:56px; letter-spacing:.01em;
}
.back:hover{ color:var(--green); }

.eyebrow{
  display:inline-flex; align-items:center; gap:10px;
  border:1px solid var(--rule); border-radius:999px;
  padding:9px 18px; margin:0 0 40px;
  font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--muted);
}
.eyebrow::before{
  content:""; width:6px; height:6px; border-radius:50%;
  background:var(--green); flex:0 0 auto;
}

h1{
  font-family:Fraunces,Georgia,serif; font-weight:500;
  font-size:76px; line-height:1.02; letter-spacing:-.015em;
  margin:0 0 20px;
}
h1 em{ font-style:italic; color:var(--green); }

.lede{ font-size:21px; color:var(--muted); margin:0 0 76px; max-width:32em; }

.list{ border-top:1px solid var(--rule); }
.row{
  display:flex; align-items:center; gap:26px;
  padding:28px 4px; border-bottom:1px solid var(--rule);
  text-decoration:none; color:inherit;
  transition:background .15s ease, padding-left .15s ease;
}
a.row:hover{ background:var(--raised); padding-left:16px; }
a.row:hover .name{ color:var(--green); }
a.row:hover .arrow{ opacity:1; transform:translateX(0); }

.num{
  display:block; flex:0 0 auto; width:30px;
  font-family:Fraunces,Georgia,serif; font-size:17px; color:var(--green);
}
.body{ display:block; flex:1 1 auto; min-width:0; }
.name{
  display:block; font-family:Fraunces,Georgia,serif; font-weight:500;
  font-size:29px; line-height:1.2; letter-spacing:-.01em;
}
.sub{ display:block; font-size:16px; color:var(--muted); margin-top:6px; }
.arrow{
  display:block; flex:0 0 auto; color:var(--green); font-size:20px;
  opacity:0; transform:translateX(-6px); transition:opacity .15s ease, transform .15s ease;
}
.soon{
  display:block; flex:0 0 auto;
  font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--muted);
  border:1px solid var(--rule); border-radius:999px; padding:5px 12px;
}
.row.locked .name{ color:rgba(244,236,221,.6); }
.row.locked .sub{ color:rgba(163,157,144,.65); }

footer{
  margin-top:96px; padding-top:28px; border-top:1px solid var(--rule);
  font-size:14px; color:var(--muted);
}

@media (max-width:620px){
  .wrap{ padding:48px 22px 100px; }
  h1{ font-size:46px; }
  .lede{ font-size:18px; margin-bottom:52px; }
  .name{ font-size:23px; }
  .row{ gap:16px; }
  .arrow{ display:none; }
}