:root{--ink:#171410;--muted:#766d63;--paper:#f6f1e9;--soft:#e8ded1;--copper:#a56f45;--copper-dark:#6f472b;--forest:#1f2d28;--charcoal:#11100e;--line:#1714101f;--white:#fff;--shadow:0 24px 72px #1e140c1a}@font-face{font-family:Thmanyah Sans;src:url(/fonts/thmanyah-sans-regular.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:Thmanyah Sans;src:url(/fonts/thmanyah-sans-medium.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:500}@font-face{font-family:Thmanyah Sans;src:url(/fonts/thmanyah-sans-bold.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:700}@font-face{font-family:Thmanyah Display;src:url(/fonts/thmanyah-serif-display-bold.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:700}@font-face{font-family:Mocha Yemen Sadah;src:url(/fonts/rtl-mocha-yemen-sadah.otf)format("opentype");font-display:swap;font-style:normal;font-weight:700}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:linear-gradient(180deg, #fbf8f2 0%, var(--paper) 100%);margin:0;font-family:Thmanyah Sans,Tahoma,Arial,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fbf8f2f0;border-bottom:1px solid #a56f4529;justify-content:space-between;align-items:center;gap:28px;padding:14px clamp(18px,4vw,64px);display:flex;position:sticky;top:0;box-shadow:0 12px 44px #1e140c0f}.brand{align-items:center;gap:14px;width:auto;min-width:280px;display:inline-flex}.brand-mark{background-image:url(/logo-mark.png?v=20260602);background-position:50%;background-repeat:no-repeat;background-size:contain;flex:none;width:50px;height:50px;display:block;overflow:hidden}.brand-mark img{object-fit:contain;width:100%;height:100%}.brand-copy{justify-items:center;gap:5px;min-width:0;line-height:1;display:grid}.brand-copy strong{color:var(--copper-dark);white-space:nowrap;font-family:Mocha Yemen Sadah,Thmanyah Display,Thmanyah Sans,Tahoma,Arial,sans-serif;font-size:clamp(19px,1.72vw,25px);font-weight:700;line-height:1}.brand-copy small{color:#17141094;letter-spacing:.11em;white-space:nowrap;font-family:Arial,sans-serif;font-size:clamp(9px,.82vw,11px);font-weight:700;line-height:1}.main-nav{color:#171410ad;align-items:center;gap:10px;font-size:14px;display:flex}.main-nav a{border-radius:6px;padding:9px 12px;transition:background .18s,color .18s}.main-nav a:hover{color:var(--ink);background:#a56f4514}.menu-toggle{width:42px;height:42px;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #a56f4540;border-radius:6px;display:none}.menu-toggle span{background:currentColor;width:18px;height:2px;margin:5px auto;display:block}.hero{min-height:calc(100vh - 82px);color:var(--white);background-color:#0000;background-image:linear-gradient(90deg,#11100ef0 0%,#11100ed1 45%,#11100e47 100%),linear-gradient(#11100e3d,#11100e3d),url(/hero-workshop-services.png);background-position:50%;background-repeat:repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;align-items:center;padding:clamp(46px,7vw,96px) clamp(20px,5vw,78px) 52px;display:flex;position:relative;overflow:hidden}.hero__content{z-index:1;max-width:760px;position:relative}.eyebrow,.section-kicker{color:var(--copper);margin:0 0 10px;font-size:14px;font-weight:700}.hero h1{margin:0;font-family:Thmanyah Display,Thmanyah Sans,Tahoma,Arial,sans-serif;font-size:clamp(40px,7vw,86px);font-weight:700;line-height:1.14}.hero__lead{color:#ffffffc7;max-width:720px;margin:22px 0 0;font-size:clamp(17px,2vw,22px)}.hero__actions,.contact .button{margin-top:30px}.button{cursor:pointer;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;min-height:50px;padding:12px 24px;font-weight:700;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button--primary{background:linear-gradient(180deg, #b9855b, var(--copper));color:var(--white);box-shadow:0 14px 34px #6f472b2e}.button--primary:hover{background:var(--copper-dark)}.button--ghost{color:var(--white);background:#ffffff09;border-color:#ffffff38;margin-right:10px}.button--dark{color:var(--ink);border-color:var(--line);background:var(--white)}.section,.split-section,.contact,.why-section{padding:clamp(58px,8vw,104px) clamp(20px,5vw,78px)}h2{margin:0;font-family:Thmanyah Display,Thmanyah Sans,Tahoma,Arial,sans-serif;font-size:clamp(28px,4vw,48px);line-height:1.25}h3{margin:0;font-family:Thmanyah Display,Thmanyah Sans,Tahoma,Arial,sans-serif;font-size:21px;line-height:1.4}p{color:var(--muted)}.section__header{max-width:720px;margin-bottom:34px}.services-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;display:grid}.service-card{background:linear-gradient(#fffffff5,#faf6eff5);border:1px solid #1714101a;border-radius:6px;grid-column:span 2;min-height:250px;padding:clamp(22px,3vw,34px);transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden;box-shadow:0 16px 46px #1e140c0e}.service-card:hover{border-color:#a56f4547;transform:translateY(-4px);box-shadow:0 22px 62px #1e140c1a}.service-card:after{content:"";background:linear-gradient(90deg,#0000,#a56f45bf,#0000);height:3px;position:absolute;inset:auto 0 0}.service-card__number{color:#a56f45d1;margin-bottom:36px;font-weight:800;display:block}.service-card__link{color:var(--copper-dark);margin-top:18px;font-weight:800;display:inline-flex}.service-card__link:hover{color:var(--ink)}.portfolio{border-top:1px solid var(--line);background:#fbf8f2}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.portfolio-card{min-height:380px;color:var(--white);box-shadow:var(--shadow);background-size:cover;border-radius:6px;flex-direction:column;justify-content:flex-end;padding:clamp(22px,3vw,32px);display:flex;position:relative;overflow:hidden}.portfolio-card--1{background-color:#0000;background-image:linear-gradient(#11100e14 0%,#11100edb 78%),url(/portfolio-kitchens-wardrobes.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.portfolio-card--2{background-color:#0000;background-image:linear-gradient(#11100e14 0%,#11100edb 78%),url(/portfolio-wall-cladding.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.portfolio-card--3{background-color:#0000;background-image:linear-gradient(#11100e14 0%,#11100edb 78%),url(/portfolio-lockers.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.portfolio-card span{color:#ffffffd1;background:#ffffff14;border:1px solid #ffffff3d;border-radius:4px;width:fit-content;margin-bottom:14px;padding:7px 11px;font-size:13px;font-weight:800}.portfolio-card p{color:#ffffffc2;max-width:360px;margin-bottom:0}.process{background:var(--paper)}.process-timeline{border:1px solid var(--line);background:var(--white);border-radius:6px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden;box-shadow:0 18px 58px #1e140c0f}.process-timeline article{border-left:1px solid var(--line);min-height:260px;padding:clamp(22px,3vw,32px)}.process-timeline article:last-child{border-left:0}.process-timeline strong{color:#a56f45db;margin-bottom:44px;font-size:28px;display:block}.process-timeline p{margin-bottom:0}.why-section{color:var(--white);background-color:#0000;background-image:linear-gradient(135deg,#11100ef5,#1f2d28eb),url(/hero-workshop-services.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;grid-template-columns:minmax(280px,.82fr) minmax(320px,1fr);align-items:start;gap:clamp(28px,5vw,76px);display:grid}.why-section h2{color:var(--white)}.why-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.why-grid div{background:#ffffff0f;border:1px solid #ffffff24;border-radius:6px;grid-template-columns:12px 1fr;align-items:start;gap:12px;min-height:92px;padding:18px;display:grid}.why-grid span{background:var(--copper);border-radius:50%;width:9px;height:9px;margin-top:12px}.why-grid p{color:#ffffffc2;margin:0;font-weight:700}.service-hero{min-height:58vh;color:var(--white);background-color:#0000;background-image:linear-gradient(90deg,#11100ef0,#1f2d28d6),url(/hero-workshop-services.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;justify-content:center;padding:clamp(62px,9vw,120px) clamp(20px,5vw,78px);display:flex}.service-hero h1{max-width:860px;margin:0;font-family:Thmanyah Display,Thmanyah Sans,Tahoma,Arial,sans-serif;font-size:clamp(44px,7vw,88px);line-height:1.05}.service-hero p:not(.section-kicker){color:#fffc;max-width:780px;margin:24px 0 0;font-size:clamp(18px,2.2vw,24px)}.service-hero__actions{flex-wrap:wrap;gap:10px;margin-top:32px;display:flex}.service-detail{background:var(--paper);border-bottom:1px solid var(--line);grid-template-columns:minmax(260px,.72fr) minmax(320px,1fr);gap:clamp(22px,4vw,56px);padding:clamp(54px,7vw,92px) clamp(20px,5vw,78px);display:grid}.service-detail--light{background:var(--white)}.detail-panel{align-self:start}.detail-panel span{color:var(--copper);margin-bottom:10px;font-weight:800;display:block}.detail-panel--dark{color:var(--white);background:linear-gradient(160deg, var(--forest), #151d1a);border-radius:6px;padding:28px}.detail-panel--dark h2{color:var(--white)}.detail-list{gap:12px;display:grid}.detail-list article{border:1px solid var(--line);background:var(--white);border-radius:6px;grid-template-columns:12px 1fr;align-items:start;gap:14px;padding:20px;display:grid}.detail-list span{background:var(--copper);border-radius:50%;width:10px;height:10px;margin-top:10px}.detail-list p,.steps-list p{margin:0}.tag-list{flex-wrap:wrap;gap:12px;display:flex}.tag-list span{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:6px;padding:14px 18px;font-weight:800}.steps-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.steps-list article{border:1px solid var(--line);background:var(--white);border-radius:6px;min-height:180px;padding:24px}.steps-list strong{background:var(--copper);width:38px;height:38px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;display:inline-flex}.split-section{color:var(--white);background:linear-gradient(140deg, var(--forest), #151d1a);grid-template-columns:minmax(280px,.85fr) minmax(320px,1fr);gap:clamp(28px,5vw,78px);display:grid}.faq{background:var(--white)}.faq-list{gap:12px;max-width:980px;display:grid}.faq-list details{border:1px solid var(--line);background:var(--paper);border-radius:6px}.faq-list summary{cursor:pointer;color:var(--ink);padding:20px 22px;font-weight:800}.faq-list p{margin:0;padding:0 22px 22px}.split-section p{color:#ffffffb8}.sector-list{gap:14px;display:grid}.sector-list div{background:#ffffff0d;border:1px solid #ffffff24;border-radius:6px;padding:24px}.sector-list p{margin-bottom:0}.contact{background:#fbf8f2;grid-template-columns:minmax(280px,.85fr) minmax(320px,1fr);gap:clamp(28px,5vw,82px);display:grid}.contact__content{align-self:start}.contact-methods{gap:12px;margin-top:28px;display:grid}.contact-methods a{border:1px solid var(--line);background:var(--paper);border-radius:6px;gap:3px;padding:18px 20px;transition:border-color .18s,transform .18s;display:grid}.contact-methods a:hover{border-color:#b8753e8c;transform:translateY(-2px)}.contact-methods span{color:var(--muted);font-size:14px}.contact-methods strong{color:var(--ink);font-size:18px}.quote-form{border:1px solid var(--line);background:var(--paper);border-radius:6px;gap:18px;padding:clamp(22px,4vw,34px);display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}label{color:var(--ink);gap:8px;font-weight:700;display:grid}input,select,textarea{width:100%;min-height:48px;color:var(--ink);background:var(--white);font:inherit;border:1px solid #16120f2e;border-radius:4px;padding:12px 14px;font-weight:400}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--copper);outline:2px solid #b8753e47}.form-note{color:var(--muted);margin:0;font-size:15px}.form-note a{color:var(--copper-dark);text-underline-offset:4px;font-weight:800;text-decoration:underline}.form-status{border-radius:6px;margin:0;padding:14px 16px;font-size:15px}.form-status p{margin:0}.form-status--success{color:#185633;background:#1f8f551f;border:1px solid #1f8f553d}.form-status--warning{color:var(--ink);background:#a56f451f;border:1px solid #a56f4542}.form-status__actions{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.form-status__actions a{min-height:40px;color:var(--white);background:var(--copper-dark);border-radius:4px;justify-content:center;align-items:center;padding:8px 14px;font-weight:800;display:inline-flex}.site-footer{color:#ffffffd1;background:var(--charcoal);grid-template-columns:1fr auto;align-items:center;gap:24px;padding:26px clamp(20px,5vw,78px);display:grid}.site-footer p{color:#ffffff94;margin:4px 0 0}.site-footer a{color:var(--copper);font-weight:700}.floating-whatsapp{z-index:60;min-width:104px;min-height:48px;color:var(--white);background:#1f8f55;border-radius:6px;justify-content:center;align-items:center;padding:12px 18px;font-weight:800;transition:transform .18s,background .18s;display:inline-flex;position:fixed;bottom:clamp(16px,3vw,28px);right:clamp(16px,3vw,28px);box-shadow:0 18px 44px #0c4e2c42}.floating-whatsapp:hover{background:#166d41;transform:translateY(-2px)}@media (max-width:1080px){.hero,.split-section,.contact,.service-detail,.why-section{grid-template-columns:1fr}.hero{min-height:auto}.services-grid,.portfolio-grid,.process-timeline,.why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-timeline article:nth-child(2){border-left:0}.services-grid .service-card{grid-column:span 1}.services-grid .service-card:last-child{grid-column:1/-1}}@media (max-width:760px){.site-header{padding:12px 16px}.brand{gap:10px;min-width:0}.brand-mark{width:42px;height:42px}.brand-copy strong{text-overflow:ellipsis;max-width:calc(100vw - 112px);font-size:clamp(14px,3.65vw,16px);overflow:hidden}.brand-copy small{letter-spacing:.07em;font-size:8px}.menu-toggle{display:block}.main-nav{background:#f7f4effa;border:1px solid #ffffff1f;border-radius:8px;flex-direction:column;align-items:stretch;padding:12px;display:none;position:fixed;inset:70px 12px auto;box-shadow:0 22px 70px #00000047}.main-nav--open{display:flex}.hero{padding-top:64px}.hero h1{font-size:38px}.hero__actions{gap:10px;display:grid}.button--ghost{margin-right:0}.service-hero__actions{display:grid}.services-grid,.portfolio-grid,.process-timeline,.why-grid{grid-template-columns:1fr}.portfolio-card{min-height:320px}.process-timeline article,.process-timeline article:nth-child(2){border-left:0;border-bottom:1px solid var(--line);min-height:auto}.process-timeline article:last-child{border-bottom:0}.process-timeline strong{margin-bottom:22px}.services-grid .service-card:last-child{grid-column:auto}.form-grid,.steps-list{grid-template-columns:1fr}.service-card{min-height:auto}.site-footer{grid-template-columns:1fr;padding-bottom:82px}.floating-whatsapp{min-width:92px;min-height:44px;padding:10px 14px;bottom:14px;right:14px}}
