
:root{--paper:#f5f1e9;--ink:#303a2c;--muted:#69705f;--line:#d9d5c9;--gold:#a78a54}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.75 Arial,Helvetica,sans-serif}a{color:inherit}img{display:block;width:100%;height:auto}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.wrap{width:min(1320px,90%);margin:auto}header{border-bottom:1px solid var(--line);padding:20px 0}header .wrap{display:flex;align-items:center;gap:32px;justify-content:space-between}.brand{font:22px Georgia,serif;text-decoration:none}.operator{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}nav{display:flex;gap:25px;margin-left:auto}nav a{font-size:11px;letter-spacing:.12em;text-transform:uppercase;text-decoration:none}nav a[aria-current]{border-bottom:1px solid var(--gold)}.crumb{padding:25px 0;font-size:11px;color:var(--muted)}.crumb a{text-decoration:none}.eyebrow{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0 0 15px}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.18}h1{font-size:clamp(35px,3.6vw,52px);letter-spacing:-.025em;margin:0 0 18px}h2{font-size:clamp(28px,3vw,39px);margin:0 0 20px}h3{font-size:21px;margin:13px 0 8px}p{margin:0 0 20px}.detail{display:grid;grid-template-columns:1.45fr 1fr;gap:5%;align-items:start;padding:15px 0 60px}.detail figure{margin:0;position:sticky;top:25px}.zoom{border:1px solid var(--line);padding:0;background:#e8e5dd;width:100%;display:block;position:relative;cursor:zoom-in}.zoom img{aspect-ratio:4/3;object-fit:contain}.zoom span{position:absolute;bottom:12px;right:12px;font-size:11px;background:#f5f1e9ed;padding:5px 10px}.detail figcaption{font-size:10px;color:var(--muted);padding-top:12px}.colour{color:#59624f;font-size:15px}.specs{border-top:1px solid var(--line);margin:28px 0}.specs div{display:grid;grid-template-columns:115px 1fr;gap:12px;border-bottom:1px solid var(--line);padding:12px 0;font-size:12px}.specs dt{color:var(--muted)}.specs dd{margin:0}.fine{font-size:11px;color:var(--muted);line-height:1.7}.cta{display:inline-block;background:var(--ink);color:var(--paper);padding:13px 20px;text-decoration:none;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.outline{background:none;color:var(--ink);border:1px solid var(--line)}.copy{border-top:1px solid var(--line);padding:55px 0;display:grid;grid-template-columns:1fr 1fr;gap:8%}.copy p{color:#616956;font-size:14px}.finish-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.finish-list span{border:1px solid #c8cbbb;padding:5px 12px;font-size:11px}.adjacent{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:22px 0;gap:20px;font-size:12px}.adjacent a{text-decoration:none}.related{padding:55px 0 70px;background:#eae8de}.row-head{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:25px}.row-head h2{margin:0}.arrows{display:flex;gap:8px}.arrows button{border:1px solid #b4bba6;background:transparent;color:var(--ink);width:42px;height:42px;font-size:23px}.arrows button:disabled{opacity:.3;cursor:default}.track{display:flex;gap:22px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:16px}.track .card{flex:0 0 calc((100% - 66px)/4);scroll-snap-align:start}.card{text-decoration:none;display:block;min-width:0}.card img{aspect-ratio:4/3;object-fit:contain;background:#dfded5;border:1px solid #d0d2c4}.card small{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);display:block;margin-top:12px}.card h3{font-size:20px;margin:7px 0 8px}.card p{color:var(--muted);font-size:12px;line-height:1.6}.card .more{font-size:10px;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #b1ad93;padding-bottom:4px}.collection-head{padding:35px 0 30px;max-width:820px}.collection-head p{color:var(--muted)}.collection-head h1{font-size:clamp(40px,5vw,65px)}.filters{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 30px}.filters button{border:1px solid #c6cbbd;background:transparent;color:var(--ink);padding:7px 15px;font-size:12px}.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 24px;padding-bottom:65px}.result{font-size:11px;color:var(--muted)}.guidance{border-top:1px solid var(--line);padding:50px 0;display:grid;grid-template-columns:1fr 1.2fr;gap:8%}.guidance p{font-size:14px;color:var(--muted)}.contact{background:var(--ink);color:var(--paper);padding:45px 0}.contact .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.contact h2{margin:0 0 10px;font-size:31px}.contact p{margin:0;font-size:13px;color:#cdd0c2}.contact .cta{border:1px solid #b9c0ab;white-space:nowrap}footer{padding:25px 0;font-size:10px;color:var(--muted)}footer .wrap{display:flex;justify-content:space-between;gap:20px}.dialog{border:0;padding:0;width:min(1400px,95vw);max-width:95vw;background:#171c17;color:white}.dialog::backdrop{background:#10170fe8}.dialog img{max-height:85vh;object-fit:contain}.dialog button{position:absolute;right:12px;top:12px;background:#fff;color:#303a2c;border:0;width:40px;height:40px;font-size:25px}.dialog p{padding:10px 18px;font-size:12px;margin:0}.skip{position:absolute;top:-60px;left:10px;background:white;padding:8px;z-index:10}.skip:focus{top:5px}[hidden]{display:none!important}
@media(max-width:950px){.operator{display:none}.detail{grid-template-columns:1.2fr 1fr;gap:4%}.track .card{flex-basis:calc((100% - 44px)/3)}.specs div{grid-template-columns:90px 1fr}.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.wrap{width:91%}header{padding:15px 0}.brand{font-size:18px}header .wrap{gap:14px}nav{gap:14px}nav a{font-size:9px}.crumb{padding:20px 0}.detail{display:block;padding-top:0}.detail figure{position:static;margin-bottom:28px}.detail h1{font-size:37px}.copy,.guidance{display:block;padding:38px 0}.copy>div+div{margin-top:30px}.track{gap:14px}.track .card{flex-basis:calc((100% - 14px)/2)}.track .card h3{font-size:18px}.grid{gap:30px 14px}.grid h3{font-size:19px}.grid p{font-size:11px}.row-head h2{font-size:29px}.arrows button{width:36px;height:36px}.contact .wrap{display:block}.contact .cta{margin-top:24px}.contact h2{font-size:29px}.adjacent{font-size:11px}footer .wrap{display:block}footer span{display:block;margin:5px 0}.collection-head{padding-top:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Slabs review: clearer references, lighter recommendations, original-photo details. */
.detail h1{margin-bottom:8px;font-size:clamp(38px,3.6vw,53px)}.selection-title{font:26px/1.3 Georgia,serif;margin:0 0 20px;color:#555f4c}.specs div{font-size:13px}.specs dt{color:#5a6351}.specs{margin:25px 0}.view-switch{display:flex;gap:8px;margin-top:12px}.view-switch button{padding:7px 15px;border:1px solid #b9c0ab;background:transparent;color:var(--ink);font-size:11px}.view-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.detail figcaption{padding-top:9px}.collection-head{max-width:900px;padding-bottom:15px}.collection-head h1{font-size:clamp(39px,4.5vw,60px);max-width:850px;margin-bottom:15px}.collection-subtitle{font:italic 25px/1.4 Georgia,serif!important;color:#5b6650!important}.filter-note{font-size:11px;color:var(--muted);margin:12px 0}.filters{margin-top:12px}.track .card h3{font-size:20px;margin-bottom:14px;min-height:48px}.track .card small{margin-top:10px}.track .more{display:inline-block}.track:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.related{padding-bottom:55px}.dialog button{z-index:2}.zoom img{min-height:0}
@media(max-width:600px){.selection-title{font-size:23px}.specs div{font-size:12px}.collection-head h1{font-size:39px}.collection-subtitle{font-size:23px!important}.track .card h3{font-size:18px;min-height:44px}.view-switch button{min-height:40px}.arrows button{min-width:44px;min-height:44px}}
.dialog{width:max-content}.dialog img{width:auto;height:auto;max-width:95vw;max-height:82vh;margin:auto}

@media(max-width:600px){header .wrap{flex-wrap:wrap;row-gap:12px}header nav{width:100%;margin-left:0;gap:24px}header nav a{font-size:10px}header .brand{font-size:18px}}

nav{flex-wrap:wrap}@media(max-width:600px){header nav{gap:10px 20px}}
