.wire-page { overflow: clip; background: var(--color-paper); }

.mdp-hero {
  position: relative;
  min-height: min(760px,calc(100svh - 76px));
  display: flex;
  align-items: center;
  overflow: hidden;
  background: var(--color-ink);
  color: #fff;
}

.mdp-hero__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.mdp-hero__shade { position: absolute; inset: 0; background: linear-gradient(90deg,rgba(18,11,28,.92) 0%,rgba(18,11,28,.72) 34%,rgba(18,11,28,.2) 68%,rgba(18,11,28,.05) 100%); }
.mdp-hero__content { position: relative; z-index: 1; width: min(calc(100% - var(--page-gutter)*2),var(--container)); margin-inline: auto; padding-block: 76px; }
.mdp-hero__eyebrow { margin-bottom: 20px; color: #f5be70; font-size: .72rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.mdp-hero h1 { max-width: 13ch; margin-bottom: 22px; color: #fff; font-size: clamp(3rem,5.1vw,4.65rem); line-height: 1.01; letter-spacing: -.052em; }
.mdp-hero h1 span { display: block; }
.mdp-hero h1 span:last-child { color: var(--color-brand); }
.mdp-hero__lead { max-width: 49ch; margin-bottom: 0; color: rgba(255,255,255,.84); font-size: clamp(.98rem,1.2vw,1.08rem); line-height: 1.72; }
.mdp-hero__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.mdp-cta { position: relative; isolation: isolate; min-width: 202px; min-height: 52px; display: inline-flex; align-items: center; justify-content: flex-start; gap: 24px; overflow: hidden; padding: 0 15px 0 20px; border: 1px solid #f5bd70; border-radius: 999px; background: linear-gradient(105deg,#f5bd70 0 50%,var(--color-brand) 50% 100%); background-size: 210% 100%; background-position: 100% 0; color: var(--color-ink); box-shadow: 0 12px 28px rgba(9,5,15,.2); font-size: .72rem; font-weight: 800; transition: background-position 320ms var(--ease-out),border-color 220ms ease,color 220ms ease,box-shadow 220ms ease; }
.mdp-cta::after { content: "↗"; width: 30px; height: 30px; display: grid; place-items: center; flex: 0 0 auto; margin-left: auto; border-radius: 50%; background: rgba(33,24,47,.12); font-size: .94rem; transition: transform 260ms var(--ease-out),background-color 220ms ease; }
.mdp-cta:hover { background-position: 0 0; box-shadow: 0 16px 34px rgba(9,5,15,.28); transform: none; }
.mdp-cta:hover::after { background: rgba(33,24,47,.19); transform: translate(3px,-2px); }
.mdp-cta--outline { border-color: rgba(255,255,255,.48); background: linear-gradient(105deg,rgba(255,255,255,.14) 0 50%,rgba(255,255,255,.035) 50% 100%); background-size: 210% 100%; background-position: 100% 0; color: #fff; box-shadow: none; }
.mdp-cta--outline::after { background: rgba(255,255,255,.1); }
.mdp-cta--outline:hover { border-color: #fff; background-position: 0 0; }

@media (max-width: 760px) {
  .mdp-hero { min-height: 650px; align-items: end; }
  .mdp-hero__shade { background: linear-gradient(180deg,rgba(18,11,28,.08),rgba(18,11,28,.72) 55%,rgba(18,11,28,.95)); }
  .mdp-hero__content { padding-block: 64px 52px; }
  .mdp-hero h1 { max-width: 12ch; font-size: clamp(2.65rem,12vw,3.6rem); }
  .mdp-hero__lead { font-size: .96rem; }
}