:root{--mdiy-black: #111111;--mdiy-ink: #1b1b1b;--mdiy-gray-900: #2d3033;--mdiy-gray-600: #686d72;--mdiy-gray-300: #d9dde0;--mdiy-gray-100: #f3f5f6;--mdiy-white: #ffffff;--mdiy-red: #ff6047;--mdiy-yellow: #ffcc3d;--mdiy-green: #2e9e78;--mdiy-blue: #4386df;--mdiy-violet: #6d67d8;--mdiy-max: 1440px;--mdiy-gutter: clamp(20px, 4vw, 64px)}.mdiy-shell{width:min(100%,var(--mdiy-max));margin-inline:auto;padding-inline:var(--mdiy-gutter)}.mdiy-section{padding-block:clamp(72px,9vw,132px);background:var(--mdiy-white);color:var(--mdiy-ink)}.mdiy-section h2,.mdiy-feature h2,.mdiy-system h2,.mdiy-process h2{max-width:850px;margin:0;color:inherit;font-size:clamp(38px,5.2vw,76px);font-weight:700;line-height:.98;letter-spacing:-.045em}.mdiy-section h3,.mdiy-feature h3,.mdiy-system h3,.mdiy-process h3{color:inherit;font-weight:700}.mdiy-eyebrow{margin:0 0 18px;color:inherit;font-size:12px;font-weight:700;letter-spacing:.16em;line-height:1.4;text-transform:uppercase}.mdiy-copy{color:var(--mdiy-gray-600);font-size:clamp(16px,1.25vw,19px);line-height:1.6}.mdiy-copy p{margin:0}.mdiy-copy p+p{margin-top:1em}.mdiy-section-head{display:grid;gap:22px;max-width:850px;margin-bottom:clamp(38px,5vw,68px)}.mdiy-section-head--row{display:flex;align-items:end;justify-content:space-between;max-width:none}.mdiy-section-head--row>div{display:grid;gap:2px}.mdiy-section-head--light .mdiy-copy{color:#aeb4b8}.mdiy-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.mdiy-button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:14px 24px;border:1px solid var(--mdiy-black);color:var(--mdiy-black);font-size:13px;font-weight:700;letter-spacing:.055em;line-height:1.2;text-decoration:none;text-transform:uppercase;transition:background-color .2s ease,color .2s ease,transform .2s ease}.mdiy-button:hover{transform:translateY(-2px)}.mdiy-button--primary{background:var(--mdiy-black);color:var(--mdiy-white)}.mdiy-button--primary:hover{background:var(--mdiy-gray-900);color:var(--mdiy-white)}.mdiy-button--secondary{background:var(--mdiy-white);color:var(--mdiy-black)}.mdiy-button--light{border-color:var(--mdiy-white);background:var(--mdiy-white);color:var(--mdiy-black)}.mdiy-text-link{display:inline-flex;width:fit-content;align-items:center;gap:10px;border-bottom:1px solid currentColor;color:inherit;font-size:13px;font-weight:700;letter-spacing:.055em;line-height:1.5;text-decoration:none;text-transform:uppercase}.mdiy-text-link span{transition:transform .2s ease}.mdiy-text-link:hover span{transform:translate(3px)}.mdiy-hero{position:relative;overflow:hidden;background:var(--mdiy-gray-100);color:var(--mdiy-ink)}.mdiy-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-hero__grid{position:relative;z-index:1;display:grid;min-height:clamp(680px,82vh,920px);grid-template-columns:minmax(0,.86fr) minmax(480px,1.14fr);align-items:center;gap:clamp(38px,6vw,96px);padding-block:clamp(70px,8vw,116px)}.mdiy-hero__content{max-width:650px}.mdiy-hero__title{max-width:690px;margin:0;color:var(--mdiy-black);font-size:clamp(52px,6.2vw,96px);font-weight:700;line-height:.91;letter-spacing:-.065em}.mdiy-hero__copy{max-width:620px;margin:30px 0 34px}.mdiy-hero__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:clamp(38px,5vw,64px) 0 0;border-top:1px solid #c9cdcf}.mdiy-hero__facts div{padding:18px 12px 0 0}.mdiy-hero__facts div+div{padding-left:16px;border-left:1px solid #c9cdcf}.mdiy-hero__facts dt{color:var(--mdiy-gray-600);font-size:10px;font-weight:700;letter-spacing:.14em}.mdiy-hero__facts dd{margin:6px 0 0;color:var(--mdiy-black);font-size:12px;font-weight:700;letter-spacing:.04em}.mdiy-hero__visual{position:relative;min-width:0}.mdiy-hero__image,.mdiy-hero-art{display:block;width:100%;aspect-ratio:1 / 1;border:1px solid #cfd3d5;background:#eceff0;object-fit:cover}.mdiy-hero-art{position:relative;overflow:hidden;box-shadow:22px 22px 0 var(--mdiy-black)}.mdiy-hero-art svg{display:block;width:100%;height:100%}.mdiy-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.45) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.45) 1px,transparent 1px);background-size:6.25% 6.25%}.mdiy-coordinate{position:absolute;padding:6px 8px;background:#111111e6;color:var(--mdiy-white);font-size:9px;font-weight:700;letter-spacing:.1em}.mdiy-coordinate--one{top:12%;left:8%}.mdiy-coordinate--two{right:6%;bottom:10%}.mdiy-hero__data-card{position:absolute;right:-20px;bottom:-34px;display:grid;width:min(235px,45%);gap:5px;padding:22px;background:var(--mdiy-white);box-shadow:0 14px 34px #0000001f}.mdiy-hero__data-card span,.mdiy-hero__data-card small{color:var(--mdiy-gray-600);font-size:9px;font-weight:700;letter-spacing:.13em}.mdiy-hero__data-card strong{font-size:16px;letter-spacing:-.01em}.mdiy-pathways{border-bottom:1px solid var(--mdiy-gray-300)}.mdiy-path-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mdiy-path-card{display:grid;overflow:hidden;border:1px solid var(--mdiy-gray-300);background:var(--mdiy-white);color:var(--mdiy-ink);text-decoration:none;transition:border-color .2s ease,transform .2s ease}.mdiy-path-card:hover{border-color:var(--mdiy-black);transform:translateY(-4px)}.mdiy-path-card__art{display:grid;aspect-ratio:1.45 / 1;grid-template-columns:repeat(3,1fr);gap:1px;padding:11%;background:#eceff0}.mdiy-path-card__art--image{display:block;overflow:hidden;padding:0}.mdiy-path-card__image{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--mdiy-image-position, center center);transition:transform .35s ease}.mdiy-path-card:hover .mdiy-path-card__image{transform:scale(1.025)}.mdiy-path-card__art span{background:var(--mdiy-black);transition:transform .25s ease}.mdiy-path-card:hover .mdiy-path-card__art span:nth-child(odd){transform:translateY(-6px)}.mdiy-path-card--custom .mdiy-path-card__art span:nth-child(2),.mdiy-path-card--custom .mdiy-path-card__art span:nth-child(4),.mdiy-path-card--custom .mdiy-path-card__art span:nth-child(8){background:var(--mdiy-red)}.mdiy-path-card--custom .mdiy-path-card__art span:nth-child(6){background:var(--mdiy-yellow)}.mdiy-path-card--designs .mdiy-path-card__art span:nth-child(3n+1){background:var(--mdiy-blue)}.mdiy-path-card--designs .mdiy-path-card__art span:nth-child(3n+2){background:var(--mdiy-yellow)}.mdiy-path-card--mural .mdiy-path-card__art{padding:7% 4%;background:var(--mdiy-black)}.mdiy-path-card--mural .mdiy-path-card__art span{background:#e7e9e9}.mdiy-path-card--mural .mdiy-path-card__art span:nth-child(4),.mdiy-path-card--mural .mdiy-path-card__art span:nth-child(5),.mdiy-path-card--mural .mdiy-path-card__art span:nth-child(6){background:var(--mdiy-green)}.mdiy-path-card__body{display:grid;min-height:320px;grid-template-rows:auto auto auto 1fr auto;padding:clamp(24px,3vw,38px)}.mdiy-card-index{margin:0;color:var(--mdiy-gray-600);font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.mdiy-path-card__kicker{margin:32px 0 8px;color:var(--mdiy-gray-600);font-size:10px;font-weight:700;letter-spacing:.12em}.mdiy-path-card h3{margin:0 0 18px;font-size:clamp(26px,2.4vw,38px);line-height:1.05;letter-spacing:-.035em}.mdiy-path-card .mdiy-text-link{margin-top:34px}.mdiy-process{padding-block:clamp(72px,9vw,132px);background:var(--mdiy-black);color:var(--mdiy-white)}.mdiy-process-grid{display:grid;margin:0;padding:0;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid #414141;list-style:none}.mdiy-process-step{min-height:300px;padding:24px 22px 18px 0;border-bottom:1px solid #414141}.mdiy-process-step+.mdiy-process-step{padding-left:22px;border-left:1px solid #414141}.mdiy-process-step__top{display:flex;align-items:center;justify-content:space-between}.mdiy-process-step__number{color:#898f93;font-size:10px;font-weight:700;letter-spacing:.16em}.mdiy-process-step__pixel{width:11px;height:11px;background:var(--mdiy-red)}.mdiy-process-step:nth-child(2) .mdiy-process-step__pixel{background:var(--mdiy-yellow)}.mdiy-process-step:nth-child(3) .mdiy-process-step__pixel{background:var(--mdiy-blue)}.mdiy-process-step:nth-child(4) .mdiy-process-step__pixel{background:var(--mdiy-green)}.mdiy-process-step:nth-child(5) .mdiy-process-step__pixel{background:var(--mdiy-violet)}.mdiy-process-step h3{margin:78px 0 16px;font-size:clamp(20px,1.8vw,30px);letter-spacing:.04em}.mdiy-process-step .mdiy-copy{color:#aeb4b8;font-size:14px}.mdiy-theme-section{background:var(--mdiy-gray-100)}.mdiy-theme-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.6vw,24px)}.mdiy-theme-card{display:block;color:var(--mdiy-black);text-decoration:none}.mdiy-theme-card__visual{position:relative;overflow:hidden;aspect-ratio:1 / 1;background:var(--mdiy-white)}.mdiy-theme-card__visual img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.mdiy-theme-card:hover .mdiy-theme-card__visual img{transform:scale(1.035)}.mdiy-theme-card__pixels{display:grid;width:100%;height:100%;grid-template-columns:repeat(4,1fr);gap:1px;padding:17%;background:#e5e8ea}.mdiy-theme-card__pixels span{background:var(--mdiy-black);transition:transform .25s ease}.mdiy-theme-card__pixels span:nth-child(3n){background:var(--mdiy-accent)}.mdiy-theme-card__pixels span:nth-child(5n+1){background:var(--mdiy-accent-2)}.mdiy-theme-card__pixels span:nth-child(7n){background:var(--mdiy-white)}.mdiy-theme-card:hover .mdiy-theme-card__pixels span:nth-child(odd){transform:translateY(-4px)}.mdiy-theme-card__code{position:absolute;right:10px;bottom:10px;padding:6px 8px;background:var(--mdiy-white);font-size:8px;font-weight:700;letter-spacing:.12em}.mdiy-theme-card h3{margin:14px 0 0;font-size:16px;letter-spacing:-.01em}.mdiy-system{background:var(--mdiy-white)}.mdiy-system__grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);align-items:center;gap:clamp(42px,7vw,110px)}.mdiy-system__visual{position:relative}.mdiy-system__visual>img,.mdiy-system-art{display:grid;width:100%;aspect-ratio:1 / 1;object-fit:cover}.mdiy-system-art{grid-template-columns:repeat(10,1fr);gap:1px;padding:10%;background:var(--mdiy-gray-100)}.mdiy-system-art span{background:var(--mdiy-black)}.mdiy-system-art span:nth-child(4n){background:var(--mdiy-violet)}.mdiy-system-art span:nth-child(7n){background:var(--mdiy-red)}.mdiy-system-art span:nth-child(9n){background:var(--mdiy-yellow)}.mdiy-system-art span:nth-child(13n){background:var(--mdiy-green)}.mdiy-system-art span:nth-child(17n){background:var(--mdiy-white)}.mdiy-system__design-id{position:absolute;right:0;bottom:0;padding:14px 18px;background:var(--mdiy-black);color:var(--mdiy-white);font-size:9px;font-weight:700;letter-spacing:.13em}.mdiy-system__content{display:grid;gap:24px}.mdiy-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:16px 0 10px;border-top:1px solid var(--mdiy-gray-300);border-left:1px solid var(--mdiy-gray-300)}.mdiy-metric-grid div{min-height:116px;padding:22px;border-right:1px solid var(--mdiy-gray-300);border-bottom:1px solid var(--mdiy-gray-300)}.mdiy-metric-grid dt{color:var(--mdiy-gray-600);font-size:9px;font-weight:700;letter-spacing:.14em}.mdiy-metric-grid dd{margin:17px 0 0;color:var(--mdiy-black);font-size:clamp(19px,2vw,30px);font-weight:700;letter-spacing:-.025em}.mdiy-feature--gray{background:var(--mdiy-gray-100)}.mdiy-feature--dark{background:var(--mdiy-black);color:var(--mdiy-white)}.mdiy-feature--dark .mdiy-copy{color:#aeb4b8}.mdiy-feature__grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);align-items:center;gap:clamp(42px,7vw,110px)}.mdiy-feature__grid--right .mdiy-feature__media{order:2}.mdiy-feature__media{position:relative;overflow:hidden}.mdiy-feature__media>img,.mdiy-feature-art{display:grid;width:100%;aspect-ratio:4 / 3;object-fit:cover}.mdiy-feature-art{grid-template-columns:repeat(6,1fr);gap:2px;padding:9%;background:#dfe3e5}.mdiy-feature-art span{background:var(--mdiy-white)}.mdiy-feature__media--custom .mdiy-feature-art span:nth-child(3n){background:var(--mdiy-red)}.mdiy-feature__media--custom .mdiy-feature-art span:nth-child(4n){background:var(--mdiy-yellow)}.mdiy-feature__media--custom .mdiy-feature-art span:nth-child(7n){background:var(--mdiy-black)}.mdiy-feature__media--supplies .mdiy-feature-art{padding:12%;background:var(--mdiy-black)}.mdiy-feature__media--supplies .mdiy-feature-art span{background:#efefef}.mdiy-feature__media--supplies .mdiy-feature-art span:nth-child(5n){background:var(--mdiy-blue)}.mdiy-feature__media--supplies .mdiy-feature-art span:nth-child(7n){background:var(--mdiy-green)}.mdiy-feature__media--mural .mdiy-feature-art{aspect-ratio:16 / 10;padding:7% 10%;background:#303234}.mdiy-feature__media--mural .mdiy-feature-art span:nth-child(4n){background:var(--mdiy-violet)}.mdiy-feature__media--mural .mdiy-feature-art span:nth-child(5n){background:var(--mdiy-red)}.mdiy-feature__media--mural .mdiy-feature-art span:nth-child(8n){background:var(--mdiy-yellow)}.mdiy-feature__media-label{position:absolute;left:14px;bottom:14px;padding:9px 11px;background:var(--mdiy-white);color:var(--mdiy-black);font-size:9px;font-weight:700;letter-spacing:.12em}.mdiy-feature__content{display:grid;gap:24px}.mdiy-feature__content .mdiy-actions{margin-top:8px;gap:24px}.mdiy-feature--dark .mdiy-text-link{color:var(--mdiy-white)}.mdiy-guides{border-top:1px solid var(--mdiy-gray-300)}.mdiy-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.mdiy-guide-card{border:1px solid var(--mdiy-gray-300);background:var(--mdiy-white)}.mdiy-guide-card__visual{display:flex;aspect-ratio:2 / 1;align-items:end;justify-content:end;padding:18px;background-image:linear-gradient(135deg,var(--mdiy-gray-100) 50%,#e3e6e8 50%)}.mdiy-guide-card__visual--image{display:block;overflow:hidden;padding:0;background-image:none}.mdiy-guide-card__image{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--mdiy-image-position, center center);transition:transform .35s ease}.mdiy-guide-card:hover .mdiy-guide-card__image{transform:scale(1.025)}.mdiy-guide-card:nth-child(2) .mdiy-guide-card__visual{background-image:linear-gradient(135deg,#e7e5f6 50%,#cbc6ee 50%)}.mdiy-guide-card:nth-child(3) .mdiy-guide-card__visual{background-image:linear-gradient(135deg,#e6f0eb 50%,#b9d9c9 50%)}.mdiy-guide-card:nth-child(2) .mdiy-guide-card__visual--image,.mdiy-guide-card:nth-child(3) .mdiy-guide-card__visual--image{background-image:none}.mdiy-guide-card__visual span{color:var(--mdiy-black);font-size:clamp(44px,6vw,88px);font-weight:700;line-height:.8;letter-spacing:-.08em}.mdiy-guide-card__body{display:grid;min-height:310px;grid-template-rows:auto auto 1fr auto;gap:16px;padding:clamp(24px,3vw,36px)}.mdiy-guide-card h3{margin:0;font-size:clamp(22px,2vw,30px);line-height:1.15;letter-spacing:-.03em}.mdiy-guide-card h3 a{color:inherit;text-decoration:none}.mdiy-guide-card .mdiy-copy{font-size:15px}.mdiy-faq{background:var(--mdiy-gray-100)}.mdiy-faq__grid{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:clamp(44px,8vw,130px)}.mdiy-faq .mdiy-section-head{margin:0}.mdiy-faq__items{border-top:1px solid #c8cccf}.mdiy-faq-item{border-bottom:1px solid #c8cccf}.mdiy-faq-item summary{display:flex;min-height:84px;align-items:center;justify-content:space-between;gap:24px;padding:18px 0;color:var(--mdiy-black);cursor:pointer;font-size:clamp(17px,1.5vw,22px);font-weight:700;list-style:none}.mdiy-faq-item summary::-webkit-details-marker{display:none}.mdiy-faq-item__icon{position:relative;width:18px;height:18px;flex:0 0 18px}.mdiy-faq-item__icon:before,.mdiy-faq-item__icon:after{position:absolute;top:8px;left:1px;width:16px;height:2px;background:var(--mdiy-black);content:"";transition:transform .2s ease}.mdiy-faq-item__icon:after{transform:rotate(90deg)}.mdiy-faq-item[open] .mdiy-faq-item__icon:after{transform:rotate(0)}.mdiy-faq-item>.mdiy-copy{max-width:720px;padding:0 56px 24px 0;font-size:15px}.template-index .featured-products-wrapper .homepage-sections--title,.template-index .section--newsletter h2{font-weight:700;letter-spacing:-.035em}.template-index .featured-products-wrapper .width--content{max-width:var(--mdiy-max)}.template-index .section--newsletter>.newsletter--section-wrapper{width:100%;max-width:none}.template-index .section--newsletter .newsletter-wrapper--outer{width:100%;max-width:var(--mdiy-max);margin-inline:auto}.template-index .section--newsletter .newsletter-content--wrapper,.template-index .section--newsletter .newsletter-form--wrapper,.template-index .section--newsletter #newsletter_text{min-width:0}.template-index .section--newsletter #newsletter-wrapper{left:0}.template-index .section--newsletter input,.template-index .section--newsletter button{border-radius:0!important}@media(max-width:1180px){.mdiy-hero__grid{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr)}.mdiy-theme-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mdiy-process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mdiy-process-step:nth-child(4){border-left:0}}@media(max-width:989px){.mdiy-section{padding-block:72px}.mdiy-section-head--row{align-items:start;flex-direction:column}.mdiy-hero__grid,.mdiy-system__grid,.mdiy-feature__grid,.mdiy-faq__grid{grid-template-columns:1fr}.mdiy-hero__grid{min-height:auto;padding-block:64px 86px}.mdiy-hero__content{max-width:760px}.mdiy-hero__visual{width:min(100%,720px);margin-inline:auto}.mdiy-hero__data-card{right:14px}.mdiy-path-grid,.mdiy-guide-grid{grid-template-columns:1fr}.mdiy-path-card{grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr)}.mdiy-path-card__art{aspect-ratio:auto}.mdiy-path-card__body{min-height:340px}.mdiy-theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mdiy-system__visual,.mdiy-feature__media{width:min(100%,720px);margin-inline:auto}.mdiy-system__content,.mdiy-feature__content{max-width:760px}.mdiy-feature__grid--right .mdiy-feature__media{order:initial}}@media(max-width:700px){.mdiy-section h2,.mdiy-feature h2,.mdiy-system h2,.mdiy-process h2{font-size:clamp(36px,11vw,54px)}.mdiy-hero__title{font-size:clamp(48px,14.5vw,72px)}.mdiy-hero__copy{margin-top:24px}.mdiy-actions{align-items:stretch;flex-direction:column}.mdiy-actions .mdiy-button{width:100%}.mdiy-actions .mdiy-text-link{margin-top:10px}.mdiy-hero__facts{grid-template-columns:1fr}.mdiy-hero__facts div{padding:14px 0;border-bottom:1px solid #c9cdcf}.mdiy-hero__facts div+div{padding-left:0;border-left:0}.mdiy-hero-art{box-shadow:10px 10px 0 var(--mdiy-black)}.mdiy-hero__data-card{right:0;bottom:-26px;width:54%;padding:15px}.mdiy-path-card{grid-template-columns:1fr}.mdiy-path-card__art{aspect-ratio:1.5 / 1}.mdiy-path-card__body{min-height:315px}.mdiy-process-grid{grid-template-columns:1fr}.mdiy-process-step,.mdiy-process-step+.mdiy-process-step{min-height:210px;padding:22px 0;border-left:0}.mdiy-process-step h3{margin-top:44px}.mdiy-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mdiy-theme-card h3{font-size:14px}.mdiy-metric-grid{grid-template-columns:1fr 1fr}.mdiy-metric-grid div{min-height:98px;padding:18px}.mdiy-guide-card__body{min-height:285px}.mdiy-faq-item summary{min-height:74px}}@media(prefers-reduced-motion:reduce){.mdiy-button,.mdiy-path-card,.mdiy-path-card__art span,.mdiy-path-card__image,.mdiy-theme-card__pixels span,.mdiy-theme-card__visual img,.mdiy-guide-card__image,.mdiy-text-link span{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/mosaicdiy-home.css.map */