/* ways.css — the "four ways in" hub. Linktree-shaped: one full-width tappable row per
   instrument, stacked, phone-first. Borrows every colour and radius from site.css. */
.ways-wrap{max-width:760px;margin:0 auto;
  padding:30px max(20px,env(safe-area-inset-left)) calc(60px + env(safe-area-inset-bottom))}

.ways-eyebrow{font-size:11px;letter-spacing:.19em;text-transform:uppercase;
  color:var(--cyan-text);margin:0 0 12px;font-weight:600}
.ways-h1{font-size:clamp(32px,8vw,52px);line-height:1;letter-spacing:-.025em;
  margin:0 0 16px;color:var(--navy)}
.ways-lede{font-size:17.5px;line-height:1.55;color:var(--ink-60);margin:0 0 34px;max-width:54ch}

.ways-list{list-style:none;margin:0 0 40px;padding:0;display:flex;flex-direction:column;gap:12px}
.way{margin:0}
.way-hit{display:flex;align-items:flex-start;gap:16px;text-decoration:none;
  background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px 20px;
  transition:border-color .15s var(--ease),box-shadow .15s var(--ease),transform .08s var(--ease);
  -webkit-tap-highlight-color:transparent}
.way-hit:hover{border-color:var(--cyan);box-shadow:var(--shadow-2)}
.way-hit:active{transform:scale(.996)}

.way-n{flex:0 0 auto;font-size:12px;font-weight:700;letter-spacing:.1em;
  color:var(--ink-25);padding-top:4px;font-variant-numeric:tabular-nums}
.way-body{flex:1 1 auto;display:flex;flex-direction:column;gap:8px;min-width:0}
.way-title{font-size:clamp(19px,4.4vw,23px);line-height:1.2;letter-spacing:-.012em;
  color:var(--navy);font-weight:700}
.way-desc{font-size:15.5px;line-height:1.55;color:var(--ink-60)}
.way-gives{font-size:15px;line-height:1.55;color:var(--ink);
  background:var(--pale);border-radius:var(--r-s);padding:11px 13px}
.way-gives b{color:var(--navy)}
.way-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:2px}
.way-tag{font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;font-weight:600;
  color:var(--ink-40);border:1px solid var(--line);border-radius:100px;padding:4px 10px}
.way-tag.way-new{color:var(--orange-text);border-color:var(--orange);background:#FFF4EF}
.way-go{flex:0 0 auto;color:var(--ink-25);font-size:19px;padding-top:2px;transition:color .15s,transform .15s var(--ease)}
.way-hit:hover .way-go{color:var(--cyan);transform:translateX(3px)}

.ways-other{border-top:1px solid var(--line-2);padding-top:26px;margin-bottom:30px}
.ways-h4{font-size:11px;letter-spacing:.19em;text-transform:uppercase;color:var(--ink-25);
  margin:0 0 14px;font-weight:600}
.ways-mini{display:grid;gap:10px;grid-template-columns:1fr}
@media(min-width:640px){.ways-mini{grid-template-columns:repeat(3,1fr)}}
.mini{display:flex;flex-direction:column;gap:5px;text-decoration:none;
  border:1px solid var(--line);border-radius:var(--r-s);padding:15px 16px;
  transition:border-color .15s,background .15s}
.mini:hover{border-color:var(--cyan);background:var(--pale)}
.mini b{font-size:15.5px;color:var(--navy)}
.mini span{font-size:13.5px;line-height:1.45;color:var(--ink-40)}

.ways-foot{font-size:13.5px;line-height:1.6;color:var(--ink-25);margin:0;max-width:56ch}