[BrickerP]

What

Exp. 03 eyebrow. monthly is back. At two-column widths (901-1100px) the eyebrow wraps to two lines; paired cards now share their header rows through CSS subgrid, so the rule, title, fact and links of Exp. 02/03 and Exp. 04/05 stay on the same lines instead of drifting apart. Guarded by @supports(grid-template-rows:subgrid); the featured card, the single-column layout and browsers without subgrid keep the flex layout.

First screen. The hero was a full-viewport block with centered content, so wide screens showed mostly margin and the film plate sat a full screen below. CSS only, no new text:

• hero min-height: 100svh - 100px, minus up to 15vh (cap 150px)
• hero body: bottom padding up to 40px (slight upward bias)
• film plate top padding: 60-110px -> 36-64px
• pendulum: 370px -> 440px max at 1100px and wider

Measured (Playwright, this branch vs live main 45b5312)

viewport	blank above content	film plate above the fold	pendulum
1920x1080	296 -> 201px	0 -> 65px	370 -> 428px
1440x900	201 -> 116px	0 -> 56px	370 -> 431px
1280x720	112 -> 40px	0 -> 36px	370 -> 440px
1100x800	167 -> 88px	0 -> 56px	370 -> 416px
768x1024	150 -> 55px	0 -> 102px	370px
390x844	unchanged (the hook is below the fold on phones, as before)	-	350px

The hook line stays above the fold wherever it was. No horizontal overflow and no console errors at any of the eight sizes.

Card headers at 901-1440px: within each pair the eyebrow height, rule, title, links and card height match (checked at 901, 940, 1024, 1090, 1100, 1200, 1440); no horizontal overflow from 360 to 1440.

Checks

• typecheck and verify:static pass locally; everything else is left to CI.

Trade-off

• At 1280x720 the name block sits 40px under the nav. Tight, but the plate edge now shows. If it feels cramped, tune the 15vh term.