@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap";:root{--ink:#171714;--muted:#6f6a62;--paper:#f7f4ee;--sand:#e7ded0;--gold:#c39a32;--green:#176b47;--white:#fff;--radius:18px;--shadow:0 18px 50px #16130d14}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Tajawal,Arial,sans-serif;line-height:1.75}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1160px,calc(100% - 36px));margin-inline:auto}.skip{position:fixed;top:-80px;right:16px;background:#000;color:#fff;padding:10px;z-index:100}.skip:focus{top:10px}.header{position:sticky;top:0;background:#f7f4eef2;backdrop-filter:blur(14px);border-bottom:1px solid #d8d0c3;z-index:40}.nav{height:78px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;line-height:1.15}.brand img,.footer-logo{border-radius:12px}.brand small{display:block;font-size:.75rem;font-weight:500}.menu{display:flex;gap:22px;margin-inline:auto}.menu a{font-size:.95rem;font-weight:500}.menu a:hover{color:#996f0c}.menu-btn{display:none;background:none;border:0;font-size:1.7rem}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:#fff;padding:13px 22px;border-radius:999px;border:1px solid var(--ink);font-weight:700;cursor:pointer;min-height:48px}.btn:hover{background:#34332e}.btn.gold{background:var(--gold);border-color:var(--gold);color:#171714}.btn.light{background:#fff;color:var(--ink);border-color:#fff}.btn.outline{background:transparent;color:var(--ink)}.compact{padding:9px 18px;min-height:42px}.eyebrow{color:#8c670e;font-weight:700;letter-spacing:.05em}.hero{min-height:680px;display:grid;align-items:end;color:#fff;background:linear-gradient(90deg,#111c,#1114 70%),url(/media/tv-wall-01.webp) center/cover}.hero-content{padding:130px 0 85px;max-width:700px}.hero h1{font-size:clamp(2.8rem,7vw,6rem);line-height:1.06;margin:.15em 0}.hero p{font-size:1.2rem;max-width:650px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.service-strip{margin-top:30px;color:#eee}.section{padding:92px 0}.section.alt{background:#fff}.section.dark{background:var(--ink);color:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:36px}.section h2,.page-head h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.2;margin:.15em 0}.section-head p{max-width:580px;color:var(--muted)}.grid{display:grid;gap:22px}.cards{grid-template-columns:repeat(3,1fr)}.card{background:#fff;border:1px solid #ded7cb;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.card img{width:100%;height:260px;object-fit:cover}.card-body{padding:24px}.card h3{margin:0 0 8px;font-size:1.35rem}.card p{color:var(--muted);margin:0 0 18px}.text-link{font-weight:700;color:#8c670e}.projects{grid-template-columns:repeat(3,1fr)}.project{position:relative;border-radius:var(--radius);overflow:hidden;background:#222;aspect-ratio:4/5}.project img{width:100%;height:100%;object-fit:cover;transition:.35s}.project:hover img{transform:scale(1.035)}.project figcaption{position:absolute;inset:auto 0 0;padding:50px 22px 20px;background:linear-gradient(transparent,#000d);color:#fff}.project figcaption small{display:block;color:#e8d49b}.features{grid-template-columns:repeat(5,1fr)}.feature{border-top:2px solid var(--gold);padding-top:20px}.feature strong{display:block;font-size:1.15rem}.materials{grid-template-columns:repeat(6,1fr)}.material{background:#fff;padding:10px;border-radius:14px}.material img{aspect-ratio:1/1;object-fit:cover;border-radius:9px}.material h3{font-size:1rem;margin:10px 4px 3px}.steps{grid-template-columns:repeat(5,1fr);counter-reset:steps}.step{counter-increment:steps}.step:before{content:counter(steps,decimal-leading-zero);display:block;color:var(--gold);font-size:2rem;font-weight:800}.cta{padding:52px;border-radius:26px;background:var(--sand);display:flex;justify-content:space-between;gap:24px;align-items:center}.page-head{padding:88px 0 60px;background:var(--sand)}.breadcrumbs{font-size:.9rem;color:var(--muted)}.content{max-width:780px}.content p{font-size:1.1rem;color:#514e48}.checklist{padding:0;list-style:none}.checklist li{padding:9px 30px 9px 0;position:relative}.checklist li:before{content:"✓";position:absolute;right:0;color:#8c670e;font-weight:800}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}.split img{border-radius:24px;width:100%;max-height:590px;object-fit:cover}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.filter{border:1px solid #bbb;background:#fff;border-radius:999px;padding:8px 15px;cursor:pointer}.filter.active{background:var(--ink);color:#fff}.quote-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:#fff;padding:34px;border-radius:22px;box-shadow:var(--shadow)}label{display:grid;gap:7px;font-weight:700}.full{grid-column:1/-1}input,select,textarea{width:100%;padding:13px;border:1px solid #bbb4a9;border-radius:10px;background:#fff;min-height:48px}textarea{min-height:130px;resize:vertical}input:focus,select:focus,textarea:focus,button:focus,a:focus{outline:3px solid #d8b759;outline-offset:3px}.note{padding:18px;border-right:4px solid var(--gold);background:#f1eadf}.faq details{background:#fff;border-bottom:1px solid #ddd;padding:18px 22px}.faq summary{font-weight:700;cursor:pointer}.contact-grid{grid-template-columns:1.2fr .8fr}.contact-card{background:#fff;padding:30px;border-radius:18px}.contact-card a{display:block;margin:10px 0;color:#765a19}footer{background:#11110f;color:#eee;padding:72px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:45px}.footer-grid a{display:block;color:#c9c5bd;margin:8px 0}.footer-grid p{color:#bbb;max-width:360px}.copyright{border-top:1px solid #363631;margin-top:40px;padding-top:22px;color:#999}.float-wa{position:fixed;left:22px;bottom:22px;background:var(--green);color:#fff;border-radius:999px;padding:13px 20px;font-weight:700;z-index:35;box-shadow:0 8px 25px #0004}.mobile-cta{display:none}.center{text-align:center}.muted{color:var(--muted)}@media(max-width:900px){.menu-btn{display:block;margin-inline-start:auto}.menu{display:none;position:absolute;top:78px;inset-inline:18px;background:#fff;border-radius:16px;padding:15px;box-shadow:var(--shadow)}.menu.open{display:grid}.desktop-wa{display:none}.cards,.projects,.features{grid-template-columns:repeat(2,1fr)}.materials{grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.split,.contact-grid{grid-template-columns:1fr}.hero{min-height:620px}.float-wa{display:none}.mobile-cta{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;bottom:0;inset-inline:0;background:#161614;color:#fff;z-index:50;padding:8px 8px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -8px 25px #0003}.mobile-cta a{text-align:center;padding:9px;border-left:1px solid #444}body{padding-bottom:64px}}@media(max-width:580px){.container{width:min(100% - 26px,1160px)}.section{padding:64px 0}.hero-content{padding:90px 0 55px}.hero h1{font-size:2.8rem}.section-head{display:block}.cards,.projects,.features,.steps{grid-template-columns:1fr}.materials{grid-template-columns:repeat(2,1fr)}.cta{padding:30px;display:block}.quote-form{grid-template-columns:1fr;padding:22px}.full{grid-column:auto}.footer-grid{grid-template-columns:1fr}.project{aspect-ratio:4/4.5}.page-head{padding:58px 0 38px}}.copyright{display:flex;justify-content:space-between;align-items:center;gap:16px}.copyright a{color:#c9c5bd}.copyright a:hover{color:#fff}@media(max-width:580px){.copyright{flex-direction:column;align-items:flex-start;gap:6px}}.clients-section{background:var(--paper)}.clients-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.client-logo{min-width:0;height:150px;display:flex;align-items:center;justify-content:center;padding:20px;background:#fff;border:1px solid #ded7cb;border-radius:var(--radius)}.client-logo img{width:100%;height:100%;object-fit:contain}@media(max-width:900px){.clients-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:580px){.clients-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.client-logo{height:125px;padding:14px}}.client-card{min-width:0;text-align:center}.client-card h3{font-size:.95rem;line-height:1.45;margin:12px 4px 0}.material img{width:100%;height:130px;aspect-ratio:auto;object-fit:cover;object-position:center 38%}@media(max-width:580px){.clients-grid{gap:18px 12px}.client-card h3{font-size:.88rem}}