/* =========================================================
   GX-R1 — REAL SYSTEM REFINEMENT
   refine existing visual system
========================================================= */

:root{
  --mfm-gold:#c79652;
  --mfm-text:#f4efe7;
  --mfm-muted:#a7988a;
  --mfm-shell:#090909;
}

/* TYPOGRAPHY CLEANUP */

h1,h2,h3,h4,h5,h6{
  letter-spacing:-0.04em;
  text-rendering:optimizeLegibility;
}

h1{
  line-height:.92;
}

p{
  line-height:1.85;
}

/* SERVICE GRID REFINEMENT */

.mfm-services-grid,
.services-grid,
.service-grid{
  gap:28px!important;
}

.mfm-service-card,
.service-card{
  border-radius:28px!important;
  overflow:hidden;
  background:#120d0d!important;
  border:1px solid rgba(255,255,255,.05)!important;
  box-shadow:none!important;
  transform:none!important;
  transition:
    border-color .25s ease,
    opacity .25s ease!important;
}

.mfm-service-card:hover,
.service-card:hover{
  transform:none!important;
  opacity:.97;
  border-color:rgba(199,150,82,.28)!important;
}

.mfm-service-card img,
.service-card img{
  aspect-ratio:4/5;
  object-fit:cover;
}

.mfm-service-card .service-title,
.service-card .service-title{
  font-size:clamp(24px,2vw,42px)!important;
  line-height:.95!important;
  letter-spacing:-0.05em!important;
}

.mfm-service-card .service-price,
.service-card .service-price{
  font-size:13px!important;
  letter-spacing:.12em!important;
  opacity:.7!important;
}

/* CTA CONSISTENCY */

.mfm-btn-gold,
button,
.button{
  border-radius:999px!important;
}

.mfm-btn-gold,
.button.primary{
  background:var(--mfm-gold)!important;
  border:none!important;
  color:#fff!important;
  transition:opacity .25s ease!important;
}

.mfm-btn-gold:hover,
.button.primary:hover{
  opacity:.92;
}

/* VISUAL RHYTHM */

section{
  position:relative;
}

.home .mfm-homepage-runtime > section + section{
  margin-top:40px;
}

/* ATMOSPHERE */

body{
  background:
    radial-gradient(circle at top right,
      rgba(199,150,82,.05),
      transparent 30%),
    #090909!important;
  color:var(--mfm-text);
}

/* REMOVE HEAVY MOTION */

*[style*="translate"],
*[class*="hover"]{
  animation:none!important;
}

/* MOBILE BALANCE */

@media(max-width:768px){

  .mfm-service-card,
  .service-card{
    border-radius:22px!important;
  }

  .mfm-service-card .service-title,
  .service-card .service-title{
    font-size:30px!important;
  }

}