/* Contain transformed collage layers at the hero boundary, including Firefox. */
.cover--v12 {
  clip-path: inset(0);
}

/* Photographic cotton replaces the flat checkerboard without distorting its weave. */
.cover--v12 .cover__cloth {
  top: 67%;
  bottom: auto;
  left: -12%;
  width: 130%;
  height: auto;
  aspect-ratio: 3 / 2;
  background: url('assets/landing/gingham-colours/gingham-cotton-green-v1.png') center / contain no-repeat;
  clip-path: none;
  pointer-events: none;
  transform: rotate(8deg) translate3d(calc(var(--px) * -4px), calc(var(--py) * -3px), 0);
}
.cover--v12 .cover__cloth::after { content: none; }

@media (max-width: 700px) {
  .cover--v12 .cover__cloth {
    top: calc(var(--form-bottom) - 34px);
    left: -35%;
    width: 180%;
    transform: rotate(9deg) translate3d(calc(var(--px) * -3px), calc(var(--py) * -2px), 0);
  }
}
@media (min-width: 701px) and (max-height: 620px) {
  .cover--v12 .cover__cloth { top: 75%; }
}

/* Selected green-cloth / red-button pairing, 20 September 2026. */
.cover--v12 .signup button,
.cover--v12 .signup button:hover {
  background: var(--red);
  border-color: var(--red);
  color: var(--paper);
}
.cover--v12 .signup button:hover { filter: brightness(.9); }

/* Success replaces the address in the original bar; errors remain actionable. */
.signup--v10 .signup__trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.signup--v10 .signup__status{max-width:380px;margin:6px auto 0;font-size:13px;line-height:1.4;min-height:0}
.signup--v10[aria-busy=true] .signup__status,
.signup--v10[data-state=success] .signup__status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.signup--v10 button:disabled{opacity:.6;cursor:default}
.signup--v10[aria-busy=true] button:disabled{cursor:wait}
.signup--v10[aria-busy=true] input[readonly]{cursor:wait}