From 27a7d20dc2cdaed5bcd8f864b4bc3f1ed0620a55 Mon Sep 17 00:00:00 2001 From: Cursor Agent Date: Mon, 19 Oct 2026 09:50:27 +0000 Subject: [PATCH 1/2] Stack news rows under 760px on the shared bridge primitive Phone widths kept a date, thumbnail, and title in one row, so titles wrapped for about 170px and the action sat in the gap underneath. Home and /news/ now share bridge.css .news-row, which puts the date and thumbnail above the copy below 760px. --- _layouts/default.html | 3 + assets/css/bridge.css | 306 ++++++++++++++++++++++++++++++++++------- assets/css/home.css | 194 +------------------------- assets/css/news-v2.css | 57 ++++++++ index.html | 24 ++-- news/index.md | 181 ++---------------------- 6 files changed, 349 insertions(+), 416 deletions(-) create mode 100644 assets/css/news-v2.css diff --git a/_layouts/default.html b/_layouts/default.html index 625ba6b..dc4b0ef 100644 --- a/_layouts/default.html +++ b/_layouts/default.html @@ -83,6 +83,9 @@ {% if page.url == "/" %} {% endif %} + {% if page.body_class contains "news-v2" %} + + {% endif %} {% if page.layout == "research" or page.body_class contains "research-v2" %} {% endif %} diff --git a/assets/css/bridge.css b/assets/css/bridge.css index be14b37..2f042de 100644 --- a/assets/css/bridge.css +++ b/assets/css/bridge.css @@ -95,24 +95,36 @@ /* tokens.css sets body { background: var(--c-paper) } and body::before grid overlay. We keep both, but let individual pages opt out with class="no-grid" for e.g. printable pages or future microsites. */ -body.no-grid:before { display: none; } +body.no-grid:before { + display: none; +} /* The preloader/loader element in the layout should not sit on paper */ -#preloader { background: var(--c-paper); } +#preloader { + background: var(--c-paper); +} /* --- 4. Type-system baseline (non-homepage pages) ----------- */ /* tokens.css already styles h1–h4 as Fraunces/Source-Serif, and body as Plex Sans. But legacy pages declare their own h2/h3 rules with gradient backgrounds inherited from styles.css — those are now neutralised where they would clash with the new look. */ -body { font-family: var(--t-sans); color: var(--fg-1); } +body { + font-family: var(--t-sans); + color: var(--fg-1); +} /* styles.css applies Cormorant Garamond (the display font) to every h1–h6 sitewide. Cormorant is a calligraphic serif and reads as italicky even when upright — fine for the homepage wordmark, wrong for every other heading. Override back to Fraunces (tokens default) everywhere except the hero wordmark which carries its own class. */ -h1, h2, h3, h4, h5, h6 { +h1, +h2, +h3, +h4, +h5, +h6 { font-family: var(--t-serif); font-style: normal; } @@ -145,7 +157,9 @@ h1, h2, h3, h4, h5, h6 { color: var(--c-brand-purple); } -:root[data-theme="dark"] .eyebrow { color: #c09bc4; } +:root[data-theme="dark"] .eyebrow { + color: #c09bc4; +} .lede { font-size: var(--t-body-lg); @@ -188,18 +202,31 @@ h1, h2, h3, h4, h5, h6 { border-color: color-mix(in srgb, var(--c-accent-coral) 22%, transparent); } -:root[data-theme="dark"] .chip--brand { color: #d99adc; } +:root[data-theme="dark"] .chip--brand { + color: #d99adc; +} -:root[data-theme="dark"] .chip--blue { color: #8fb8ff; } +:root[data-theme="dark"] .chip--blue { + color: #8fb8ff; +} -:root[data-theme="dark"] .chip--coral { color: #f96; } +:root[data-theme="dark"] .chip--coral { + color: #f96; +} /* Buttons — tokens.css ships .btn, .btn-ghost, .btn-pill. Keep the full button border while suppressing legacy link underlines. */ -.btn, .btn-ghost, .btn-pill { text-decoration: none; } +.btn, +.btn-ghost, +.btn-pill { + text-decoration: none; +} /* Copyable helper */ -.copyable { font-family: var(--t-mono); cursor: copy; } +.copyable { + font-family: var(--t-mono); + cursor: copy; +} /* Visually-hidden helper (used for legacy-SEO H1 fallback) */ .visually-hidden { @@ -215,9 +242,13 @@ h1, h2, h3, h4, h5, h6 { } /* --- 6. Logo tile + partner-mark helper ---------------------- */ -.invert-on-light { filter: invert(1) brightness(0.4); } +.invert-on-light { + filter: invert(1) brightness(0.4); +} -:root[data-theme="dark"] .invert-on-light { filter: none; } +:root[data-theme="dark"] .invert-on-light { + filter: none; +} /* --- 7. Neutralise legacy site-footer dark slab ------------- */ /* styles.css gives .site-footer a near-black background + white @@ -230,28 +261,39 @@ h1, h2, h3, h4, h5, h6 { border-top: 1px solid var(--c-border); } -.site-footer a { color: var(--fg-1); } +.site-footer a { + color: var(--fg-1); +} -.site-footer a:hover { color: var(--c-accent-teal); } +.site-footer a:hover { + color: var(--c-accent-teal); +} -.site-footer i { color: var(--fg-2); } +.site-footer i { + color: var(--fg-2); +} + +/* --- 8. News-row primitive (home feed and /news archive) ---- */ +.newsfeed { + display: grid; + gap: 0; + border-top: 1px solid var(--c-border); +} -/* --- 8. News-row primitive (shared with /news archive) ------ */ .news-row { display: grid; - grid-template-columns: 90px 1fr auto; - gap: var(--s-4); + grid-template-columns: var(--s-9) minmax(0, 1fr) auto; + gap: var(--s-5); align-items: start; - padding: var(--s-4) 0; + padding: var(--s-5) 0; border-bottom: 1px solid var(--c-border); } -.news-row:last-child { border-bottom: 0; } - .news-row__date { display: grid; + width: 100%; text-align: center; - padding: var(--s-2); + padding: var(--s-3) var(--s-2); border-radius: var(--r-sm); background: color-mix(in srgb, var(--c-brand-purple) 6%, transparent); border: 1px solid color-mix(in srgb, var(--c-brand-purple) 15%, transparent); @@ -259,36 +301,151 @@ h1, h2, h3, h4, h5, h6 { .news-row__day { font-family: var(--t-serif); - font-size: 26px; - font-weight: 700; + font-size: var(--t-h1); + font-weight: var(--t-weight-bold); color: var(--c-brand-purple); line-height: 1; + letter-spacing: var(--t-track-tight); + font-variation-settings: "opsz" 48; } -:root[data-theme="dark"] .news-row__day { color: #d99adc; } +:root[data-theme="dark"] .news-row__day { + color: var(--hero-grad-2); +} .news-row__mo { - font-size: 11px; + font-family: var(--t-mono); + font-size: var(--t-eyebrow); text-transform: uppercase; letter-spacing: var(--t-track-wide); color: var(--fg-2); - margin-top: 4px; + margin-top: var(--s-2); +} + +.news-row__body { + display: grid; + grid-template-columns: auto minmax(0, 1fr); + gap: var(--s-4); + align-items: start; + min-width: 0; +} + +.news-row__copy { + min-width: 0; } .news-row__kicker { + display: inline-flex; + align-items: center; + gap: var(--s-2); + margin-bottom: var(--s-2); + font-family: var(--t-sans); font-size: var(--t-eyebrow); - font-weight: var(--t-weight-semi); - color: var(--c-brand-blue); + font-weight: var(--t-weight-bold); letter-spacing: var(--t-track-wide); text-transform: uppercase; - margin-bottom: 4px; + color: var(--fg-2); } -.news-row__body p { - font-size: var(--t-body); - line-height: 1.55; - color: var(--fg-1); +.news-row__kicker .swatch { + width: var(--s-2); + height: var(--s-2); + border-radius: var(--r-pill); +} + +.news-row[data-kind="paper"] .swatch { + background: var(--c-brand-purple); +} + +.news-row[data-kind="talk"] .swatch { + background: var(--c-accent-coral); +} + +.news-row[data-kind="people"] .swatch, +.news-row[data-kind="move"] .swatch, +.news-row[data-kind="award"] .swatch { + background: var(--c-accent-teal); +} + +.news-row__title { + margin: 0 0 var(--s-2); + padding: 0; + max-width: 58ch; + font-family: var(--t-serif); + font-size: var(--t-body-lg); + font-weight: var(--t-weight-semi); + line-height: 1.35; + letter-spacing: var(--t-track-tight); + color: var(--fg-strong); + font-variation-settings: "opsz" 24; +} + +.news-row__meta { margin: 0; + max-width: var(--maxw-read); + font-size: var(--t-small); + line-height: 1.5; + color: var(--fg-2); +} + +.news-row__meta em { + font-family: var(--t-serif); + font-variation-settings: "opsz" 14; +} + +.news-row__meta strong { + font-weight: var(--t-weight-semi); + color: var(--c-accent-coral-text); +} + +.news-row__action { + align-self: center; +} + +.news-row__thumb { + width: var(--s-9); + aspect-ratio: 5 / 6; + overflow: hidden; + display: flex; + align-items: center; + justify-content: center; + flex-shrink: 0; + border-radius: var(--r-xs); + background: linear-gradient( + 135deg, + var(--c-brand-purple), + var(--c-brand-blue) + ); +} + +.news-row__thumb img { + width: 100%; + height: 100%; + object-fit: cover; +} + +.news-row__avatar { + width: var(--s-8); + height: var(--s-8); + display: flex; + align-items: center; + justify-content: center; + flex-shrink: 0; + border-radius: var(--r-pill); + background: linear-gradient( + 145deg, + var(--c-accent-teal), + var(--c-brand-purple) + ); + color: var(--c-accent-teal-fg); + font-family: var(--t-serif); + font-size: var(--t-h3); + font-weight: var(--t-weight-semi); + letter-spacing: var(--t-track-tight); +} + +:root[data-theme="dark"] .news-row__avatar { + color: var(--fg-strong); } /* --- 9. Paper-card primitive (for per-paper lists) ---------- */ @@ -305,7 +462,11 @@ h1, h2, h3, h4, h5, h6 { .paper-card__thumb { aspect-ratio: 3 / 4; - background: linear-gradient(145deg, var(--c-brand-purple), var(--c-brand-blue)); + background: linear-gradient( + 145deg, + var(--c-brand-purple), + var(--c-brand-blue) + ); border-radius: var(--r-sm); overflow: hidden; display: flex; @@ -316,9 +477,18 @@ h1, h2, h3, h4, h5, h6 { font-size: 22px; } -.paper-card__thumb img { width: 100%; height: 100%; object-fit: cover; } +.paper-card__thumb img { + width: 100%; + height: 100%; + object-fit: cover; +} -.paper-card__meta { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: var(--s-2); } +.paper-card__meta { + display: flex; + flex-wrap: wrap; + gap: 6px; + margin-bottom: var(--s-2); +} .paper-card__title { font-family: var(--t-serif); @@ -329,9 +499,18 @@ h1, h2, h3, h4, h5, h6 { margin-bottom: var(--s-2); } -.paper-card__authors { font-size: var(--t-small); color: var(--fg-2); line-height: 1.55; margin-bottom: var(--s-3); } +.paper-card__authors { + font-size: var(--t-small); + color: var(--fg-2); + line-height: 1.55; + margin-bottom: var(--s-3); +} -.paper-card__links { display: flex; flex-wrap: wrap; gap: var(--s-2); } +.paper-card__links { + display: flex; + flex-wrap: wrap; + gap: var(--s-2); +} /* --- 10. Team-tile primitive (used on /team and homepage) --- */ .team-tile { @@ -347,7 +526,11 @@ h1, h2, h3, h4, h5, h6 { width: 72px; height: 72px; border-radius: 50%; - background: linear-gradient(145deg, var(--c-brand-purple), var(--c-accent-coral)); + background: linear-gradient( + 145deg, + var(--c-brand-purple), + var(--c-accent-coral) + ); display: flex; align-items: center; justify-content: center; @@ -357,14 +540,45 @@ h1, h2, h3, h4, h5, h6 { font-size: 24px; } -.team-tile__name { font-family: var(--t-serif); font-weight: 600; color: var(--fg-strong); } +.team-tile__name { + font-family: var(--t-serif); + font-weight: 600; + color: var(--fg-strong); +} -.team-tile__role { font-size: var(--t-small); color: var(--fg-2); } +.team-tile__role { + font-size: var(--t-small); + color: var(--fg-2); +} @media (max-width: 820px) { - .news-row { grid-template-columns: 70px 1fr; } - - .news-row > *:last-child { grid-column: 1 / -1; } + .paper-card { + grid-template-columns: 80px 1fr; + } +} - .paper-card { grid-template-columns: 80px 1fr; } +/* Date and thumbnail sit above the copy. The action follows the + copy in normal flow, so it does not hang under a short media + column while the title wraps. */ +@media (max-width: 760px) { + .news-row { + grid-template-columns: auto auto minmax(0, 1fr); + column-gap: var(--s-4); + row-gap: var(--s-3); + align-items: center; + } + + .news-row__body { + display: contents; + } + + .news-row__copy, + .news-row__action { + grid-column: 1 / -1; + align-self: start; + } + + .news-row__action { + justify-self: start; + } } diff --git a/assets/css/home.css b/assets/css/home.css index 600846f..5844b3c 100644 --- a/assets/css/home.css +++ b/assets/css/home.css @@ -112,7 +112,9 @@ body.home-v2 #featured-wrapper { font-size: clamp(36px, 4.4vw, 56px); line-height: 1; letter-spacing: -0.015em; - color: var(--hero-grad-2); /* solid fallback; clip+fill applied only when supported */ + color: var( + --hero-grad-2 + ); /* solid fallback; clip+fill applied only when supported */ margin: 0 0 var(--s-3); display: inline-block; } @@ -733,193 +735,7 @@ body.home-v2 #featured-wrapper { } /* ========================================================= - 5. NEWS feed — three kinds - ========================================================= */ -.newsfeed { - display: grid; - gap: 0; - border-top: 1px solid var(--c-border); -} - -.news-item { - display: grid; - grid-template-columns: 90px 1fr auto; - gap: var(--s-5); - padding: var(--s-5) 0; - border-bottom: 1px solid var(--c-border); - align-items: start; -} - -.news-item__date { - display: grid; - text-align: center; - padding: var(--s-3) var(--s-2); - background: color-mix(in srgb, var(--c-brand-purple) 6%, transparent); - border: 1px solid color-mix(in srgb, var(--c-brand-purple) 15%, transparent); - border-radius: var(--r-sm); -} - -.news-item__day { - font-family: var(--t-serif); - font-weight: 700; - font-size: 30px; - line-height: 1; - color: var(--c-brand-purple); - letter-spacing: -0.02em; - font-variation-settings: "opsz" 48; -} - -[data-theme="dark"] .news-item__day { - color: #d99adc; -} - -.news-item__mo { - font-family: var(--t-mono); - font-size: 10px; - text-transform: uppercase; - letter-spacing: var(--t-track-wide); - color: var(--fg-2); - margin-top: 6px; -} - -.news-item__kicker { - display: inline-flex; - align-items: center; - gap: 6px; - font-family: var(--t-sans); - font-size: var(--t-eyebrow); - font-weight: 700; - letter-spacing: var(--t-track-wide); - text-transform: uppercase; - color: var(--fg-2); - margin-bottom: 6px; -} - -.news-item__kicker .swatch { - width: 8px; - height: 8px; - border-radius: 2px; -} - -.news-item[data-kind="paper"] .swatch { - background: var(--c-brand-purple); -} - -.news-item[data-kind="talk"] .swatch { - background: var(--c-accent-coral); -} - -.news-item[data-kind="people"] .swatch, -.news-item[data-kind="move"] .swatch, -.news-item[data-kind="award"] .swatch { - background: var(--c-accent-teal); -} - -.news-item__title { - font-family: var(--t-serif); - font-weight: 600; - font-size: var(--t-body-lg); - line-height: 1.35; - color: var(--fg-strong); - margin: 0 0 var(--s-2); - letter-spacing: -0.005em; - max-width: 58ch; - font-variation-settings: "opsz" 24; -} - -.news-item__meta { - font-size: var(--t-small); - color: var(--fg-2); - line-height: 1.5; - margin: 0; - max-width: 68ch; -} - -.news-item__meta em { - font-family: var(--t-serif); - font-variation-settings: "opsz" 14; -} - -.news-item__meta strong { - color: var(--c-accent-coral); - font-weight: 600; -} - -.news-item__action { - align-self: center; -} - -.news-item--paper .news-item__body { - display: grid; - grid-template-columns: 88px 1fr; - gap: var(--s-4); -} - -.news-item__thumb { - width: 88px; - height: 104px; - border-radius: var(--r-xs); - overflow: hidden; - background: linear-gradient( - 135deg, - var(--c-brand-purple), - var(--c-brand-blue) - ); - display: flex; - align-items: center; - justify-content: center; - flex-shrink: 0; -} - -.news-item__thumb img { - width: 100%; - height: 100%; - object-fit: cover; -} - -.news-item--people .news-item__body, -.news-item--move .news-item__body, -.news-item--award .news-item__body { - display: grid; - grid-template-columns: 56px 1fr; - gap: var(--s-4); - align-items: start; -} - -.news-item__avatar { - width: 56px; - height: 56px; - border-radius: 50%; - background: linear-gradient( - 145deg, - var(--c-accent-teal), - var(--c-brand-purple) - ); - display: flex; - align-items: center; - justify-content: center; - color: #fff; - font-family: var(--t-serif); - font-weight: 600; - font-size: 20px; - letter-spacing: -0.02em; - flex-shrink: 0; -} - -@media (max-width: 760px) { - .news-item { - grid-template-columns: 70px 1fr; - } - - .news-item__action { - grid-column: 1 / -1; - justify-self: start; - margin-top: var(--s-2); - } -} - -/* ========================================================= - 6. TEAM preview (6 tiles) + 5. TEAM preview (6 tiles) ========================================================= */ .team-preview { display: grid; @@ -1041,7 +857,7 @@ body.home-v2 #featured-wrapper { } /* ========================================================= - 7. Closing CTA (mini panel linking to /research) + 6. Closing CTA (mini panel linking to /research) ========================================================= */ .closing-cta { margin-top: var(--s-7); diff --git a/assets/css/news-v2.css b/assets/css/news-v2.css new file mode 100644 index 0000000..4d625bf --- /dev/null +++ b/assets/css/news-v2.css @@ -0,0 +1,57 @@ +/* News archive chrome. Rows come from bridge.css .news-row. */ + +.news-page { + position: relative; + z-index: 1; + width: min(100% - var(--s-6), var(--maxw-page)); + margin: 0 auto; + padding: var(--s-9) 0 var(--s-8); +} + +.news-page__head { + max-width: var(--maxw-read); + margin: 0 auto var(--s-8); + text-align: center; +} + +.news-page__kicker { + display: inline-flex; + align-items: center; + gap: var(--s-3); + margin-bottom: var(--s-4); + font-family: var(--t-sans); + font-size: var(--t-eyebrow); + font-weight: var(--t-weight-semi); + letter-spacing: var(--t-track-wide); + text-transform: uppercase; + color: var(--fg-2); +} + +.news-page__kicker .rule { + width: var(--s-6); + height: 0; + border-top: 1px solid var(--c-border-strong); +} + +.news-page__title { + margin: 0 0 var(--s-4); + font-family: var(--t-serif); + font-size: var(--t-h1); + font-weight: var(--t-weight-semi); + line-height: 1.1; + letter-spacing: var(--t-track-tight); + color: var(--fg-strong); + text-wrap: balance; + font-variation-settings: "opsz" 96; +} + +.news-page__lede { + max-width: 60ch; + margin: 0 auto; + font-family: var(--t-serif); + font-size: var(--t-body-lg); + font-weight: var(--t-weight-reg); + line-height: 1.55; + color: var(--fg-1); + font-variation-settings: "opsz" 18; +} diff --git a/index.html b/index.html index 8b6f962..1f3b9cf 100644 --- a/index.html +++ b/index.html @@ -171,22 +171,22 @@

