.mlab-case{--ml-ink:#213d32;--ml-paper:#f6f5ef;padding-top:102px;background:var(--ml-paper);color:var(--ml-ink)}
.mlab-case figure{margin:0;min-width:0}.mlab-case figure img{display:block;width:100%;height:auto}.mlab-case .eyebrow{font-size:14px;color:inherit}.mlab-case h2{font-size:clamp(40px,5.1vw,88px)}.mlab-case .text-link{gap:22px}
.ml-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#dbe5dd}.ml-hero-copy{padding:38px var(--pad) 46px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.ml-hero .back-link{margin-bottom:clamp(45px,6vw,105px);font-size:14px}.ml-hero h1{font-size:clamp(56px,6.2vw,108px);margin:26px 0 32px}.ml-hero-intro{font-size:clamp(19px,1.55vw,25px);line-height:1.5;max-width:520px}.ml-hero .text-link{margin-top:30px}.ml-hero-meta{font-size:12px;letter-spacing:.05em;margin-top:40px}.ml-hero>.ml-image{align-self:stretch;background:#dfd8c8}.ml-hero>.ml-image img{height:100%;object-fit:cover;object-position:center center}
.ml-brief{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:start}.ml-brief .eyebrow{margin-bottom:25px}.ml-brief .lead{font-size:clamp(24px,2.1vw,32px);line-height:1.35;margin-bottom:28px}.ml-brief p:not(.eyebrow){max-width:650px}.ml-brief>div+div>p:not(.lead){font-size:18px;line-height:1.6}
.ml-direction{background:#2d493e;color:#f2f4e9}.ml-direction>.eyebrow{color:#cbdad0;margin-bottom:30px}.ml-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:end;margin-bottom:50px}.ml-heading>p,.ml-heading>div>p{font-size:clamp(19px,1.65vw,25px);line-height:1.5;max-width:650px}.ml-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6%;margin-top:65px}.ml-principles span{font-size:14px;color:#becdc3}.ml-principles h3{font-size:30px;font-weight:400;margin:12px 0}.ml-principles p{font-size:17px;line-height:1.55;max-width:390px}
.ml-duet{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}.ml-duet-copy{padding:70px var(--pad)}.ml-duet-copy .eyebrow{margin-bottom:30px}.ml-duet-copy h2{margin-bottom:35px}.ml-duet-copy>p:not(.eyebrow){font-size:clamp(19px,1.5vw,24px);line-height:1.55;max-width:560px}.ml-note{display:block;font-size:12px;letter-spacing:.06em;margin-top:45px}.ml-calm{background:#d3dfda;scroll-margin-top:90px}.ml-textures{background:#e8e4d9}.ml-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.ml-mist{background:#f0ece2}.ml-range{background:#d9e3d9}.ml-routines{background:#f3f3ed}.ml-tool{background:#263b33;color:#f2f1e7}.ml-tool>.ml-image{background:#e1d9c9}.ml-tool .eyebrow{color:#c6d8cb}.ml-closing{background:#dbe5dd}.ml-closing>.eyebrow{margin-bottom:30px}.ml-closing .text-link{margin-top:30px}.ml-project-info{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin:80px 0 0}.ml-project-info dt{font-size:14px;color:#476354;margin-bottom:12px}.ml-project-info dd{margin:0;font-size:18px}.mlab-case .next-project{background:#f6f5ef;color:#213d32}
@media(min-width:1800px){.ml-hero>.ml-image img{object-fit:contain}.ml-hero-copy{max-width:850px;justify-self:end;width:100%}}
@media(max-width:1000px){.ml-hero h1{font-size:7vw}.ml-hero .back-link{margin-bottom:35px}.ml-hero-copy{padding-top:28px;padding-bottom:35px}.ml-hero-meta{margin-top:25px}.ml-duet-copy{padding-top:45px;padding-bottom:45px}.mlab-case h2{font-size:clamp(34px,5.1vw,60px)}.ml-principles{gap:30px}}
@media(max-width:700px){.mlab-case{padding-top:91px}.ml-hero,.ml-brief,.ml-heading,.ml-duet{grid-template-columns:1fr}.ml-hero-copy{padding-top:28px;padding-bottom:36px}.ml-hero .back-link{margin-bottom:40px}.ml-hero h1{font-size:clamp(48px,14.5vw,86px);margin:24px 0}.ml-hero-intro{font-size:20px;max-width:480px}.ml-hero-meta{font-size:11px}.ml-hero>.ml-image img{height:auto;object-fit:contain}.ml-brief{gap:30px}.mlab-case h2{font-size:clamp(36px,10vw,50px)}.ml-brief .lead{font-size:25px}.ml-direction>.eyebrow{margin-bottom:26px}.ml-heading{gap:28px;margin-bottom:32px}.ml-principles{grid-template-columns:1fr;gap:32px;margin-top:35px}.ml-principles h3{font-size:28px}.ml-principles p{max-width:none}.ml-duet-copy{padding:55px var(--pad)}.ml-duet-copy .eyebrow{margin-bottom:25px}.ml-duet-copy h2{margin-bottom:27px}.ml-duet-copy>p:not(.eyebrow){font-size:19px}.ml-note{margin-top:30px}.ml-mist .ml-duet-copy{grid-row:1}.ml-pair{grid-template-columns:1fr;gap:20px}.ml-project-info{grid-template-columns:1fr 1fr;gap:28px 20px;margin-top:50px}.ml-project-info dd{font-size:17px}.ml-project-info dt{margin-bottom:8px}}