.wp-site-blocks>footer,.wp-site-blocks>header,.wp-site-blocks>main{margin-block-end:0!important;margin-block-start:0!important}
/* Hero panel — the identity's In-use layout: the copy in a panel at the left of the cover, not in a
   band across it. The panel is a square sized to its copy (26rem / 416px), NOT to the cover: tying the
   side to the cover's height made it grow with the viewport — 1053px of dark panel around 180px of
   copy on a 2560px screen. The square is released below 782px, where the panel takes the inner width
   and its own height so the photo still shows above and below it. The doubled class beats core's
   `.wp-block-cover.is-position-center-left`, and `max-width: 100%` keeps it inside the inner container
   on narrower desktops. A percentage width here is circular — the flex row is shrink-to-fit, so `42%`
   of it resolves against a container the panel itself sizes; measured, Chrome made it 360px and centred
   it. The side is a fixed length for that reason. */
.hero-cover .wp-block-cover__inner-container{display:flex;align-items:center;justify-content:flex-start}
.hero-panel.hero-panel{aspect-ratio:1;width:26rem;max-width:100%}
@media(max-width:781.98px){
  .wp-block-cover.hero-cover.hero-cover{align-items:center}
  .hero-cover .wp-block-cover__inner-container{display:block}
  /* Same specificity as the rule above, and later in the file, or the square would never release. */
  .hero-panel.hero-panel{aspect-ratio:auto;width:100%}
}