.material-guide-cement{--ink: #000;--ink-2: #2A2B29;--black: #0E0B0B;--paper: #FFFFFF;--warm: #F1F0EF;--warm-2: #F7F6F5;--line: #D9D6D2;--muted: #73716E;--soft: #E8E5E1;--shadow: 0 18px 50px rgba(14, 11, 11, .08);box-sizing:border-box;overflow-x:clip;padding-inline:var(--page-margin, 40px)}.material-guide-cement .wrap{max-width:1240px;margin:auto;padding:0}.material-guide-cement .hero{background:var(--warm);min-height:680px;display:grid;align-items:center;overflow:hidden}.material-guide-cement .hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:70px;align-items:center;padding:80px 0}.material-guide-cement .eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:20px}.material-guide-cement h1{font-size:clamp(2.25rem,8vw,4.6rem);line-height:.98;letter-spacing:-.045em;margin:0 0 26px;font-weight:500}.material-guide-cement .hero-copy{font-size:20px;max-width:590px;color:var(--ink-2)}.material-guide-cement .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.material-guide-cement .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid var(--ink);text-decoration:none;font-size:14px;letter-spacing:.02em;width:auto;box-sizing:border-box}.material-guide-cement .btn.dark{background:var(--ink);color:#fff}.material-guide-cement .btn.light{background:transparent;color:var(--ink)}.material-guide-cement .contact_button{background:transparent;color:#fff;border-color:#fff}.material-guide-cement .hero-visual{position:relative;overflow:hidden}.material-guide-cement .tile-stage{position:relative;height:520px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:8px;transform:rotate(-2deg)}.material-guide-cement .tile{position:relative;overflow:hidden;background:#d6c5b7;box-shadow:inset 0 0 0 1px #00000014,0 3px 8px #00000014}.material-guide-cement .tile:before,.material-guide-cement .tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.material-guide-cement .tile:after{background:radial-gradient(circle at 20% 18%,rgba(255,255,255,.35),transparent 24%),linear-gradient(135deg,rgba(255,255,255,.16),transparent 55%)}.material-guide-cement .tile:nth-child(4n+1){background:linear-gradient(45deg,#e9e2d9 50%,#56696a 50%)}.material-guide-cement .tile:nth-child(4n+2){background:radial-gradient(circle at 50% 50%,#B46951 0 28%,transparent 29%),#e7d9c6}.material-guide-cement .tile:nth-child(4n+3){background:linear-gradient(135deg,#303239 25%,#d6b574 25% 50%,#e8e0d6 50% 75%,#6b7f75 75%)}.material-guide-cement .tile:nth-child(4n+4){background:conic-gradient(from 45deg,#e4d9ca 0 25%,#65756e 0 50%,#b7654d 0 75%,#303239 0)}.material-guide-cement .tile:nth-child(3n){transform:translateY(5px) rotate(.8deg)}.material-guide-cement .tile:nth-child(5n){transform:translate(-4px) rotate(-1deg)}.material-guide-cement .hero-note{position:absolute;right:8px;bottom:14px;background:#fff;padding:14px 18px;font-size:12px;box-shadow:var(--shadow);max-width:240px;z-index:1}.material-guide-cement .quick{border-bottom:1px solid var(--line)}.material-guide-cement .quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.material-guide-cement .quick-item{padding:28px;border-right:1px solid var(--line)}.material-guide-cement .quick-item:last-child{border-right:0}.material-guide-cement .quick-item strong{display:block;font-size:15px;margin-bottom:6px}.material-guide-cement .quick-item span{font-size:13px;color:var(--muted)}.material-guide-cement .layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:70px;padding:80px 0 120px}.material-guide-cement .layout main{min-width:0}.material-guide-cement .side{position:sticky;top:105px;align-self:start;max-height:calc(100vh - 125px);overflow:auto}.material-guide-cement .side .label{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:14px}.material-guide-cement .side a{display:block;text-decoration:none;font-size:13px;padding:8px 0;border-bottom:1px solid #EEECEA}.material-guide-cement .side a:hover{padding-left:6px}.material-guide-cement .layout>main section{padding:8px 0 92px;scroll-margin-top:110px}.material-guide-cement .section-head{display:grid;grid-template-columns:160px minmax(0,1fr);gap:28px;margin-bottom:34px}.material-guide-cement .index{font-size:13px;color:var(--muted);padding-top:10px}.material-guide-cement h2{font-size:46px;line-height:1.05;letter-spacing:-.035em;margin:0;font-weight:500}.material-guide-cement h3{font-size:25px;line-height:1.15;letter-spacing:-.02em;margin:0 0 12px;font-weight:500}.material-guide-cement .lead{font-size:20px;max-width:820px;margin:0 0 28px}.material-guide-cement .prose{max-width:860px}.material-guide-cement .prose p{margin:0 0 16px}.material-guide-cement .prose .lead{max-width:850px}.material-guide-cement .note{background:var(--warm);padding:26px 28px;margin:28px 0;border-left:3px solid var(--ink)}.material-guide-cement .note.dark{background:var(--ink);color:#fff;border-left-color:#fff}.material-guide-cement .note strong{display:block;margin-bottom:7px}.material-guide-cement .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.material-guide-cement .card{border:1px solid var(--line);padding:24px;min-height:175px;background:#fff}.material-guide-cement .card p{font-size:14px;color:var(--ink-2);margin:0}.material-guide-cement .process{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-top:28px}.material-guide-cement .process-step{background:var(--warm);min-height:185px;padding:18px 14px}.material-guide-cement .circle{width:30px;height:30px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:12px;margin-bottom:26px}.material-guide-cement .process-step strong{display:block;font-size:13px}.material-guide-cement .process-step span{display:block;font-size:12px;color:var(--muted);margin-top:6px}.material-guide-cement .table-wrap,.material-guide-cement .matrix-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);margin-top:25px}.material-guide-cement .table-wrap table,.material-guide-cement .matrix{border-collapse:collapse;width:100%;font-size:14px}.material-guide-cement .compare{min-width:560px}.material-guide-cement .table-wrap th,.material-guide-cement .table-wrap td,.material-guide-cement .matrix th,.material-guide-cement .matrix td{border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:14px;text-align:left;vertical-align:top}.material-guide-cement .table-wrap th,.material-guide-cement .matrix th{background:var(--warm);font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.material-guide-cement .table-wrap tr:last-child td,.material-guide-cement .matrix tr:last-child td{border-bottom:0}.material-guide-cement .table-wrap th:last-child,.material-guide-cement .table-wrap td:last-child,.material-guide-cement .matrix th:last-child,.material-guide-cement .matrix td:last-child{border-right:0}.material-guide-cement .table-wrap td:first-child,.material-guide-cement .matrix td:first-child{font-weight:600}.material-guide-cement .matrix{min-width:840px;font-size:13px}.material-guide-cement .status{display:inline-block;font-size:11px;letter-spacing:.07em;text-transform:uppercase;padding:5px 8px;border:1px solid var(--line);white-space:nowrap}.material-guide-cement .status.ok{background:#f0f0ed}.material-guide-cement .status.conditional{background:#e7e3de}.material-guide-cement .status.review{background:#313135;color:#fff;border-color:#313135}.material-guide-cement .status.not{background:#fff;border-color:#313135}.material-guide-cement .order-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:25px 0}.material-guide-cement .overage{padding:20px;border:1px solid var(--line)}.material-guide-cement .overage b{font-size:32px;font-weight:500;display:block}.material-guide-cement .overage span{font-size:12px;color:var(--muted)}.material-guide-cement .guide-list{max-width:880px;margin:20px 0 0;padding-left:22px}.material-guide-cement .guide-list li{margin:0 0 10px;padding-left:6px}.material-guide-cement .install-steps{counter-reset:install;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px}.material-guide-cement .install-step{border:1px solid var(--line);padding:22px 22px 22px 66px;position:relative;min-height:145px}.material-guide-cement .install-step>span{position:absolute;left:20px;top:21px;font-size:12px;letter-spacing:.08em;border-bottom:1px solid var(--ink);padding-bottom:4px}.material-guide-cement .install-step strong{display:block;margin-bottom:7px}.material-guide-cement .install-step p{font-size:13px;color:var(--muted);margin:0}.material-guide-cement .application-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.material-guide-cement .application{border-top:1px solid var(--ink);padding:18px 0 10px}.material-guide-cement .application p{font-size:14px;color:var(--muted);margin:0}.material-guide-cement .faq{border-top:1px solid var(--line)}.material-guide-cement details{border-bottom:1px solid var(--line)}.material-guide-cement summary{cursor:pointer;list-style:none;padding:20px 0;font-size:17px;display:flex;justify-content:space-between;gap:20px}.material-guide-cement summary::-webkit-details-marker{display:none}.material-guide-cement summary:after{content:"+";font-size:22px;font-weight:300}.material-guide-cement details[open] summary:after{content:"\2013"}.material-guide-cement details p{max-width:820px;margin:0 0 22px;font-size:14px;color:var(--muted)}.material-guide-cement .downloads{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.material-guide-cement .download{border:1px solid var(--line);padding:22px;min-height:135px;display:flex;flex-direction:column;justify-content:space-between}.material-guide-cement .download span{font-size:12px;color:var(--muted);margin-top:18px}.material-guide-cement .smallprint{font-size:12px;color:var(--muted);margin-top:28px;max-width:920px}.material-guide-cement .footer-cta{background:var(--black);color:#fff;padding:80px 0}.material-guide-cement .footer-cta .inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:end}@media screen and (max-width:989px){.material-guide-cement .hero{min-height:0}.material-guide-cement .hero-grid{grid-template-columns:minmax(0,1fr);gap:40px;padding:64px 0}.material-guide-cement .tile-stage{height:360px}.material-guide-cement .layout{grid-template-columns:minmax(0,1fr);gap:40px;padding:56px 0 80px}.material-guide-cement .side{display:none}.material-guide-cement .section-head{grid-template-columns:minmax(0,1fr);gap:6px}.material-guide-cement .layout>main section{padding:8px 0 64px}.material-guide-cement .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.material-guide-cement .quick-item:nth-child(2n){border-right:0}.material-guide-cement .quick-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.material-guide-cement .process{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.material-guide-cement .cards,.material-guide-cement .order-cards,.material-guide-cement .downloads{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.material-guide-cement .hero-grid{padding:48px 0;gap:28px}.material-guide-cement .hero-copy{font-size:17px}.material-guide-cement .hero-actions{flex-direction:column;align-items:stretch}.material-guide-cement .hero-actions .btn{width:100%}.material-guide-cement .hero-visual{overflow:hidden}.material-guide-cement .tile-stage{height:240px;transform:none}.material-guide-cement .hero-note{position:static;max-width:none;margin-top:14px;right:auto;bottom:auto;box-shadow:none;border:1px solid var(--line)}.material-guide-cement .quick-grid{grid-template-columns:minmax(0,1fr)}.material-guide-cement .quick-item{border-right:0;border-bottom:1px solid var(--line);padding:20px 0}.material-guide-cement .quick-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.material-guide-cement .quick-item:last-child{border-bottom:0}.material-guide-cement h2{font-size:32px}.material-guide-cement h3{font-size:22px}.material-guide-cement .lead{font-size:17px}.material-guide-cement .cards,.material-guide-cement .process,.material-guide-cement .order-cards,.material-guide-cement .install-steps,.material-guide-cement .application-notes,.material-guide-cement .downloads{grid-template-columns:minmax(0,1fr)}.material-guide-cement .card,.material-guide-cement .process-step,.material-guide-cement .install-step,.material-guide-cement .download{min-height:0}.material-guide-cement .note{padding:18px 16px}.material-guide-cement .table-wrap th,.material-guide-cement .table-wrap td,.material-guide-cement .matrix th,.material-guide-cement .matrix td{padding:12px 10px}.material-guide-cement .footer-cta{padding:48px 0}.material-guide-cement .footer-cta .inner{grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}.material-guide-cement .footer-cta .btn{width:100%}.material-guide-cement .layout{padding:40px 0 64px}.material-guide-cement summary{font-size:16px;gap:12px}}@media print{@page{size:A4;margin:16mm 14mm}.material-guide-cement .side,.material-guide-cement .hero-actions,.material-guide-cement .footer-cta{display:none!important}.material-guide-cement .hero{min-height:auto}.material-guide-cement .hero-grid{padding:20px 0;grid-template-columns:1fr 1fr;gap:25px}.material-guide-cement .tile-stage{height:280px}.material-guide-cement h1{font-size:48px}.material-guide-cement .quick-item{padding:12px}.material-guide-cement .layout{display:block;padding:25px 0}.material-guide-cement .layout>main section{padding-bottom:35px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/material-guide-cement.css.map */