/* Studio Fieldwork homepage – scoped to the three sections following the hero. */
.mlmh-sections {
    --mlmh-body-font: "MLMH Sans", Arial, sans-serif;
    --mlmh-display-font: "MLMH Serif", Georgia, serif;
    background: #f7f6f1;
    color: #142c2b;
    font: 400 18px/1.55 var(--mlmh-body-font);
    width: 100%;
    overflow-wrap: anywhere;
}
.mlmh-sections, .mlmh-sections * { box-sizing: border-box; }
.mlmh-sections h2, .mlmh-sections h3, .mlmh-sections p, .mlmh-sections figure { margin: 0; padding: 0; color: inherit; }
.mlmh-sections h2, .mlmh-sections h3 {
    font: 400 1em/1.035 var(--mlmh-display-font);
    text-transform: none;
    letter-spacing: -.038em;
}
.mlmh-sections p { font: inherit; }
.mlmh-sections a { color: inherit; text-decoration: none; }
.mlmh-sections a:focus-visible { outline: 3px solid #b55e08; outline-offset: 3px; }
.mlmh-sections .mlmh-bound { width: calc(100% - 120px); max-width: 1280px; margin-inline: auto; }
.mlmh-sections .mlmh-k {
    font: 700 12px/1.35 var(--mlmh-body-font);
    letter-spacing: .16em;
    text-transform: uppercase;
}
.mlmh-sections .mlmh-choose { padding-block: 65px 58px; }
.mlmh-sections .mlmh-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
    margin: 0 0 26px;
}
.mlmh-sections .mlmh-heading h2 { font-size: clamp(45px,4.4vw,70px); margin-top: 10px; }
.mlmh-sections .mlmh-heading > p { max-width: 305px; font-size: 17px; line-height: 1.5; }
.mlmh-sections .mlmh-options { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.mlmh-sections .mlmh-card {
    display: block;
    min-width: 0;
    margin: 0;
    padding: 12px 0 0;
    border: 0;
    border-top: 2px solid #142c2b;
}
.mlmh-sections .mlmh-card figure { aspect-ratio: 1.95; overflow: hidden; }
.mlmh-sections .mlmh-card img { display: block; width: 100%; height: 100%; object-fit: cover; margin: 0; }
.mlmh-sections .mlmh-card-index {
    display: flex;
    justify-content: space-between;
    margin: 13px 0 5px;
    color: #53645b;
    font: 700 11px/1.4 var(--mlmh-body-font);
    letter-spacing: .15em;
    text-transform: uppercase;
}
.mlmh-sections .mlmh-card h3 { font-size: 35px; letter-spacing: -.042em; }
.mlmh-sections .mlmh-card > p { font-size: 16px; line-height: 1.45; margin-top: 7px; max-width: 350px; }
.mlmh-sections a.mlmh-card:hover h3, .mlmh-sections .mlmh-links a:hover { text-decoration: underline; text-underline-offset: .13em; }
.mlmh-sections .mlmh-comp { background: #e9eddf; border-block: 1px solid #d5dcc9; }
.mlmh-sections .mlmh-comp .mlmh-bound {
    padding: 37px 0 41px;
    display: grid;
    grid-template-columns: minmax(0,.83fr) minmax(0,1.17fr);
    gap: 75px;
    align-items: center;
}
.mlmh-sections .mlmh-comp h2 { font-size: 49px; line-height: .99; margin: 9px 0 11px; }
.mlmh-sections .mlmh-comp p:not(.mlmh-k) { font-size: 17px; max-width: 445px; }
.mlmh-sections .mlmh-links { display: flex; flex-wrap: wrap; gap: 4px 0; }
.mlmh-sections .mlmh-links a, .mlmh-sections .mlmh-links .mlmh-company-name {
    font: 400 24px/1.4 var(--mlmh-display-font);
    padding: 10px 18px 10px 0;
    margin-right: 20px;
    border-bottom: 1px solid #a2ad9b;
}
.mlmh-sections .mlmh-links .mlmh-more { width: 100%; font: 700 14px/1.4 var(--mlmh-body-font); border: 0; padding: 12px 0 0; }
.mlmh-sections .mlmh-steps { padding-block: 44px; display: flex; justify-content: space-between; gap: 35px; align-items: center; }
.mlmh-sections .mlmh-steps h2 { font-size: 42px; margin: 6px 0; }
.mlmh-sections .mlmh-steps p:not(.mlmh-k) { font-size: 16px; line-height: 1.5; max-width: 740px; }
.mlmh-sections .mlmh-process-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    flex-shrink: 0;
    max-width: 100%;
    background: var(--mlmh-teal,#0e4d48);
    color: #fff;
    padding: 14px 22px;
    font: 700 15px/1.3 var(--mlmh-body-font);
    border-radius: 3px;
    border: 1px solid var(--mlmh-teal,#0e4d48);
}
.mlmh-sections .mlmh-process-link:hover { color: #fff; text-decoration: underline; }
@media (max-width:920px) {
    .mlmh-sections .mlmh-bound { width: calc(100% - 64px); }
}
@media (max-width:900px) {
    .mlmh-sections .mlmh-comp .mlmh-bound { gap: 28px; }
    .mlmh-sections .mlmh-card h3 { font-size: 30px; }
    .mlmh-sections .mlmh-options { gap: 15px; }
    .mlmh-sections .mlmh-links a:not(.mlmh-more), .mlmh-sections .mlmh-links .mlmh-company-name { font-size: 21px; }
    .mlmh-sections .mlmh-comp h2 { font-size: 41px; }
}
@media (max-width:760px) {
    .mlmh-sections .mlmh-bound { width: calc(100% - 36px); }
}
@media (max-width:640px) {
    .mlmh-sections .mlmh-heading, .mlmh-sections .mlmh-steps { display: block; }
    .mlmh-sections .mlmh-heading > p { margin-top: 13px; max-width: none; }
    .mlmh-sections .mlmh-choose { padding-block: 33px; }
    .mlmh-sections .mlmh-options { grid-template-columns: minmax(0,1fr); gap: 23px; }
    .mlmh-sections .mlmh-card figure { aspect-ratio: 2.18; }
    .mlmh-sections .mlmh-heading h2 { font-size: 43px; }
    .mlmh-sections .mlmh-card h3 { font-size: 32px; }
    .mlmh-sections .mlmh-comp .mlmh-bound { display: block; padding-block: 26px; }
    .mlmh-sections .mlmh-links { margin-top: 18px; }
    .mlmh-sections .mlmh-links a, .mlmh-sections .mlmh-links .mlmh-company-name { margin-right: 12px; }
    .mlmh-sections .mlmh-steps { padding-block: 28px; }
    .mlmh-sections .mlmh-process-link { margin-top: 14px; }
}