.slab-title{display:grid;grid-template-columns:1.25fr .75fr;gap:9vw;padding-top:160px;padding-bottom:90px}
.slab-title h1{font-size:clamp(66px,7.8vw,118px)}
.slab-title-copy{align-self:end;border-left:1px solid var(--line);padding-left:4vw;font:18px/1.65 var(--serif);color:#5d584f}
.availability-note{font:10px/1.5 var(--sans)!important;text-transform:uppercase;letter-spacing:.12em;margin-top:30px}
.availability-note i{display:inline-block;width:7px;height:7px;background:#718064;border-radius:50%;margin-right:10px}
.slab-browser{padding-top:0}
.slab-toolbar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin-bottom:50px}
.slab-toolbar>p{margin:0;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#777066}
.slab-filters{display:flex;gap:8px}
.slab-filters button{border:0;background:transparent;padding:10px 14px;color:#6e685f;font-size:9px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.slab-filters button.active{background:#252621;color:#fff}
.slab-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:90px 35px}
.slab-card[hidden]{display:none}
.slab-card.featured{grid-column:1/-1}
.slab-card-image{width:100%;height:clamp(430px,55vw,790px);border:0;position:relative;display:block;overflow:hidden;cursor:zoom-in;background-size:cover;background-position:center}
.slab-card:not(.featured) .slab-card-image{height:clamp(400px,37vw,610px)}
.slab-placeholder:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 10%,rgba(147,128,105,.15) 20%,transparent 31%,rgba(118,106,92,.11) 43%,transparent 56%,rgba(154,134,111,.13) 72%,transparent 85%),linear-gradient(8deg,#e9e2d5,#cfc5b6 48%,#f1ece2);filter:contrast(1.04)}
.slab-two:before{background:linear-gradient(135deg,transparent 8%,rgba(153,124,83,.2) 17%,transparent 25%,rgba(104,94,82,.12) 42%,transparent 52%,rgba(174,144,101,.18) 67%,transparent 80%),linear-gradient(-8deg,#ddd2c2,#f2eadb 55%,#cfc2b0)}
.slab-three:before{background:linear-gradient(65deg,transparent 12%,rgba(114,102,88,.16) 24%,transparent 34%,rgba(151,132,108,.2) 49%,transparent 60%,rgba(104,95,83,.13) 77%,transparent 87%),linear-gradient(20deg,#c9bfaf,#e8e2d8 50%,#bfb3a1)}
.slab-four:before{background:linear-gradient(150deg,transparent 16%,rgba(158,140,117,.16) 19%,transparent 23%,transparent 53%,rgba(136,118,96,.14) 57%,transparent 61%),linear-gradient(#eee9df,#d8d0c4)}
.slab-five:before{background:linear-gradient(25deg,transparent 20%,rgba(164,137,103,.17) 24%,transparent 28%,transparent 66%,rgba(139,118,95,.13) 70%,transparent 74%),linear-gradient(160deg,#d5ccbe,#f1ece3)}
.slab-six:before{background:linear-gradient(105deg,transparent 11%,rgba(151,132,111,.13) 15%,transparent 20%,transparent 44%,rgba(117,105,91,.12) 47%,transparent 51%,transparent 76%,rgba(166,142,111,.12) 80%,transparent 84%),linear-gradient(#eeeae3,#dad3c7)}
.slab-status{position:absolute;z-index:2;top:22px;left:22px;background:#f4f0e8;padding:9px 12px;font-size:8px;letter-spacing:.14em;text-transform:uppercase}
.slab-status:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#718064;margin-right:7px}
.slab-status.hold:before{background:#b49561}.slab-status.made:before{background:#807568}.slab-status.sample:before{background:#70828b}
.view-cue{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-40%);opacity:0;background:rgba(30,31,27,.87);color:#fff;width:105px;height:105px;border-radius:50%;display:grid;place-items:center;text-transform:uppercase;font-size:8px;letter-spacing:.15em;transition:.3s}
.slab-card-image:hover .view-cue{opacity:1;transform:translate(-50%,-50%)}
.slab-card-copy{display:grid;grid-template-columns:1fr 1.15fr;gap:35px;padding-top:22px}
.slab-card-copy h2{font-size:clamp(32px,3.4vw,52px)}
.slab-ref{font-size:9px;letter-spacing:.15em;color:#777066;margin:0 0 7px}
.slab-card-copy dl{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:5px 0 0}
.slab-card-copy dl div{border-left:1px solid var(--line);padding-left:15px}
.slab-card-copy dt{font-size:8px;text-transform:uppercase;letter-spacing:.13em;color:#827a6f}
.slab-card-copy dd{margin:5px 0 0;font:13px var(--serif)}
.slab-service{display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:#9c8a74;color:#fff;padding:110px 8vw}
.slab-service h2{font-size:clamp(52px,5.5vw,80px)}
.slab-service>div:last-child{align-self:end}.slab-service>div:last-child p{font:18px/1.7 var(--serif);margin:0 0 28px}
.slab-dialog{width:min(1180px,94vw);max-width:none;padding:0;border:0;background:#eee9df;color:var(--ink);box-shadow:0 30px 100px rgba(0,0,0,.35)}
.slab-dialog::backdrop{background:rgba(19,20,17,.83)}
.dialog-close{position:absolute;z-index:5;right:18px;top:18px;width:42px;height:42px;border:1px solid rgba(35,36,31,.35);border-radius:50%;background:#f3eee5;font-size:24px;cursor:pointer}
.dialog-layout{display:grid;grid-template-columns:1.35fr .65fr;min-height:75vh}
.dialog-slab{position:relative;min-height:650px}
.dialog-copy{padding:70px 45px;display:flex;flex-direction:column;justify-content:center}
.dialog-copy h2{font-size:55px}.dialog-ref{font-size:10px;letter-spacing:.17em;color:#7a7267}
.dialog-copy>p:not(.eyebrow):not(.dialog-ref){font:17px/1.6 var(--serif);color:#5b554d}
.dialog-copy dl{margin:25px 0}.dialog-copy dl div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:11px 0;font-size:11px}.dialog-copy dd{margin:0;font-family:var(--serif)}
@media(max-width:900px){.slab-title{grid-template-columns:1fr;gap:40px;padding-top:100px}.slab-title-copy{border-left:0;border-top:1px solid var(--line);padding:30px 0 0}.slab-toolbar{align-items:flex-start;flex-direction:column;gap:15px}.slab-filters{width:100%;overflow:auto}.slab-grid{grid-template-columns:1fr;gap:65px}.slab-card.featured{grid-column:auto}.slab-card-image,.slab-card:not(.featured) .slab-card-image{height:70vw;min-height:390px}.slab-card-copy{grid-template-columns:1fr}.slab-service{grid-template-columns:1fr}.dialog-layout{grid-template-columns:1fr}.dialog-slab{min-height:55vh}.dialog-copy{padding:45px 28px}.dialog-copy h2{font-size:45px}}
@media(max-width:560px){.slab-title h1{font-size:53px}.slab-card-image,.slab-card:not(.featured) .slab-card-image{height:125vw}.slab-card-copy dl{grid-template-columns:1fr}.slab-card-copy dl div{padding:9px 0;border-left:0;border-top:1px solid var(--line)}.view-cue{display:none}.slab-service{padding:80px 25px}.dialog-slab{min-height:48vh}}
.slab-one:before{background:url("/assets/slabs/TM-N01.jpg") center/cover no-repeat}
.slab-two:before{background:url("/assets/slabs/TM-N02.jpg") center/cover no-repeat}
.slab-three:before{background:url("/assets/slabs/TM-N03.jpg") center/cover no-repeat}
.slab-four:before{background:url("/assets/slabs/TM-N04.jpg") center/cover no-repeat}
.slab-five:before{background:url("/assets/slabs/TM-N05.jpg") center/cover no-repeat}
.slab-six:before{background:url("/assets/slabs/TM-N06.jpg") center/cover no-repeat}