diff --git a/_layouts/default.liquid b/_layouts/default.liquid
index 8d8758d..f6bba8c 100644
--- a/_layouts/default.liquid
+++ b/_layouts/default.liquid
@@ -67,6 +67,9 @@
+
+
+
{% include theme-init.liquid %}
diff --git a/_scripts/og-image.html b/_scripts/og-image.html
index 41a33c9..c17df8c 100644
--- a/_scripts/og-image.html
+++ b/_scripts/og-image.html
@@ -27,14 +27,18 @@
position: absolute;
top: 60px;
left: 80px;
+
+ svg {
+ width: 120px;
+ }
}
.og-eyebrow {
color: var(--theme-accent);
font-family: var(--font-base);
- font-size: 18px;
+ font-size: 26px;
font-weight: 600;
- letter-spacing: 0.1em;
+ letter-spacing: var(--tracking-loose);
text-transform: uppercase;
margin-bottom: 20px;
}
@@ -42,22 +46,23 @@
.og-title {
color: var(--theme-ink);
font-family: var(--font-display);
- font-size: 64px;
+ font-size: 80px;
font-weight: 700;
line-height: 1;
letter-spacing: -0.03em;
max-width: 20ch;
+ letter-spacing: var(--tracking-tight);
}
- .og-title--md { font-size: 48px; }
- .og-title--sm { font-size: 40px; }
+ .og-title--md { font-size: 64px; }
+ .og-title--sm { font-size: 52px; }
.og-title + .og-description { margin-top: 24px; }
.og-description {
color: var(--theme-body);
font-family: var(--font-base);
- font-size: 22px;
+ font-size: 32px;
line-height: 1.5;
max-width: 50ch;
display: -webkit-box;
@@ -78,7 +83,7 @@
-