@font-face{font-family:Plex;src:url('assets/arabic.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--paper:#f5f5f0;--ink:#182b34;--blue:#17479e;--line:#d7dcd9;--muted:#647078;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Plex,'Segoe UI',Tahoma,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #3ba9e8;outline-offset:6px}button{color:inherit}::selection{background:#b4d5f7;color:#102b66}.skip{position:fixed;top:-100px;right:20px;z-index:100;background:white;padding:15px}.skip:focus{top:10px}.header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 4.6%;position:relative;z-index:10;background:var(--paper)}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-symbol{width:75px;height:38px;display:block;position:relative;overflow:hidden}.brand-symbol img{position:absolute;width:116px;height:116px;max-width:none;top:50%;left:50%;transform:translate(-50%,-50%)}.brand strong{font-size:22px;color:#143b86;display:block;font-weight:600;line-height:1.5}.brand small{font-family:Arial,sans-serif;font-size:8px;letter-spacing:2px;color:#576777;display:block}.nav{display:flex;gap:34px;align-items:center}.nav a{font-size:14px;position:relative}.nav a:after{content:'';position:absolute;bottom:-9px;inset-inline-start:0;width:0;height:2px;background:var(--blue);transition:width .25s}.nav a:hover:after{width:100%}.header-actions{display:flex;gap:24px;align-items:center}.language{border:0;background:none;display:flex;gap:8px;align-items:center;font:12px Arial,sans-serif}.globe{font-size:26px;font-weight:400}.nav-cta{border-bottom:1px solid var(--ink);padding:8px 0;display:flex;gap:28px;align-items:center;font-size:14px}.menu{display:none;background:none;border:0;width:30px;padding:4px}.menu span{display:block;height:1px;background:var(--ink);margin:6px 0}.hero{margin:0 18px;min-height:690px;height:calc(100svh - 120px);max-height:960px;position:relative;background:#0c2865;color:white;overflow:hidden;isolation:isolate}.hero-photo{position:absolute;inset:0;background:radial-gradient(ellipse at 22% 26%,#387ed0 0%,#104c9a 33%,#071d4a 80%);z-index:-3}.hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 35%,#061b3b88 85%),linear-gradient(0deg,#071c4288,transparent 25%)}.hero-art{position:absolute;inset:0;width:100%;height:100%;z-index:-2;overflow:visible}.hero-art .sail-group{transform-origin:37% 50%;animation:sail-float 11s ease-in-out infinite}.hero-art .orbit{transform-origin:460px 400px;animation:orbit 45s linear infinite}.hero-art .ribbon{animation:ribbon 8s ease-in-out infinite}.hero-art .ribbon:nth-child(2){animation-delay:-2s}.hero-art .ribbon:nth-child(3){animation-delay:-4s}.hero-top{position:absolute;top:34px;inset-inline:4%;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#dbe8f7}.hero-top>span:first-child{display:flex;align-items:center;gap:9px}.hero-top i{height:5px;width:5px;background:#8fd4ff;border-radius:50%;box-shadow:0 0 12px #80d7ff}.hero-location{opacity:.65}.hero-content{padding:145px 6% 120px;max-width:58%;position:relative;pointer-events:none}.hero-content a{pointer-events:auto}.eyebrow{font-family:Arial,sans-serif;letter-spacing:3px;font-size:10px;font-weight:500;line-height:1.6}.light{color:#a9c8ef;margin-bottom:30px}.hero h1{font-weight:400;font-size:clamp(58px,6.1vw,104px);line-height:1.45;margin:0 0 16px;letter-spacing:-2px}.hero-outline{color:#a8c9ee}.hero-description{color:#c5d1e2;font-size:15px;line-height:1.9;max-width:370px;margin-bottom:32px}.button{display:inline-flex;align-items:center;gap:45px;padding:16px 23px;font-size:14px;transition:background .3s,transform .3s}.button-white{background:var(--paper);color:#173c73}.button:hover{transform:translateY(-3px);background:#dcecff}.arrow{font-family:Arial;font-size:23px}.hero-bottom{position:absolute;bottom:28px;inset-inline:4%;display:flex;align-items:center;gap:35px;font-size:11px}.hero-caption{display:flex;align-items:center;gap:14px;flex:1;color:#c0d4ed}.caption-line{height:1px;width:50px;background:#7d9ac7}.motion{font-size:10px;border:0;background:none;color:#c7d5e8;display:flex;gap:10px;align-items:center;padding:12px}.scroll{height:40px;width:40px;border:1px solid #ffffff44;border-radius:50%;display:grid;place-items:center;font:18px Arial}.ticker{overflow:hidden;border-bottom:1px solid var(--line);height:84px;display:flex;align-items:center;direction:ltr}.ticker>div{display:flex;align-items:center;gap:52px;white-space:nowrap;animation:marquee 40s linear infinite;width:max-content}.ticker span{font-size:19px;font-weight:400;letter-spacing:3px}.ticker i{font-style:normal;color:var(--blue);font-size:25px}.section{padding:100px 7%}.section-kicker{display:flex;align-items:center;gap:10px;font-size:12px;margin-bottom:50px}.blue-dot{width:6px;height:6px;border-radius:50%;background:var(--blue)}.index{margin-inline-start:auto;color:#829097;font:9px Arial,sans-serif;letter-spacing:2px;direction:ltr}.intro-main{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:13%}h2{font-size:clamp(34px,4vw,58px);font-weight:400;line-height:1.45;letter-spacing:-1.3px;margin:0}.intro-copy{padding-top:6px}.intro-copy p{font-size:17px;line-height:2.2;color:var(--muted);max-width:480px;margin:0 0 25px}.text-link{display:inline-flex;gap:45px;align-items:center;font-size:13px;padding:9px 0;border-bottom:1px solid var(--ink)}.text-link span:last-child{font:20px Arial}.solutions{background:#eaece7}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:45px}.section-heading p{max-width:320px;color:var(--muted);font-size:15px;line-height:1.9}.solution-list{border-top:1px solid #c9d0cb}.solution{border-bottom:1px solid #c9d0cb}.solution summary{display:flex;align-items:center;gap:30px;padding:24px 0;list-style:none;cursor:pointer}.solution summary::-webkit-details-marker{display:none}.solution-number{font:11px Arial;color:#84928e;min-width:35px}.solution-name{font-size:23px;font-weight:400}.solution-en{font:9px Arial;letter-spacing:2px;color:#85908d;margin-inline-start:auto}.solution-plus{height:32px;width:32px;border-radius:50%;border:1px solid #bbc7bd;display:grid;place-items:center;font-size:22px;font-family:Arial;transition:transform .3s,background .3s}.solution[open] .solution-plus{transform:rotate(45deg);background:var(--blue);color:white;border-color:var(--blue)}.solution-content{padding:0 65px 28px;max-width:760px;line-height:2;color:#5d6c69;font-size:15px;animation:fade-in .4s}.collection{padding-bottom:115px}.concept-note{display:block;font-size:11px;color:#8b9395;line-height:1.8;max-width:350px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:35px}.filter{border:1px solid #d1d8d4;border-radius:30px;background:none;padding:9px 22px;font-size:12px;transition:all .25s}.filter.active,.filter:hover{background:var(--blue);color:white;border-color:var(--blue)}.gallery{display:grid;grid-template-columns:1.15fr 1fr;gap:48px 32px}.gallery-card{border:0;padding:0;background:none;text-align:start;display:block;width:100%;animation:fade-in .6s var(--ease)}.gallery-card:nth-child(even){padding-top:70px}.gallery-card[hidden]{display:none}.gallery-media{overflow:hidden;position:relative;aspect-ratio:1.36;background:#d9dfdd;display:block}.gallery-card:nth-child(even) .gallery-media{aspect-ratio:1.2}.work-image{position:absolute;width:100%;height:100%;top:0;object-fit:cover;object-position:50% 50%;transition:transform 1s var(--ease)}.gallery-card:hover .work-image{transform:scale(1.055)}.view-icon{position:absolute;inset-inline-end:18px;bottom:18px;width:43px;height:43px;border:1px solid #ffffff88;color:white;border-radius:50%;display:grid;place-items:center;font:25px Arial;background:#0b244d44;transition:background .3s}.gallery-card:hover .view-icon{background:var(--blue)}.card-meta{display:flex;align-items:center;gap:14px;margin-top:19px}.card-title{font-size:20px;font-weight:400}.card-category{margin-inline-start:auto;color:#657574;font-size:10px}.card-no{font:9px Arial;color:#8a9893}.material-story{display:grid;grid-template-columns:1.1fr 1fr;background:#102d69;color:white;min-height:570px;overflow:hidden}.material-image{min-height:570px;background:url('assets/photos/outdoor-seating-07.webp') center 65%/cover;position:relative}.material-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#05173522,#05173511)}.material-content{padding:80px 13%;display:flex;flex-direction:column;justify-content:center}.material-content .eyebrow{color:#84b5ee;margin:0 0 30px;font-size:9px}.material-content h2{font-size:60px}.material-content>p:not(.eyebrow){font-size:15px;color:#b4c9e4;line-height:2.2;margin:23px 0 30px}.material-tags{display:flex;gap:10px;flex-wrap:wrap}.material-tags span{border:1px solid #ffffff33;border-radius:20px;font-size:10px;padding:6px 14px}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%}.studio-grid>div>p{color:var(--muted);font-size:14px;line-height:2;margin:22px 0}.space-options{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.space-option{background:none;border:1px solid #ccd5d0;padding:12px 18px;font-size:12px;border-radius:0;transition:background .25s}.space-option.active{background:var(--blue);color:white;border-color:var(--blue)}.recommendation{border:1px solid var(--line);padding:36px;display:flex;flex-direction:column;justify-content:center;min-height:310px;background:#eceee8;position:relative}.recommendation:after{content:'↗';position:absolute;inset-inline-end:30px;top:25px;color:#8da6bd;font:32px Arial}.recommendation .eyebrow{color:#718582;font-size:8px}.recommendation h3{font-weight:400;font-size:28px;line-height:1.6;margin:18px 0 12px}.recommendation p{font-size:14px;line-height:2;color:var(--muted);margin:0 0 20px}.recommendation .text-link{align-self:start}.footer{padding:50px 7% 25px;border-top:1px solid var(--line)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:10px 0 45px}.footer-top>p{font-size:20px;color:#5c6c71}.back-top{width:48px;height:48px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font:22px Arial}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#7e8b8b}.footer-bottom>span:last-child{font:8px Arial;letter-spacing:2px}dialog{padding:0;border:0;background:var(--paper);color:var(--ink);width:min(1100px,94vw);max-height:94svh;overflow:auto}dialog::backdrop{background:#06142be8;backdrop-filter:blur(12px)}.lightbox-close{position:absolute;top:16px;right:16px;z-index:2;border:0;width:40px;height:40px;border-radius:50%;font:30px Arial;background:#f7f7f1;color:#102b66}.lightbox-media{height:min(59svh,650px);position:relative;overflow:hidden;background:#d4d8d6}.lightbox-media img{position:absolute;top:0;width:100%;height:100%;object-fit:contain;object-position:center}.lightbox-details{padding:24px 32px;display:flex;gap:35px;align-items:center;justify-content:space-between}.lightbox-details h2{font-size:26px;margin:4px 0}.lightbox-details p{font-size:13px;color:var(--muted);line-height:1.8;margin:5px 0}.lightbox-details small{font-size:10px;color:#8b9694}.lightbox-details .eyebrow{font-size:8px;color:var(--blue)}.lightbox-controls{display:flex;gap:18px;align-items:center;direction:ltr;flex-shrink:0}.lightbox-controls button{border:1px solid #bdc9c4;background:none;border-radius:50%;width:40px;height:40px;font-size:20px}.lightbox-controls span{font:10px Arial}.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(24px);transition:opacity .85s var(--ease),transform .85s var(--ease)}.js-motion .reveal.visible{opacity:1;transform:none}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .reveal{opacity:1!important;transform:none!important}body.modal-open{overflow:hidden}[dir=ltr] .hero-content{max-width:57%;margin-inline-start:auto;padding-inline-start:3%}[dir=ltr] .hero h1{font-size:clamp(55px,6vw,96px);line-height:1.1;letter-spacing:-4px;margin-bottom:26px}[dir=ltr] .hero-description{line-height:1.8}[dir=ltr] .hero-top,[dir=ltr] .hero-bottom{direction:rtl}[dir=ltr] .hero-top>span,[dir=ltr] .hero-bottom>*{direction:ltr}[dir=ltr] .hero-caption{justify-content:flex-end}[dir=ltr] .hero-shade{background:linear-gradient(90deg,transparent 35%,#061b3b88 85%),linear-gradient(0deg,#071c4288,transparent 25%)}[dir=ltr] h2{line-height:1.14;letter-spacing:-2px}[dir=ltr] .intro-copy p{font-size:16px;line-height:1.9}[dir=ltr] .brand strong{font-size:18px}[dir=ltr] .brand small{font-size:7px;letter-spacing:1.6px}[dir=ltr] .nav a{font-size:12px}[dir=ltr] .nav-cta{font-size:12px}[dir=ltr] .solution-name{font-size:22px}
@keyframes sail-float{0%,100%{transform:translate(0,0) rotate(-1deg)}50%{transform:translate(-8px,-18px) rotate(1deg)}}@keyframes ribbon{0%,100%{opacity:.8;transform:translateY(0)}50%{opacity:1;transform:translateY(-8px)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes fade-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.hero-content{padding-top:180px}.section{padding-inline:12%}.header{padding-inline:6%}}
@media(max-width:1100px){.header{padding-inline:4%;gap:20px}.nav{gap:20px}.brand strong{font-size:19px}.header-actions{gap:16px}.brand-symbol{width:62px}.hero-content{max-width:65%;padding-inline:5%;padding-top:160px}.hero h1{font-size:70px}.hero-art{width:120%;left:-20%}.section{padding:80px 6%}.intro-main{gap:8%}.section-heading{gap:30px}.studio-grid{gap:6%}.material-content{padding:60px 12%}.material-content h2{font-size:48px}.material-image{min-height:500px}[dir=ltr] .hero-content{max-width:60%}[dir=ltr] .hero h1{font-size:70px}[dir=ltr] .nav{gap:15px}}
@media(max-width:780px){.header{height:83px}.brand strong{font-size:18px}.brand small{font-size:7px}.brand-symbol{width:54px;height:30px}.brand-symbol img{width:90px;height:90px}.nav{display:none;position:absolute;top:83px;inset-inline:0;background:var(--paper);padding:24px 6%;box-shadow:0 12px 20px #102e4b11;flex-direction:column;align-items:stretch;gap:24px}.nav.open{display:flex}.nav-cta{display:none}.menu{display:block}.header-actions{gap:20px}.hero{margin:0 10px;min-height:690px;height:calc(100svh - 95px);max-height:850px}.hero-content{max-width:100%;padding:238px 7% 95px}.hero h1{font-size:clamp(48px,8vw,66px);line-height:1.45}.hero-content .eyebrow{font-size:8px;letter-spacing:2px;margin:0 0 15px}.hero-description{font-size:13px;max-width:290px;margin:15px 0 25px}.hero-art{height:70%;width:140%;top:-50px;left:-22%}.hero-shade{background:linear-gradient(0deg,#071c4a 0%,#071c4acc 30%,transparent 80%)}.hero-top{top:22px;font-size:10px;inset-inline:7%}.hero-location{display:none}.hero-bottom{bottom:20px;gap:15px;inset-inline:7%}.hero-caption{font-size:9px;gap:8px}.caption-line{width:20px}.motion{font-size:9px;gap:6px;padding:8px}.scroll{width:30px;height:30px}.button{padding:13px 19px;gap:40px;font-size:12px}.ticker{height:65px}.ticker>div{gap:30px}.ticker span{font-size:15px}.section{padding:65px 7%}.section-kicker{margin-bottom:34px;font-size:11px}.index{font-size:8px;letter-spacing:1px}.intro-main{grid-template-columns:1fr;gap:28px}h2{font-size:38px}.intro-copy p{font-size:15px;line-height:2}.section-heading{align-items:start;flex-direction:column;gap:12px;margin-bottom:30px}.section-heading p{font-size:13px;margin:0}.solution summary{gap:12px;padding:22px 0}.solution-name{font-size:19px}.solution-en{display:none}.solution-plus{margin-inline-start:auto}.solution-number{min-width:20px}.solution-content{padding:0 32px 22px;font-size:13px}.filters{gap:7px;margin-bottom:25px}.filter{font-size:11px;padding:8px 16px}.gallery{gap:30px 18px}.gallery-card:nth-child(even){padding-top:40px}.gallery-media{aspect-ratio:.9}.gallery-card:nth-child(even) .gallery-media{aspect-ratio:.9}.card-meta{flex-wrap:wrap;gap:5px 9px;margin-top:12px}.card-title{font-size:16px}.card-category{width:100%;margin-inline-start:0;padding-inline-start:22px;font-size:9px}.card-no{font-size:8px}.view-icon{width:30px;height:30px;font-size:20px;bottom:12px;inset-inline-end:12px}.material-story{grid-template-columns:1fr}.material-image{min-height:340px;order:1}.material-content{padding:60px 9%}.material-content h2{font-size:48px}.material-content>p:not(.eyebrow){font-size:14px}.studio-grid{grid-template-columns:1fr;gap:35px}.recommendation{padding:28px;min-height:290px}.footer{padding:40px 7% 20px}.footer-top{flex-wrap:wrap;gap:20px;padding-bottom:30px}.footer-top>p{order:2;width:100%;font-size:18px}.footer-bottom{flex-direction:column;gap:12px;font-size:9px}.lightbox-media{height:45svh}.lightbox-details{padding:22px;flex-direction:column;align-items:start;gap:20px}.lightbox-details h2{font-size:23px}.lightbox-controls{align-self:flex-end}[dir=ltr] .hero-content{max-width:100%;padding:275px 7% 100px;margin:0}[dir=ltr] .hero h1{font-size:56px;letter-spacing:-2.5px;line-height:1.1}[dir=ltr] .hero-shade{background:linear-gradient(0deg,#071c4a 0%,#071c4acc 30%,transparent 80%)}[dir=ltr] .hero-top,[dir=ltr] .hero-bottom{direction:ltr}[dir=ltr] .hero-caption{justify-content:start}[dir=ltr] h2{font-size:38px}[dir=ltr] .brand strong{font-size:16px}[dir=ltr] .solution-name{font-size:19px}}
@media(max-width:400px){.brand{gap:4px}.brand-symbol{width:44px}.brand strong{font-size:16px}.header-actions{gap:12px}.hero h1{font-size:47px}.hero-content{padding-top:250px}.hero-bottom .caption-line{display:none}.motion{padding:4px;font-size:8px}.hero-caption{font-size:8px}[dir=ltr] .hero h1{font-size:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}

/* User-supplied WebP photographs: normal framing and full-image lightbox. */
.work-image{height:100%;top:0}.lightbox-media img{top:0;height:100%;object-fit:contain}.lightbox-media{background:#111c2a}
.gallery-pagination{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:44px}.gallery-pagination p{font-size:13px;color:var(--muted);margin:0}.gallery-more{background:var(--blue);border:1px solid var(--blue);color:white;min-width:160px;justify-content:center}.gallery-more:hover{color:var(--ink)}.gallery-more[hidden],[hidden]#filters{display:none}
.service-card-media{position:relative;overflow:hidden;aspect-ratio:1.5;width:100%;margin-bottom:26px}.service-card-media .work-image{object-position:center}.service-portfolio .section-heading p{max-width:600px}.gallery-card .card-title{font-size:18px}
@media(max-width:780px){.gallery-pagination{margin-top:32px}.gallery-card .card-title{font-size:17px}.gallery-card .card-category{font-size:9px}}