:root{--bg:#050505;--panel:#0b0b0b;--panel2:#111;--gold:#d88a16;--gold2:#f1a533;--text:#f5f3ef;--muted:#b9b6b0;--line:#5f421d;--max:1640px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Montserrat,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.b8-mobile-header{display:none}.b8-desktop-art{position:relative;width:100%;overflow:hidden;background:#000}.b8-desktop-art>img{display:block;width:100%;height:auto}.b8-art-hotspots{position:absolute;inset:0;pointer-events:none}.b8-art-hotspots .hs{position:absolute;top:2.2%;height:5.6%;font-size:0;pointer-events:auto;outline-offset:-3px}.hs-colours{left:20.5%;width:6.7%}.hs-custom{left:27.5%;width:8.8%}.hs-chromacure{left:36.2%;width:7.7%}.hs-chromanova{left:44.4%;width:7.4%}.hs-finishes{left:51.7%;width:5.8%}.hs-projects{left:57.4%;width:6.5%}.hs-about{left:68.1%;width:6.3%}.hs-contact{left:75.0%;width:6.3%}.b8-mobile-page{display:none}.b8-footer{display:none}.b8-home-links{max-width:1300px;margin:30px auto 60px;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#4b3519;border:1px solid #5b3a10}.b8-home-links a{background:#090909;padding:24px;text-align:center;text-transform:uppercase;letter-spacing:.08em;font-size:13px;color:#efaa3b}.b8-home-links a:hover{background:#111}.b8-logo{display:inline-flex;align-items:center;gap:.35em;border:1px solid var(--gold);padding:10px 17px;font-family:Georgia,serif;font-weight:700;font-size:28px;line-height:1;background:#030303}.b8-logo span{color:var(--gold2)}.eyebrow{color:var(--gold2);text-transform:uppercase;letter-spacing:.13em;font-weight:600}.b8-btn{display:inline-block;border:1px solid var(--gold);padding:13px 22px;text-transform:uppercase;letter-spacing:.06em;font-size:13px;background:#080808;color:#fff;transition:.2s}.b8-btn:hover{background:var(--gold);color:#050505}.b8-section{max-width:1240px;margin:0 auto;padding:72px 24px}.b8-section h2{font-weight:300;font-size:clamp(32px,5vw,56px);text-transform:uppercase;letter-spacing:.03em;margin:0 0 30px}.b8-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.b8-card{border:1px solid #3d3328;background:linear-gradient(160deg,#111,#070707);padding:24px;min-height:180px}.b8-card h3{margin:8px 0;color:#fff;text-transform:uppercase;font-weight:500}.b8-card p{color:var(--muted)}.b8-card a{color:var(--gold2)}

/* Colours catalogue */
.b8-colours-page{min-height:100vh;background:radial-gradient(circle at 87% 9%,#2b180e 0,transparent 28%),#050505}.b8-site-nav{height:86px;border-bottom:1px solid #242424;display:flex;align-items:center;gap:60px;padding:0 28px;max-width:1800px;margin:auto}.b8-site-nav .b8-logo{font-size:24px}.desktop-menu{flex:1}.desktop-menu ul{display:flex;align-items:center;justify-content:center;gap:34px;padding:0;margin:0;list-style:none}.desktop-menu li{font-size:13px;text-transform:uppercase;white-space:nowrap}.desktop-menu .current-menu-item>a,.desktop-menu a:hover{color:var(--gold2)}.colour-intro{max-width:1800px;margin:auto;display:grid;grid-template-columns:380px 1fr;gap:44px;padding:35px 28px 24px}.colour-intro h1{font-size:43px;line-height:1.08;font-weight:300;margin:12px 0}.colour-intro h1 span{color:var(--gold2)}.colour-intro p{color:#ddd;font-size:17px;max-width:350px}.colour-search-wrap{padding:30px 8vw 0 0}.colour-search-wrap>label{position:absolute;left:-9999px}.colour-search-wrap input{width:100%;padding:18px 55px 18px 20px;color:#fff;background:#070707;border:1px solid var(--gold);border-radius:5px;font-size:17px}.finish-chips{display:grid;grid-template-columns:repeat(9,1fr);gap:12px;margin-top:28px}.finish-chips button{border:0;background:transparent;color:#ddd;text-transform:uppercase;font-size:10px;cursor:pointer}.finish-chips button:before{content:"";width:37px;height:37px;border:2px solid var(--gold);border-radius:50%;display:block;margin:0 auto 9px;background:repeating-linear-gradient(45deg,transparent 0 5px,rgba(216,138,22,.25) 5px 7px)}.finish-chips button.active,.finish-chips button:hover{color:var(--gold2)}.catalogue-shell{max-width:1800px;margin:0 auto 40px;display:grid;grid-template-columns:285px 1fr;border:1px solid #4e4132}.filter-panel{padding:22px;border-right:1px solid #4e4132;background:#080808}.filter-panel h2{color:var(--gold2);text-transform:uppercase;font-size:15px;letter-spacing:.06em;border-bottom:1px solid #5b482f;padding-bottom:12px;margin:0 0 16px}.filter-panel h3{font-size:13px;text-transform:uppercase;border-bottom:1px solid #332c24;padding:12px 0;margin:0 0 10px}.filter-panel label{display:block;font-size:12px;color:#ccc;padding:5px 0}.filter-panel input{accent-color:var(--gold)}.clear-filters{margin-top:24px;width:100%;padding:12px;border:1px solid var(--gold);background:transparent;color:#ddd;text-transform:uppercase;cursor:pointer}.catalogue-main{min-width:0}.catalogue-toolbar{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;text-transform:uppercase;letter-spacing:.07em;font-size:12px}.catalogue-toolbar strong{color:var(--gold2)}.colour-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:0 18px 20px}.colour-card{border:1px solid #242424;background:#111;min-width:0}.swatch{height:120px;background:linear-gradient(130deg,rgba(255,255,255,.16),transparent 35%,rgba(0,0,0,.18)),radial-gradient(circle at 30% 20%,rgba(255,255,255,.15),transparent 35%),var(--swatch);position:relative;overflow:hidden}.swatch:after{content:"";position:absolute;inset:0;opacity:.25;background-image:repeating-radial-gradient(circle at 20% 30%,#fff0 0 2px,#fff3 3px,#0000 4px 7px)}.swatch-copy{padding:11px 14px 14px}.swatch-copy h3{font-size:13px;margin:0;text-transform:uppercase}.swatch-copy p{font-size:12px;color:#bbb;margin:4px 0 10px}.swatch-copy span{display:inline-block;border:1px solid var(--gold);color:var(--gold2);font-size:9px;padding:4px 7px;letter-spacing:.1em}.custom-colour-cta{border-top:1px solid #403629;padding:20px 28px;display:flex;align-items:center;justify-content:space-around;gap:30px}.custom-colour-cta p{margin:4px 0;color:#ccc}.custom-colour-cta .eyebrow{font-size:14px}

/* Contact */
.b8-contact-form-section{max-width:1280px;margin:50px auto 80px;padding:45px;border:1px solid #4e3213;display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;background:radial-gradient(circle at 0 0,#211309,transparent 40%),#080808}.b8-contact-form-section h2{font-size:44px;font-weight:300;text-transform:uppercase;margin:10px 0 18px}.b8-contact-form-section p{color:#c9c6c0}.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:12px}.b8-contact-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.b8-contact-form label{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:#d6a354}.b8-contact-form input,.b8-contact-form textarea{display:block;width:100%;margin-top:6px;background:#0d0d0d;border:1px solid #4c4032;color:#fff;padding:13px;font:inherit}.b8-contact-form .full,.form-status{grid-column:1/-1}.form-status{padding:12px;border:1px solid #444}.form-status.ok{border-color:#80702f}.form-status.bad{border-color:#7a332c}.b8-contact-form .b8-btn{justify-self:start;cursor:pointer}
.b8-generic{min-height:70vh}.b8-generic article{padding:20px 0;border-top:1px solid #333}

@media(max-width:1300px) and (min-width:901px){.desktop-menu ul{gap:17px}.desktop-menu li{font-size:11px}.colour-grid{grid-template-columns:repeat(4,1fr)}.finish-chips{grid-template-columns:repeat(5,1fr)}}

@media(max-width:900px){body{padding-top:70px}.b8-desktop-art,.b8-site-nav{display:none}.b8-mobile-header{display:flex;position:fixed;z-index:1000;left:0;right:0;top:0;height:70px;padding:10px 16px;background:rgba(4,4,4,.97);border-bottom:1px solid #392814;align-items:center;justify-content:space-between}.b8-mobile-header .b8-logo{font-size:19px;padding:9px 12px}.b8-menu-toggle{background:transparent;border:1px solid var(--gold);color:#fff;padding:9px 12px;text-transform:uppercase;font-size:11px}.b8-mobile-menu{position:absolute;top:69px;left:0;right:0;background:#090909;border-bottom:1px solid #5c3e19;display:none;max-height:calc(100vh - 70px);overflow:auto}.b8-mobile-menu.open{display:block}.b8-mobile-menu ul{list-style:none;margin:0;padding:8px 18px 18px}.b8-mobile-menu li{border-bottom:1px solid #26211b}.b8-mobile-menu a{display:block;padding:15px 4px;text-transform:uppercase;font-size:13px}.b8-mobile-page{display:block}.b8-mobile-hero{position:relative;min-height:73vh;display:flex;align-items:flex-end;background-image:var(--hero);background-size:auto 100%;background-position:center;background-repeat:no-repeat}.b8-mobile-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.96) 82%),linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.15))}.b8-mobile-hero-copy{position:relative;z-index:1;padding:42px 24px;max-width:650px}.b8-mobile-hero-copy h1{font-size:clamp(42px,12vw,72px);font-weight:300;line-height:1.02;text-transform:uppercase;margin:10px 0 18px}.b8-mobile-hero-copy p{font-size:17px;color:#e4e1dc;max-width:620px}.b8-section{padding:56px 20px}.b8-card-grid,.b8-card-grid.three{grid-template-columns:1fr}.b8-card{min-height:auto}.b8-split{display:grid;grid-template-columns:1fr;gap:20px}.b8-split article{border:1px solid #43351f;padding:24px}.b8-split h2{font-size:35px}.b8-steps{display:grid;grid-template-columns:1fr 1fr;gap:12px}.b8-steps article{border-left:1px solid var(--gold);padding:12px 16px;background:#0a0a0a}.b8-steps b{color:var(--gold2);font-size:24px}.b8-steps h3{font-size:14px;text-transform:uppercase}.b8-home-links{grid-template-columns:1fr 1fr;margin:20px}.b8-footer{display:block;border-top:1px solid #4b3519;padding:36px 20px;background:#050505}.b8-footer-inner{display:grid;gap:28px}.b8-footer .b8-logo{font-size:22px}.b8-footer p{color:#aaa}.b8-footer a:hover{color:var(--gold2)}
.b8-colours-page{padding:0 14px}.colour-intro{display:block;padding:30px 4px}.colour-intro h1{font-size:38px}.colour-search-wrap{padding:10px 0}.finish-chips{display:flex;overflow:auto;gap:8px;padding-bottom:6px}.finish-chips button{min-width:80px}.finish-chips button:before{width:30px;height:30px}.catalogue-shell{display:block;border:0}.filter-panel{border:1px solid #463822;margin-bottom:14px}.filter-panel label:nth-of-type(n+3){display:none}.catalogue-toolbar{padding:14px 4px}.colour-grid{grid-template-columns:repeat(2,1fr);padding:0;gap:8px}.swatch{height:115px}.custom-colour-cta{margin-top:20px;padding:22px 4px;align-items:flex-start;flex-direction:column}.b8-contact-form-section{margin:0;padding:42px 20px;display:block;border:0}.b8-contact-form-section h2{font-size:38px}.b8-contact-form{grid-template-columns:1fr;margin-top:30px}.b8-contact-form .full{grid-column:auto}.contact-details{grid-template-columns:1fr}.b8-contact-form-section .form-status{grid-column:auto}}
@media(max-width:480px){.b8-home-links{grid-template-columns:1fr}.b8-steps{grid-template-columns:1fr}.colour-grid{grid-template-columns:1fr 1fr}.swatch{height:95px}.swatch-copy{padding:9px}.swatch-copy h3{font-size:11px}}
