@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;450;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#091d2b;--paper:#f6f5f1;--gold:#c5a26a;--muted:#657078;--line:#d8dcd9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--navy);background:var(--paper);font-family:'IBM Plex Sans Arabic',Tahoma,sans-serif;font-size:16px;line-height:1.7}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #b88d43;outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.28}button{color:inherit}::selection{background:#e4cc9e;color:var(--navy)}.wrap{max-width:1320px;margin:auto;padding-inline:54px}.header{max-width:1440px;margin:auto;padding:12px 46px;display:flex;align-items:center;justify-content:space-between;gap:28px;background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{width:112px;flex-shrink:0}.brand img{width:112px;height:82px;object-fit:cover;object-position:center}.header nav{display:flex;gap:32px;font-size:15px}.header nav a:hover,.text-link:hover{color:#8f682c}.header-cta{border-bottom:1px solid var(--navy);font-size:14px;padding-bottom:6px;display:flex;gap:28px}.menu{display:none;border:0;background:none;font-size:26px}.skip{position:fixed;top:-100px;background:#fff;padding:12px;z-index:50}.skip:focus{top:5px}.hero{display:grid;grid-template-columns:1.04fr 1fr;gap:64px;min-height:740px;padding-top:56px;padding-bottom:54px;align-items:center}.eyebrow{font-size:13px;letter-spacing:.04em;display:flex;gap:9px;align-items:center;font-weight:500;margin-bottom:26px}.dot{width:7px;height:7px;display:inline-block;background:var(--gold);border-radius:50%}h1{font-size:clamp(48px,5.5vw,78px);font-weight:600;line-height:1.3;letter-spacing:-2px}h1>span{color:#9e7c46}.intro{color:var(--muted);max-width:410px;font-size:17px;margin-top:26px;line-height:1.9}.actions{display:flex;gap:24px;align-items:center;margin-top:30px;flex-wrap:wrap}.button{background:var(--navy);color:white;border:1px solid var(--navy);padding:15px 23px;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;font-weight:500;font-size:14px;transition:background .2s,transform .2s}.button:hover{background:#193b50;transform:translateY(-2px)}.text-link{font-size:14px;border-bottom:1px solid #b1babd;padding-bottom:6px}.hero-foot{display:flex;justify-content:space-between;gap:18px;font:10px Manrope,sans-serif;letter-spacing:.07em;margin-top:56px;color:var(--muted)}.scroll-mark{font-family:'IBM Plex Sans Arabic',sans-serif;letter-spacing:0;white-space:nowrap}.hero-art{position:relative;background:#e6e5de;padding:22px 26px 0;align-self:stretch;min-height:570px;display:flex;flex-direction:column}.art-top{display:flex;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.08em;margin-bottom:18px}.art-top span:first-child{font-family:Manrope,sans-serif}.hero-pictures{position:relative;flex:1;margin:0 12px 22px 28px;min-height:410px}.hero-img{width:75%;height:100%;max-height:470px;object-fit:cover;object-position:50% 49%;position:absolute;right:0;top:0}.hero-inset{position:absolute;bottom:-6px;left:0;width:42%;height:62%;object-fit:cover;object-position:center;box-shadow:0 12px 25px #091d2b25;border:6px solid #e6e5de}.project-note{display:flex;justify-content:space-between;align-items:center;padding:16px 4px 20px;border-top:1px solid #bac1bd}.project-note .small{display:block;font-size:11px;color:var(--muted);margin-bottom:3px}.project-note strong{display:block;font:600 17px Manrope,sans-serif}.project-note>a{font-size:26px}.vertical-note{position:absolute;left:7px;top:47%;writing-mode:vertical-rl;font:8px Manrope,sans-serif;letter-spacing:.12em}.strip{background:var(--navy);color:#fff;padding:23px 6%;display:flex;justify-content:space-around;align-items:center;gap:20px;font-size:19px;white-space:nowrap;overflow:hidden}.strip i{font-style:normal;color:var(--gold);font-size:28px}.strip span[dir]{font:600 15px Manrope,sans-serif;letter-spacing:.1em}.section{padding-block:100px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:48px;margin-bottom:38px}h2{font-size:clamp(34px,3.7vw,52px);font-weight:500;letter-spacing:-1px}.section-desc{max-width:350px;color:var(--muted);line-height:1.9}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.filter{border:1px solid var(--line);background:transparent;padding:8px 19px;border-radius:2px;font-size:13px}.filter:hover{border-color:var(--navy)}.filter.active{background:var(--navy);color:#fff;border-color:var(--navy)}.projects{display:grid;grid-template-columns:1fr 1fr;gap:42px 28px}.project{background:none;border:0;text-align:right;padding:0;min-width:0}.project-wide{grid-column:span 2}.project-image{height:400px;position:relative;overflow:hidden;background:#e8e6e0}.project-wide .project-image{height:500px}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project-image.duo{display:grid;grid-template-columns:1fr 1fr;gap:4px}.duo img{object-position:50% 48%}.toy img{object-fit:contain;background:#fff}.layout img{object-fit:contain;padding:22px}.project:hover .project-image img{transform:scale(1.025)}.view{position:absolute;bottom:18px;left:18px;background:#fffef3;color:var(--navy);padding:8px 15px;font-size:12px}.project-bottom{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-top:18px}.project h3{font-size:23px;font-weight:600}.project h3[dir]{font-family:Manrope,sans-serif;letter-spacing:-.6px}.project p{font-size:13px;color:var(--muted);margin-top:7px}.project-bottom>span{font:12px Manrope,sans-serif;padding-top:5px;white-space:nowrap}.gallery-note{font-size:12px;color:var(--muted);margin-top:30px}.services{background:#eaece7}.service{display:grid;grid-template-columns:45px 1.05fr 1.2fr 40px;align-items:center;gap:25px;padding:29px 0;border-top:1px solid #c8ceca}.service:last-child{border-bottom:1px solid #c8ceca}.service-number{font:12px Manrope,sans-serif;color:var(--muted)}.service h3{font-size:24px;font-weight:500}.service p{color:#536169;font-size:14px}.service-symbol{font-size:34px;color:#9e7c46;justify-self:end}.approach{display:grid;grid-template-columns:1fr 1fr;gap:90px}.approach .section-desc{margin:25px 0}.steps{padding:0;list-style:none;margin:0}.steps li{display:flex;gap:24px;border-bottom:1px solid var(--line);padding:24px 0}.steps li:first-child{padding-top:0}.steps li>span{font:12px Manrope,sans-serif;color:#927442;padding-top:8px}.steps h3{font-size:22px;font-weight:500}.steps p{font-size:14px;color:var(--muted);margin-top:8px}.contact{background:var(--navy);color:white}.contact .eyebrow{color:#c5cdd0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact h2{font-size:clamp(40px,4.6vw,66px)}.contact h2 span{color:#d0b47f}.contact p{color:#bcc7cc;margin-top:22px}.contact-links{margin-top:36px}.contact-links>a{display:block;border-top:1px solid #ffffff26;padding:18px 0}.contact-links span{display:block;font-size:12px;color:#adbcc3;margin-bottom:5px}.contact-links b{font:500 18px Manrope,sans-serif;display:block;overflow-wrap:anywhere}.contact form{background:#112b3b;padding:32px}.contact form h3{font-size:23px;font-weight:500;margin-bottom:22px}.contact label{display:block;font-size:13px;margin-top:17px;color:#dce2e5}.contact input,.contact textarea,.contact select{display:block;background:transparent;border:0;border-bottom:1px solid #647984;border-radius:0;color:#fff;width:100%;padding:11px 0;font-size:14px;resize:vertical}.contact input::placeholder,.contact textarea::placeholder{color:#9aaeb8}.contact option{background:var(--navy)}.gold{background:#d0b47f;border-color:#d0b47f;color:var(--navy);width:100%;margin-top:26px}.gold:hover{background:#e0c596}.contact .form-note{font-size:11px;margin-top:12px;color:#aabcc6}.footer{display:grid;grid-template-columns:1fr auto;gap:15px 30px;padding-top:40px;padding-bottom:35px;align-items:center}.footer-brand{font:800 25px Manrope,sans-serif;letter-spacing:-1px;text-align:right}.footer-brand span{font-weight:400}.footer p{font-size:13px;color:var(--muted);grid-row:2}.footer a{font-size:13px;grid-column:2;grid-row:1}.footer small{font:10px Manrope,sans-serif;grid-column:2;grid-row:2;color:var(--muted)}dialog{border:0;background:var(--paper);color:var(--navy);width:min(950px,94vw);max-height:90dvh;padding:28px 34px;overscroll-behavior:contain}dialog::backdrop{background:#03111ad9;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;gap:18px}.dialog-head .eyebrow{margin-bottom:8px}.dialog-head h2{font-size:32px}.close{background:transparent;border:1px solid var(--line);font:32px Manrope,sans-serif;width:44px;height:44px;flex-shrink:0}#dialog-description{margin:18px 0;color:var(--muted);font-size:14px}#dialog-images{display:grid;gap:18px}#dialog-images img{max-height:75vh;width:100%;object-fit:contain;background:#e9e7e1}#dialog-images figure{margin:0}#dialog-images figcaption{color:var(--muted);font-size:12px;margin-top:7px}.dialog-cta{margin-top:24px}[hidden]{display:none!important}body.modal-open{overflow:hidden}
@media(min-width:1600px){.hero{min-height:800px}}@media(max-width:1050px){.wrap{padding-inline:32px}.header{padding-inline:28px}.header nav{gap:20px}.hero{gap:30px;min-height:670px}.hero-art{min-height:530px;padding-inline:18px}h1{font-size:60px}.hero-foot{flex-wrap:wrap}.approach,.contact-grid{gap:45px}.service{gap:15px;grid-template-columns:30px 1fr 1.2fr 30px}.service h3{font-size:21px}}
@media(max-width:760px){.wrap{padding-inline:22px}.header{padding:7px 20px;gap:15px}.brand,.brand img{width:100px}.brand img{height:70px}.header-cta{margin-inline-start:auto;font-size:12px;gap:12px}.menu{display:block}.header nav{display:none;position:absolute;top:84px;right:0;left:0;background:#fff;padding:20px 25px;border-bottom:1px solid var(--line);flex-direction:column;gap:16px}.header nav.open{display:flex}.hero{grid-template-columns:1fr;gap:38px;padding-top:38px;padding-bottom:35px}.hero-copy{max-width:560px}h1{font-size:clamp(46px,10vw,65px);letter-spacing:-1px}.eyebrow{margin-bottom:20px;font-size:12px}.intro{font-size:16px;margin-top:20px}.actions{gap:20px;margin-top:25px}.hero-foot{margin-top:27px;font-size:9px}.hero-art{min-height:525px}.hero-pictures{min-height:380px;margin-inline:24px 10px}.hero-img{max-height:none}.art-top{font-size:8px}.strip{justify-content:flex-start;gap:24px;padding:17px 22px;font-size:16px}.strip i{font-size:22px}.section{padding-block:65px}.section-head{display:block;margin-bottom:28px}.section-desc{margin-top:20px;font-size:15px;max-width:100%}h2{font-size:37px}.projects{gap:30px 18px;grid-template-columns:1fr}.project-wide{grid-column:auto}.project-image,.project-wide .project-image{height:390px}.project-image.duo{height:430px}.project h3{font-size:20px}.project p{font-size:12px}.project-bottom{gap:10px}.view{font-size:11px;padding:7px 11px;bottom:12px;left:12px}.filters{gap:7px}.filter{font-size:12px;padding:7px 13px}.service{grid-template-columns:25px 1fr 25px;gap:12px;padding:23px 0}.service h3{font-size:21px}.service p{grid-column:2;grid-row:2;font-size:14px}.service-symbol{grid-column:3;grid-row:1;font-size:28px}.service-number{grid-row:1}.approach,.contact-grid{grid-template-columns:1fr;gap:40px}.steps li{padding:20px 0}.contact h2{font-size:46px}.contact form{padding:25px 20px}.contact-links b{font-size:17px}.footer{grid-template-columns:1fr;padding-block:30px;gap:12px}.footer p{grid-row:auto}.footer a,.footer small{grid-column:1;grid-row:auto}.footer-brand{font-size:22px}.footer a{margin-top:7px}dialog{padding:20px}.dialog-head h2{font-size:26px}#dialog-images img{max-height:65vh}}
.language-switch{display:flex;gap:3px;align-items:center;direction:ltr;flex-shrink:0}.language-switch button{background:transparent;border:0;padding:7px 6px;font:600 11px Manrope,Tahoma,sans-serif;min-height:32px}.language-switch button[aria-pressed=true]{background:var(--navy);color:#fff}.header{gap:22px}.header nav{gap:24px}html[dir=ltr] body{font-family:Manrope,Arial,sans-serif;line-height:1.65}html[dir=ltr] .hero h1{font-size:clamp(43px,4.5vw,63px);line-height:1.13;letter-spacing:-2.5px}html[dir=ltr] h2{font-size:clamp(32px,3.5vw,48px);line-height:1.2;letter-spacing:-1.5px}html[dir=ltr] .header nav{font-size:12px;gap:19px}html[dir=ltr] .header-cta{font-size:11px;gap:12px}html[dir=ltr] .hero-img{right:auto;left:0}html[dir=ltr] .hero-inset{left:auto;right:0}html[dir=ltr] .project,html[dir=ltr] .footer-brand{text-align:left}html[dir=ltr] .service h3{font-size:21px}html[dir=ltr] .service p{font-size:13px}html[dir=ltr] .project-note{gap:14px}html[dir=ltr] .contact h2{font-size:clamp(38px,4.3vw,60px)}html[dir=ltr] .contact form h3{font-size:22px}
@media(max-width:1100px) and (min-width:761px){.header-cta{display:none}.header nav{gap:18px}.header{gap:18px}}
@media(max-width:760px){.header-cta{display:none}.header .language-switch{margin-inline-start:auto}.header{gap:10px}html[dir=ltr] .header nav{font-size:15px}html[dir=ltr] .hero h1{font-size:clamp(40px,9.2vw,62px);letter-spacing:-1.8px}html[dir=ltr] h2{font-size:34px}html[dir=ltr] .contact h2{font-size:42px}.language-switch button{padding:7px 7px}.brand,.brand img{width:90px}.project-image.duo{height:360px}.hero-foot{font-size:8px}.hero-art{min-height:500px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}