.mdiy-mural-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--mdiy-gray-300);background:var(--mdiy-gray-100);color:var(--mdiy-ink)}.mdiy-mural-hero:before{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(17,17,17,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,17,.04) 1px,transparent 1px);background-size:32px 32px;content:"";pointer-events:none}.mdiy-mural-hero__grid{position:relative;z-index:1;display:grid;min-height:clamp(690px,84vh,940px);grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr);align-items:center;gap:clamp(44px,7vw,112px);padding-block:clamp(70px,8vw,118px)}.mdiy-mural-hero__content{max-width:700px}.mdiy-mural-hero h1{max-width:760px;margin:0;color:var(--mdiy-black);font-size:clamp(54px,6.5vw,100px);font-weight:700;line-height:.9;letter-spacing:-.065em}.mdiy-mural-hero__copy{max-width:680px;margin:30px 0 34px}.mdiy-mural-hero__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:clamp(38px,5vw,64px) 0 0;border-top:1px solid #c9cdcf}.mdiy-mural-hero__facts>div{min-width:0;padding:18px 12px 0 0}.mdiy-mural-hero__facts>div+div{padding-left:16px;border-left:1px solid #c9cdcf}.mdiy-mural-hero__facts dt{color:var(--mdiy-gray-600);font-size:9px;font-weight:700;letter-spacing:.14em}.mdiy-mural-hero__facts dd{margin:6px 0 0;color:var(--mdiy-black);font-size:12px;font-weight:700;letter-spacing:.05em}.mdiy-mural-hero__visual{position:relative;width:min(100%,760px);justify-self:end}.mdiy-mural-hero__visual>img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover}.mdiy-mural-wall{position:relative;width:100%;aspect-ratio:4 / 3;padding:6%;border:1px solid var(--mdiy-gray-300);background:#dfe3e5;box-shadow:18px 18px 0 var(--mdiy-black)}.mdiy-mural-wall__grid{display:grid;width:100%;height:100%;grid-template-columns:repeat(16,1fr);grid-template-rows:repeat(12,1fr);gap:1px;background:#1111112e}.mdiy-mural-wall__grid span{background:#f7f8f8}.mdiy-mural-wall__grid span:nth-child(4n){background:#cfd4d7}.mdiy-mural-wall__grid span:nth-child(9n){background:var(--mdiy-black)}.mdiy-mural-wall__grid span:nth-child(13n){background:var(--mdiy-red)}.mdiy-mural-wall__grid span:nth-child(17n){background:var(--mdiy-yellow)}.mdiy-mural-wall__grid span:nth-child(23n){background:var(--mdiy-blue)}.mdiy-mural-wall__grid span:nth-child(29n){background:var(--mdiy-green)}.mdiy-mural-wall__grid span:nth-child(31n){background:var(--mdiy-violet)}.mdiy-mural-wall__module{position:absolute;display:grid;width:24%;height:29%;place-items:end start;padding:8px;border:2px solid var(--mdiy-black);color:var(--mdiy-black);font-size:8px;font-weight:700;letter-spacing:.12em}.mdiy-mural-wall__module--a{top:12%;left:10%}.mdiy-mural-wall__module--b{top:39%;left:38%}.mdiy-mural-wall__module--c{right:10%;bottom:12%}.mdiy-mural-hero__label,.mdiy-mural-system__label{position:absolute;left:12px;bottom:12px;padding:9px 11px;background:var(--mdiy-white);color:var(--mdiy-black);font-size:8px;font-weight:700;letter-spacing:.12em}.mdiy-mural-section-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:end;gap:clamp(40px,8vw,120px);margin-bottom:clamp(46px,6vw,80px)}.mdiy-mural-section-head h2,.mdiy-mural-scale h2,.mdiy-mural-system h2,.mdiy-mural-quote h2{max-width:880px;margin:0;color:inherit;font-size:clamp(40px,5.4vw,78px);font-weight:700;line-height:.96;letter-spacing:-.05em}.mdiy-mural-use-cases{padding-block:clamp(82px,9vw,138px);background:var(--mdiy-white);color:var(--mdiy-ink)}.mdiy-mural-use-cases__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--mdiy-gray-300);border-left:1px solid var(--mdiy-gray-300)}.mdiy-mural-use-case{min-width:0;border-right:1px solid var(--mdiy-gray-300);border-bottom:1px solid var(--mdiy-gray-300);background:var(--mdiy-white)}.mdiy-mural-use-case__art{display:grid;aspect-ratio:16 / 10;grid-template-columns:repeat(8,1fr);gap:1px;padding:8%;border-bottom:1px solid var(--mdiy-gray-300);background:#e5e8ea}.mdiy-mural-use-case__art span{background:#f8f9f9}.mdiy-mural-use-case__art--office span:nth-child(5n),.mdiy-mural-use-case__art--public span:nth-child(7n){background:var(--mdiy-black)}.mdiy-mural-use-case__art--retail span:nth-child(4n){background:var(--mdiy-red)}.mdiy-mural-use-case__art--hospitality span:nth-child(6n){background:var(--mdiy-yellow)}.mdiy-mural-use-case__art--school span:nth-child(5n){background:var(--mdiy-blue)}.mdiy-mural-use-case__art--event span:nth-child(7n){background:var(--mdiy-green)}.mdiy-mural-use-case__art--public span:nth-child(11n){background:var(--mdiy-violet)}.mdiy-mural-use-case__body{min-height:270px;padding:26px}.mdiy-mural-use-case__index{display:block;margin-bottom:46px;color:var(--mdiy-gray-600);font-size:9px;font-weight:700;letter-spacing:.14em}.mdiy-mural-use-case h3{margin:0 0 14px;color:var(--mdiy-black);font-size:clamp(22px,2vw,30px);line-height:1.05;letter-spacing:-.03em}.mdiy-mural-use-case .mdiy-copy{font-size:14px}.mdiy-mural-scale{scroll-margin-top:110px;padding-block:clamp(82px,9vw,138px);background:var(--mdiy-gray-100);color:var(--mdiy-ink)}.mdiy-mural-scale__grid{display:grid;grid-template-columns:minmax(0,.84fr) minmax(460px,1.16fr);gap:clamp(48px,8vw,130px);align-items:start}.mdiy-mural-scale__intro{position:sticky;top:120px}.mdiy-mural-scale__intro>.mdiy-copy{max-width:700px;margin-top:26px}.mdiy-mural-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:42px 0 0;border-top:1px solid var(--mdiy-black);border-left:1px solid var(--mdiy-black)}.mdiy-mural-metrics>div{min-height:118px;padding:20px;border-right:1px solid var(--mdiy-black);border-bottom:1px solid var(--mdiy-black);background:var(--mdiy-white)}.mdiy-mural-metrics dt{margin-bottom:20px;color:var(--mdiy-gray-600);font-size:8px;font-weight:700;letter-spacing:.14em}.mdiy-mural-metrics dd{margin:0;color:var(--mdiy-black);font-size:clamp(16px,1.5vw,22px);font-weight:700;letter-spacing:-.02em}.mdiy-mural-specs{border-top:1px solid var(--mdiy-black)}.mdiy-mural-specs__head{display:flex;min-height:52px;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--mdiy-black);color:var(--mdiy-gray-600);font-size:9px;font-weight:700;letter-spacing:.13em}.mdiy-mural-specs__head strong{color:var(--mdiy-black);font-size:9px}.mdiy-mural-spec{display:grid;grid-template-columns:150px minmax(180px,.65fr) minmax(0,1.35fr);gap:24px;align-items:start;padding:24px 0;border-bottom:1px solid var(--mdiy-gray-300)}.mdiy-mural-spec>span{color:var(--mdiy-gray-600);font-size:9px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.mdiy-mural-spec>strong{color:var(--mdiy-black);font-size:15px;line-height:1.35}.mdiy-mural-spec .mdiy-copy{font-size:13px;line-height:1.55}.mdiy-mural-system{padding-block:clamp(82px,9vw,138px);background:var(--mdiy-white);color:var(--mdiy-ink)}.mdiy-mural-system__grid{display:grid;grid-template-columns:minmax(460px,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(48px,8vw,120px)}.mdiy-mural-system__visual{position:relative;min-width:0}.mdiy-mural-system__visual>img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover}.mdiy-mural-module-map{display:grid;width:100%;aspect-ratio:4 / 3;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,1fr);gap:3px;padding:4%;background:var(--mdiy-black)}.mdiy-mural-module-map>span{position:relative;display:flex;align-items:flex-end;padding:8px;background:#f5f6f6}.mdiy-mural-module-map>span:nth-child(5n){background:#d8dcde}.mdiy-mural-module-map>span:nth-child(7n){background:var(--mdiy-red)}.mdiy-mural-module-map>span:nth-child(11n){background:var(--mdiy-blue)}.mdiy-mural-module-map small{color:var(--mdiy-black);font-size:7px;font-weight:700;letter-spacing:.12em}.mdiy-mural-system__content>.mdiy-copy{max-width:700px;margin-top:26px}.mdiy-mural-system__points{margin-top:42px;border-top:1px solid var(--mdiy-gray-300)}.mdiy-mural-system__point{display:grid;grid-template-columns:46px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid var(--mdiy-gray-300)}.mdiy-mural-system__point>span{color:var(--mdiy-gray-600);font-size:9px;font-weight:700;letter-spacing:.13em}.mdiy-mural-system__point h3{margin:0 0 8px;color:var(--mdiy-black);font-size:18px;letter-spacing:-.02em}.mdiy-mural-system__point .mdiy-copy{font-size:13px}.mdiy-mural-quote{scroll-margin-top:100px;padding-block:clamp(82px,9vw,138px);background:var(--mdiy-black);color:var(--mdiy-white)}.mdiy-mural-quote__grid{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:clamp(50px,8vw,130px);align-items:start}.mdiy-mural-quote__intro{position:sticky;top:120px}.mdiy-mural-quote__intro>.mdiy-copy{max-width:600px;margin-top:26px;color:#aeb4b8}.mdiy-mural-quote__checklist{display:grid;gap:12px;margin-top:42px}.mdiy-mural-quote__checklist>div{display:flex;align-items:center;gap:12px;color:#d5d8da;font-size:12px}.mdiy-mural-quote__checklist span{width:7px;height:7px;flex:0 0 7px;background:var(--mdiy-green)}.mdiy-mural-quote__note{margin-top:34px!important;padding-top:22px;border-top:1px solid #414141;font-size:13px!important}.mdiy-mural-quote__form-wrap{min-width:0;padding:clamp(24px,4vw,48px);border:1px solid #414141;background:#181818}.mdiy-mural-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px}.mdiy-mural-field{display:grid;gap:9px}.mdiy-mural-field--full{grid-column:1 / -1}.mdiy-mural-field label{color:#d5d8da;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.mdiy-mural-field input,.mdiy-mural-field select,.mdiy-mural-field textarea{width:100%;min-height:52px;padding:13px 14px;border:1px solid #575757;border-radius:0!important;outline:0;background:var(--mdiy-black);color:var(--mdiy-white);font:inherit;font-size:14px}.mdiy-mural-field textarea{min-height:160px;resize:vertical}.mdiy-mural-field input::placeholder,.mdiy-mural-field textarea::placeholder{color:#7f8589}.mdiy-mural-field input:focus,.mdiy-mural-field select:focus,.mdiy-mural-field textarea:focus{border-color:var(--mdiy-white)}.mdiy-mural-quote__submit{width:100%;margin-top:24px}.mdiy-mural-quote__privacy{margin:12px 0 0;color:#898f93;font-size:10px;line-height:1.5}.mdiy-mural-form-status{margin-bottom:26px;padding:16px;border:1px solid #575757;color:var(--mdiy-white);font-size:13px}.mdiy-mural-form-status strong{display:block;margin-bottom:4px}.mdiy-mural-form-status p{margin:0}.mdiy-mural-form-status--success{border-color:var(--mdiy-green)}.mdiy-mural-form-status--error{border-color:var(--mdiy-red)}.mdiy-mural-form-status--error a{color:var(--mdiy-white)}@media(max-width:1100px){.mdiy-mural-hero__grid{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr)}.mdiy-mural-use-cases__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:989px){.mdiy-mural-hero__grid,.mdiy-mural-scale__grid,.mdiy-mural-system__grid,.mdiy-mural-quote__grid,.mdiy-mural-section-head{grid-template-columns:1fr}.mdiy-mural-hero__grid{min-height:0;padding-block:64px 86px}.mdiy-mural-hero__visual{width:min(100%,760px);justify-self:start}.mdiy-mural-scale__intro,.mdiy-mural-quote__intro{position:relative;top:auto}.mdiy-mural-spec{grid-template-columns:135px minmax(170px,.65fr) minmax(0,1.35fr)}.mdiy-mural-system__visual{width:min(100%,760px)}}@media(max-width:700px){.mdiy-mural-hero__grid{gap:46px;padding-block:52px 68px}.mdiy-mural-hero h1{font-size:clamp(48px,15vw,72px)}.mdiy-mural-hero__facts{grid-template-columns:1fr}.mdiy-mural-hero__facts>div,.mdiy-mural-hero__facts>div+div{padding:14px 0;border-left:0;border-bottom:1px solid #c9cdcf}.mdiy-mural-wall{box-shadow:10px 10px 0 var(--mdiy-black)}.mdiy-mural-section-head h2,.mdiy-mural-scale h2,.mdiy-mural-system h2,.mdiy-mural-quote h2{font-size:clamp(36px,11vw,54px)}.mdiy-mural-use-cases,.mdiy-mural-scale,.mdiy-mural-system,.mdiy-mural-quote{padding-block:68px}.mdiy-mural-use-cases__grid{grid-template-columns:1fr}.mdiy-mural-use-case{display:grid;grid-template-columns:138px minmax(0,1fr)}.mdiy-mural-use-case__art{aspect-ratio:auto;min-height:100%;border-right:1px solid var(--mdiy-gray-300);border-bottom:0}.mdiy-mural-use-case__body{min-height:230px;padding:22px 18px}.mdiy-mural-use-case__index{margin-bottom:30px}.mdiy-mural-metrics{grid-template-columns:1fr 1fr}.mdiy-mural-metrics>div{min-height:105px;padding:16px}.mdiy-mural-specs__head{align-items:start;flex-direction:column;justify-content:center;padding-block:12px}.mdiy-mural-spec{grid-template-columns:1fr;gap:8px;padding:20px 0}.mdiy-mural-module-map{gap:2px;padding:3%}.mdiy-mural-module-map>span{padding:4px}.mdiy-mural-system__point{grid-template-columns:38px 1fr}.mdiy-mural-quote__form-wrap{padding:20px}.mdiy-mural-form-grid{grid-template-columns:1fr}.mdiy-mural-field--full{grid-column:auto}}@media(prefers-reduced-motion:reduce){.mdiy-mural-hero .mdiy-button,.mdiy-mural-hero .mdiy-text-link span{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/mosaicdiy-murals.css.map */