/* Canvas guide: scoped and loaded only on the material guide. */
.canvas-guide{color:#e8e8e8;padding-top:30px;padding-bottom:70px;max-width:1600px;margin-inline:auto}
.canvas-guide *{box-sizing:border-box}.cg-breadcrumb{display:flex;gap:12px;font-size:10px;color:#929294;margin-bottom:45px}.cg-breadcrumb a{color:inherit}.cg-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:9%;align-items:center;padding-bottom:58px}.cg-hero h1{font-size:clamp(44px,5.6vw,86px);line-height:1.04;letter-spacing:-.065em;font-weight:450;margin:22px 0 28px}.canvas-guide em{font-family:Georgia,serif;font-weight:400}.cg-lead{font-size:15px;line-height:1.9;color:#b0b0b3;max-width:450px;margin-bottom:30px}.canvas-guide .button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:#e3e3e5;color:#171719;min-height:48px;padding:16px 22px;border:1px solid #e3e3e5;font-size:11px;text-decoration:none}.cg-visual{margin:0;padding:52px 10% 23px;background:radial-gradient(ellipse at 65% 30%,#454443,#252526 65%);overflow:hidden}.cg-artwork{width:min(77%,295px);margin:auto;transform:perspective(1100px) rotateY(-8deg);position:relative;box-shadow:9px 13px 20px #0005,24px 25px 35px #0004;border-right:6px solid #b0a797;border-bottom:4px solid #877d6f}.cg-artwork img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain}.cg-artwork:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.045;background:repeating-linear-gradient(0deg,#0000 0 2px,#fff 2px 3px),repeating-linear-gradient(90deg,#0000 0 2px,#000 2px 3px)}.cg-visual figcaption{display:flex;justify-content:space-between;gap:10px;margin-top:38px;font-size:7px;letter-spacing:.12em;line-height:1.7;color:#c5c4c4}.cg-specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid #373739;padding:27px 0}.cg-specs>div{padding:0 20px;border-left:1px solid #373739}.cg-specs>div:first-child{padding-left:0;border-left:0}.cg-specs strong{display:block;font-size:clamp(16px,1.65vw,25px);font-weight:450;letter-spacing:-.03em}.cg-specs span{display:block;color:#97979b;font-size:10px;line-height:1.7;margin-top:7px}.cg-section{padding:65px 0;border-bottom:1px solid #303032}.cg-heading{display:grid;grid-template-columns:1fr 1.4fr;column-gap:10%;align-items:start;margin-bottom:34px}.cg-heading>.eyebrow{grid-column:1/-1;margin-bottom:18px}.cg-heading h2{font-size:clamp(32px,3.4vw,48px);font-weight:450;letter-spacing:-.055em;line-height:1.1;margin:0}.cg-heading>p{color:#a9a9ad;font-size:13px;line-height:1.9;margin:0;max-width:500px}.cg-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.cg-benefits article{border-top:1px solid #535356;padding-top:23px}.cg-number{font-size:9px;color:#9b9b9e;letter-spacing:.1em}.cg-benefits h3,.cg-comparison h3{font-size:20px;line-height:1.25;letter-spacing:-.035em;font-weight:450;margin:20px 0 14px}.cg-benefits p,.cg-construction dd,.cg-small,.cg-comparison li,.cg-faqs details p{font-size:12px;line-height:1.9;color:#a8a8ad}.cg-construction{display:grid;grid-template-columns:1fr 1.4fr;gap:10%}.cg-construction .cg-heading{display:block}.cg-construction .cg-heading>.eyebrow{display:block;margin-bottom:20px}.cg-construction .cg-heading>p{margin-top:22px}.cg-construction dl{margin:0}.cg-construction dl>div{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #303032}.cg-construction dt{font-size:15px;margin-bottom:7px}.cg-construction dd{margin:0}.cg-small{font-size:10px}.cg-comparison{display:grid;grid-template-columns:1fr 1fr;gap:18px}.cg-comparison article{padding:30px;background:#171719;border:1px solid #333336}.cg-comparison article:first-child{background:#1d1d1f;border-color:#66666a}.cg-comparison ul{padding-left:18px;margin-bottom:0}.cg-comparison li{padding-left:4px;margin:9px 0}.cg-faqs{display:grid;grid-template-columns:1fr 1.4fr;gap:10%}.cg-faqs .cg-heading{display:block}.cg-faqs .cg-heading>.eyebrow{display:block;margin-bottom:20px}.cg-faqs details{border-bottom:1px solid #353538}.cg-faqs details:first-child{border-top:1px solid #353538}.cg-faqs summary{list-style:none;display:flex;justify-content:space-between;gap:25px;padding:22px 0;font-size:13px;line-height:1.7;cursor:pointer}.cg-faqs summary::-webkit-details-marker{display:none}.cg-faqs details p{margin:0 20px 22px 0}.cg-faqs details[open] summary span{transform:rotate(45deg)}.cg-cta{padding:70px 0;text-align:center}.cg-cta h2{font-size:clamp(36px,4.5vw,64px);letter-spacing:-.055em;line-height:1.12;font-weight:450;margin:22px 0 30px}.cg-cta>div{display:flex;gap:26px;align-items:center;justify-content:center;flex-wrap:wrap}.cg-link{display:inline-flex;gap:15px;align-items:center;font-size:11px;color:#d0d0d2;text-decoration:none;border-bottom:1px solid #5b5b60;padding:9px 0}.cg-preview{font-size:10px;line-height:1.9;color:#8c8c92;text-align:center;max-width:650px;margin:0 auto}.cg-preview a{color:inherit;text-decoration:underline}
.canvas-guide a:focus-visible,.canvas-guide summary:focus-visible{outline:2px solid #d0d0d3;outline-offset:5px}
@media(max-width:800px){.cg-breadcrumb{margin-bottom:30px}.cg-hero{gap:35px;grid-template-columns:1fr}.cg-hero h1{font-size:54px;max-width:500px}.cg-lead{font-size:13px}.cg-visual{padding:36px 8% 22px}.cg-artwork{width:55%;max-width:240px}.cg-specs{grid-template-columns:1fr 1fr;row-gap:24px}.cg-specs>div:nth-child(3){padding-left:0;border-left:0}.cg-specs strong{font-size:19px}.cg-section{padding:45px 0}.cg-heading{grid-template-columns:1fr;gap:20px}.cg-heading>.eyebrow{margin-bottom:0}.cg-heading>p{font-size:12px}.cg-benefits{grid-template-columns:1fr;gap:25px}.cg-benefits h3{margin-top:14px}.cg-construction,.cg-faqs{grid-template-columns:1fr;gap:20px}.cg-construction .cg-heading{margin-bottom:0}.cg-comparison{grid-template-columns:1fr}.cg-comparison article{padding:25px}.cg-cta{padding:48px 0}.cg-visual figcaption{font-size:7px}.cg-faqs .cg-heading{margin-bottom:10px}}
@media(max-width:360px){.cg-hero h1{font-size:45px}.cg-specs strong{font-size:16px}.cg-specs span{font-size:9px}.cg-specs>div{padding-inline:12px}.cg-visual figcaption{flex-direction:column;gap:4px}}
@media(prefers-reduced-motion:reduce){.cg-artwork{transform:none}}