:root{--mf-ink:#142b36;--mf-copy:#40555f;--mf-muted:#74848b;--mf-line:rgba(20,43,54,.18);--mf-pale:#f2f5f5;--mf-blue:#dceaf0}.mf-detail{color:var(--mf-ink)}.mf-shell{width:min(1280px,calc(100% - 2*clamp(24px,5vw,72px)));margin-inline:auto}.mf-kicker{margin:0 0 22px;font-size:12px;line-height:1.3;letter-spacing:.2em;font-weight:600}.mf-detail h1,.mf-detail h2{margin:0;letter-spacing:-.035em;font-weight:400;text-wrap:balance}.mf-detail h1{font-size:clamp(52px,5.8vw,84px);line-height:1.05}.mf-detail h2{font-size:clamp(40px,4.3vw,62px);line-height:1.1}.mf-copy{color:var(--mf-copy);font-size:17px;line-height:1.78}.mf-copy p:first-child{margin-top:0}.mf-copy p:last-child{margin-bottom:0}.mf-link{display:inline-block;margin-top:34px;padding-bottom:6px;border-bottom:1px solid currentColor;font-size:14px;color:var(--mf-ink)}.mf-heading{display:grid;grid-template-columns:1.04fr .86fr;gap:8vw;align-items:start}.mf-hero{padding:clamp(150px,14vw,210px) 0 clamp(92px,9vw,132px)}.mf-hero-grid{display:grid;grid-template-columns:1.08fr .72fr;gap:8vw;align-items:center}.mf-hero figure{margin:0;overflow:hidden}.mf-hero img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:80% 0%}.mf-hero .mf-copy{max-width:620px;margin-top:42px}.mf-section{padding:clamp(92px,10vw,150px) 0}.mf-paths,.mf-families,.mf-space{background:var(--mf-pale)}.mf-path-units{display:grid;grid-template-columns:repeat(2,1fr);list-style:none;margin:clamp(64px,7vw,96px) 0 0;padding:0;border-top:1px solid var(--mf-line)}.mf-path-units li{padding:28px 36px 24px 0;border-right:1px solid var(--mf-line);min-height:220px}.mf-path-units li+li{padding-left:36px;border-right:0}.mf-path-units span,.mf-units span,.mf-confirm-points span{display:block;margin-bottom:38px;font-size:34px;font-weight:300;color:var(--mf-muted)}.mf-path-units strong,.mf-units strong,.mf-confirm-points strong{display:block;font-size:22px;font-weight:500}.mf-path-units b{display:block;margin-top:16px;font-weight:500}.mf-path-units p,.mf-units p,.mf-confirm-points p{margin:10px 0 0;color:var(--mf-copy)}.mf-wood-visuals{display:grid;grid-template-columns:.68fr 1.32fr;gap:clamp(24px,3vw,48px);align-items:end;margin-top:clamp(64px,7vw,96px)}.mf-wood-visuals figure,.mf-projects figure{margin:0;overflow:hidden}.mf-wood-visuals img{display:block;width:100%}.mf-wood-technical img{height:auto}.mf-wood-space img{height:clamp(500px,47vw,680px);object-fit:cover}.mf-units{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;margin:clamp(64px,7vw,96px) 0 0;padding:0;border-top:1px solid var(--mf-line)}.mf-units li{min-height:200px;padding:26px 30px 22px 0;border-right:1px solid var(--mf-line);border-bottom:1px solid var(--mf-line)}.mf-units li:nth-child(3n+2),.mf-units li:nth-child(3n+3){padding-left:30px}.mf-units li:nth-child(3n){border-right:0}.mf-confirm-points{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:clamp(60px,7vw,90px) 0 0;padding:0;border-top:1px solid var(--mf-line)}.mf-confirm-points li{padding:26px 26px 22px 0;border-right:1px solid var(--mf-line)}.mf-confirm-points li+li{padding-left:26px}.mf-confirm-points li:last-child{border-right:0}.mf-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:clamp(64px,7vw,96px)}.mf-projects img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.mf-projects figcaption{padding-top:18px}.mf-projects small,.mf-projects strong{display:block}.mf-projects small{font-size:12px;letter-spacing:.14em;color:var(--mf-muted)}.mf-projects strong{margin-top:7px;font-size:20px;font-weight:500}.mf-next{padding:clamp(90px,10vw,144px) 0;background:var(--mf-blue)}.mf-next h2{font-size:clamp(52px,6vw,86px)}.mf-next p:not(.mf-kicker){margin:28px 0 0;font-size:19px;color:var(--mf-copy)}.mf-next-link{display:inline-block;margin-top:38px;padding:14px 22px;background:var(--mf-ink);color:#fff;font-size:14px}
@media(max-width:900px){.mf-heading,.mf-hero-grid{grid-template-columns:1fr}.mf-heading,.mf-hero-grid{gap:44px}.mf-hero img{width:min(560px,100%);height:auto;margin-inline:auto}.mf-wood-visuals{grid-template-columns:.78fr 1.22fr}.mf-units{grid-template-columns:repeat(2,1fr)}.mf-units li:nth-child(n){padding:24px 26px;border-right:1px solid var(--mf-line)}.mf-units li:nth-child(odd){padding-left:0}.mf-units li:nth-child(even){border-right:0}.mf-confirm-points{grid-template-columns:repeat(2,1fr)}.mf-confirm-points li:nth-child(n){padding:24px 26px;border-right:1px solid var(--mf-line);border-bottom:1px solid var(--mf-line)}.mf-confirm-points li:nth-child(odd){padding-left:0}.mf-confirm-points li:nth-child(even){border-right:0}}
@media(max-width:560px){.mf-hero{padding-top:118px}.mf-detail h1{font-size:47px}.mf-detail h2{font-size:38px}.mf-copy{font-size:16px;line-height:1.72}.mf-hero .mf-copy{margin-top:34px}.mf-hero-grid{gap:50px}.mf-hero img{width:100%;height:auto}.mf-section{padding:78px 0}.mf-path-units,.mf-units,.mf-confirm-points{grid-template-columns:1fr;margin-top:48px}.mf-path-units li,.mf-path-units li+li,.mf-units li:nth-child(n),.mf-confirm-points li:nth-child(n){min-height:0;padding:22px 0;border-right:0;border-bottom:1px solid var(--mf-line)}.mf-path-units span,.mf-units span,.mf-confirm-points span{margin-bottom:18px;font-size:30px}.mf-wood-visuals{grid-template-columns:1fr;gap:18px;margin-top:50px}.mf-wood-technical img{height:auto}.mf-wood-space img{height:auto;aspect-ratio:4/3}.mf-projects{grid-template-columns:1fr;gap:42px}.mf-projects img{aspect-ratio:4/3}.mf-next p:not(.mf-kicker){font-size:17px}}

.mf-projects img{height:clamp(340px,28vw,400px);aspect-ratio:auto}
@media(max-width:560px){.mf-projects img{height:256px;aspect-ratio:auto}}

@media(max-width:560px){.mf-hero img{object-position:100% 0%}}

/* Match the compact two-column closing navigation used by the other technology pages. */
.mf-next{padding:64px 0}
.mf-next .mf-shell{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}
.mf-next .mf-shell>*{min-width:0}
.mf-next-copy p{margin-top:0!important}
.mf-next-copy .mf-next-link{margin-top:20px}
@media(max-width:1100px){.mf-next .mf-shell{gap:48px}}
@media(max-width:800px){.mf-next .mf-shell{grid-template-columns:1fr;gap:32px}}
@media(max-width:560px){.mf-next{padding:54px 0}}

/* Simplify the material grids and tighten their vertical rhythm. */
.mf-units{border-top:0}
.mf-path-units li:nth-child(n),.mf-units li:nth-child(n),.mf-confirm-points li:nth-child(n){border-right:0}
.mf-units li:nth-child(n+4){border-bottom:0}
@media(min-width:901px){
  .mf-families,.mf-confirm{padding-block:clamp(80px,7vw,108px)}
  .mf-units{margin-top:clamp(48px,5vw,70px)}
  .mf-units li:nth-child(n){min-height:170px;padding-top:22px;padding-bottom:18px}
  .mf-confirm-points{margin-top:clamp(44px,5vw,66px)}
  .mf-confirm-points li:nth-child(n){padding-top:22px;padding-bottom:18px}
  .mf-units span,.mf-confirm-points span{margin-bottom:28px}
}

/* Keep the five chapter headings on the same type scale as the hero heading. */
.mf-section h2{font-size:48px;line-height:1.18}
@media(max-width:1100px){.mf-section h2{font-size:42px}}
@media(max-width:700px){.mf-section h2{font-size:34px}}

/* Match the closing title scale used by the preceding Architectural Integration page. */
.mf-next h2{font-size:36px;line-height:1.28;font-weight:500;letter-spacing:normal}
@media(max-width:1279px){.mf-next h2{font-size:32px}}
@media(max-width:560px){.mf-next h2{font-size:30px}}

/* Restore the production-approved hero image-to-copy proportion. */
@media(min-width:901px){
  .mf-hero-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr);gap:clamp(32px,4vw,72px)}
}
.mf-hero .mf-copy p{text-wrap:pretty}