What's happening in the lab

{% for n in sorted_news limit:5 %} {% assign d = n.date | date: "%-d" %} {% assign mo = n.date | date: "%b %y" %} -
-
- {{ d }} - {{ mo }} +
+
+ {{ d }} + {{ mo }}
-
+
{% if n.kind == "paper" %} -
+
{% if n.thumb %}{% endif %}
{% else %} -
{{ n.avatar | default: "·" }}
+
{{ n.avatar | default: "·" }}
{% endif %} -
-
+
+
{% case n.kind %} {% when "paper" %}Paper @@ -196,12 +196,12 @@

What's happening in the lab

{% when "award" %}Award {% endcase %}
-

{{ n.title }}

-

{{ n.meta }}

+

{{ n.title }}

+

{{ n.meta }}

- {{ n.action_label }} diff --git a/news/index.md b/news/index.md index 049328b..1e418b5 100644 --- a/news/index.md +++ b/news/index.md @@ -25,22 +25,22 @@ description: >- {% for n in news_items %} {% assign d = n.date | date: "%-d" %} {% assign mo = n.date | date: "%b %y" %} -
-
- {{ d }} - {{ mo }} +
+
+ {{ d }} + {{ mo }}
-
+
{% if n.kind == "paper" %} -
+
{% if n.thumb %}{% endif %}
{% else %} -
{{ n.avatar | default: "·" }}
+
{{ n.avatar | default: "·" }}
{% endif %} -
-
+
+
{% case n.kind %} {% when "paper" %}Paper @@ -51,12 +51,12 @@ description: >- {% else %}Update {% endcase %}
-

