@media (max-width: 768px) {
	.forge-page-header-v1 .forge-page-header-v1-wrapper {
		min-height: 400px !important;
	}
}

.forge-page-header-v1 .wp-block-button,
.forge-page-header-v1 .wp-block-buttons {
  width: 100%;
}

@media (min-width: 576px) { 
  .forge-page-header-v1 .wp-block-button {
    width: max-content;
  }
}

.forge-page-header-v1 .label {
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -0.02em;
}

.forge-page-header-v1:after,
.forge-page-header-v1:before {
  content: '';
  width: 100%;
  height: 83%;
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
}

.forge-page-header-v1:after {
  bottom: 0;
  left: 0;
  background-image: url("../../assets/decorations/decoration-bot.svg");
}

.forge-page-header-v1:before {
  top: 0;
  right: 0;
  background-image: url("../../assets/decorations/decoration-top.svg");
  background-position: right;
}

.forge-page-header-v1 .forge-page-header-v1-wrapper {
  position: relative;
  z-index: 1;
}

.forge-page-header-v1 .wp-block-heading {
  font-weight: 400;
}
/* --- Clearance for the fixed header ------------------------------------------
   The site header is fixed and 80px tall (56px logo plus the bar padding) and
   lies over the top of this section. On a desktop the minimum height and the
   bottom alignment keep the copy well below it, but on a phone, where the
   minimum drops to 400px and the copy stands taller, the label was touching
   the bar. The clearance is the header height plus one spacing step, and
   !important because the wrapper carries its padding inline from the block
   attributes, the same way hero-v1.css handles it.
   This file is the Forge stylesheet above plus this rule: a file here replaces
   the one under assets/forge/ rather than adding to it (includes/patterns.php).
   --------------------------------------------------------------------------- */

.forge-page-header-v1 .forge-page-header-v1-wrapper {
  padding-top: calc(80px + var(--wp--preset--spacing--xl)) !important;
}