.material-guide-terrazzo{--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-terrazzo .wrap{max-width:1240px;margin:auto;padding:0}.material-guide-terrazzo .hero{background:var(--warm);min-height:680px;display:grid;align-items:center;overflow:hidden}.material-guide-terrazzo .hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:70px;align-items:center;padding:80px 18px}.material-guide-terrazzo .eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:20px}.material-guide-terrazzo h1{font-size:clamp(2.25rem,8vw,4.6rem);line-height:.98;letter-spacing:-.045em;margin:0 0 26px;font-weight:500}.material-guide-terrazzo .hero-copy{font-size:20px;max-width:590px;color:var(--ink-2)}.material-guide-terrazzo .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.material-guide-terrazzo .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-terrazzo .btn.dark{background:var(--ink);color:#fff}.material-guide-terrazzo .btn.light{background:transparent;color:var(--ink)}.material-guide-terrazzo .contact_button{background:#fff;color:#000}.material-guide-terrazzo .hero-visual{position:relative;overflow:hidden}.material-guide-terrazzo .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-terrazzo .tile{position:relative;overflow:hidden;background-color:#d7d0c7;box-shadow:inset 0 0 0 1px #00000014,0 3px 8px #00000014}.material-guide-terrazzo .tile:before{content:"";position:absolute;top:-18%;right:-18%;bottom:-18%;left:-18%;background-image:radial-gradient(ellipse at 18% 24%,#68736E 0 5%,transparent 5.6%),radial-gradient(ellipse at 63% 17%,#B46C57 0 7%,transparent 7.6%),radial-gradient(ellipse at 78% 70%,#353A3F 0 8%,transparent 8.7%),radial-gradient(ellipse at 36% 77%,#EEE7DD 0 12%,transparent 12.8%),radial-gradient(ellipse at 12% 63%,#C5A16B 0 5%,transparent 5.7%),radial-gradient(ellipse at 88% 35%,#F4EFE8 0 10%,transparent 10.7%),radial-gradient(ellipse at 45% 44%,#718386 0 7%,transparent 7.7%),radial-gradient(ellipse at 67% 47%,#A66955 0 5%,transparent 5.7%),radial-gradient(ellipse at 25% 49%,#2F3438 0 4%,transparent 4.7%),radial-gradient(ellipse at 52% 86%,#68736D 0 6%,transparent 6.7%);background-size:115px 105px,140px 130px,155px 145px,180px 165px,130px 130px,205px 175px,145px 135px,125px 115px,110px 110px,150px 140px;transform:rotate(var(--r, 0deg)) scale(1.18)}.material-guide-terrazzo .tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 18%,rgba(255,255,255,.35),transparent 24%),linear-gradient(135deg,rgba(255,255,255,.18),transparent 55%),repeating-linear-gradient(0deg,rgba(0,0,0,.018) 0 1px,transparent 1px 4px)}.material-guide-terrazzo .tile:nth-child(2n){background-color:#d8ccc0;--r: 14deg }.material-guide-terrazzo .tile:nth-child(3n){background-color:#c9c4bc;--r: -11deg;transform:translateY(5px) rotate(.8deg)}.material-guide-terrazzo .tile:nth-child(4n){background-color:#ddd4c9;--r: 26deg }.material-guide-terrazzo .tile:nth-child(5n){background-color:#cfc9c0;--r: -22deg;transform:translate(-4px) rotate(-1deg)}.material-guide-terrazzo .tile:nth-child(7n){background-color:#d8d3cb;--r: 38deg }.material-guide-terrazzo .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-terrazzo .quick{border-bottom:1px solid var(--line)}.material-guide-terrazzo .quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.material-guide-terrazzo .quick-item{padding:28px;border-right:1px solid var(--line)}.material-guide-terrazzo .quick-item:last-child{border-right:0}.material-guide-terrazzo .quick-item strong{display:block;font-size:15px;margin-bottom:6px}.material-guide-terrazzo .quick-item span{font-size:13px;color:var(--muted)}.material-guide-terrazzo .layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:70px;padding:80px 0 120px}.material-guide-terrazzo .layout main{min-width:0}.material-guide-terrazzo .side{position:sticky;top:105px;align-self:start;max-height:calc(100vh - 125px);overflow:auto}.material-guide-terrazzo .side .label{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:14px}.material-guide-terrazzo .side a{display:block;text-decoration:none;font-size:13px;padding:8px 0;border-bottom:1px solid #EEECEA}.material-guide-terrazzo .side a:hover{padding-left:6px}.material-guide-terrazzo .layout>main section{padding:8px 0 92px;scroll-margin-top:110px}.material-guide-terrazzo .section-head{display:grid;grid-template-columns:160px minmax(0,1fr);gap:28px;margin-bottom:34px}.material-guide-terrazzo .index{font-size:13px;color:var(--muted);padding-top:10px}.material-guide-terrazzo h2{font-size:46px;line-height:1.05;letter-spacing:-.035em;margin:0;font-weight:500}.material-guide-terrazzo h3{font-size:25px;line-height:1.15;letter-spacing:-.02em;margin:0 0 12px;font-weight:500}.material-guide-terrazzo .lead{font-size:20px;max-width:820px;margin:0 0 28px}.material-guide-terrazzo .prose{max-width:860px}.material-guide-terrazzo .prose p{margin:0 0 16px}.material-guide-terrazzo .prose .lead{max-width:850px}.material-guide-terrazzo .note{background:var(--warm);padding:26px 28px;margin:28px 0;border-left:3px solid var(--ink)}.material-guide-terrazzo .note.dark{background:var(--ink);color:#fff;border-left-color:#fff}.material-guide-terrazzo .note strong{display:block;margin-bottom:7px}.material-guide-terrazzo .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.material-guide-terrazzo .card{border:1px solid var(--line);padding:24px;min-height:175px;background:#fff}.material-guide-terrazzo .card p{font-size:14px;color:var(--ink-2);margin:0}.material-guide-terrazzo .process{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-top:28px}.material-guide-terrazzo .process-step{background:var(--warm);min-height:185px;padding:18px 14px}.material-guide-terrazzo .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-terrazzo .process-step strong{display:block;font-size:13px}.material-guide-terrazzo .process-step span{display:block;font-size:12px;color:var(--muted);margin-top:6px}.material-guide-terrazzo .table-wrap,.material-guide-terrazzo .matrix-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);margin:25px 0}.material-guide-terrazzo .table-wrap table,.material-guide-terrazzo .matrix{border-collapse:collapse;width:100%;font-size:14px}.material-guide-terrazzo .table-wrap table,.material-guide-terrazzo .compare{min-width:560px}.material-guide-terrazzo .table-wrap th,.material-guide-terrazzo .table-wrap td,.material-guide-terrazzo .matrix th,.material-guide-terrazzo .matrix td{border-bottom:1px solid var(--line);border-right:1px solid var(--line);padding:14px;text-align:left;vertical-align:top}.material-guide-terrazzo .table-wrap th,.material-guide-terrazzo .matrix th{background:var(--warm);font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.material-guide-terrazzo .table-wrap tr:last-child td,.material-guide-terrazzo .matrix tr:last-child td{border-bottom:0}.material-guide-terrazzo .table-wrap th:last-child,.material-guide-terrazzo .table-wrap td:last-child,.material-guide-terrazzo .matrix th:last-child,.material-guide-terrazzo .matrix td:last-child{border-right:0}.material-guide-terrazzo .table-wrap td:first-child,.material-guide-terrazzo .matrix td:first-child{font-weight:600}.material-guide-terrazzo .matrix{min-width:840px;font-size:13px}.material-guide-terrazzo .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-terrazzo .status.ok{background:#f0f0ed}.material-guide-terrazzo .status.conditional{background:#e7e3de}.material-guide-terrazzo .status.review{background:#313135;color:#fff;border-color:#313135}.material-guide-terrazzo .status.not{background:#fff;border-color:#313135}.material-guide-terrazzo .order-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:25px 0}.material-guide-terrazzo .overage{padding:20px;border:1px solid var(--line)}.material-guide-terrazzo .overage b{font-size:32px;font-weight:500;display:block}.material-guide-terrazzo .overage span{font-size:12px;color:var(--muted)}.material-guide-terrazzo .guide-list{max-width:880px;margin:20px 0 0;padding-left:22px}.material-guide-terrazzo .guide-list li{margin:0 0 10px;padding-left:6px}.material-guide-terrazzo .install-steps{counter-reset:install;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px}.material-guide-terrazzo .install-step{border:1px solid var(--line);padding:22px 22px 22px 66px;position:relative;min-height:145px}.material-guide-terrazzo .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-terrazzo .install-step strong{display:block;margin-bottom:7px}.material-guide-terrazzo .install-step p{font-size:13px;color:var(--muted);margin:0}.material-guide-terrazzo .application-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.material-guide-terrazzo .application{border-top:1px solid var(--ink);padding:18px 0 10px}.material-guide-terrazzo .application p{font-size:14px;color:var(--muted);margin:0}.material-guide-terrazzo .faq{border-top:1px solid var(--line)}.material-guide-terrazzo details{border-bottom:1px solid var(--line)}.material-guide-terrazzo summary{cursor:pointer;list-style:none;padding:20px 0;font-size:17px;display:flex;justify-content:space-between;gap:20px}.material-guide-terrazzo summary::-webkit-details-marker{display:none}.material-guide-terrazzo summary:after{content:"+";font-size:22px;font-weight:300}.material-guide-terrazzo details[open] summary:after{content:"\2013"}.material-guide-terrazzo details p{max-width:820px;margin:0 0 22px;font-size:14px;color:var(--muted)}.material-guide-terrazzo .downloads{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.material-guide-terrazzo .download{border:1px solid var(--line);padding:22px;min-height:135px;display:flex;flex-direction:column;justify-content:space-between}.material-guide-terrazzo .download span{font-size:12px;color:var(--muted);margin-top:18px}.material-guide-terrazzo .smallprint{font-size:12px;color:var(--muted);margin-top:28px;max-width:920px}@media screen and (max-width:989px){.material-guide-terrazzo .hero{min-height:0}.material-guide-terrazzo .hero-grid{grid-template-columns:minmax(0,1fr);gap:40px;padding:64px 0}.material-guide-terrazzo .tile-stage{height:360px}.material-guide-terrazzo .layout{grid-template-columns:minmax(0,1fr);gap:40px;padding:56px 0 80px}.material-guide-terrazzo .side{display:none}.material-guide-terrazzo .section-head{grid-template-columns:minmax(0,1fr);gap:6px}.material-guide-terrazzo .layout>main section{padding:8px 0 64px}.material-guide-terrazzo .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.material-guide-terrazzo .quick-item:nth-child(2n){border-right:0}.material-guide-terrazzo .quick-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.material-guide-terrazzo .process{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.material-guide-terrazzo .cards,.material-guide-terrazzo .order-cards,.material-guide-terrazzo .downloads{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:749px){.material-guide-terrazzo .hero-grid{padding:48px 18px;gap:28px}.material-guide-terrazzo .hero-copy{font-size:17px}.material-guide-terrazzo .hero-actions{flex-direction:column;align-items:stretch}.material-guide-terrazzo .hero-actions .btn{width:100%}.material-guide-terrazzo .hero-visual{overflow:hidden}.material-guide-terrazzo .tile-stage{height:240px;transform:none}.material-guide-terrazzo .hero-note{position:static;max-width:none;margin-top:14px;right:auto;bottom:auto;box-shadow:none;border:1px solid var(--line)}.material-guide-terrazzo .quick-grid{grid-template-columns:minmax(0,1fr)}.material-guide-terrazzo .quick-item{border-right:0;border-bottom:1px solid var(--line);padding:20px 0}.material-guide-terrazzo .quick-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.material-guide-terrazzo .quick-item:last-child{border-bottom:0}.material-guide-terrazzo h2{font-size:32px}.material-guide-terrazzo h3{font-size:22px}.material-guide-terrazzo .lead{font-size:17px}.material-guide-terrazzo .cards,.material-guide-terrazzo .process,.material-guide-terrazzo .order-cards,.material-guide-terrazzo .install-steps,.material-guide-terrazzo .application-notes,.material-guide-terrazzo .downloads{grid-template-columns:minmax(0,1fr)}.material-guide-terrazzo .card,.material-guide-terrazzo .process-step,.material-guide-terrazzo .install-step,.material-guide-terrazzo .download{min-height:0}.material-guide-terrazzo .note{padding:18px 16px}.material-guide-terrazzo .table-wrap th,.material-guide-terrazzo .table-wrap td,.material-guide-terrazzo .matrix th,.material-guide-terrazzo .matrix td{padding:12px 10px}.material-guide-terrazzo .layout{padding:40px 0 64px}.material-guide-terrazzo summary{font-size:16px;gap:12px}}@media print{@page{size:A4;margin:16mm 14mm}.material-guide-terrazzo .side,.material-guide-terrazzo .hero-actions{display:none!important}.material-guide-terrazzo .hero{min-height:auto}.material-guide-terrazzo .hero-grid{padding:20px 0;grid-template-columns:1fr 1fr;gap:25px}.material-guide-terrazzo .tile-stage{height:280px}.material-guide-terrazzo h1{font-size:48px}.material-guide-terrazzo .quick-item{padding:12px}.material-guide-terrazzo .layout{display:block;padding:25px 0}.material-guide-terrazzo .layout>main section{padding-bottom:35px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/material-guide-terrazzo.css.map */