:root{--navy:#073f5d;--navy2:#0b5675;--cyan:#18b5cb;--ink:#103f55;--muted:#617c8a;--line:#dce9ee;--bg:#f8fbfc;--white:#fff;--shadow:0 12px 34px rgba(7,63,93,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Segoe UI",Tahoma,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.55}body[dir=rtl]{font-family:Tahoma,"Segoe UI",Arial,sans-serif}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}.kicker{display:inline-block;color:#678491;font-size:11px;font-weight:700;letter-spacing:3px;margin-bottom:10px}body[dir=rtl] .kicker{letter-spacing:0}.header{position:absolute;left:0;right:0;top:0;z-index:40;height:78px}.nav{height:78px;display:flex;align-items:center;gap:25px}.logo{margin-inline-end:auto}.logo img{width:170px;height:58px;object-fit:contain}.navlinks{display:flex;gap:24px;align-items:center;color:#174d66;font-size:12px;font-weight:700}.navlinks a{position:relative;padding:4px 0}.navlinks a.active:after,.navlinks a:hover:after{content:"";position:absolute;inset-inline-start:0;bottom:-5px;width:100%;height:2px;background:var(--cyan)}.lang-switch{font-size:11px;color:#547280}.lang-switch b{color:#fff;background:rgba(7,63,93,.16);padding:6px 8px;border-radius:999px}.head-cta{background:var(--navy);color:#fff;font-size:12px;font-weight:800;padding:11px 18px;border-radius:10px}.menu-btn{display:none;border:0;background:#e9f7fa;color:var(--navy);width:42px;height:42px;border-radius:11px}
.hero{position:relative;height:410px;overflow:hidden;background:#dfeef2}.hero-photo{position:absolute;inset:0 0 0 31%;overflow:hidden}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-fade{position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 33%,rgba(255,255,255,.67) 49%,rgba(255,255,255,.06) 74%,rgba(255,255,255,0) 100%)}body[dir=rtl] .hero-fade{background:linear-gradient(270deg,#fff 0%,rgba(255,255,255,.98) 33%,rgba(255,255,255,.67) 49%,rgba(255,255,255,.06) 74%,rgba(255,255,255,0) 100%)}body[dir=rtl] .hero-photo{inset:0 31% 0 0}.hero-wrap{position:relative;z-index:3;height:100%;display:grid;grid-template-columns:1fr 150px;gap:35px;align-items:center;padding-top:58px}.hero-copy{max-width:475px}.hero h1{font-size:46px;line-height:.98;margin:0;color:var(--navy);letter-spacing:-1.7px}.hero h1 span{color:var(--cyan)}body[dir=rtl] .hero h1{letter-spacing:0}.hero-copy>p{font-size:12px;line-height:1.55;color:#536f7c;max-width:430px;margin:14px 0 17px}.hero-actions{display:flex;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:42px;padding:0 18px;border-radius:9px;font-size:11px;font-weight:800}.btn.primary{background:var(--navy);color:#fff;box-shadow:0 7px 22px rgba(7,63,93,.20)}.btn.watch{color:#244f64;border:1px solid rgba(7,63,93,.22);background:rgba(255,255,255,.65)}.btn.watch i{color:var(--navy)}.hero-side{justify-self:end;width:128px;background:rgba(28,70,91,.43);color:#fff;border:1px solid rgba(255,255,255,.28);padding:18px 16px;text-align:center;border-radius:3px;backdrop-filter:blur(5px)}.hero-side i{font-size:18px}.hero-side strong{display:block;font-size:11px;line-height:1.5;letter-spacing:2px;margin:10px 0}.hero-side hr{border:0;border-top:1px solid rgba(255,255,255,.45);width:35px;margin:12px auto}.hero-side span{font-size:9px;line-height:1.9;letter-spacing:3px}body[dir=rtl] .hero-side strong,body[dir=rtl] .hero-side span{letter-spacing:0}.hero-dots{position:absolute;z-index:5;bottom:32px;inset-inline-start:38px;display:flex;align-items:center;gap:8px;color:#fff;font-size:8px}.hero-dots b{width:30px;height:3px;background:#fff;border-radius:2px}.scroll{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);z-index:5;color:#fff;text-align:center;font-size:9px;text-shadow:0 1px 5px #234}.scroll i{display:block;font-size:17px;margin-bottom:3px}.scroll span{display:block}
.about{padding:33px 0;background:#fff}.about-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:35px;align-items:stretch}.about-copy h2{font-size:30px;line-height:1.05;color:var(--navy);margin:0}.about-copy h3{font-size:20px;font-weight:400;color:#28647e;margin:3px 0 12px}.about-copy p{font-size:11.5px;color:var(--muted);margin:7px 0}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:17px 0 15px}.values article{border:1px solid #e2edf1;border-radius:7px;padding:13px 8px;text-align:center;box-shadow:0 5px 15px rgba(7,63,93,.04)}.values i{font-size:21px;color:var(--navy)}.values b{display:block;font-size:10px;color:var(--navy);margin-top:6px}.values small{display:block;font-size:8px;color:#748d99;margin-top:3px}.about-btn{height:36px;font-size:9px}.about-photo{height:300px;overflow:hidden;border-radius:0}.about-photo img{width:100%;height:100%;object-fit:cover}
.project{padding:34px 0 31px;background:#fff}.eyeline{text-align:center;color:#718a97;font-size:9px;letter-spacing:4px;margin-bottom:18px}.eyeline span{display:inline-block;width:40px;height:1px;background:#b9ced6;vertical-align:middle;margin:0 9px}body[dir=rtl] .eyeline{letter-spacing:0}.project-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;align-items:center}.project-visual{height:305px;border-radius:6px;overflow:hidden;box-shadow:var(--shadow)}.project-visual img{width:100%;height:100%;object-fit:cover}.project-copy .location{font-size:9px;font-weight:800;letter-spacing:2px;color:#78919d}.project-copy h2{font-size:30px;color:var(--navy);margin:3px 0 0;line-height:1.05}.project-copy h3{font-size:18px;font-weight:400;color:#2f6881;margin:3px 0 10px}.project-copy p{font-size:11px;color:var(--muted);margin:0 0 13px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:13px 10px;margin:15px 0}.features div{font-size:9.5px;color:#355f72;display:flex;align-items:center;gap:7px}.features i{color:var(--navy);font-size:13px;width:16px;text-align:center}.project-actions{display:flex;gap:10px}.brochure{border:1px solid #c4d7df;color:#385f71;background:#fff;height:40px}
.stats{padding:19px 0;background:linear-gradient(rgba(2,49,70,.91),rgba(2,49,70,.91)),url('assets/hero-reference.png') center 58%/cover no-repeat;color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.stat{border-inline-end:1px solid rgba(255,255,255,.13);padding:4px 0}.stat:last-child{border:0}.stat i{font-size:22px}.stat b{display:block;font-size:23px;line-height:1.1;margin-top:4px}.stat span{font-size:10px;color:#e1eef2}
.services{padding:29px 0 30px}.section-head{text-align:center;margin-bottom:17px}.section-head .kicker{margin:0 0 4px}.section-head h2{font-size:24px;color:var(--navy);margin:0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.service-grid article{border:1px solid #e1ecf0;border-radius:7px;padding:18px 13px;text-align:center;min-height:132px;box-shadow:0 5px 16px rgba(7,63,93,.04)}.service-grid i{font-size:24px;color:var(--navy)}.service-grid h3{font-size:11px;color:var(--navy);margin:9px 0 5px}.service-grid p{font-size:9px;color:var(--muted);margin:0}
.cta{position:relative;height:115px;display:flex;align-items:center;overflow:hidden}.cta>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cta-shade{position:absolute;inset:0;background:rgba(3,48,68,.78)}.cta-wrap{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;color:#fff}.cta h2{font-size:24px;margin:0}.cta p{font-size:10px;margin:3px 0 0;color:#e2f0f3}.cta-button{background:#fff;color:var(--navy);padding:12px 22px;border-radius:10px;font-size:10px;font-weight:800}
.footer{padding-top:24px;background:#fff}.footer-grid{display:grid;grid-template-columns:1.35fr .8fr .95fr .9fr;gap:25px;padding-bottom:21px}.footer-brand img{width:175px;height:60px;object-fit:contain}.footer-brand p{font-size:10px;color:#466d80;max-width:190px;margin-top:7px}.footer-col{display:flex;flex-direction:column;gap:5px;font-size:9px;color:#5a7684}.footer-col b{font-size:10px;color:var(--navy);margin-bottom:3px}.footer-col i{width:13px;color:var(--navy)}.socials{display:flex;gap:10px;font-size:14px}.future{margin-top:12px;padding-inline-start:18px;border-inline-start:1px solid #d5e2e7;color:#607b88;letter-spacing:2px;line-height:1.8}.footer-bottom{border-top:1px solid #e2ecef;padding:10px 0}.footer-bottom .container{display:flex;justify-content:space-between;font-size:8px;color:#77909b}
.project-page-hero{padding:115px 0 48px;background:#f4fafc}.project-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.project-page-grid img{border-radius:9px;box-shadow:var(--shadow)}.project-details{padding:55px 0}.project-details-grid{display:grid;grid-template-columns:1fr .82fr;gap:35px}.details-card{padding:22px;background:#f7fbfc;border:1px solid var(--line);border-radius:14px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:180px;gap:10px}.gallery-item{border:0;padding:0;border-radius:8px;overflow:hidden;cursor:pointer}.gallery-item.large{grid-column:span 2;grid-row:span 2}.gallery-item img{width:100%;height:100%;object-fit:cover}.lightbox{display:none;position:fixed;inset:0;background:rgba(0,20,28,.92);z-index:99;place-items:center;padding:20px}.lightbox.open{display:grid}.lightbox img{max-width:94vw;max-height:88vh}.close-lightbox{position:absolute;top:20px;left:20px;width:42px;height:42px;border-radius:50%;border:0;background:#fff;color:var(--navy)}
@media(max-width:900px){.header{height:72px}.nav{height:72px}.logo img{width:145px}.navlinks{display:none;position:absolute;top:72px;left:15px;right:15px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.menu-btn{display:block}.lang-switch{margin-inline-start:auto}.head-cta{display:none}.hero{height:620px}.hero-photo{inset:0}.hero-fade,body[dir=rtl] .hero-fade{background:rgba(255,255,255,.77)}.hero-wrap{grid-template-columns:1fr}.hero-side{display:none}.about-grid,.project-grid,.project-page-grid,.project-details-grid{grid-template-columns:1fr}.about-photo{height:350px}.service-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.container{width:min(100% - 22px,1180px)}.hero{height:650px}.hero h1{font-size:45px}.hero-copy>p{font-size:13px}.hero-dots{display:none}.about{padding:45px 0}.about-copy h2{font-size:36px}.values{grid-template-columns:1fr}.about-photo{height:300px}.project{padding:45px 0}.project-visual{height:350px}.project-copy h2{font-size:34px}.features{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:1fr 1fr;gap:17px}.stat{border:0}.services{padding:42px 0}.service-grid{grid-template-columns:1fr}.cta{height:auto;min-height:170px}.cta-wrap{display:block;padding:28px 0}.cta-button{display:inline-block;margin-top:18px}.footer-grid{grid-template-columns:1fr}.footer-bottom .container{display:block;text-align:center}.footer-bottom span{display:block;margin-top:4px}.gallery-grid{grid-template-columns:1fr;grid-auto-rows:220px}.gallery-item.large{grid-column:auto;grid-row:auto}}