Hero aperture

align: full on a core/group with a constrained inner at 1240px, so the section spans the viewport and the content does not. Horizontal padding is clamp(1.5rem, 6vw, 7rem), and that padding IS the aperture's margin: it is the only thing keeping the cover off the edge, so it never goes to zero.

The band sets blockGap: 0 and every child states its own margin, because the rhythm here is uneven on purpose: the eyebrow and the headline sit close, the lede sits under them, and then a large gap (clamp(2.5rem, 5vw, 4.5rem)) opens before the picture. That gap is the top edge of the window.

A cover clips its overflow and forms no stacking context, so anything lapping it from outside paints under the photograph, invisibly. The caption plate is therefore built inside wp-block-cover__inner-container.

Reaching the bottom-right corner without contentPosition is deliberate: .has-custom-content-position .wp-block-cover__inner-container { width: auto } shrink-wraps the inner container to its content, and a shrink-wrapped container cannot put anything at the far right of the picture. So the cover keeps the default position, and the inner container holds a vertical flex group with minHeight: 26rem (matching the cover) and verticalAlignment: bottom, whose single child is a horizontal flex row with justifyContent: right and its own padding. The plate lands at the bottom-right, inset from the picture's corner by clamp(1rem, 2vw, 1.75rem).

The rule is that type on a cover goes on an opaque plate or under a veil at 80 or more, and there is no third option. The plate is the option taken: it is an opaque base ground with contrast type, so the caption is measured as an ordinary guaranteed pair and the contrast walk finds the plate before it reaches the veil. Nothing else in the cover carries a word. The 20% contrast veil is pure decoration; it takes the edge off a bright photograph so the paper margin still reads as the lighter surface, and it may recede without loss.

The cover states style.color.text as a base chain anyway, so core's :where(.wp-block-cover:not(.has-text-color)) { color: #fff } never fires and nothing a buyer drops into the picture inherits a literal hex.

The photograph. The cover ships EMPTY, which is valid at 6.6 and 7.0: click it and choose an image from the media library. The caption on the plate is second; it is set in caps with wide tracking and reads best under about 36 characters.

• Ink aperture: the colour axis, by inversion. The band's ground becomes contrast and all its type base; the caption plate inverts with it, and so do the two buttons. Inversion between base and contrast is the only colour move that arrives in every theme, and it turns the aperture into a window cut in a dark page with the picture as the brightest thing in the section.
• In motion: backgroundType: "video" and nothing else. The same aperture over a clip. The cover ships empty here too; core writes the <video> with autoplay muted loop playsinline, which is what iOS requires to play inline without a gesture. No type moves, so the caption is exactly as legible.

A full-bleed cover ships a short row of page copy under it so it reads as a section and not the whole page. This pattern needs none: the band is the paper, and it already surrounds the picture on four sides. The buttons below the cover are inside the band, and the band's bottom padding is the hand-off.

minHeight is 26rem, never vh. The preview on this page sizes its frame to the pattern, so a viewport-relative height would size the pattern to the frame in turn, and that loop only ever shrinks.