:root{--navy:#071722;--navy2:#0b2332;--ink:#11191f;--blue:#1597d0;--blue2:#39b8ec;--paper:#f7f8f8;--line:#dce4e8;--muted:#63737d;--wrap:min(1280px,calc(100% - 64px));--shadow:0 22px 65px rgba(2,17,27,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Manrope,Arial,sans-serif;background:#fff}html[dir=rtl] body{font-family:"Noto Sans Arabic",Arial,sans-serif}body.menu-open{overflow:hidden}img{display:block;width:100%}a{color:inherit;text-decoration:none}p{line-height:1.75}.wrap{width:var(--wrap);margin-inline:auto}.skip-link{position:fixed;top:-60px;left:1rem;z-index:9999;background:#fff;padding:12px 18px}.skip-link:focus{top:1rem}.site-header{position:absolute;inset:0 0 auto;z-index:100;color:#fff;border-bottom:1px solid rgba(255,255,255,.14);transition:.25s}.site-header.scrolled{position:fixed;background:rgba(7,23,34,.95);backdrop-filter:blur(16px);box-shadow:0 10px 30px rgba(0,0,0,.16)}.topbar{height:35px;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.06em;color:#bfced6}.nav{height:86px;display:flex;align-items:center;gap:34px}.brand{width:205px;flex:none}.brand img{filter:brightness(0) invert(1);opacity:.96}.navlinks{margin-inline:auto;display:flex;align-items:center;gap:34px}.navlinks a{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;position:relative}.navlinks a:after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:2px;background:var(--blue);transition:.2s}.navlinks a:hover:after{right:0}.nav-actions{display:flex;align-items:center;gap:12px}.lang-switch{border:0;background:none;color:inherit;font:inherit;font-size:12px;cursor:pointer;padding:10px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid transparent;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;transition:.25s;cursor:pointer}.button:hover{transform:translateY(-2px)}.button-outline{border-color:rgba(255,255,255,.55)}.button-outline:hover{border-color:var(--blue);background:var(--blue)}.button-primary{background:var(--blue);color:#fff;box-shadow:0 10px 30px rgba(21,151,208,.25)}.button-primary:hover{background:#0e83bb}.button-outline-dark{border-color:#a9b5bb}.button-light{color:#fff;border-color:rgba(255,255,255,.65)}.menu-toggle{display:none}.hero{min-height:850px;position:relative;color:#fff;background:var(--navy);padding-top:121px}.hero-media{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(3,15,24,.95) 0%,rgba(3,15,24,.78) 38%,rgba(3,15,24,.12) 72%),url(images/hero.jpg);background-size:cover;background-position:center}.hero-media:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:80px 80px}.hero-grid{min-height:620px;display:grid;align-items:center;position:relative}.hero-copy{max-width:680px;padding-top:42px}.eyebrow{margin:0 0 20px;color:var(--blue2);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.18em}.eyebrow.blue{color:var(--blue)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(50px,5vw,78px);line-height:1.03;letter-spacing:-.045em;font-weight:500;margin-bottom:26px}.hero h1 em,.contact-cta h2 em{font-style:normal;color:var(--blue2)}.hero-lead{font-size:16px;max-width:590px;color:#c9d6dd}.hero-ctas{display:flex;align-items:center;gap:28px;margin-top:34px}.text-link{font-size:12px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:5px}.text-link.blue{color:var(--blue)}.trustbar{position:absolute;z-index:2;left:50%;bottom:-43px;transform:translateX(-50%);height:86px;background:rgba(8,30,43,.93);border:1px solid rgba(99,190,228,.24);backdrop-filter:blur(14px);box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(3,1fr)}.trustbar div{display:flex;justify-content:center;align-items:center;gap:14px;border-inline-end:1px solid rgba(255,255,255,.1)}.trustbar div:last-child{border:0}.trustbar strong{font-size:24px}.trustbar span{font-size:11px;color:#c2d0d7}.section{padding:130px 0}.intro{padding-top:170px}.intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}.section-copy h2,.section-heading h2,.featured-copy h2,.projects h2,.process h2,.quality h2,.contact-cta h2{font-size:clamp(38px,4vw,61px);line-height:1.08;letter-spacing:-.04em;font-weight:500}.section-copy p{color:var(--muted);max-width:580px}.intro-visual{height:520px;position:relative}.intro-main{position:absolute;right:0;top:0;width:66%;height:100%;object-fit:cover}.intro-small{position:absolute;left:0;bottom:35px;width:44%;height:245px;object-fit:cover;border:10px solid #fff}.year-seal{position:absolute;left:35%;top:50px;width:115px;height:115px;border:1px solid var(--blue);background:#fff;border-radius:50%;display:grid;place-content:center;text-align:center;color:var(--blue);box-shadow:var(--shadow)}.year-seal strong{font-size:27px;font-weight:500}.year-seal span{font-size:9px;text-transform:uppercase}.dark{background:var(--navy);color:#fff}.expertise{position:relative;overflow:hidden}.technical-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(41,150,197,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(41,150,197,.07) 1px,transparent 1px);background-size:50px 50px;mask-image:linear-gradient(90deg,#000,transparent 50%)}.expertise .wrap{position:relative}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:58px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:285px;gap:16px}.service{position:relative;overflow:hidden;padding:28px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid rgba(68,190,239,.25)}.service-wide{grid-column:span 2}.service img,.service-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.55s}.service-shade{background:linear-gradient(180deg,rgba(5,20,30,.08),rgba(5,20,30,.9))}.service:hover img{transform:scale(1.055)}.service:hover{border-color:var(--blue2)}.service .number{position:absolute;top:24px;left:25px;font-size:12px;color:#b8d3df}.service div,.service b{position:relative}.service h3{font-size:24px;margin-bottom:7px}.service p{font-size:12px;max-width:350px;color:#c5d1d7;margin:0}.service b{position:absolute;right:26px;bottom:30px;width:42px;height:42px;border:1px solid rgba(255,255,255,.5);border-radius:50%;display:grid;place-content:center}.featured-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:75px;align-items:center}.featured-image{height:600px;position:relative}.featured-image>img{height:100%;object-fit:cover}.project-card{position:absolute;left:24px;bottom:24px;width:270px;padding:24px;background:rgba(7,23,34,.92);color:#fff;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow)}.project-card small{color:var(--blue2)}.project-card span{font-size:11px;color:#b9c6cd}.featured-copy{position:relative}.project-num{position:absolute;right:0;top:-20px;font-size:88px;font-weight:300;color:#e6edf0}.featured-copy>*{position:relative}.featured-copy p{color:var(--muted)}.tags{display:flex;gap:8px;margin:25px 0}.tags span{font-size:10px;border:1px solid var(--line);padding:8px 10px}.projects{background:var(--paper)}.projects-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px}.projects-head h2{margin:0}.project-gallery{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:250px;gap:20px}.project-gallery figure{margin:0;grid-column:span 4;position:relative;overflow:hidden;background:#fff}.project-gallery .project-tall{grid-row:span 2}.project-gallery .project-wide{grid-column:span 8}.project-gallery img{height:100%;object-fit:cover;transition:.5s}.project-gallery figure:hover img{transform:scale(1.04)}.project-gallery figcaption{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,rgba(4,16,24,.9));color:#fff;padding:50px 20px 18px;display:flex;justify-content:space-between;align-items:end}.project-gallery figcaption span{font-size:10px;color:#c9d3d7}.process{display:grid;grid-template-columns:1fr 1fr;min-height:690px}.process-image img{height:100%;object-fit:cover}.process-copy{padding:90px max(6vw,50px)}.process-copy>p{color:#aebfc7}.steps{list-style:none;margin:40px 0 0;padding:0;position:relative}.steps:before{content:"";position:absolute;left:20px;top:20px;bottom:20px;width:1px;background:#256783}.steps li{display:grid;grid-template-columns:42px 1fr;gap:22px;margin-bottom:23px;position:relative}.steps b{width:42px;height:42px;border:1px solid var(--blue);border-radius:50%;background:var(--navy);display:grid;place-content:center;color:var(--blue2);font-size:10px}.steps div{display:flex;flex-direction:column;gap:4px}.steps span{font-size:11px;color:#aebfc7}.quality{min-height:500px;display:flex;align-items:center;color:#fff;position:relative;background:linear-gradient(90deg,rgba(3,19,29,.92),rgba(3,19,29,.3)),url(images/aluminium.jpg) center/cover fixed}.quality-inner{position:relative}.quality h2{max-width:660px}.profile-grid{display:grid;grid-template-columns:.6fr 1fr .9fr;align-items:stretch;gap:55px}.profile-stat{border-right:1px solid var(--line);padding-right:40px;display:flex;flex-direction:column}.profile-stat strong{font-size:100px;line-height:1;color:#0b5580;font-weight:300}.profile-stat span{text-transform:uppercase;font-size:11px;letter-spacing:.1em}.profile-grid>div:nth-child(2)>p{color:var(--muted)}.trust-lines{display:flex;flex-wrap:wrap;gap:10px}.trust-lines span{font-size:10px;text-transform:uppercase;border:1px solid var(--line);padding:9px}.profile-cta{background:#0b5f8d;color:#fff;padding:45px}.profile-cta h3{font-size:29px;font-weight:500;line-height:1.25}.contact-cta{height:610px;color:#fff;position:relative;display:flex;align-items:center;overflow:hidden;background:var(--navy)}.contact-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,18,28,.98) 0%,rgba(3,18,28,.88) 42%,rgba(3,18,28,.12) 75%),url(images/project-glass.jpg) center/cover}.contact-inner{position:relative}.contact-cta h2{font-size:clamp(46px,5vw,76px);max-width:780px}.contact-direct{margin-top:40px;display:flex;gap:30px;font-size:12px}.footer{padding-top:80px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,.6fr);gap:65px;padding-bottom:70px}.footer-brand img{width:230px;filter:brightness(0) invert(1);margin-bottom:25px}.footer-brand p,.footer p{color:#9aabb4;font-size:12px;max-width:340px}.footer h3{font-size:11px;color:var(--blue2);text-transform:uppercase;letter-spacing:.12em}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:10px}.footer a{font-size:12px;color:#c1cdd3}.copyright{border-top:1px solid rgba(255,255,255,.12);padding:22px 0;display:flex;justify-content:space-between;color:#748892;font-size:10px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}html[dir=rtl] .service .number{left:auto;right:25px}html[dir=rtl] .service b{right:auto;left:26px}html[dir=rtl] .steps:before{left:auto;right:20px}html[dir=rtl] .profile-stat{border-right:0;border-left:1px solid var(--line);padding-right:0;padding-left:40px}html[dir=rtl] .project-num{right:auto;left:0}
@media(max-width:980px){:root{--wrap:min(100% - 38px,760px)}.topbar span:nth-child(2){display:none}.nav{height:76px}.brand{width:165px}.menu-toggle{display:flex;margin-inline-start:auto;width:44px;height:44px;border:0;background:none;flex-direction:column;gap:7px;justify-content:center;align-items:center}.menu-toggle span{width:24px;height:2px;background:#fff}.navlinks{display:none;position:fixed;inset:111px 0 0;background:var(--navy);padding:40px;flex-direction:column;align-items:flex-start}.navlinks.open{display:flex}.navlinks a{font-size:22px}.nav-actions .button{display:none}.hero{min-height:790px;padding-top:111px}.hero-grid{min-height:610px}.hero-copy{max-width:570px}.trustbar{height:auto;bottom:-95px;grid-template-columns:1fr}.trustbar div{padding:15px;border:0;border-bottom:1px solid rgba(255,255,255,.1)}.intro{padding-top:220px}.intro-grid,.featured-grid{grid-template-columns:1fr;gap:55px}.section{padding:90px 0}.service-grid{grid-template-columns:1fr 1fr}.service-wide{grid-column:span 1}.featured-image{height:480px}.project-gallery figure{grid-column:span 6}.project-gallery .project-wide{grid-column:span 6}.process{grid-template-columns:1fr}.process-image{height:470px}.profile-grid{grid-template-columns:1fr 1fr}.profile-cta{grid-column:span 2}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2}.contact-cta{height:570px}}
@media(max-width:640px){:root{--wrap:calc(100% - 32px)}.topbar{font-size:8px}.topbar span:first-child{max-width:155px}.brand{width:145px}.lang-switch{padding:8px 0}.hero{min-height:760px}.hero-media{background-image:linear-gradient(180deg,rgba(3,15,24,.6),rgba(3,15,24,.96) 70%),url(images/hero.jpg);background-position:66% center}.hero-grid{align-items:end;padding-bottom:100px}.hero h1{font-size:44px}.hero-lead{font-size:14px}.hero-ctas{align-items:flex-start;flex-direction:column;gap:18px}.trustbar{position:relative;left:auto;bottom:auto;transform:none;width:100%}.intro{padding-top:90px}.intro-grid{gap:35px}.section-copy h2,.section-heading h2,.featured-copy h2,.projects h2,.process h2,.quality h2,.contact-cta h2{font-size:38px}.intro-visual{height:410px}.intro-main{width:76%}.intro-small{height:170px}.year-seal{left:17%;top:30px;width:90px;height:90px}.service-grid{grid-template-columns:1fr;grid-auto-rows:300px}.section-heading{display:block}.featured-image{height:430px}.project-card{width:calc(100% - 32px);left:16px;bottom:16px}.projects-head{display:block}.projects-head .button{margin-top:24px}.project-gallery{display:block}.project-gallery figure{height:330px;margin-bottom:16px}.process-image{height:340px}.process-copy{padding:70px 25px}.quality{background-attachment:scroll;min-height:430px}.profile-grid{display:block}.profile-grid>div{margin-bottom:34px}.profile-stat{border-right:0;padding:0;border-bottom:1px solid var(--line);padding-bottom:30px}.profile-stat strong{font-size:78px}.profile-cta{padding:32px}.contact-cta{height:640px}.contact-bg{background:linear-gradient(180deg,rgba(3,18,28,.68),rgba(3,18,28,.98) 68%),url(images/project-glass.jpg) center/cover}.contact-direct{flex-direction:column;gap:8px}.footer-grid{grid-template-columns:1fr 1fr;gap:40px}.footer-brand{grid-column:span 2}.footer-grid>div:last-child{grid-column:auto}.copyright{gap:15px;flex-direction:column}html[dir=rtl] .profile-stat{border-left:0;padding-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.service img{transition:none}}