/* The front door. Three choices, weighted so the recommended one reads first
   without shouting — the others are equal citizens, not consolation prizes. */
body{overflow:auto}
.homemain{display:block;max-width:1080px;margin:0 auto;width:100%;
  flex:1;min-height:0;overflow-y:auto;padding:34px 20px 48px}

.hero h2{font-size:27px;margin:0 0 8px;letter-spacing:-.015em;
  max-width:22ch;line-height:1.15}
.hero .lede{color:var(--ink2);max-width:64ch;margin:0 0 4px;font-size:14.5px}

.doors{display:grid;gap:14px;margin:28px 0 8px;
  grid-template-columns:repeat(auto-fit,minmax(268px,1fr))}
.door{display:flex;flex-direction:column;gap:9px;padding:18px 18px 16px;
  border:1px solid var(--line);border-radius:11px;background:var(--panel);
  color:var(--ink);text-decoration:none;transition:border-color .15s}
.door:hover{border-color:var(--accent)}
.door.primary{border-color:var(--accent-dim);background:var(--accent-dim)}
.door.primary:hover{border-color:var(--accent)}
.dtop{display:flex;align-items:center;gap:8px}
.dtop b{font-size:16px;font-weight:650}
.tag{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--accent);border:1px solid var(--accent);border-radius:20px;
  padding:1px 8px}
.door p{margin:0;color:var(--ink2);font-size:13.5px;line-height:1.55}
.door ul{margin:2px 0 0;padding:0 0 0 16px;color:var(--ink3);font-size:12.5px;
  line-height:1.7}
.door .go{margin-top:auto;padding-top:10px;color:var(--accent);
  font-size:13px;font-weight:600}

.recent{margin:34px 0 0}
.rhead{display:flex;align-items:baseline;gap:12px;margin:0 0 12px}
.rhead h3{margin:0;font-size:15px;font-weight:650}
.rgrid{display:grid;gap:10px;
  grid-template-columns:repeat(auto-fill,minmax(122px,1fr))}
.rgrid a{display:block;border:1px solid var(--line);border-radius:8px;
  overflow:hidden;background:var(--panel2);text-decoration:none}
.rgrid a:hover{border-color:var(--accent)}
.rgrid img{width:100%;display:block;aspect-ratio:488/680;object-fit:cover;
  background:#0b0d10}
.rgrid span{display:block;padding:6px 8px;font-size:11.5px;color:var(--ink2);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.deckstrip{display:flex;align-items:center;gap:18px;flex-wrap:wrap;
  margin:34px 0 0;padding:16px 18px;border:1px solid var(--line);
  border-radius:11px;background:var(--panel)}
.deckstrip b{font-size:14.5px}
.deckstrip p{margin:4px 0 0;color:var(--ink2);font-size:13px;max-width:62ch}
.deckstrip .btn{margin-left:auto;white-space:nowrap}