@font-face{font-family:Jund;src:url('/assets/plex-regular.ttf');font-weight:400;font-display:swap}
@font-face{font-family:Jund;src:url('/assets/plex-bold.ttf');font-weight:700;font-display:swap}
@font-face{font-family:JundKufi;src:url('/assets/droid-kufi.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--ink:#0c0c0c;--orange:#ff5b06;--sand:#ddcebb;--paper:#f2eee7;--muted:#655e54;--space:clamp(3rem,7vw,6.5rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--ink);color:var(--sand);font-family:Jund,Arial,sans-serif;font-size:16px}html[lang=ar] body{font-family:JundKufi,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}button{border-radius:0}p{line-height:2;margin:0}h1,h2,h3,h4{font-weight:700;margin:0;letter-spacing:0}h1,h2{line-height:1.65}h2{font-size:clamp(1.75rem,3vw,2.65rem);white-space:nowrap}h2 br{display:none}
header{position:sticky;top:0;z-index:20;min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:14px 5%;border-bottom:1px solid #ffffff20;background:#0c0c0cf2;backdrop-filter:blur(12px)}header .brand{width:128px;height:56px;flex:none}header img{width:100%;height:100%;object-fit:contain}nav{display:flex;gap:32px;font-size:14px}nav a{transition:color .2s}nav a:hover{color:var(--orange)}#language{border:1px solid #ddcebb50;color:var(--sand);background:none;padding:9px 15px;font:700 14px Arial}
.hero{position:relative;padding:56px 5% 0;display:grid;grid-template-columns:1.1fr 1fr;gap:4%;align-items:center;background:radial-gradient(ellipse at 0% 60%,#ff5b0612,transparent 60%)}.hero-copy{min-width:0;padding:25px 0}.eyebrow{font:12px Arial;letter-spacing:2px;display:block;color:#b8ad9e;margin:0 0 22px;direction:ltr;text-align:start}h1{font-size:clamp(2.2rem,3.65vw,3.8rem);white-space:nowrap;margin:0 0 20px;font-weight:700}h1 em{font-style:normal;color:var(--orange)}.hero-copy p{font-size:16px;line-height:2.2;max-width:540px;margin-bottom:30px}.actions{display:flex;gap:14px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:54px;padding:13px 27px;border:1px solid transparent;font-weight:700;font-size:14px;transition:background .2s,transform .2s,box-shadow .2s}.orange{background:var(--orange);color:var(--ink)}.orange:hover{background:#ff7831;transform:translateY(-2px);box-shadow:0 8px 26px #ff5b0620}.outline{border-color:#ddcebb70}.hero-photo{position:relative;height:470px;overflow:hidden;border-bottom:4px solid var(--orange);background:#171715}.hero-photo>img{width:100%;height:100%;object-fit:cover;object-position:55% center;transition:transform .8s}.hero-photo:hover>img{transform:scale(1.025)}.photo-label{position:absolute;bottom:0;inset-inline:0;padding:50px 22px 20px;background:linear-gradient(transparent,#000d);display:flex;justify-content:space-between;gap:14px;font-size:12px;color:#fff}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;padding:22px 0;margin-top:25px;border-top:1px solid #ffffff20;font-size:12px;line-height:1.9}.hero-bottom span:last-child{font-family:inherit}
.section{padding:var(--space) 5%}.section-label{display:flex;gap:14px;align-items:center;font-size:14px;font-weight:700;margin-bottom:24px}.section-label>span:first-child{font:12px Arial;direction:ltr;color:var(--orange);padding:7px 9px;border:1px solid #ff5b0645}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:36px}.section-heading p{max-width:330px;font-size:14px;color:var(--muted)}
.about{background:var(--paper);color:var(--ink)}.about-content{display:grid;gap:25px}.about-content>div{display:grid;grid-template-columns:1.2fr 1fr;gap:18px 6%;align-items:start}.about-content p{font-size:16px;line-height:2.15}.about-content p+p{color:#554e44}.text-link{justify-self:start;font-weight:700;border-bottom:2px solid var(--orange);padding-bottom:7px;font-size:14px;transition:color .2s}.text-link:hover{color:#bd3d00}.company-facts{display:grid;grid-template-columns:.8fr 1.3fr 1.2fr;gap:30px;margin-top:42px;padding-top:32px;border-top:1px solid #0c0c0c25}.company-facts>div{min-width:0}.company-facts>div>span{display:block;font-size:16px;font-weight:700;margin-bottom:15px}.company-facts strong{display:flex;flex-wrap:wrap;gap:9px;font-size:14px;line-height:1.9;font-weight:400}.company-facts .fact-item{display:block;margin:0;padding:7px 11px;border:1px solid #0c0c0c1c;background:#fff9;color:#39342d;font-size:14px;font-weight:400}.delivery{margin-top:44px;padding-top:30px;border-top:1px solid #0c0c0c25}.delivery>h3{font-size:24px;margin-bottom:24px}.delivery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.delivery-grid article{border-inline-start:2px solid #ff5b0650;padding-inline-start:20px}.delivery-grid article>span{font:12px Arial;color:#b64000}.delivery h4{font-size:18px;margin:12px 0 8px}.delivery p{font-size:14px;color:#554e44}
.services{background:#e4d8c8;color:var(--ink)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.service-grid article{background:#f2eee7;border-bottom:3px solid #ff5b0650;padding:16px 16px 24px;min-width:0;transition:transform .25s,box-shadow .25s,border-color .25s}.service-grid article:hover{transform:translateY(-5px);box-shadow:0 14px 25px #0c0c0c0c;border-color:var(--orange)}.service-number{font:12px Arial;letter-spacing:.7px;direction:ltr;display:block;margin-bottom:15px;color:#554e44}.service-photo{display:block;width:100%;height:210px;object-fit:cover;margin-bottom:22px}.service-grid h3{font-size:17px;line-height:2;margin-bottom:12px}.service-grid p{font-size:14px;line-height:2.15;color:#554e44}
.work{background:var(--paper);color:var(--ink)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.project{text-align:start;padding:0 0 22px;border:0;border-bottom:1px solid #0c0c0c25;background:transparent;color:inherit;min-width:0}.project-photo{position:relative;height:380px;overflow:hidden;background:#ded7cb}.project-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project:hover img{transform:scale(1.045)}.project-open{position:absolute;bottom:16px;inset-inline-start:16px;font-size:12px;color:var(--ink);background:var(--paper);padding:9px 15px;transition:background .2s}.project:hover .project-open{background:var(--orange)}.project-category{display:block;font-size:12px;color:#6e665a;margin-top:23px}.project h3{font-size:19px;line-height:1.9;margin:8px 0}.project p{font-size:14px;line-height:2.15;color:#554e44}
.contact{background:radial-gradient(ellipse at 100% 100%,#ff5b0610,transparent 65%),var(--ink)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}.contact h2{color:var(--sand);font-size:clamp(1.65rem,2.65vw,2.4rem)}.contact-grid>div>p{font-size:16px;max-width:410px;color:#bbb2a6}.contact-location{font-size:14px!important;color:var(--sand)!important;margin:20px 0 12px!important}.phone{display:block;font:32px Arial;color:var(--orange);margin:28px 0 24px}.contact-links{display:flex;gap:25px;font-size:14px}.contact-links a{border-bottom:1px solid #ddcebb50;padding-bottom:6px}.contact-links a:hover{color:var(--orange)}form{background:#171715;padding:26px;border:1px solid #ddcebb25}label{display:block;font-size:14px;margin-bottom:20px}label span{display:block;margin-bottom:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}input,select,textarea{width:100%;border:1px solid #ddcebb40;background:#0c0c0c;color:#eee6db;padding:12px;min-height:50px;border-radius:0;outline-offset:3px;font-size:14px}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--orange)}input[type=date]{color-scheme:dark}form .button{width:100%}.form-note{font-size:12px;line-height:1.9;margin:12px 0 0;color:#aaa295}
footer{padding:25px 5%;border-top:1px solid #ffffff20;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}footer img{width:100px;height:55px;object-fit:contain}footer>a:hover{color:var(--orange)}
dialog{background:var(--ink);color:var(--sand);border:1px solid #ddcebb40;max-width:1000px;width:94%;padding:24px;max-height:92vh}dialog::backdrop{background:#000d}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}.dialog-head h2{font-size:22px;white-space:normal}.dialog-head button,.gallery-controls button{background:transparent;color:var(--sand);border:1px solid #ddcebb50;padding:8px 18px;font-size:14px}.gallery-layout>img{display:block;width:100%;height:55vh;object-fit:contain;background:#171715}.gallery-controls{display:flex;justify-content:space-between;align-items:center;margin:18px 0;font-size:14px}#gallery-thumbs{display:flex;gap:10px;overflow:auto;padding:3px}#gallery-thumbs button{padding:0;border:2px solid transparent;flex:none;background:none}#gallery-thumbs button.active{border-color:var(--orange)}#gallery-thumbs img{display:block;width:70px;height:70px;object-fit:cover}
html[lang=en] h1,html[lang=en] h2{font-family:Arial,sans-serif;line-height:1.25;letter-spacing:-1px}html[lang=en] h1{font-size:clamp(2rem,3.3vw,3.4rem)}html[lang=en] h2{font-size:clamp(1.65rem,2.6vw,2.4rem)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s var(--delay,0ms),transform .6s var(--delay,0ms)}.reveal.in-view{opacity:1;transform:none}
@media(min-width:1680px){header,main,footer{max-width:1680px;margin:auto}}
@media(max-width:1100px){.service-grid{grid-template-columns:repeat(2,1fr)}.service-photo{height:260px}.hero-photo{height:410px}.project-photo{height:320px}.contact-grid{gap:5%}form{padding:20px}.company-facts{grid-template-columns:1fr 1fr}.company-facts>div:first-child{grid-column:1/-1}.hero{grid-template-columns:1.2fr 1fr}h1{font-size:clamp(1.9rem,3.6vw,3rem)}}
@media(max-width:800px){header{gap:18px;min-height:82px}nav{gap:22px}.hero{grid-template-columns:1fr;padding-top:30px;gap:20px}.hero-copy{padding:10px 0}.hero-copy p{max-width:650px;margin-bottom:24px}.hero-photo{height:440px}.hero-bottom{margin-top:5px}h1{font-size:clamp(2rem,6vw,3.2rem)}html[lang=en] h1{font-size:clamp(1.7rem,5.5vw,3rem)}.about-content>div{grid-template-columns:1fr}.section-heading{display:block}.section-heading p{max-width:none;margin-top:14px}.project-grid{grid-template-columns:1fr;gap:32px}.project-photo{height:450px}.contact-grid{grid-template-columns:1fr;gap:30px}.contact-grid>div>p{max-width:none}.contact h2{font-size:2rem}.delivery-grid{gap:20px}.delivery h4{font-size:16px}}
@media(max-width:520px){html{scroll-padding-top:110px}header{flex-wrap:wrap;padding:10px 6%;gap:9px}.brand{width:95px!important;height:42px!important}#language{font-size:12px;padding:8px 12px}nav{order:3;width:100%;justify-content:space-between;gap:12px;font-size:12px;padding:5px 0}.hero{padding:27px 6% 0;gap:18px}.eyebrow{font-size:12px;letter-spacing:1px;margin-bottom:16px}h1{font-size:clamp(1.9rem,7vw,2.45rem);margin-bottom:16px}.hero-copy p{font-size:16px;line-height:2.1}.hero-photo{height:335px}.photo-label{padding:40px 15px 15px;gap:8px;font-size:12px}.hero-bottom{font-size:12px;gap:18px;align-items:start;padding:18px 0}.hero-bottom span:last-child{max-width:150px}.section{padding:48px 6%}h2{font-size:clamp(1.55rem,5.9vw,1.85rem)}.section-label{margin-bottom:20px}.company-facts{grid-template-columns:1fr;gap:26px;margin-top:30px;padding-top:25px}.company-facts>div:first-child{grid-column:auto}.delivery-grid{grid-template-columns:1fr;gap:24px}.delivery h4{font-size:18px}.service-grid{grid-template-columns:1fr;gap:24px}.service-grid article{padding:16px 16px 24px}.service-photo{height:270px}.service-grid h3{font-size:20px}.project-photo{height:385px}.contact h2{font-size:clamp(1.5rem,6vw,1.85rem)}.form-row{grid-template-columns:1fr;gap:0}form{padding:18px}.phone{font-size:30px}footer{flex-wrap:wrap;padding:22px 6%;gap:18px}footer img{width:90px;height:50px}footer>a{width:100%}dialog{padding:16px}.dialog-head h2{font-size:18px}.gallery-layout>img{height:48vh}html[lang=en] h1{font-size:clamp(1.4rem,6.3vw,2.1rem)}html[lang=en] h2{font-size:clamp(1.3rem,5.3vw,1.7rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}
@media(min-resolution:2dppx) and (max-width:300px){h1,h2{white-space:normal}}