.cmc-card{--w:#850834;--ink:#3c3c3d;--mut:#5f5e61;--soft:#8a8789;--cream:#f7f4ee;--mineral:#ebe8e2;--ln:#3c3c3d24;min-height:600px;color:var(--ink);box-shadow:0 1px 0 var(--ln), 0 22px 50px #302d2a12;background:#fffefa;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);scroll-margin-top:100px;animation:.4s both cmc-in;display:grid}.cmc-card.is-reverse{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}.cmc-card.is-reverse .cmc-media{order:2}.cmc-media{background:var(--mineral);min-height:100%;margin:0;position:relative;overflow:hidden}.cmc-media img{object-fit:cover;width:100%;height:100%;transition:transform .9s cubic-bezier(.2,.7,.2,1);animation:.45s both cmc-fade;position:absolute;inset:0}.cmc-media img.is-portrait{object-fit:contain;background:#e3e0d9}.cmc-card:hover .cmc-media img:not(.is-portrait){transform:scale(1.015)}.cmc-media figcaption{width:fit-content;max-width:calc(100% - 36px);color:var(--ink);background:#fbf9f5f0;padding:8px 12px;font-size:.92rem;line-height:1.45;position:absolute;bottom:18px;left:18px;right:18px}.cmc-media.is-drawing{background:#f4f1eb}.cmc-drawing{flex-direction:column;justify-content:center;padding:clamp(24px,3.5vw,48px);animation:.35s both cmc-fade;display:flex;position:absolute;inset:0}.cmc-drawing-kicker{color:var(--mut);margin:0 0 8px;font-size:.9rem}.cmc-drawing-title{letter-spacing:-.03em;margin:0 0 14px;font-family:Georgia,serif;font-size:clamp(1.6rem,2.4vw,2.1rem);font-weight:400;line-height:1.1}.cmc-drawing svg{width:100%;max-height:380px;display:block;overflow:visible}.cmc-face{fill:#ded8cd;stroke:#9b9489;stroke-width:1.2px}.cmc-inset{fill:none;stroke:#f8f6f1;stroke-width:1px}.cmc-side{fill:#cfc8bc;stroke:#9b9489;stroke-width:1.2px}.cmc-score{stroke:#6f695f;stroke-width:2px;stroke-dasharray:6 4}.cmc-dim path{fill:none;stroke:#a39c92;stroke-width:1px}.cmc-dim text,.cmc-svg-label{fill:#59554e;font-family:DM Sans,sans-serif;font-size:19px}.cmc-svg-label{fill:#8a8789;font-size:16px}.cmc-drawing-note{color:var(--mut);margin:14px 0 0;font-size:.92rem;line-height:1.55}.cmc-body{flex-direction:column;justify-content:center;padding:clamp(28px,3.6vw,52px);display:flex}.cmc-index{color:var(--soft);letter-spacing:.08em;margin:0 0 10px;font-size:.85rem}.cmc-body h3{letter-spacing:-.04em;margin:0 0 12px;font-family:Georgia,serif;font-size:clamp(2rem,2.8vw,2.6rem);font-weight:400;line-height:1.05}.cmc-summary{color:var(--mut);margin:0 0 22px;font-size:1.02rem;line-height:1.65}.cmc-control-label{color:var(--mut);margin:0 0 8px;font-size:.92rem}.cmc-views{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.cmc-view-btn{min-width:44px;min-height:44px;color:var(--ink);font:inherit;cursor:pointer;background:#fffefa;border:1px solid #3c3c3d52;border-radius:999px;padding:0 18px;font-size:1rem;transition:border-color .2s,background .2s,box-shadow .2s,transform .2s;position:relative;box-shadow:0 1px 2px #2826240f}.cmc-view-btn:hover{border-color:#4a4a4c;transform:translateY(-1px);box-shadow:0 3px 10px #2826241a}.cmc-view-btn[aria-pressed=true]{background:#efece6;border-color:#3c3c3d;font-weight:600;box-shadow:inset 0 0 0 1px #3c3c3d}.cmc-view-btn[aria-pressed=true]:after{content:"";background:var(--w);border-radius:2px;width:16px;height:2px;margin-left:-8px;position:absolute;bottom:6px;left:50%}.cmc-specs{margin:0 0 22px}.cmc-specs>div{border-top:1px solid var(--ln);grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:4px 16px;padding:10px 0;display:grid}.cmc-specs>div:last-child{border-bottom:1px solid var(--ln)}.cmc-specs dt{color:var(--mut);font-size:.95rem}.cmc-specs dd{font-variant-numeric:tabular-nums;margin:0;font-size:1rem}.cmc-subhead{margin:0 0 8px;font-size:.98rem;font-weight:600}.cmc-colors{margin-bottom:20px}.cmc-colors ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin:0;padding:0;list-style:none;display:grid}.cmc-colors li{align-items:center;gap:10px;font-size:.95rem;display:flex}.cmc-colors i{border:1px solid #0000001f;border-radius:50%;flex:0 0 22px;height:22px}.cmc-color-text{margin:0;font-size:1rem;line-height:1.55}.cmc-fine{color:var(--mut);margin:10px 0 0;font-size:.9rem;line-height:1.55}.cmc-details{border-top:1px solid var(--ln);border-bottom:1px solid var(--ln);margin-bottom:22px}.cmc-details summary{min-height:48px;color:var(--ink);cursor:pointer;justify-content:space-between;align-items:center;font-size:1rem;list-style:none;display:flex}.cmc-details summary::-webkit-details-marker{display:none}.cmc-details summary:after{content:"+";color:var(--mut);font-size:1.3rem;transition:transform .2s}.cmc-details[open] summary:after{transform:rotate(45deg)}.cmc-details ul{color:var(--mut);margin:0 0 14px;padding-left:18px;font-size:.95rem;line-height:1.6}.cmc-details li+li{margin-top:6px}.cmc-cta{min-height:44px;color:var(--w);border-bottom:1px solid #85083466;align-self:flex-start;align-items:center;gap:10px;padding:0 2px;font-size:.98rem;text-decoration:none;transition:border-color .2s,gap .2s;display:inline-flex}.cmc-cta:hover{border-bottom-color:var(--w);gap:14px}.cmc-card button:focus-visible,.cmc-card a:focus-visible,.cmc-details summary:focus-visible{outline:2px solid var(--w);outline-offset:3px}@keyframes cmc-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes cmc-fade{0%{opacity:0}to{opacity:1}}@media (width<=900px){.cmc-card,.cmc-card.is-reverse{grid-template-columns:1fr;min-height:0}.cmc-card.is-reverse .cmc-media{order:0}.cmc-media{aspect-ratio:4/3;min-height:0}.cmc-media.is-drawing{aspect-ratio:auto;min-height:560px}.cmc-media figcaption{width:auto;max-width:none;position:static}.cmc-media:not(.is-drawing){aspect-ratio:auto;flex-direction:column;display:flex}.cmc-media:not(.is-drawing) img{aspect-ratio:4/3;height:auto;position:relative}}@media (width<=520px){.cmc-body{padding:24px 20px 26px}.cmc-specs>div,.cmc-colors ul{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.cmc-card,.cmc-media img,.cmc-drawing,.cmc-view-btn,.cmc-details summary:after{transition:none;animation:none}.cmc-view-btn:hover,.cmc-card:hover .cmc-media img{transform:none}}.commercial-page[data-astro-cid-ccxcntsz]{--c-ink:#3c3c3d;--c-muted:#5f5e61;--c-wine:#850834;--c-line:#3c3c3d24;color:var(--c-ink);background:#fdfcf9}.commercial-page[data-astro-cid-ccxcntsz] .serif[data-astro-cid-ccxcntsz]{letter-spacing:-.04em;font-family:Georgia,Times New Roman,serif;font-weight:400}.commercial-page[data-astro-cid-ccxcntsz] .button[data-astro-cid-ccxcntsz]{border-radius:0}.commercial-page[data-astro-cid-ccxcntsz] .button-dark[data-astro-cid-ccxcntsz]{color:#fff;background:var(--c-wine)}.commercial-page[data-astro-cid-ccxcntsz] .button-dark[data-astro-cid-ccxcntsz]:hover{background:#4d2732}.commercial-page[data-astro-cid-ccxcntsz] a[data-astro-cid-ccxcntsz]:focus-visible{outline:2px solid var(--c-wine);outline-offset:3px}.cm-eyebrow[data-astro-cid-ccxcntsz]{color:#ecd9df;letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px;font-size:.8rem;font-weight:700}.cm-hero[data-astro-cid-ccxcntsz]{isolation:isolate;color:#fbf9f5;background:#4a4744 url(/images/commercial-pavers-hero-poster.jpg) 50%/cover no-repeat;align-items:flex-end;min-height:min(620px,78dvh);display:flex;position:relative;overflow:hidden}.cm-hero[data-astro-cid-ccxcntsz] .pv-hero-video{z-index:-2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cm-hero-shade[data-astro-cid-ccxcntsz]{z-index:-1;background:linear-gradient(90deg,#1e1d1cbd 0%,#1e1d1c80 45%,#1e1d1c1f 100%),linear-gradient(#0000 55%,#1e1d1c73);position:absolute;inset:0}.cm-hero-inner[data-astro-cid-ccxcntsz]{padding:96px 0 72px}.cm-hero-copy[data-astro-cid-ccxcntsz]{max-width:620px}.cm-hero[data-astro-cid-ccxcntsz] h1[data-astro-cid-ccxcntsz]{color:#fff;margin:0 0 18px;font-size:clamp(2.5rem,5vw,4.3rem);line-height:1.02}.cm-hero[data-astro-cid-ccxcntsz] h1[data-astro-cid-ccxcntsz] em[data-astro-cid-ccxcntsz]{color:#ecd9df}.cm-lede[data-astro-cid-ccxcntsz]{color:#ffffffe0;max-width:540px;margin:0;font-size:1.08rem;line-height:1.7}.cm-actions[data-astro-cid-ccxcntsz]{margin-top:28px}.cm-hero[data-astro-cid-ccxcntsz] a[data-astro-cid-ccxcntsz]:focus-visible{outline-color:#fff}.cm-hero[data-astro-cid-ccxcntsz] .pv-hero-toggle{color:#fff;min-height:44px;font:inherit;cursor:pointer;backdrop-filter:blur(6px);background:#1e1d1c6b;border:1px solid #ffffff8c;border-radius:999px;align-items:center;gap:10px;padding:0 16px;font-size:.95rem;transition:background .2s;display:inline-flex;position:absolute;bottom:24px;right:clamp(16px,3vw,36px)}.cm-hero[data-astro-cid-ccxcntsz] .pv-hero-toggle:hover{background:#1e1d1cb3}.cm-hero[data-astro-cid-ccxcntsz] .pv-hero-toggle:focus-visible{outline-offset:3px;outline:2px solid #fff}.cm-hero[data-astro-cid-ccxcntsz] .pv-icon-pause{border-left:3px solid #fff;border-right:3px solid #fff;width:10px;height:12px}.cm-hero[data-astro-cid-ccxcntsz] .pv-icon-play{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:10px solid #fff;width:0;height:0}.cm-products[data-astro-cid-ccxcntsz]{padding:72px 0 80px;scroll-margin-top:88px}.cm-head[data-astro-cid-ccxcntsz]{max-width:760px;margin-bottom:34px}.cm-head[data-astro-cid-ccxcntsz] h2[data-astro-cid-ccxcntsz]{margin:0 0 14px;font-size:clamp(2rem,3.6vw,3rem);line-height:1.05}.cm-head[data-astro-cid-ccxcntsz] p[data-astro-cid-ccxcntsz]{color:var(--c-muted);margin:0;font-size:1.02rem;line-height:1.7}.cm-head[data-astro-cid-ccxcntsz] strong[data-astro-cid-ccxcntsz]{color:var(--c-ink);font-weight:600}.cm-stack[data-astro-cid-ccxcntsz]{gap:34px;display:grid}.cm-source[data-astro-cid-ccxcntsz]{max-width:820px;color:var(--c-muted);margin:28px 0 0;font-size:.92rem;line-height:1.6}@media (width<=800px){.cm-hero[data-astro-cid-ccxcntsz]{min-height:560px}.cm-hero-shade[data-astro-cid-ccxcntsz]{background:linear-gradient(#1e1d1c4d 0%,#1e1d1c8c 45%,#1e1d1cd1 100%)}.cm-hero-inner[data-astro-cid-ccxcntsz]{padding:80px 0 96px}.cm-products[data-astro-cid-ccxcntsz]{padding:52px 0 60px}}
