.mt-home .q-wrap { max-width: 1240px; }
.mt-home .mh-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: clamp(28px, 6vw, 88px); }
.mt-home .mh-hero .q-wrap { padding-top: clamp(48px, 7vw, 104px); padding-bottom: clamp(48px, 7vw, 104px); }
.mt-home .mh-hero h1 { font-size: clamp(42px, 5.4vw, 74px); }
.mt-home .mh-hero-image { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; object-position: right center; border-radius: 5px; background: #dfe6db; }
.mt-home .mh-motto { margin-top: 30px; color: #546157; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; }
.mt-home .mh-proof { border-block: 1px solid #d8dcd4; }
.mt-home .mh-proof .q-wrap { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 14px 36px; padding-block: 15px; }
.mt-home .mh-proof a { color: #276442; font-weight: 700; }
.mt-home .mh-proof div > div { display: flex; align-items: center; gap: 12px; }
.mt-home .mh-proof img { display: block; width: clamp(140px, 25vw, 290px); height: auto; mix-blend-mode: multiply; }
.mt-home .mh-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 28px; }
.mt-home .mh-card { display: flex; flex-direction: column; color: #191d1b; background: #fff; border: 1px solid #d8dcd4; border-radius: 5px; overflow: hidden; text-decoration: none; }
.mt-home .mh-card:hover h3 { color: #276442; text-decoration: underline; }
.mt-home .mh-card img { display: block; width: 100%; aspect-ratio: 5 / 3; object-fit: cover; background: #e9ede4; }
.mt-home .mh-card:nth-child(2) img, .mt-home .mh-product img { object-fit: contain; padding: 14px; }
.mt-home .mh-card div { padding: 22px; }
.mt-home .mh-card h3 { display: flex; justify-content: space-between; gap: 12px; }
.mt-home .mh-card p { margin-top: 8px; color: #546157; }
.mt-home .mh-method { background: #1e392b; color: #f6f4ef; }
.mt-home .mh-method h2 { color: inherit; }
.mt-home .mh-method .q-kicker { color: #c4dbbf; }
.mt-home .mh-method .q-button { background: #f6f4ef; color: #1e392b; }
.mt-home .mh-pyramid { background: #f6f4ef; color: #191d1b; border-radius: 5px; padding: 16px; }
.mt-home .mh-pyramid figure { margin: 0; }
.mt-home .mh-athletes { background: #e9ede4; }
.mt-home .mh-athletes img { display: block; width: 100%; height: auto; border-radius: 4px; }
.mt-home .q-button:focus-visible, .mt-home .mh-card:focus-visible { outline: 3px solid #659167; outline-offset: 4px; }
@media (max-width: 760px) {
    .mt-home .q-wrap { padding-inline: 22px; }
    .mt-home .mh-split, .mt-home .mh-grid { grid-template-columns: minmax(0, 1fr); }
}

.mt-home .mh-proof a, .mt-home .mh-stars { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 7px; }
.mt-home .mh-stars { gap: 2px; }
.mt-home .mh-stars span { display: grid; place-items: center; width: 21px; height: 21px; background: #276442; color: #fff; }
.mt-home .mh-athletes .q-wrap { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 2fr); align-items: center; gap: 24px; }
.mt-home .mh-athlete-heading { display: grid; gap: 16px; }
.mt-home .mh-athlete-controls:not([hidden]) { display: flex; gap: 8px; }
.mt-home .mh-athlete-controls button { width: 44px; height: 44px; border: 1px solid #276442; border-radius: 4px; background: #f6f4ef; color: #276442; font-size: 20px; cursor: pointer; }
.mt-home .mh-athlete-track { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 18px) / 2); gap: 18px; overflow-x: auto; scroll-snap-type: x mandatory; list-style: none; padding: 0 0 12px; margin: 0; }
.mt-home .mh-athlete-track li { scroll-snap-align: start; min-width: 0; }
.mt-home .mh-athlete-track img { aspect-ratio: 1; object-fit: contain; background: #f6f4ef; }
@media (max-width: 760px) {
    .mt-home .mh-athletes .q-wrap { grid-template-columns: minmax(0, 1fr); }
}

.mt-home .mh-pyramid img { display: block; width: 100%; height: auto; }

.mt-home .mh-athlete-controls button[data-athlete-pause] { width: auto; padding: 0 12px; font-size: 13px; }

.mt-method .mh-hero h1 { font-size: clamp(36px, 5.2vw, 72px); overflow-wrap: anywhere; }
.mt-method .mm-stages { list-style: none; margin: 26px 0 0; padding: 0; }
.mt-method .mm-stages li { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 18px; padding: 20px 0; border-top: 1px solid #d8dcd4; }
.mt-method .mm-stage-number { color: #276442; font-weight: 700; }
.mt-method .mm-stages p { margin-top: 6px; }
.mt-method .mm-reading { background: #e9ede4; }
.mt-method .mm-reading details { padding: 14px 0; border-bottom: 1px solid #c6d0c2; }
.mt-method .mm-reading summary { cursor: pointer; font-weight: 700; }
.mt-method .mm-reading li { margin: 8px 0; overflow-wrap: anywhere; }
.mt-method .mm-reading a { color: #276442; }