@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#151211;--light:#f6efe4;--bronze:#825835;--cream:#fbf7f1;color:var(--ink);background:var(--cream);font:16px Manrope,system-ui,sans-serif;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.055em;line-height:1.03}
header,footer{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#100e0d;color:var(--light);padding:18px 5%}nav{display:flex;gap:clamp(14px,3vw,42px);margin-left:auto}.wordmark{font-weight:800;letter-spacing:.25em}.button{display:inline-block;background:var(--bronze);color:#fff;padding:13px 22px;font-size:.83rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border:0;cursor:pointer}
.hero{background:#100e0d;color:var(--light);min-height:440px;padding:44px 5% 54px;position:relative;overflow:hidden;display:flex;align-items:flex-start}.hero>div:first-child{z-index:1}.hero h1{font-size:clamp(3.2rem,7vw,7rem);margin-bottom:12px}.hero p{margin-bottom:26px}.hero-image{position:absolute;right:1%;bottom:4%;height:77%;width:77%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse closest-side,#654622 0%,transparent 100%)}.hero-image img{width:100%;height:100%;object-fit:contain}
.featured{display:grid;grid-template-columns:1fr 1fr;padding:24px 5%;background:var(--light)}.feature{display:flex;align-items:center;justify-content:space-around;gap:16px;padding:10px 5%;min-width:0}.feature+ .feature{border-left:1px solid #cbbcaf}.feature img{height:250px;width:52%;object-fit:contain;mix-blend-mode:multiply}.feature h2{font-size:clamp(2rem,5vw,4.3rem)}.feature p{font-size:clamp(1rem,2.3vw,1.7rem);margin-top:8px}
.finishes,.catalogue,.custom,.detail{padding:56px 5%}.finishes h2,.catalogue h2,.custom h2,.detail h1{font-size:clamp(2.3rem,5vw,4.6rem);margin-bottom:20px}.finishes{background:#25201b;color:var(--light)}#finish-links{display:flex;flex-wrap:wrap;gap:10px}.chip{border:1px solid #af9883;padding:8px 15px;background:transparent;color:inherit;font:inherit;cursor:pointer}.chip[aria-pressed=true]{background:var(--ink);color:white}.custom{background:#100e0d;color:var(--light)}.custom p{margin-bottom:20px}
#filters{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:20px}label{display:grid;gap:5px;font-weight:700}input,select,textarea{font:inherit;padding:10px;border:1px solid #c9b8a7;background:white;color:var(--ink);max-width:100%}#count{margin-bottom:14px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,215px),1fr));gap:16px}.card{display:grid;align-content:start;background:#fff;border:1px solid #e8ddd1;padding:15px}.card img,.placeholder{height:205px;width:100%;object-fit:contain;margin-bottom:12px}.placeholder{display:grid;place-content:center;background:#eee6de;padding:10px;text-align:center}.card p{font-size:.9rem;margin-top:5px}
.detail{display:grid;grid-template-columns:1fr 1.2fr;gap:5vw}.detail figure{margin:0;background:white;padding:22px}.detail figure img{width:100%;height:510px;object-fit:contain}.detail p,.detail form,.detail details{margin:14px 0}.detail form{display:grid;gap:12px}.detail textarea{width:100%;min-height:110px}.back{grid-column:1/-1;text-decoration:underline}
@media(max-width:800px){header{flex-wrap:wrap;gap:12px}nav{order:3;width:100%;margin:0}header .button{padding:9px 11px}.hero{min-height:490px}.hero-image{width:100%;height:57%;right:0;bottom:0}.feature img{height:160px}.detail{grid-template-columns:1fr}.detail figure img{height:300px}}
@media(max-width:450px){.featured{grid-template-columns:1fr}.feature+.feature{border-left:0;border-top:1px solid #cbbcaf}.hero h1{font-size:3rem}footer{flex-wrap:wrap}}
[hidden]{display:none!important}