:root{--ink:#101827;--muted:#697386;--red:#e32936;--paper:#f5f6f8;--line:#e5e8ed}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;background:#fff}a{color:inherit;text-decoration:none}.topbar{height:88px;padding:0 7.2%;display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #eef0f3}.brand{display:flex;align-items:center;gap:14px}.brand img{width:118px;height:58px;object-fit:contain}.brand-tag{font-size:9px;letter-spacing:2px;color:#7b8492;font-weight:700;border-left:1px solid #dce0e6;padding-left:14px}nav{display:flex;align-items:center;gap:34px;font-size:12px;font-weight:700}nav a{transition:.2s}nav a:hover{color:var(--red)}.nav-cta{background:var(--ink);color:white;padding:14px 19px}.nav-cta span,.btn span{margin-left:15px}.menu-toggle{display:none;background:none;border:0;font-size:24px}.hero{height:min(730px,82vh);min-height:590px;background:linear-gradient(110deg,rgba(9,17,30,.93),rgba(9,17,30,.45)),url('assets/projects/project-01/image-01.jpg') center 45%/cover;position:relative;color:white;display:flex;align-items:center;padding:0 11%}.hero-content{position:relative;z-index:1;max-width:720px}.eyebrow,.section-kicker{font-size:10px;letter-spacing:2.4px;font-weight:800}.eyebrow{color:#fff;display:flex;align-items:center;gap:12px}.eyebrow i{width:28px;height:2px;background:var(--red)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(48px,6.3vw,82px);line-height:1.04;letter-spacing:-3px;margin:28px 0}.hero h1 em{font-style:normal;color:#ff5360}.hero-copy{max-width:480px;color:#d4d9e2;font-size:16px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:36px}.btn{display:inline-flex;align-items:center;padding:17px 22px;font-size:12px;font-weight:800}.btn-red{background:var(--red);color:white}.text-link{font-size:12px;font-weight:700}.text-link span{margin-left:12px;color:#ff5965}.hero-bottom{position:absolute;bottom:30px;left:7.2%;right:7.2%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.8px;color:#c7cbd2}.section{padding:112px 11%}.section-kicker{color:var(--red);margin-bottom:36px}.intro-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:start}.intro h2,.section h2{font-size:clamp(42px,5vw,64px);line-height:1.08;letter-spacing:-2.5px;margin:0}.intro h2 span,.section h2 span,.ad-head h2 span,.contact h2 span{color:var(--red)}.lead{font-size:21px;line-height:1.5;font-weight:600}.intro-grid p:not(.lead){color:var(--muted);line-height:1.9;font-size:14px}.under-link{display:inline-block;margin-top:18px;padding-bottom:9px;border-bottom:1px solid var(--red);font-size:12px;font-weight:800}.under-link span{color:var(--red);margin-left:15px}.projects{background:var(--paper)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px}.section-head>p{max-width:290px;color:var(--muted);font-size:13px;line-height:1.8;margin:0 0 4px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-card{background:#fff;cursor:pointer;min-width:0;transition:transform .25s,box-shadow .25s}.project-card:hover{transform:translateY(-5px);box-shadow:0 16px 35px #17203312}.project-image{height:230px;overflow:hidden;background:#dce1e7;position:relative}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project-card:hover img{transform:scale(1.05)}.project-image:after{content:'VIEW GALLERY ↗';position:absolute;bottom:14px;right:14px;background:var(--red);color:#fff;padding:10px 12px;font-size:9px;letter-spacing:1px}.project-info{padding:21px 22px 23px;display:flex;justify-content:space-between;align-items:center}.project-info h3{font-size:16px;margin:0}.project-info span{font-size:10px;color:#929aa6}.advertising{padding-bottom:120px}.ad-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:50px}.ad-head p{max-width:300px;color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 5px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.service-card{padding:38px 38px 40px;min-height:400px;position:relative;display:grid;grid-template-columns:1fr 2fr;gap:22px;overflow:hidden}.outdoor{background:#111d30;color:white}.indoor{background:#f1f3f6}.service-no{font-size:11px;letter-spacing:2px;opacity:.6}.service-icon{position:absolute;right:32px;top:23px;font-size:40px;color:var(--red);font-family:Manrope}.service-label{font-size:9px;letter-spacing:2px;font-weight:800;color:var(--red);margin:35px 0 18px}.service-card h3{font-size:35px;line-height:1.1;letter-spacing:-1px;margin-bottom:18px}.service-card p:not(.service-label){font-size:13px;line-height:1.8;opacity:.72}.service-card ul{padding-left:16px;font-size:12px;line-height:2.1;opacity:.8}.statement{background:var(--red);color:white;padding:65px 11%;display:flex;align-items:center;justify-content:space-between}.statement p{font-family:Manrope,sans-serif;font-size:clamp(25px,4vw,46px);font-weight:800;letter-spacing:-1px;line-height:1.25;margin:0}.statement p span{color:#ffcbd0}.round-link{width:64px;height:64px;border:1px solid #ffffff8a;border-radius:50%;display:grid;place-items:center;font-size:26px}.contact-grid p{font-size:15px;color:var(--muted);line-height:1.9;max-width:390px;margin:6px 0 25px}footer{background:#101827;color:white;padding:38px 7.2%;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:15px}footer p{font-size:11px;color:#aab2c0;margin:0}footer small{grid-column:1/-1;color:#818b9a;font-size:10px;border-top:1px solid #ffffff20;padding-top:22px}.footer-brand{font:800 24px Manrope;letter-spacing:2px}.footer-brand span{font-size:10px;color:var(--red);vertical-align:top}.back-top{justify-self:end;font-size:9px;letter-spacing:1.5px}.lightbox{display:none;position:fixed;inset:0;background:#080d16f2;z-index:50;align-items:center;justify-content:center;padding:60px 8%}.lightbox.open{display:flex}.lightbox img{max-width:100%;max-height:82vh;object-fit:contain}.lightbox button{position:absolute;border:0;background:#ffffff18;color:white;font-size:38px;width:48px;height:54px;cursor:pointer}.lightbox-close{right:25px;top:20px}.lightbox-prev{left:22px;top:50%}.lightbox-next{right:22px;top:50%}.lightbox-count{position:absolute;bottom:22px;color:#fff;font-size:12px;letter-spacing:2px}
@media(max-width:850px){.topbar{padding:0 5%;height:76px}.brand img{width:100px}.brand-tag{display:none}nav{gap:18px}.section{padding:80px 7%}.hero{padding:0 8%;min-height:560px}.project-grid{grid-template-columns:repeat(2,1fr)}.service-card{padding:28px 24px;grid-template-columns:35px 1fr}.section-head,.ad-head{gap:30px}}
@media(max-width:600px){.menu-toggle{display:block}nav{display:none;position:absolute;top:76px;left:0;right:0;background:white;padding:22px 7%;flex-direction:column;align-items:stretch;gap:20px;box-shadow:0 12px 20px #10182712}nav.open{display:flex}.nav-cta{text-align:center}.hero{min-height:610px;height:78vh;padding:0 7%}.hero h1{font-size:48px;letter-spacing:-2px}.hero-copy{font-size:14px}.hero-bottom{left:7%;right:7%;font-size:8px}.hero-bottom span:last-child{display:none}.section{padding:72px 7%}.intro-grid,.contact-grid{grid-template-columns:1fr;gap:28px}.intro h2,.section h2{font-size:44px}.section-head,.ad-head{display:block}.section-head>p,.ad-head p{margin-top:22px}.project-grid{grid-template-columns:1fr;gap:18px}.project-image{height:240px}.service-grid{grid-template-columns:1fr}.service-card{min-height:360px;grid-template-columns:30px 1fr}.service-card h3{font-size:32px}.statement{padding:45px 7%;gap:18px}.round-link{flex:0 0 52px;width:52px;height:52px}footer{grid-template-columns:1fr 1fr;padding:32px 7%}footer p{grid-column:1/-1;grid-row:2}.back-top{grid-column:2;grid-row:1}}

/* SEO language navigation and Arabic page direction */
.lang-switch{font-weight:800;color:var(--red);white-space:nowrap}
html[dir="rtl"] body{font-family:'DM Sans',sans-serif}
html[dir="rtl"] .topbar,html[dir="rtl"] nav,html[dir="rtl"] .brand,html[dir="rtl"] .hero-actions,html[dir="rtl"] .hero-bottom,html[dir="rtl"] .section-head,html[dir="rtl"] .ad-head,html[dir="rtl"] .project-info,html[dir="rtl"] footer,html[dir="rtl"] .statement{direction:rtl}
html[dir="rtl"] .brand-tag{border-left:0;border-right:1px solid #dce0e6;padding-left:0;padding-right:14px;letter-spacing:0}
html[dir="rtl"] .hero{ text-align:right }
html[dir="rtl"] .hero-content{margin-right:0;margin-left:auto}
html[dir="rtl"] .hero-bottom span:last-child{ text-align:left }
html[dir="rtl"] .intro-grid,html[dir="rtl"] .contact-grid{direction:rtl}
html[dir="rtl"] .service-card{direction:rtl}
html[dir="rtl"] .service-card ul{padding-left:0;padding-right:18px}
html[dir="rtl"] .service-icon{right:auto;left:32px}
html[dir="rtl"] .project-image:after{right:auto;left:14px}
html[dir="rtl"] .project-info span{direction:rtl}
html[dir="rtl"] .back-top{justify-self:start}
@media(max-width:600px){html[dir="rtl"] nav{direction:rtl;text-align:right}html[dir="rtl"] .project-info{direction:rtl}}