.mra-page {
  --mra-ink: #1f2421;
  --mra-muted: #646962;
  --mra-line: #dfddd6;
  --mra-paper: #f8f6f1;
  --mra-bronze: #8a5b2d;
  --mra-bronze-dark: #51341f;
  color: var(--mra-ink);
}

.mra-page .mra-wrap {
  width: min(1200px, calc(100% - 2.5rem));
  margin-inline: auto;
}

.mra-page .mra-section {
  padding: clamp(4rem, 7vw, 7rem) 0;
}

.mra-page .mra-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  color: #8a611d;
  font-size: .76rem;
  font-weight: 750;
  letter-spacing: .14em;
  line-height: 1.4;
  text-transform: uppercase;
}

.mra-page .mra-eyebrow::before {
  width: 2rem;
  height: 1px;
  background: #b78a3f;
  content: "";
}

.mra-page .mra-title {
  margin: 1rem 0 1.2rem;
  color: var(--mra-ink);
  font-family: var(--font-heading, Georgia, serif);
  font-size: clamp(2.15rem, 5.4vw, 4.9rem);
  font-weight: 650;
  letter-spacing: -.04em;
  line-height: 1.02;
}

.mra-page .mra-heading {
  margin: .75rem 0 1rem;
  color: var(--mra-ink);
  font-family: var(--font-heading, Georgia, serif);
  font-size: clamp(1.9rem, 4vw, 3.25rem);
  font-weight: 650;
  letter-spacing: -.035em;
  line-height: 1.1;
}

.mra-page .mra-lead {
  max-width: 48rem;
  color: var(--mra-muted);
  font-size: clamp(1.03rem, 1.7vw, 1.2rem);
  line-height: 1.8;
}

.mra-page .mra-small {
  color: var(--mra-muted);
  font-size: .93rem;
  line-height: 1.72;
}

.mra-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(3rem, 6vw, 6.5rem) 0;
  background:
    radial-gradient(circle at 76% 16%, rgba(181, 137, 66, .17), transparent 30%),
    linear-gradient(135deg, #f9f7f2 0%, #f3efe7 54%, #ebe6dc 100%);
}

.mra-hero::after {
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(99, 83, 59, .045) 1px, transparent 1px), linear-gradient(90deg, rgba(99, 83, 59, .045) 1px, transparent 1px);
  background-size: 32px 32px;
  mask-image: linear-gradient(to right, transparent, #000 70%);
  content: "";
  pointer-events: none;
}

.mra-hero__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(28rem, 1.05fr);
  gap: clamp(2.5rem, 6vw, 6rem);
  align-items: center;
}

.mra-hero__copy { max-width: 39rem; }

.mra-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: .9rem;
  margin-top: 2rem;
}

.mra-hero__note {
  margin-top: 1.5rem;
  padding-top: 1.25rem;
  border-top: 1px solid rgba(75, 68, 57, .16);
  color: #6d685f;
  font-size: .84rem;
  line-height: 1.65;
}

.mra-hero__gallery {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  grid-template-rows: repeat(2, minmax(12rem, 1fr));
  gap: .8rem;
  min-height: clamp(31rem, 49vw, 42rem);
}

.mra-hero__image {
  position: relative;
  overflow: hidden;
  min-height: 0;
  border: 1px solid rgba(61, 51, 39, .13);
  border-radius: 1.15rem;
  background: #d9d4ca;
  box-shadow: 0 28px 70px rgba(51, 42, 31, .14);
}

.mra-hero__image:first-child { grid-row: 1 / 3; }

.mra-hero__image img,
.mra-card__media img,
.mra-gallery__media img,
.mra-process__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mra-hero__image img { transition: transform .8s ease; }
.mra-hero__image:hover img { transform: scale(1.025); }

.mra-proofbar {
  border-block: 1px solid var(--mra-line);
  background: #fff;
}

.mra-proofbar__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.mra-proofbar__item {
  padding: 1.5rem 1.35rem;
  border-left: 1px solid var(--mra-line);
}

.mra-proofbar__item:first-child { border-left: 0; }
.mra-proofbar__item strong { display: block; margin-bottom: .25rem; font-size: .92rem; }
.mra-proofbar__item span { color: var(--mra-muted); font-size: .8rem; line-height: 1.5; }

.mra-intro {
  display: grid;
  grid-template-columns: minmax(0, .78fr) minmax(20rem, 1.22fr);
  gap: clamp(2rem, 6vw, 6rem);
  align-items: start;
}

.mra-category-grid {
  display: grid;
  grid-template-columns: 1.15fr .925fr .925fr;
  gap: 1.25rem;
  margin-top: 2.5rem;
}

.mra-card {
  position: relative;
  overflow: hidden;
  min-width: 0;
  border: 1px solid var(--mra-line);
  border-radius: 1.35rem;
  background: #fff;
  box-shadow: 0 16px 50px rgba(43, 39, 31, .06);
}

.mra-card__media {
  height: 20rem;
  overflow: hidden;
  background: #dedbd4;
}

