:root{--ink:#f1efe9;--panel:#fff;--line:rgba(20,20,18,.18);--text:#171715;--muted:#68675f;--blue:#ed6a2c;--lime:#ed6a2c}
body{background:var(--ink);color:var(--text)}
body:before{display:none}
header{height:92px;max-width:none;padding:0 clamp(20px,5vw,74px);border-bottom:1px solid #cac7be;background:#f1efe9;position:sticky;top:0;z-index:4}
.brand{color:#171715}.brand b{color:#ed6a2c}.brand small{color:#77756c}.brand-mark{border:2px solid #171715;color:#171715}
nav{gap:38px}nav a{color:#171715;font-weight:700}.cart-trigger{border:0;border-radius:0;background:#171715;color:#fff;padding:15px 22px}.cart-trigger i{background:#ed6a2c;color:#fff}
.eyebrow{color:#ed6a2c;font-weight:500}
.button{border-radius:0;padding:17px 20px}.primary{background:#ed6a2c;color:#fff}.secondary{background:#fff;color:#171715;border:1px solid #fff}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}
/* Editorial, image-led home hero inspired by the supplied layout reference. */
.home{max-width:none;padding:0}.home-hero{position:relative;min-height:calc(100vh - 92px);display:flex;align-items:flex-end;padding:clamp(45px,7vw,96px);background:#1b1b18 url('assets/products/image143.png') center 40%/cover no-repeat;overflow:hidden}
.home-hero:before{display:none}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,8,.86) 0,rgba(10,10,8,.54) 48%,rgba(10,10,8,.12) 76%),linear-gradient(0deg,rgba(0,0,0,.35),transparent 55%)}
.hero-content{position:relative;z-index:1;max-width:920px}.home-hero .eyebrow{color:#ff9a62}.home-hero h1{color:#fff;font-size:clamp(58px,8.2vw,126px);line-height:.84;letter-spacing:-.065em;margin:0 0 32px}.home-hero h1 em{color:#fff;font-weight:400}.home-copy{color:#eee9df;max-width:600px;font-size:18px;line-height:1.6}.hero-index{position:absolute;right:clamp(24px,5vw,74px);bottom:44px;color:#fff;display:flex;align-items:end;gap:24px;font:10px 'DM Mono';letter-spacing:2px}.hero-index b{font:72px Manrope;line-height:.8;color:#ed6a2c}
.intro,.home-solutions,.service-note,.location{max-width:1240px;margin:auto}.intro{padding:112px 28px;grid-template-columns:1fr 1fr}.intro h2,.home-solutions h2,.service-note h2,.location h2{color:#171715}.intro p{color:#57564f;font-size:16px}
.home-solutions{padding:20px 28px 110px}.solution-grid{gap:0;border-top:1px solid #aaa69a;border-left:1px solid #aaa69a}.solution{border:0;border-right:1px solid #aaa69a;border-bottom:1px solid #aaa69a;border-radius:0;background:#e7e3d9!important;min-height:360px;padding:36px}.solution:nth-child(even){background:#ded9cc!important}.solution:after{width:150px;height:150px;border-color:#ed6a2c;right:-60px;bottom:-60px}.solution span{color:#ed6a2c}.solution h3{color:#171715;font-size:32px}.solution p{color:#5f5d55}.solution b{color:#171715;border-bottom:2px solid #ed6a2c;padding-bottom:4px}
.service-note{border-color:#aaa69a;padding:90px 28px}.service-note p,.location p{color:#5f5d55}.service-tags span{color:#171715;border-color:#aaa69a;border-radius:0;background:#fff}
.location{border-color:#aaa69a;padding:90px 28px}.location-map{border-radius:0;border-color:#aaa69a;background:#ddd}.location-map iframe{filter:grayscale(1) contrast(1)}
.home-cta{margin:0;padding:100px max(28px,calc((100vw - 1184px)/2));background:#ed6a2c;border:0;color:#fff}.home-cta .eyebrow,.home-cta p{color:#fff}.home-cta h2{color:#fff}.home-cta .primary{background:#171715}
/* Store */
.hero{max-width:1240px;min-height:610px;padding:90px 28px;gap:60px}.hero h1{font-size:clamp(52px,7vw,96px);color:#171715}.hero h1 em{color:#ed6a2c}.hero-copy{color:#5f5d55}.hero-product{height:430px;position:relative;display:grid;place-items:center;background:#e3dfd4;overflow:hidden}.hero-product img{width:112%;height:112%;object-fit:contain}.hero-product span{position:absolute;left:20px;bottom:18px;background:#171715;color:#fff;padding:10px 12px;font:9px 'DM Mono';letter-spacing:1.7px;line-height:1.5}
.store{max-width:1240px;padding-top:100px}.store h2,.how h2,.drawer h2{color:#171715}.price-note{color:#66645d}.price-note b{color:#171715}.category-browser{border-radius:0;background:#ded9cc;border-color:#aaa69a;padding:28px}.category-select>span{color:#55534d}.category-select select{border-radius:0;background:#fff;color:#171715;border-color:#aaa69a}.category-select option,.category-select optgroup{background:#fff;color:#171715}.search{border-radius:0;background:#fff;border-color:#aaa69a}.search input{color:#171715}.results-line{color:#66645d}.results-line button{color:#d85318}
.grid{gap:14px}.card{border-radius:0;background:#fff;border-color:#cac7be}.card:hover{border-color:#ed6a2c;box-shadow:0 12px 28px #5c4a3720}.product-visual{background:#ebe8e0}.product-visual img{mix-blend-mode:multiply}.category,.details{color:#d85318}.model{color:#77756d}.add{color:#171715;border-color:#171715;border-radius:0}.add:hover{background:#171715;color:#fff}
.how{border-color:#aaa69a;background:#ded9cc}.how>div p,.steps{color:#5f5d55}.steps b{color:#ed6a2c}
footer{max-width:none;background:#171715;color:#aaa89f;padding:70px clamp(20px,5vw,74px);display:grid;grid-template-columns:2fr repeat(3,1fr);align-items:start;gap:50px}footer .brand{color:#fff}footer .brand-mark{color:#fff;border-color:#fff}footer div:not(.brand){display:flex;flex-direction:column;gap:12px}footer div b{color:#fff;margin-bottom:10px}footer a{color:#d7d4ca}.footer-lead p{max-width:260px;line-height:1.7}
.drawer{background:#f1efe9;border-color:#aaa69a}.icon-button,.dialog-close{color:#171715}.cart-item{border-color:#c9c5ba}.cart-thumb{background:#ddd8cc;color:#ed6a2c}.cart-item p,.total span,.tiny{color:#66645d}.qty button{color:#171715;border-color:#aaa69a}dialog{background:#f1efe9;color:#171715;border-color:#aaa69a;border-radius:0}.detail-copy p{color:#66645d}
@media(max-width:850px){header{height:76px}.home-hero{min-height:720px;padding:60px 24px}.home-hero h1{font-size:clamp(54px,14vw,88px)}.hero-index{display:none}.hero-product{display:none}.hero{min-height:auto}.solution h3{font-size:27px}footer{grid-template-columns:1fr 1fr}.footer-lead{grid-column:1/-1}}
@media(max-width:570px){header{padding:0 16px}.home-hero{min-height:650px;padding:48px 18px;background-position:58% center}.home-hero h1{letter-spacing:-.055em}.home-copy{font-size:15px}.intro{padding:72px 18px}.home-solutions{padding:10px 18px 72px}.solution-grid{grid-template-columns:1fr}.solution{min-height:310px}.service-note,.location{padding:65px 18px}.home-cta{padding:70px 18px}.hero,.store{padding-left:16px;padding-right:16px}.hero{padding-top:65px}.hero h1{letter-spacing:-3px}.category-browser{padding:16px}footer{grid-template-columns:1fr 1fr;padding:55px 18px;gap:36px 24px}}

/* Catalogue-backed reference imagery for the six solution panels. */
.solution:before{content:"";position:absolute;z-index:0;right:12px;bottom:14px;width:48%;height:43%;background-position:right bottom;background-repeat:no-repeat;background-size:contain;opacity:1;filter:drop-shadow(0 12px 12px rgba(40,35,25,.16));transition:transform .35s ease,opacity .35s ease}
.solution:hover:before{transform:scale(1.06);opacity:.96}
.solution:nth-child(1):before{background-image:url('assets/products/image143.png')!important}
.solution:nth-child(2):before{background-image:url('assets/benq/benq-w5800.jpg')!important}
.solution:nth-child(3):before{background-image:url('assets/home-theatre/polk-audio/atrium8-unit.webp')!important}
.solution:nth-child(4):before{background-image:url('assets/dnm/dnm-public-address-amplifier-pa-6z240.png')!important}
.solution:nth-child(5):before{background-image:url('assets/products/image129.png')!important}
.solution:nth-child(6):before{background-image:url('assets/products/image102.png')!important}
.solution h3,.solution p{max-width:76%}.solution p{padding-bottom:70px}.solution b{max-width:54%}
@media(max-width:570px){.solution{min-height:340px}.solution h3,.solution p{max-width:90%}.solution p{padding-bottom:78px}.solution:before{width:50%;height:38%}}

/* Actis-inspired solution presentation: full project/lifestyle photography. */
.solution{min-height:500px;display:flex;flex-direction:column;justify-content:flex-end;padding:38px;background-position:center!important;background-size:cover!important}
.solution:before{display:none}.solution:after{border-color:rgba(255,123,65,.7)}
.solution:nth-child(1){background:linear-gradient(0deg,rgba(8,10,10,.86),rgba(8,10,10,.12) 76%),url('assets/solutions/home-automation.jpg') center/cover!important}
.solution:nth-child(2){background:linear-gradient(0deg,rgba(8,10,10,.88),rgba(8,10,10,.1) 76%),url('assets/solutions/home-cinema.jpg') center/cover!important}
.solution:nth-child(3){background:linear-gradient(0deg,rgba(8,10,10,.88),rgba(8,10,10,.08) 76%),url('assets/solutions/garden-audio.jpg') center/cover!important}
.solution:nth-child(4){background:linear-gradient(0deg,rgba(8,10,10,.9),rgba(8,10,10,.12) 76%),url('assets/solutions/commercial-av.jpg') center/cover!important}
.solution:nth-child(5){background:linear-gradient(0deg,rgba(8,10,10,.9),rgba(8,10,10,.12) 76%),url('assets/solutions/collaboration.jpg') center/cover!important}
.solution:nth-child(6){background:linear-gradient(0deg,rgba(8,10,10,.9),rgba(8,10,10,.12) 76%),url('assets/solutions/security.jpg') center/cover!important}
.solution span{color:#ff9362}.solution h3{color:#fff;max-width:92%;font-size:32px;margin:16px 0 12px}.solution p{color:#e5e2da;max-width:95%;padding:0 0 28px;margin:0}.solution b{position:relative;bottom:auto;color:#fff;max-width:max-content;border-color:#ed6a2c;margin-top:auto}
@media(max-width:570px){.solution{min-height:460px;padding:28px}.solution h3{font-size:29px}.solution p{max-width:100%;padding-bottom:25px}}
