feat(landing): 230px fullbody roster, features goat column, trimmed header

- Members roster avatars render 230px tall (full body); NMSR size bumped to 256
  and tiles widened to fit the portrait.
- Features section is now two columns: the 4 feature cards stacked on the left, a
  Minecraft goat image on the right (public/Goat_JE1_BE1.webp). Stacks on narrow
  screens.
- Header nav links trimmed to How to Join + Status; the auth CTA cluster is now
  Register / Account / Play (the old "Log in" button relabeled Account →
  Cuenta/Kontua).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
2026-06-10 22:13:58 +02:00
parent c8a6c77a8e
commit 362228f985
5 changed files with 41 additions and 19 deletions

View File

@@ -474,7 +474,7 @@ section { position: relative; z-index: 1; }
============================================================ */
.roster {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
gap: 12px;
}
.roster-tile {
@@ -487,7 +487,7 @@ section { position: relative; z-index: 1; }
}
.roster-tile img {
width: auto;
height: 72px;
height: 230px;
object-fit: contain;
image-rendering: pixelated;
}
@@ -505,11 +505,31 @@ section { position: relative; z-index: 1; }
/* ============================================================
FEATURES
============================================================ */
.feat-split {
display: grid;
grid-template-columns: 1.2fr 1fr;
gap: 28px;
align-items: center;
}
.feat-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-columns: 1fr;
gap: 18px;
}
.feat-aside {
display: flex;
align-items: center;
justify-content: center;
}
.feat-aside img {
width: 100%;
max-width: 420px;
height: auto;
image-rendering: pixelated;
}
@media (max-width: 760px) {
.feat-split { grid-template-columns: 1fr; }
}
.feat {
display: flex;
gap: 18px;