{{ n.title }}

-

{{ n.meta }}

+

{{ n.title }}

+

{{ n.meta }}

- {{ n.action_label }} @@ -68,160 +68,3 @@ description: >- {% endfor %}
- - From 8789c294634b82711fa1126c6956225bd28c97d1 Mon Sep 17 00:00:00 2001 From: Cursor Agent Date: Mon, 19 Oct 2026 10:35:47 +0000 Subject: [PATCH 2/2] Name the archive rule and default news rows to the phone stack CodeRabbit asked for a BEM class on the archive kicker rule and for the stacked news row to be the base layout, with the horizontal row in a min-width query. --- assets/css/bridge.css | 46 +++++++++++++++++++++++------------------- assets/css/home.css | 4 +--- assets/css/news-v2.css | 2 +- news/index.md | 4 ++-- 4 files changed, 29 insertions(+), 27 deletions(-) diff --git a/assets/css/bridge.css b/assets/css/bridge.css index 2f042de..2b3f541 100644 --- a/assets/css/bridge.css +++ b/assets/css/bridge.css @@ -282,9 +282,10 @@ h6 { .news-row { display: grid; - grid-template-columns: var(--s-9) minmax(0, 1fr) auto; - gap: var(--s-5); - align-items: start; + grid-template-columns: auto auto minmax(0, 1fr); + column-gap: var(--s-4); + row-gap: var(--s-3); + align-items: center; padding: var(--s-5) 0; border-bottom: 1px solid var(--c-border); } @@ -323,11 +324,7 @@ h6 { } .news-row__body { - display: grid; - grid-template-columns: auto minmax(0, 1fr); - gap: var(--s-4); - align-items: start; - min-width: 0; + display: contents; } .news-row__copy { @@ -398,8 +395,14 @@ h6 { color: var(--c-accent-coral-text); } +.news-row__copy, +.news-row__action { + grid-column: 1 / -1; + align-self: start; +} + .news-row__action { - align-self: center; + justify-self: start; } .news-row__thumb { @@ -557,28 +560,29 @@ h6 { } } -/* Date and thumbnail sit above the copy. The action follows the - copy in normal flow, so it does not hang under a short media - column while the title wraps. */ -@media (max-width: 760px) { +/* Wider viewports keep the date, media, and action in one row. */ +@media (min-width: 761px) { .news-row { - grid-template-columns: auto auto minmax(0, 1fr); - column-gap: var(--s-4); - row-gap: var(--s-3); - align-items: center; + grid-template-columns: var(--s-9) minmax(0, 1fr) auto; + gap: var(--s-5); + align-items: start; } .news-row__body { - display: contents; + display: grid; + grid-template-columns: auto minmax(0, 1fr); + gap: var(--s-4); + align-items: start; + min-width: 0; } .news-row__copy, .news-row__action { - grid-column: 1 / -1; - align-self: start; + grid-column: auto; } .news-row__action { - justify-self: start; + align-self: center; + justify-self: auto; } } diff --git a/assets/css/home.css b/assets/css/home.css index 5844b3c..f7f77c2 100644 --- a/assets/css/home.css +++ b/assets/css/home.css @@ -112,9 +112,7 @@ body.home-v2 #featured-wrapper { font-size: clamp(36px, 4.4vw, 56px); line-height: 1; letter-spacing: -0.015em; - color: var( - --hero-grad-2 - ); /* solid fallback; clip+fill applied only when supported */ + color: var(--hero-grad-2); /* solid fallback before the clip */ margin: 0 0 var(--s-3); display: inline-block; } diff --git a/assets/css/news-v2.css b/assets/css/news-v2.css index 4d625bf..fd3cf00 100644 --- a/assets/css/news-v2.css +++ b/assets/css/news-v2.css @@ -27,7 +27,7 @@ color: var(--fg-2); } -.news-page__kicker .rule { +.news-page__rule { width: var(--s-6); height: 0; border-top: 1px solid var(--c-border-strong); diff --git a/news/index.md b/news/index.md index 1e418b5..20b900b 100644 --- a/news/index.md +++ b/news/index.md @@ -13,9 +13,9 @@ description: >-

- + CoMPhy Lab · News archive - +

News & announcements

Papers, talks, arrivals, and awards.