.mp-hero{border-bottom:1px solid var(--line)}.mp-hero-in{grid-template-columns:1.1fr .9fr;align-items:center;gap:56px;padding-top:48px;padding-bottom:72px;display:grid}.mp-crumb{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);flex-wrap:wrap;gap:8px;margin-bottom:22px;font-size:.72rem;display:flex}.mp-crumb a{text-decoration:none}.mp-crumb a:hover{color:var(--verd)}.mp-copy h1{margin-top:16px;font-size:clamp(2.4rem,5vw,4.2rem)}.mp-lede{max-width:54ch;color:var(--ink-soft);margin:20px 0 0;font-size:1.1rem}.mp-ctas{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.mp-sample{margin:0;padding:34px 0 0 44px;position:relative}.mp-swatch{aspect-ratio:4/3;border-radius:6px;display:block;box-shadow:0 30px 60px -36px #22262a99,inset 0 0 0 1px #0000000f}.mp-label{background:#fff;border-radius:6px;padding:10px 14px;display:grid;position:absolute;bottom:16px;right:16px;box-shadow:0 8px 20px -12px #0000004d}.mp-label b{font-size:.95rem}.mp-label span{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-size:.66rem}.mp-dim{color:var(--verd);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;justify-content:center;align-items:center;font-size:.68rem;display:flex;position:absolute}.mp-dim>span{background:var(--paper);padding:0 8px}.mp-dim-x{border-left:1px solid;border-right:1px solid;height:14px;top:8px;left:44px;right:0}.mp-dim-x:before{content:"";z-index:-1;border-top:1px solid;position:absolute;top:50%;left:0;right:0}.mp-dim-y{border-top:1px solid;border-bottom:1px solid;width:14px;top:34px;bottom:0;left:12px}.mp-dim-y:before{content:"";z-index:-1;border-left:1px solid;position:absolute;top:0;bottom:0;left:50%}.mp-dim-y>span{writing-mode:vertical-rl;padding:8px 0;transform:rotate(180deg)}.mp-dim-x,.mp-dim-y{isolation:isolate}.mp-body{grid-template-columns:1fr 340px;align-items:start;gap:56px;padding-top:72px;padding-bottom:96px;display:grid}.mp-sec{padding-bottom:64px}.mp-sec h2{margin-bottom:24px;font-size:clamp(1.7rem,3vw,2.4rem)}.mp-table-wrap{border:1px solid var(--line);background:#fff;border-radius:14px;overflow-x:auto}.mp-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:.95rem}.mp-table th{text-align:left;font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);border-bottom:1.5px solid var(--ink);padding:14px 18px;font-size:.7rem;font-weight:500}.mp-table td{border-bottom:1px solid var(--line);padding:16px 18px}.mp-table tr:last-child td{border-bottom:0}.mp-table td:first-child{font-weight:600}.mp-sw{vertical-align:middle;border-radius:4px;width:18px;height:18px;margin-right:10px;display:inline-block;box-shadow:inset 0 0 0 1px #0000001f}.mp-cell{vertical-align:middle;white-space:pre-line;display:inline-block}.mp-note{color:var(--ink-soft);margin:14px 0 0;font-size:.9rem}.mp-notice{border-left:4px solid var(--verd);background:#e2f1ec;border-radius:0 12px 12px 0;margin:-24px 0 64px;padding:22px 24px}.mp-notice p:last-child{margin:0}.mp-opts{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.mp-opt{border:1px solid var(--line);background:#fff;border-radius:14px;padding:22px}.mp-n{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--verd);font-size:.7rem}.mp-opt h3{margin:8px 0 14px;font-size:1.2rem}.mp-opt dl{gap:10px;margin:0;display:grid}.mp-opt dt{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-size:.66rem}.mp-opt dd{margin:0;font-size:.95rem}.mp-why{border-top:1.5px solid var(--ink);grid-template-columns:1fr 1fr;gap:0 32px;margin:0;padding:0;list-style:none;display:grid}.mp-why li{border-bottom:1px solid var(--line);padding:20px 0}.mp-why h3{font-size:1.15rem}.mp-why p{color:var(--ink-soft);margin:6px 0 0}.mp-projects{border-top:1.5px solid var(--ink);margin:0;padding:0;list-style:none}.mp-projects li{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:2px 16px;padding:18px 0;display:grid}.mp-projects b{font-size:1.1rem}.mp-projects small{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--verd);align-self:center;font-size:.7rem}.mp-projects span{color:var(--ink-soft);grid-column:1/-1}.mp-maker p:not(.tag){max-width:62ch;color:var(--ink-soft);margin:0 0 22px}.mp-sister{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:16px;padding:20px 22px;text-decoration:none;transition:border-color .2s;display:flex}.mp-sister:hover{border-color:var(--corten)}.mp-sister i{background:var(--corten);border-radius:8px;flex:none;width:40px;height:40px}.mp-sister small{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-size:.68rem;display:block}.mp-side{position:sticky;top:100px}.mp-spec{border:1px solid var(--line);background:#fff;border-radius:18px;padding:26px;box-shadow:0 24px 48px -36px #22262a80}.mp-spec h2{margin-bottom:16px;font-size:1.5rem}.mp-spec dl{border-top:1.5px solid var(--ink);margin:0 0 22px}.mp-spec dl div{border-bottom:1px solid var(--line);gap:2px;padding:12px 0;display:grid}.mp-spec dt{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-size:.66rem}.mp-spec dd{margin:0;font-weight:500}.mp-spec .btn{width:100%}.mp-phone{text-align:center;color:var(--ink-soft);margin-top:12px;font-size:.9rem;text-decoration:none;display:block}.mp-phone:hover{color:var(--verd)}@media (width<=960px){.mp-hero-in{grid-template-columns:1fr;gap:40px;padding-bottom:56px}.mp-body{grid-template-columns:1fr;gap:40px;padding-top:40px}.mp-side{order:-1;position:static}}@media (width<=600px){.mp-sample{padding:28px 0 0 34px}.mp-dim-x{left:34px}.mp-dim-y{top:28px;left:6px}.mp-ctas .btn{flex:100%}.mp-why{grid-template-columns:1fr}.mp-sec{padding-bottom:48px}}.mp-hero-in>*,.mp-body>*{min-width:0}.mp-table-wrap{max-width:100%}@media (width<=600px){.mp-hero-in{padding-top:32px}.mp-copy h1{font-size:2.3rem}.mp-sample{max-width:100%}.mp-label{padding:8px 10px;bottom:10px;right:10px}.mp-label b{font-size:.85rem}.mp-spec{padding:20px}.mp-opt{padding:18px}.mp-table th,.mp-table td{padding:12px 14px}.mp-sister{align-items:flex-start}}