/* FV layout v4: structure only. Character/crow remains a transparent-art slot. */
@media (min-width:901px){
  .mamon-native .mn-hero{
    position:relative!important;
    min-height:760px!important;
    height:min(760px,calc(100vh - 112px))!important;
    max-height:760px!important;
    overflow:hidden!important;
    border-bottom:1px solid rgba(215,170,80,.22)!important;
  }

  .mamon-native .mn-hero .mn-bg{
    position:absolute!important;
    inset:0!important;
    /* No FV raster background. Keep the same world/background system as the LP. */
    background:
      radial-gradient(circle at 72% 40%,rgba(124,20,103,.20),transparent 32%),
      radial-gradient(circle at 14% 18%,rgba(126,25,114,.10),transparent 27%),
      linear-gradient(90deg,rgba(8,3,10,.30),rgba(26,6,29,.10) 45%,rgba(7,3,9,.12))!important;
  }

  .mamon-native .mn-hero-wrap{
    width:min(1500px,calc(100% - 88px))!important;
    min-height:760px!important;
    height:100%!important;
    margin:0 auto!important;
    display:grid!important;
    grid-template-columns:40% 60%!important;
    align-items:stretch!important;
    position:relative!important;
    z-index:2!important;
  }

  .mamon-native .mn-hero-copy{
    width:100%!important;
    align-self:start!important;
    padding:66px 0 0 12px!important;
    position:relative!important;
    z-index:5!important;
    text-align:left!important;
  }

  .mamon-native .mn-hand{
    width:max-content!important;
    max-width:100%!important;
    margin:0 0 34px!important;
    font-size:clamp(48px,3.5vw,68px)!important;
    line-height:1.18!important;
    letter-spacing:.015em!important;
    font-weight:400!important;
    white-space:normal!important;
    text-shadow:
      0 0 5px #fff,
      0 0 11px #ff65db,
      0 0 26px rgba(255,45,205,.70)!important;
  }

  .mamon-native .mn-kicker{
    margin:0 0 8px 10px!important;
    font-size:20px!important;
    line-height:1.3!important;
    font-weight:700!important;
  }

  .mamon-native .mn-hero h1{
    margin:0 0 2px 6px!important;
    font-size:clamp(62px,4.6vw,86px)!important;
    line-height:1.02!important;
    letter-spacing:.025em!important;
    color:#fff0bf!important;
  }

  .mamon-native .mn-script{
    margin:4px 0 26px 78px!important;
    font-size:38px!important;
    line-height:1!important;
  }

  .mamon-native .mn-hero-copy>.mn-line{
    width:min(510px,94%)!important;
    min-height:76px!important;
    padding:0 34px!important;
    border-width:3px!important;
    font-size:22px!important;
    letter-spacing:.02em!important;
    box-shadow:
      0 0 10px rgba(255,255,255,.72),
      0 0 28px rgba(230,80,255,.82),
      inset 0 0 18px rgba(255,255,255,.98)!important;
  }

  .mamon-native .mn-note{
    width:min(510px,94%)!important;
    margin:11px 0 0!important;
    text-align:center!important;
    font-size:14px!important;
    letter-spacing:.04em!important;
  }

  .mamon-native .mn-hero-art-slot{
    grid-column:2!important;
    position:absolute!important;
    top:0!important;
    right:0!important;
    width:60%!important;
    height:100%!important;
    z-index:3!important;
    pointer-events:none!important;
    background-image:none!important;
    background-repeat:no-repeat!important;
    background-position:right bottom!important;
    background-size:contain!important;
  }

  /* Tight, continuous transition into "Why Choose Mamon". */
  .mamon-native .mn-hero + .mn-section{
    padding-top:54px!important;
  }
  .mamon-native #reason .mn-title{
    margin-bottom:30px!important;
  }
}

/* Laptop keeps the same 40/60 logic without crushing the copy. */
@media (min-width:701px) and (max-width:900px){
  .mamon-native .mn-hero,
  .mamon-native .mn-hero-wrap{
    min-height:650px!important;
  }
  .mamon-native .mn-hero-wrap{
    width:calc(100% - 40px)!important;
    display:grid!important;
    grid-template-columns:43% 57%!important;
  }
  .mamon-native .mn-hero-copy{
    width:100%!important;
    padding:54px 0 0!important;
    text-align:left!important;
    align-self:start!important;
  }
  .mamon-native .mn-hand{font-size:42px!important;margin-bottom:28px!important}
  .mamon-native .mn-kicker{font-size:16px!important}
  .mamon-native .mn-hero h1{font-size:56px!important}
  .mamon-native .mn-script{font-size:30px!important;margin:4px 0 22px 48px!important}
  .mamon-native .mn-hero-copy>.mn-line{width:100%!important;min-height:64px!important;font-size:17px!important}
  .mamon-native .mn-note{width:100%!important;text-align:center!important}
  .mamon-native .mn-hero-art-slot{width:57%!important;opacity:1!important}
}

/* Mobile keeps the existing responsive stack for now; character asset will be fitted later. */