2 files changed, 7 insertions, 2 deletions

diff --git a/assets/css/components/_hnav.scss b/assets/css/components/_hnav.scss
index 5f8157b..34835e9 100644
--- a/assets/css/components/_hnav.scss
+++ b/assets/css/components/_hnav.scss
@@ -15,6 +15,7 @@
             --font-size:     .9em,
             --margin-top:    fn.global-dim(--paragraph --margin-top),
             --margin-bottom: fn.global-dim(--size --1000),
+            --pad-top:       calc(fn.global-dim(--paragraph --margin-top) * .5),
         )
     ), 'dims');
 
@@ -24,7 +25,7 @@
         gap:           fn.dim(--gap);
         align-items:   baseline;
         margin:        fn.dim(--margin-top) 0 fn.dim(--margin-bottom);
-        padding-top:   fn.dim(--margin-top);
+        padding-top:   fn.dim(--pad-top);
         border-top:    1px solid fn.color(--border);
         color:         fn.color(--fg);
 
diff --git a/assets/css/layouts/_card-list.scss b/assets/css/layouts/_card-list.scss
index 6d388e6..7a09c54 100644
--- a/assets/css/layouts/_card-list.scss
+++ b/assets/css/layouts/_card-list.scss
@@ -4,7 +4,7 @@
 @include iro.props-namespace('card-list') {
     @include iro.props-store((
         --dims: (
-            --margin-top: fn.global-dim(--size --600),
+            --margin-top: fn.global-dim(--size --700),
             --spacing:    fn.global-dim(--size --200),
             --gap:        fn.global-dim(--size --25),
             --grid: (
@@ -30,6 +30,10 @@
             margin-top: fn.dim(--margin-top);
         }
 
+        @include iro.bem-elem('footer') {
+            margin-top: fn.dim(--spacing);
+        }
+
         @include iro.bem-elem('cards') {
             display:        flex;
             flex-direction: column;