/* ==========================================================================
   Maz (bio) section — Figma node 4:150
   Page-level box: left:0; top:2238px; width:1440px; height:781px
   All children below use page-level absolute coordinates
   (Figma local y + 2238) to match the shared page-canvas coordinate system
   established by the hero section (.hero-stage, position:relative, 1440 wide).
   Scope: .maz-bio
   ========================================================================== */

.maz-bio {
  position: absolute;
  left: 0;
  top: 0;
  width: 1440px;
  height: 0;
  overflow: visible;
  pointer-events: none;
}

/* ---------- Decorative background glow texture ---------- */
.maz-bio-texture {
  position: absolute;
  left: 442px;
  top: 2262px;
  width: 623px;
  height: 460px;
  border-radius: 50%;
  mix-blend-mode: overlay;
  background: radial-gradient(ellipse at center, rgba(217, 217, 217, 0.83) 0%, rgba(115, 115, 115, 0) 70%);
  filter: blur(20px);
  pointer-events: none;
}

/* ---------- Headline (split across two columns, reads as one sentence) ---------- */
.maz-bio-headline {
  position: absolute;
  top: 2294px;
  margin: 0;
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 500;
  font-style: normal;
  font-size: 64px;
  line-height: 1.2;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.maz-bio-headline i {
  font-style: italic;
  font-weight: 400;
}
.maz-bio-headline--left {
  left: 99px;
  width: 402px;
  background-image: linear-gradient(169.47638643717667deg, rgb(180, 136, 48) 0.54133%, rgb(228, 190, 91) 36.158%, rgb(255, 225, 135) 59.902%, rgb(228, 190, 91) 83.646%, rgb(159, 113, 35) 119.26%);
}
.maz-bio-headline--right {
  left: 924px;
  width: 506px;
  background-image: linear-gradient(171.60464335884058deg, rgb(180, 136, 48) 0.54133%, rgb(228, 190, 91) 36.158%, rgb(255, 225, 135) 59.902%, rgb(228, 190, 91) 83.646%, rgb(159, 113, 35) 119.26%);
}

/* ---------- Bio paragraphs ---------- */
.maz-bio-text {
  position: absolute;
  left: 99px;
  top: 2411px;
  width: 437px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 24px;
  line-height: 1.6;
  color: #ffffff;
}
.maz-bio-text p {
  margin: 0 0 0 0;
}
.maz-bio-text--right {
  left: 926px;
  top: 2411px;
  width: 417px;
}

/* ---------- Stats row ---------- */
.maz-bio-numbers {
  position: absolute;
  left: 924px;
  top: 2837px;
  width: 340px;
  height: 118px;
}
.maz-bio-stat {
  position: absolute;
  left: 0;
  top: 0;
  width: 100px;
}
.maz-bio-stat--second {
  left: 198px;
  width: 114px;
  white-space: nowrap;
}
.maz-bio-stat-number {
  margin: 0;
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 700;
  font-style: normal;
  font-size: 48px;
  line-height: 1;
  white-space: nowrap;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.maz-bio-stat:not(.maz-bio-stat--second) .maz-bio-stat-number {
  background-image: linear-gradient(155.27716044768948deg, rgb(180, 136, 48) 0%, rgb(228, 190, 91) 21.213%, rgb(255, 225, 135) 35.356%, rgb(228, 190, 91) 49.498%, rgb(159, 113, 35) 70.711%);
}
.maz-bio-stat--second .maz-bio-stat-number {
  background-image: linear-gradient(153.6128854543324deg, rgb(180, 136, 48) 0%, rgb(228, 190, 91) 21.213%, rgb(255, 225, 135) 35.356%, rgb(228, 190, 91) 49.498%, rgb(159, 113, 35) 70.711%);
}
.maz-bio-stat-label {
  margin: 4px 0 0 0;
  font-family: "Inter", Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  text-transform: uppercase;
  color: #ffffff;
  width: 168px;
}

/* ---------- Phone video mockup ---------- */
.maz-bio-phone {
  position: absolute;
  left: 554px;
  top: 2283.67px;
  width: 332px;
  height: 668px;
  border-radius: 50px;
  overflow: hidden;
  transform: rotate(-0.12deg);
  background: #000;
}
.maz-bio-phone-inner {
  position: absolute;
  inset: 0;
}
.maz-bio-phone img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ---------- Coin flipping graphic ---------- */
.maz-bio-coin {
  position: absolute;
  left: 406px;
  top: 2787px;
  width: 314px;
  height: 176px;
  filter: drop-shadow(-24px 110px 21px rgba(0, 0, 0, 0.13));
}
.maz-bio-coin img {
  position: absolute;
  left: -8.25%;
  top: 4.87%;
  width: 100.05%;
  height: 100%;
  max-width: none;
}