.mra-card__body { padding: 1.6rem; }
.mra-card__title { margin: 0 0 .65rem; font-family: var(--font-heading, Georgia, serif); font-size: 1.35rem; font-weight: 650; line-height: 1.3; }
.mra-card__list { display: grid; gap: .55rem; margin: 1.15rem 0 0; padding: 0; list-style: none; color: var(--mra-muted); font-size: .88rem; }
.mra-card__list li { display: flex; gap: .55rem; }
.mra-card__list li::before { color: #a17127; content: "—"; }

.mra-card--bronze {
  color: #f6f1e8;
  border-color: rgba(255, 255, 255, .13);
  background:
    radial-gradient(circle at 80% 10%, rgba(213, 159, 87, .2), transparent 30%),
    linear-gradient(145deg, var(--mra-bronze-dark), #2c2118 76%);
}

.mra-card--bronze .mra-card__body { min-height: 100%; }
.mra-card--bronze .mra-card__title { color: #fff; }
.mra-card--bronze .mra-card__list,
.mra-card--bronze .mra-small { color: #d9ccbd; }

.mra-icon {
  display: grid;
  width: 3.25rem;
  height: 3.25rem;
  margin-bottom: 3rem;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 50%;
  color: #e8bc79;
}

.mra-gallery-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.1rem;
  margin-top: 2.5rem;
}

.mra-gallery__item {
  overflow: hidden;
  border: 1px solid var(--mra-line);
  border-radius: 1.05rem;
  background: #fff;
  box-shadow: 0 10px 35px rgba(42, 38, 31, .05);
}

.mra-gallery__media { height: 20rem; overflow: hidden; background: #e5e1d9; }
.mra-gallery__media img { transition: transform .65s ease; }
.mra-gallery__item:hover .mra-gallery__media img { transform: scale(1.035); }
.mra-gallery__copy { padding: 1.05rem 1.1rem 1.2rem; }
.mra-gallery__copy h3 { margin: .3rem 0 0; color: var(--mra-ink); font-size: .98rem; font-weight: 700; line-height: 1.4; }
.mra-gallery__copy span { color: #927036; font-size: .67rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }

.mra-band { background: var(--mra-paper); border-block: 1px solid var(--mra-line); }

.mra-market-grid,
.mra-process-grid,
.mra-faq-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.35rem;
  margin-top: 2.5rem;
}

.mra-market,
.mra-process,
.mra-faq {
  padding: clamp(1.5rem, 3vw, 2.25rem);
  border: 1px solid var(--mra-line);
  border-radius: 1.2rem;
  background: #fff;
}

.mra-market h3,
.mra-process h3,
.mra-faq h3 { margin: 0 0 .75rem; color: var(--mra-ink); font-size: 1.12rem; font-weight: 750; }
.mra-market ul,
.mra-process ul { display: grid; gap: .7rem; margin: 1rem 0 0; padding-left: 1.1rem; color: var(--mra-muted); font-size: .9rem; line-height: 1.6; }

.mra-process-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mra-process { padding: 0; overflow: hidden; }
.mra-process__media { height: 17rem; overflow: hidden; background: #dedbd4; }
.mra-process__body { padding: 1.35rem; }
.mra-process__number { display: block; margin-bottom: .5rem; color: #9a6b16; font-size: .72rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }

.mra-notice {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem;
  margin-top: 2rem;
  padding: 1.4rem;
  border: 1px solid #dbc79f;
  border-radius: 1rem;
  background: #fffaf0;
}
.mra-notice svg { width: 1.45rem; color: #9a6b16; }
.mra-notice strong { display: block; margin-bottom: .3rem; }

.mra-cta {
  padding: clamp(4.25rem, 7vw, 6.5rem) 0;
  color: #f7f1e7;
  background:
    radial-gradient(circle at 20% 0%, rgba(189, 137, 61, .25), transparent 36%),
    linear-gradient(135deg, #28231d, #121212);
}
.mra-cta .mra-heading { color: #fff; }
.mra-cta .mra-lead { color: #cfc7bd; }
.mra-cta__grid { display: grid; grid-template-columns: 1fr auto; gap: 2rem; align-items: center; }

.mra-page .mra-link {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  margin-top: 1.25rem;
  color: #8c621e;
  font-size: .88rem;
  font-weight: 750;
  text-decoration: none;
}
.mra-card--bronze .mra-link { color: #f0c887; }

@media (max-width: 1023px) {
  .mra-hero__grid,
  .mra-intro { grid-template-columns: 1fr; }
  .mra-hero__gallery { min-height: 35rem; }
  .mra-category-grid { grid-template-columns: 1fr 1fr; }
  .mra-category-grid .mra-card:first-child { grid-column: 1 / 3; }
  .mra-gallery-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mra-process-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 767px) {
  .mra-page .mra-wrap { width: min(100% - 2rem, 1200px); }
  .mra-hero { padding-top: 2.5rem; }
  .mra-hero__gallery { grid-template-columns: 1fr 1fr; min-height: 27rem; }
  .mra-proofbar__grid { grid-template-columns: 1fr 1fr; }
  .mra-proofbar__item:nth-child(3) { border-left: 0; border-top: 1px solid var(--mra-line); }
  .mra-proofbar__item:nth-child(4) { border-top: 1px solid var(--mra-line); }
  .mra-category-grid,
  .mra-market-grid,
  .mra-process-grid,
  .mra-faq-grid { grid-template-columns: 1fr; }
  .mra-category-grid .mra-card:first-child { grid-column: auto; }
  .mra-gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mra-gallery__media { height: 16rem; }
  .mra-cta__grid { grid-template-columns: 1fr; }
}

@media (max-width: 479px) {
  .mra-hero__gallery { grid-template-columns: 1fr; grid-template-rows: repeat(3, 18rem); }
  .mra-hero__image:first-child { grid-row: auto; }
  .mra-gallery-grid { grid-template-columns: 1fr; }
  .mra-gallery__media { height: 23rem; }
}

@media (prefers-reduced-motion: reduce) {
  .mra-page * { scroll-behavior: auto !important; }
  .mra-hero__image img,
  .mra-gallery__media img { transition: none !important; }
}