/* ===== The Tommy Club — painterly ripple background + honour roll + gallery ===== */
#rbg{position:fixed;inset:0;z-index:0;display:block}
#rbg-ov{position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,rgba(6,10,8,.5),rgba(6,10,8,.72) 55%,rgba(6,10,8,.86))}
.wrap{position:relative;z-index:2;max-width:980px;margin:0 auto;padding:0 22px 220px}
.lead{font-family:var(--disp);font-weight:500;text-transform:uppercase;font-size:clamp(18px,3vw,24px);color:var(--leaf);text-align:center;line-height:1.2;margin:16px 0 22px}
.tommy-banner{display:block;max-width:100%;max-height:260px;width:auto;height:auto;margin:0 auto 30px;border-radius:10px}
.prose p{font-family:var(--body);font-size:16px;line-height:1.7;opacity:.94;margin-bottom:18px}

/* honour roll */
.roll{margin-top:14px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:rgba(9,12,10,.82);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.r{display:flex;align-items:center;gap:14px;padding:12px 16px;border-top:1px solid rgba(228,228,216,.08)}
.r:first-child{border-top:0}
.r .num{flex:0 0 auto;width:30px;font-family:var(--data);font-weight:700;font-size:16px;color:var(--leaf);text-align:right}
.r .nm{flex:1;min-width:0;font-family:var(--disp);font-weight:700;text-transform:uppercase;font-size:16px;color:var(--cream);line-height:1.15}
.r .mt{flex:0 0 auto;font-family:var(--data);letter-spacing:.5px;text-transform:uppercase;font-size:14px;color:var(--leaf);opacity:.9;text-align:right;white-space:nowrap}
.r .mt b{color:var(--orange);opacity:1;font-size:16px}
.r.founder{background:rgba(22,22,22,.6)}
.r.founder .num,.r.founder .nm{color:#ffc400}
.r.pending{opacity:.5}
.r.pending .nm{font-family:var(--body);font-style:italic;text-transform:none;font-weight:400}
@media(max-width:560px){
  .r{flex-wrap:wrap;gap:4px 12px}
  .r .nm{flex:1 1 auto}
  .r .mt{flex:1 0 100%;text-align:left;padding-left:44px;font-size:13px}
}
.credit{text-align:center;margin-top:30px;font-family:var(--data);letter-spacing:1px;text-transform:uppercase;font-size:11px;color:var(--cream);opacity:.45}
.credit a{color:var(--leaf);text-decoration:none}
.gallery{margin-top:46px}
.gallery .gh{font-family:var(--disp);font-weight:700;text-transform:uppercase;text-align:center;color:var(--leaf);font-size:clamp(16px,3vw,22px);letter-spacing:1px;margin-bottom:16px}
.gthumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}
.gthumb{aspect-ratio:1/1;border:1px solid var(--line);border-radius:10px;overflow:hidden;cursor:pointer;background:rgba(9,12,10,.6);padding:0}
.gthumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease,filter .3s ease;filter:saturate(.92)}
.gthumb:hover img{transform:scale(1.08);filter:saturate(1.12)}
.lightbox{position:fixed;inset:0;z-index:200;background:rgba(4,7,5,.93);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:30px;cursor:zoom-out}
.lightbox.open{display:flex}
.lightbox img{max-width:92vw;max-height:88vh;border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.6)}
