Normalize kicker spacing and tighten footer column layout - PR_26152_016-footer-kicker-spacing

Author: qbytesdq-jpg

GameFoundryStudio/assets/css/gamefoundrystudio.css

@@ -217,11 +217,13 @@
 }
 
 .kicker {
+  display: block;
   color: var(--gold);
   text-transform: uppercase;
   letter-spacing: .16em;
   font-weight: 900;
-  font-size: 13px
+  font-size: 13px;
+  padding-block: 6px
 }
 
 .lede {
@@ -323,23 +325,26 @@
 
 .footer__inner {
   display: grid;
-  grid-template-columns: minmax(160px, .55fr) minmax(0, 2.45fr) max-content;
-  gap: 24px;
+  grid-template-columns: max-content minmax(0, 1fr) max-content;
+  gap: 16px;
   align-items: start;
   position: relative
 }
 
 .footer__brand {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 10px 16px;
-  align-items: center
+  display: grid;
+  gap: 4px;
+  align-content: start
+}
+
+.footer__brand span {
+  white-space: nowrap
 }
 
 .footer__groups {
   display: grid;
-  grid-template-columns: repeat(6, minmax(110px, 1fr));
-  gap: 20px
+  grid-template-columns: repeat(6, minmax(96px, 1fr));
+  gap: 12px
 }
 
 .footer__group {

GameFoundryStudio/assets/partials/footer.html

@@ -1,7 +1,8 @@
 <footer class="footer">
   <div class="container footer__inner">
     <div class="footer__brand">
-      <span>&copy; 2026 Game Foundry Studio</span>
+      <span>&copy; 2026</span>
+      <span>Game Foundry Studio</span>
     </div>
     <nav class="footer__groups" aria-label="Footer navigation">
       <section class="footer__group" aria-labelledby="footer-product">

docs/dev/reports/gamefoundrystudio_footer_spacing_validation.md

@@ -0,0 +1,44 @@
+# GameFoundryStudio Footer and Kicker Spacing Validation
+
+Task: PR_26152_016-footer-kicker-spacing
+
+## Scope
+
+- Product work was limited to `GameFoundryStudio/assets/css/gamefoundrystudio.css` and `GameFoundryStudio/assets/partials/footer.html`.
+- Required report artifacts were written under `docs/dev`.
+- No functionality was modified.
+- No inline style/script/event handlers were added.
+- No tests outside `GameFoundryStudio` were run.
+
+## Commands Run
+
+- `git diff --check -- GameFoundryStudio\assets\css\gamefoundrystudio.css`
+  - Result: Passed.
+  - Note: Git reported line-ending conversion warnings only.
+- `git diff --check -- GameFoundryStudio\assets\css\gamefoundrystudio.css GameFoundryStudio\assets\partials\footer.html`
+  - Result: Passed.
+  - Note: Git reported line-ending conversion warnings only.
+- GameFoundryStudio footer/kicker static validation with Node:
+  - Checked shared `.kicker` rule has balanced `padding-block`.
+  - Checked footer inner/group gaps were reduced.
+  - Checked footer keeps six compact grouping columns.
+  - Checked copyright wrapper has a no-wrap guard.
+  - Checked CSS brace balance.
+  - Result: Passed.
+- GameFoundryStudio footer/kicker UI validation with Playwright and a local static server:
+  - Checked `.kicker` computed top and bottom padding match and are greater than zero.
+  - Checked footer grouping columns remain aligned at desktop width.
+  - Checked `Copyright 2026 Game Foundry Studio` rendered as a single line at 1366px desktop width before the follow-up split.
+  - Checked desktop footer retains brand, groupings, and tagline columns.
+  - Checked responsive footer behavior remains three columns at tablet width and one column at mobile width.
+  - Result: Passed, 10 checks.
+- Follow-up footer copyright split validation:
+  - Static Node validation confirmed the footer copyright is split into separate year and brand spans and uses shared stacked footer brand styling.
+    - Result: Passed.
+  - Playwright validation confirmed the two footer brand lines stack vertically, each line remains unwrapped, and footer grouping columns remain aligned at desktop width.
+    - Result: Passed, 8 checks.
+
+## Skipped
+
+- Repo-wide tests were not run.
+- Tests outside `GameFoundryStudio` were not run.