/* V9: liquid navigation, local image drift wall and calm native galleries. */
:root{--v9-ink:#06131a;--v9-panel:#0a2029;--v9-ivory:#f4f1e9;--v9-mist:#a8bcc2;--v9-gold:#d2aa72;--hero-copy-shift:0px;--hero-copy-opacity:1;--hero-bottom-shift:0px;--drift-odd-shift:0px;--drift-even-shift:0px}
html{scroll-snap-type:none!important;scroll-behavior:auto}
body{overflow-x:clip;background:var(--v9-ink)}

/* Shorter liquid-glass capsule. */
#nav,#nav.scrolled{width:min(980px,86vw)!important;height:64px!important;top:16px!important;padding:5px 10px 5px 16px!important;border-radius:999px!important;background:linear-gradient(125deg,#102832c9,#07171ecc 54%,#132a32bd)!important;border:1px solid #cfe6e925!important;border-top-color:#ffffff52!important;box-shadow:0 15px 45px #01090e70,inset 0 1px 0 #ffffff22,inset 0 -1px 0 #0008!important;backdrop-filter:blur(28px) saturate(165%)!important;-webkit-backdrop-filter:blur(28px) saturate(165%)!important}
#nav:before{inset:1px!important;border-radius:999px!important;background:linear-gradient(105deg,#ffffff17,transparent 22%,transparent 67%,#d2aa7211)!important}
#nav .brand{padding-inline:8px}
#nav .brand strong{font-size:25px!important}
#nav .brand span{font-size:7px!important}
#nav #primary-nav{display:flex;align-items:center;gap:3px!important;padding:4px;border:1px solid #ffffff0d;border-radius:999px;background:#ffffff05;box-shadow:inset 0 1px 8px #00000024}
#nav #primary-nav a{position:relative;padding:9px 15px;border-radius:999px;font-size:13px!important;transition:color .25s ease,background .25s ease,opacity .25s ease,filter .25s ease,box-shadow .25s ease}
#nav #primary-nav a:hover,#nav #primary-nav a:focus-visible,#nav #primary-nav a.is-active{color:#10242c;background:linear-gradient(135deg,#f8f5ed,#dfe7e4);box-shadow:0 5px 18px #0000002e,inset 0 1px 0 white}
#nav .nav-actions{gap:4px!important}
#nav #language{min-width:49px;height:44px;padding:0 10px;border-radius:999px;transition:background .25s ease}
#nav #language:hover{background:#ffffff0d}
#nav .button.small{min-height:44px!important;border-radius:999px!important;padding-inline:17px!important;font-size:12px!important}
.mobile-menu-contact{display:none!important}
@media(hover:hover){#nav #primary-nav:has(a:hover) a:not(:hover){filter:blur(.55px);opacity:.48}}

/* Hero drift wall. All imagery stays local to the supplied project library. */
.motion-ready .opening-sequence .hero,.opening-sequence .hero{height:190svh!important;position:relative!important;min-height:900px!important;background:#030a0e!important}
.motion-ready .opening-sequence .hero-stage,.opening-sequence .hero-stage{position:sticky!important;top:0!important;height:100svh!important;min-height:580px!important;overflow:hidden}
.hero-frame{position:absolute!important;inset:0!important;overflow:hidden!important;background:radial-gradient(circle at 50% 35%,#14323f,#03090d 70%)}
.drift-wall{position:absolute;inset:-12vh -7vw;overflow:hidden;perspective:1200px;transform-style:preserve-3d}
.drift-plane{position:absolute;inset:-8%;display:grid;grid-template-columns:repeat(var(--drift-columns),minmax(0,1fr));gap:clamp(10px,1.25vw,20px);transform:rotateX(10deg) rotateZ(-9deg) scale(1.12);transform-origin:center;filter:saturate(.84) contrast(1.04)}
.drift-column{min-width:0;transform:translate3d(0,var(--drift-scroll,0px),0);transition:transform .12s linear}
.drift-column:nth-child(odd){--drift-scroll:var(--drift-odd-shift)}.drift-column:nth-child(even){--drift-scroll:var(--drift-even-shift)}
.drift-track{display:flex;flex-direction:column;gap:clamp(10px,1.25vw,20px);will-change:transform;animation:drift-up var(--duration,42s) linear infinite}
.drift-column:nth-child(even) .drift-track{animation-name:drift-down}
.drift-column.is-paused .drift-track{animation-play-state:paused}
.drift-tile{position:relative;display:block;margin:0;aspect-ratio:1.42/1;border:1px solid #ffffff17;border-radius:clamp(9px,1vw,15px);overflow:hidden;background:#10222a;box-shadow:0 18px 36px #0008;transform:translateZ(0);transition:transform .4s cubic-bezier(.22,1,.36,1),filter .4s ease,box-shadow .4s ease;isolation:isolate}
.drift-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.drift-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,#04101599);pointer-events:none}
.drift-tile:hover{z-index:5;transform:translateZ(58px) scale(1.11);filter:saturate(1.14) brightness(1.08);box-shadow:0 28px 65px #000c}
.drift-tile:hover img{transform:scale(1.025)}
@keyframes drift-up{to{transform:translateY(-50%)}}
@keyframes drift-down{from{transform:translateY(-50%)}to{transform:translateY(0)}}
.hero-shade{z-index:2!important;background:radial-gradient(circle at 50% 48%,#06151b1f 0,#03090db8 74%),linear-gradient(180deg,#02090c70,#02090c24 40%,#02090cd9)!important}
.hero-copy{transform:translate3d(0,var(--hero-copy-shift),0);opacity:var(--hero-copy-opacity);transition:none;will-change:transform,opacity}
.hero-copy:before{content:'';position:absolute;width:min(740px,82vw);height:330px;border-radius:50%;background:#07171eb3;filter:blur(72px);z-index:-1}
.hero-copy .eyebrow{font-size:12px!important;text-shadow:0 2px 22px #000}
.hero h1{max-width:1040px!important;text-shadow:0 8px 36px #0008}
.hero-actions .button{border-radius:999px!important;box-shadow:0 12px 32px #0006}
.hero-watch{border:1px solid #ffffff42!important;border-radius:999px;padding:14px 22px!important;background:#07171e52;backdrop-filter:blur(14px)}
.hero-bottom{transform:translateY(var(--hero-bottom-shift));opacity:var(--hero-copy-opacity);direction:ltr}
.opening-sequence .intro{position:relative!important;z-index:5!important;margin-top:-30px!important;border-radius:30px 30px 0 0!important;box-shadow:0 -35px 90px #0009!important}

/* Featured scenes: plain native page scroll with crisp desktop rendering. */
.featured-card{scroll-snap-align:none!important;scroll-snap-stop:normal!important;background:radial-gradient(circle at 50% 45%,#17313c,#050e13 75%)!important}
.featured-card img.featured-backdrop{position:absolute!important;inset:-3%!important;width:106%!important;height:106%!important;object-fit:cover!important;object-position:center 68%!important;padding:0!important;filter:blur(24px) brightness(.42) saturate(.8)!important;transform:scale(1.08)!important;z-index:0}
.featured-card img.featured-main{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;padding:4vh 5vw;filter:saturate(.94) contrast(1.03);background:transparent;z-index:1}
.featured-card:hover img.featured-backdrop{transform:scale(1.08)!important}.featured-card:hover img.featured-main{transform:scale(1.008)!important}
.featured-card:after{background:linear-gradient(90deg,#06131a66,transparent 44%),linear-gradient(180deg,transparent 15%,#06131a2a 57%,#06131ae8)!important}
.featured-card span{z-index:3}

/* Ten-project collection foundation; later breakpoints choose scroll-driven or direct movement. */
.projects{padding-inline:5vw!important;overflow:hidden!important}
.projects .collection-scroll{height:auto!important;position:relative!important}
.projects .collection-stage{position:relative!important;top:auto!important;height:auto!important;overflow:visible!important}
.projects .collection-window{overflow-x:auto!important;overflow-y:hidden!important;margin-inline:0!important;padding:0 0 10px!important;scroll-snap-type:none!important;scroll-behavior:auto;overscroll-behavior-inline:contain;touch-action:pan-x pan-y;cursor:grab;scrollbar-width:none}
.projects .collection-window:active{cursor:grabbing}
.projects .collection-window::-webkit-scrollbar{display:none}
.projects #project-grid{display:flex!important;position:relative!important;height:min(64svh,620px)!important;min-height:460px!important;width:max-content!important;gap:24px!important;overflow:visible!important;transform:none!important}
.projects .project-card,.projects .project-card:nth-child(odd),.projects .project-card:nth-child(even){position:relative!important;inset:auto!important;flex:0 0 min(690px,43vw)!important;width:min(690px,43vw)!important;height:100%!important;opacity:1!important;visibility:visible!important;transform:none!important;clip-path:none!important;overflow:hidden!important}
.projects .project-card .project-photo{position:absolute!important;inset:0!important;height:100%!important}
.projects .project-photo img{object-position:center 64%!important}
.projects .project-card[data-project="basateen"] .project-photo img,.projects .project-card[data-project="saraya"] .project-photo img{object-fit:contain!important;background:#dfe4d8}
.projects .project-card .card-copy{opacity:1!important}
.projects .project-card[inert]{pointer-events:auto}
.projects .collection-navigation{margin-top:18px!important}
.collection-meter{display:block!important;height:1px!important;background:#ffffff1a!important;overflow:hidden;flex:1}
.collection-meter span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#9ebbc2,#d2aa72);transform:scaleX(var(--collection-progress,.1));transform-origin:left;transition:transform .12s linear}
[dir=rtl] .collection-meter span{transform-origin:right}

/* Film first, text underneath, without a generic glass card. */
.film-feature{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:42px!important;padding:110px 5vw 100px!important;background:radial-gradient(circle at 82% 0,#1a3c48 0,transparent 35%),#0a2029!important}
.film-screen{order:1;max-width:1380px;margin:0 auto;border-radius:22px!important}
.film-screen>img{aspect-ratio:16/8.1!important;object-position:center 56%}
.film-feature>.film-copy{order:2;display:grid;grid-template-columns:minmax(180px,.7fr) 1.2fr 1fr;gap:6vw;align-items:start;width:100%;margin:0!important;padding:0 0 30px!important;border:0!important;border-bottom:1px solid #ffffff24!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.film-feature .film-copy h2{margin:0;font-size:clamp(40px,5vw,74px)!important;line-height:1.25!important}
.film-feature .film-copy p:not(.eyebrow){margin:8px 0 0;color:#aebfc4!important;max-width:500px}

/* Faisal portrait remains dimensional; the copy becomes editorial. */
.about{gap:9%!important}
.about-copy{align-self:center;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.about-copy .large-text{max-width:580px}

/* Restore the quieter journey chapter. */
.journey{color:#192c35!important;background:#dbe4e7!important;padding-block:120px!important}
.journey .eyebrow,.journey .steps article>span,.journey .steps p{color:#506873!important}
.journey h2,.journey .steps h3,.journey .steps article.active h3{color:#192c35!important}
.journey-heading img{border:0!important;border-radius:2px!important;box-shadow:none!important}
.journey .steps article{min-height:44svh!important;margin:0!important;padding:56px 0!important;border:0!important;border-bottom:1px solid #192c3530!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.journey .steps article:after{background:#192c35!important;height:2px!important}

/* One-time word-safe text reveals. */
.motion-ready .heading-reveal{opacity:0;filter:blur(10px);transform:translateY(22px);transition:opacity .78s cubic-bezier(.22,1,.36,1),filter .78s cubic-bezier(.22,1,.36,1),transform .78s cubic-bezier(.22,1,.36,1)}
.motion-ready .heading-reveal.is-shown{opacity:1;filter:blur(0);transform:translateY(0)}
.blur-copy{--word-delay:0ms}
.motion-ready .blur-word{display:inline-block;opacity:0;filter:blur(7px);transform:translateY(9px);transition:opacity .55s cubic-bezier(.22,1,.36,1),filter .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1);transition-delay:var(--word-delay)}
.motion-ready .blur-copy.is-shown .blur-word{opacity:1;filter:blur(0);transform:translateY(0)}
.motion-ready .blur-block{opacity:0;filter:blur(6px);transform:translateY(12px);transition:opacity .65s cubic-bezier(.22,1,.36,1),filter .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1)}
.motion-ready .blur-block.is-shown{opacity:1;filter:blur(0);transform:none}
.motion-ready .text-rise{opacity:1!important;transform:none!important;transition:none!important}

@media(max-width:700px){
 #nav,#nav.scrolled{width:calc(100% - 28px)!important;height:58px!important;top:10px!important;padding:5px 8px!important;border-radius:999px!important;direction:ltr}
 #nav .brand{order:3;margin-left:auto;padding-inline:8px}
 #nav .brand strong{font-size:21px!important}
 #nav .brand span{font-size:5.5px!important;letter-spacing:3.5px}
 #nav .nav-actions{order:1;display:flex!important;align-items:center;width:auto!important;direction:ltr}
 #nav .menu-toggle{display:grid!important;order:1;width:46px;height:46px;padding:12px;border-radius:50%;background:#ffffff08}
 #nav #language{order:2;min-width:44px;height:44px;font-size:12px!important}
 #nav .button.small{display:none!important}
 #nav #primary-nav{display:grid!important;position:absolute!important;top:68px!important;left:0!important;right:0!important;direction:rtl;padding:9px!important;border-radius:22px!important;background:linear-gradient(145deg,#0d2630f7,#06171ef2)!important;border:1px solid #ffffff24!important;box-shadow:0 24px 55px #000b!important;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.985);transition:opacity .25s ease,transform .25s ease,visibility .25s}
 html[dir=ltr] #nav #primary-nav{direction:ltr}
 #nav #primary-nav.is-open{opacity:1;visibility:visible;transform:none}
 #nav #primary-nav a{display:flex!important;min-height:48px;padding:0 17px!important;border-radius:14px!important;font-size:14px!important}
 #nav #primary-nav .mobile-menu-contact{display:flex!important;margin-top:5px;color:#10242c!important;background:linear-gradient(135deg,#f8f5ed,#dfe7e4)!important;font-weight:700;justify-content:center}
 .motion-ready .opening-sequence .hero,.opening-sequence .hero{height:165svh!important;min-height:780px!important}
 .drift-wall{inset:-8vh -20vw}
 .drift-plane{gap:10px;transform:rotateX(7deg) rotateZ(-8deg) scale(1.08)}
 .drift-track{gap:10px}
 .drift-tile{border-radius:10px;aspect-ratio:1.25/1}
 .hero-copy{padding:88px 7vw 85px!important}
 .hero-copy:before{height:270px;width:92vw;filter:blur(55px)}
 .hero h1{font-size:clamp(34px,9.3vw,46px)!important}
 .hero-actions{width:100%;max-width:320px}
 .hero-actions .button,.hero-watch{width:100%;text-align:center;font-size:13px!important}
 .hero-bottom{bottom:20px!important}
 .opening-sequence .intro{margin-top:-22px!important;border-radius:22px 22px 0 0!important}
 .featured-card img.featured-backdrop{display:none}
 .featured-card img.featured-main{object-fit:cover!important;object-position:center 82%!important;padding:0!important;transform:none!important}
 .projects{padding-inline:5vw!important}
 .projects #project-grid{height:68svh!important;min-height:540px!important;gap:14px!important}
 .projects .project-card,.projects .project-card:nth-child(odd),.projects .project-card:nth-child(even){flex-basis:88vw!important;width:88vw!important}
 .projects .project-photo img{object-position:center 70%!important}
 .film-feature{padding:75px 6vw 70px!important;gap:28px!important}
 .film-screen{border-radius:16px!important}
 .film-screen>img{aspect-ratio:4/3!important;object-position:center 62%}
 .film-feature>.film-copy{grid-template-columns:1fr;gap:15px!important;padding-bottom:25px!important}
 .film-feature .film-copy h2{font-size:39px!important}
 .film-feature .film-copy p:not(.eyebrow){font-size:14px!important;margin-top:0}
 .about-copy{padding:0!important}
 .journey{padding-block:80px!important}
 .journey .steps article{min-height:0!important;padding:42px 0!important}
}

@media(prefers-reduced-motion:reduce){
 .motion-ready .opening-sequence .hero,.opening-sequence .hero{height:100svh!important;min-height:580px!important}
 .drift-track{animation-play-state:paused!important}
 .hero-copy,.hero-bottom{opacity:1!important;transform:none!important}
 .heading-reveal,.blur-word,.blur-block{opacity:1!important;filter:none!important;transform:none!important;transition:none!important}
 .featured-card{position:relative!important;height:75svh!important}
}

/* V11: Arabic-first typography and a page-scroll-driven project reel. */
html[lang=ar] body{font-family:'IBM Plex Sans Arabic','Noto Kufi Arabic',Arial,sans-serif;text-align:start}
html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{font-family:'IBM Plex Sans Arabic','Noto Kufi Arabic',Arial,sans-serif;font-weight:500;letter-spacing:-.045em;text-align:start}
html[lang=ar] p,html[lang=ar] button,html[lang=ar] a,html[lang=ar] label,html[lang=ar] select{text-align:start}
html[lang=ar] .eyebrow{font-size:12px;line-height:1.9;letter-spacing:.01em}
html[lang=ar] .projects .section-note{font-size:14px;line-height:2}

.projects{overflow:clip!important}
.projects .section-top{align-items:flex-end!important;margin-bottom:30px!important}
.projects .section-top>div{min-width:0}
.projects .section-top h2{font-size:clamp(46px,5.3vw,76px)!important;line-height:1.16!important;margin:8px 0 0!important;overflow-wrap:anywhere}
.projects .section-note{max-width:410px!important;margin:0!important}
.motion-ready .projects .collection-scroll{height:calc(100svh + var(--collection-runway,3600px))!important;position:relative!important}
.motion-ready .projects .collection-stage{position:sticky!important;top:92px!important;height:calc(100svh - 104px)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:0!important}
.projects .city-filters,.projects .filters{flex:0 0 auto;direction:inherit;scrollbar-width:none}
.projects .city-filters::-webkit-scrollbar,.projects .filters::-webkit-scrollbar{display:none}
.projects .collection-window{flex:1 1 auto!important;min-height:0!important;width:100%!important;overflow:hidden!important;margin:0!important;padding:0!important;touch-action:pan-y;cursor:default;direction:ltr!important}
.motion-ready .projects #project-grid{display:flex!important;position:relative!important;width:max-content!important;height:100%!important;min-height:0!important;gap:22px!important;overflow:visible!important;transform:translate3d(var(--collection-x,0),0,0)!important;will-change:transform}
.projects .project-card,.projects .project-card:nth-child(odd),.projects .project-card:nth-child(even){position:relative!important;inset:auto!important;flex:0 0 min(620px,45.5vw)!important;width:min(620px,45.5vw)!important;height:100%!important;min-width:0!important;margin:0!important;border:1px solid #ffffff17;border-radius:18px!important;opacity:1!important;visibility:visible!important;transform:none!important;clip-path:none!important;overflow:hidden!important;box-shadow:0 18px 44px #0005;background:#10242c!important;color:#f4f1e9!important;isolation:isolate}
html[dir=rtl] .projects .project-card{direction:rtl!important;text-align:right!important}
html[dir=ltr] .projects .project-card{direction:ltr!important;text-align:left!important}
.projects .project-card .project-photo{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;border:0!important}
.projects .project-photo:after{background:linear-gradient(180deg,#06131a08 15%,#06131a21 42%,#06131aed 100%)!important}
.projects .project-photo img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 63%!important;image-rendering:auto}
.projects .project-card[data-project=basateen] .project-photo img,.projects .project-card[data-project=saraya] .project-photo img{object-fit:contain!important;background:#dfe4d8!important}
.projects .project-card .card-copy{position:absolute!important;z-index:3!important;inset-inline:28px!important;bottom:22px!important;padding:0!important;color:#f4f1e9!important;text-align:inherit!important;pointer-events:none;text-shadow:0 2px 18px #0008}
.projects .project-card .card-copy button{pointer-events:auto;color:inherit!important;text-align:inherit!important}
.projects .card-location{font-size:13px!important;line-height:1.7!important;color:#f4f1e9!important;margin:0 0 10px!important}
.projects .card-title{display:flex!important;align-items:flex-end!important;gap:20px;margin:0 0 14px!important}
.projects .card-title h3{min-width:0;margin:0!important;font-size:clamp(31px,3.15vw,50px)!important;line-height:1.18!important;letter-spacing:-.035em!important;overflow-wrap:anywhere}
.projects .card-title>span{margin-inline-start:auto;font:500 13px/1 Manrope,sans-serif;color:#fff!important}
.projects .card-bottom{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;margin:0!important;padding-top:14px!important;border-color:#ffffff4a!important;font-size:13px!important;line-height:1.5!important;direction:inherit!important}
.projects .card-bottom .text-link{font-size:13px!important;white-space:nowrap}
.projects .property-type{top:20px!important;inset-inline-start:20px!important;padding:9px 13px!important;border-radius:999px;background:#f4f1e9e8!important;color:#10242c!important;font-size:12px!important;backdrop-filter:blur(10px)}
.projects .collection-navigation{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:25px!important;flex:0 0 55px;margin:0!important;padding:10px 4px 0!important;direction:ltr}
.projects .collection-controls{display:flex;align-items:center;gap:12px;direction:ltr}
.projects .collection-controls button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffff32;border-radius:50%;background:#ffffff08;color:#f4f1e9;font-size:19px;transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease}
.projects .collection-controls button:hover:not(:disabled){background:#f4f1e9;color:#10242c;border-color:#f4f1e9;transform:scale(1.05)}
.projects .collection-controls button:disabled{opacity:.25;cursor:default}
.projects .collection-position{min-width:54px;text-align:center;font:600 12px/1 Manrope,sans-serif;color:#dce5e2}
.projects .collection-meter{display:block!important}

.film-feature>.film-copy{display:block!important;width:min(1100px,100%)!important;margin:0 auto!important;padding:0 0 34px!important;text-align:start!important}
.film-feature .film-copy .eyebrow{margin:0 0 18px!important}
.film-feature .film-copy h2{max-width:850px;margin:0!important;font-size:clamp(44px,5vw,68px)!important;line-height:1.15!important;letter-spacing:-.04em!important;text-align:start!important}
.film-feature .film-copy p:not(.eyebrow){max-width:650px;margin:24px 0 0!important;font-size:16px!important;line-height:1.9!important;text-align:start!important}

@media(max-width:700px){
 .drift-wall{inset:-8vh -12vw}
 .drift-plane{column-gap:4px!important;transform:rotateX(7deg) rotateZ(-8deg) scale(1.15)}
 .drift-track{gap:10px}
 html[lang=ar] .hero h1{font-size:clamp(35px,9.7vw,43px)!important;line-height:1.45!important}
 html[lang=ar] .hero-copy .eyebrow{font-size:11px!important}
 .projects{padding-inline:5vw!important;padding-top:68px!important}
 .projects .section-top{display:block!important;margin-bottom:24px!important}
 .projects .section-top h2{font-size:36px!important;line-height:1.35!important;margin-top:7px!important}
 .projects .section-note{max-width:34ch!important;margin-top:13px!important;font-size:12px!important;line-height:1.9!important}
 .motion-ready .projects .collection-stage{top:76px!important;height:calc(100svh - 88px)!important}
 .projects .city-filters,.projects .filters{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;overflow-x:auto!important;white-space:nowrap;padding-inline:0!important}
 .projects .city-filters{margin:0 0 8px!important}
 .projects .city-filters button,.projects .filters button{flex:0 0 auto!important;min-height:40px;padding:8px 12px!important;font-size:11px!important}
 .projects #project-count{font-size:10px!important;white-space:nowrap}
 .motion-ready .projects #project-grid{gap:12px!important}
 .projects .project-card,.projects .project-card:nth-child(odd),.projects .project-card:nth-child(even){flex-basis:85vw!important;width:85vw!important;border-radius:15px!important}
 .projects .project-card .card-copy{inset-inline:19px!important;bottom:17px!important}
 .projects .card-location{font-size:11px!important;margin-bottom:7px!important}
 .projects .card-title{margin-bottom:10px!important}
 .projects .card-title h3{font-size:30px!important;line-height:1.3!important}
 .projects .card-title>span{font-size:11px}
 .projects .card-bottom{font-size:11px!important;padding-top:10px!important;gap:10px!important}
 .projects .card-bottom .text-link{font-size:11px!important}
 .projects .property-type{top:14px!important;inset-inline-start:14px!important;font-size:10px!important;padding:7px 10px!important}
 .projects .collection-navigation{flex-basis:51px!important;padding-top:7px!important}
 .projects .collection-controls{gap:7px}
 .projects .collection-controls button{width:38px;height:38px}
 .film-feature>.film-copy{padding-bottom:25px!important}
 .film-feature .film-copy .eyebrow{margin-bottom:13px!important}
 .film-feature .film-copy h2{font-size:36px!important;line-height:1.28!important}
 .film-feature .film-copy p:not(.eyebrow){margin-top:17px!important;font-size:14px!important;line-height:1.85!important}
}

@media(prefers-reduced-motion:reduce){
 .motion-ready .projects .collection-scroll{height:auto!important}
 .motion-ready .projects .collection-stage{position:relative!important;top:auto!important;height:auto!important;display:block!important;overflow:visible!important}
 .projects .collection-window{overflow-x:auto!important;touch-action:pan-x pan-y}
 .motion-ready .projects #project-grid{height:min(64svh,620px)!important;min-height:480px!important;transform:none!important}
 .projects .collection-navigation{display:none!important}
}

/* V13: softer liquid navigation, branded loading and dual-axis mobile project navigation. */
body.site-loading{overflow:hidden!important}
.site-loader{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;color:#f4f1e9;background:radial-gradient(circle at 50% 44%,#14313c 0,#07171e 28%,#030b0f 72%);opacity:1;visibility:visible;transition:opacity .55s cubic-bezier(.22,1,.36,1),visibility .55s ease}
.site-loader:before{content:'';position:absolute;width:min(520px,82vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#8fc3ce1a 0,transparent 66%);filter:blur(14px)}
.loader-inner{position:relative;display:grid;justify-items:center;gap:22px;transform:translateY(-2vh);transition:transform .55s cubic-bezier(.22,1,.36,1)}
.loader-orbit{position:relative;display:grid;place-items:center;width:94px;height:94px;border-radius:50%;background:radial-gradient(circle at 34% 24%,#ffffff1e,#9ccbd30a 45%,#02090d42);box-shadow:0 24px 65px #0009,inset 12px 12px 28px #bce6ea0c,inset -10px -12px 30px #0007;overflow:hidden}
.loader-orbit:before{content:'';position:absolute;inset:7px;border-radius:50%;background:conic-gradient(from 25deg,transparent 0 42%,#d8e8e8 51%,#d2aa72 58%,transparent 67%);animation:loader-orbit 1.15s linear infinite;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 1px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 1px),#000 0)}
.loader-orbit strong{position:relative;font:500 42px/1 'IBM Plex Sans Arabic',sans-serif;transform:translateY(-2px)}
.loader-name{display:grid;justify-items:center;gap:5px}
.loader-name strong{font:600 28px/1 'IBM Plex Sans Arabic',sans-serif;letter-spacing:-.04em}
.loader-name span{font:600 7px/1 Manrope,sans-serif;letter-spacing:.52em;margin-inline-start:.52em;color:#afc1c5}
.loader-progress{width:142px;height:2px;border-radius:999px;background:#ffffff12;overflow:hidden}
.loader-progress i{display:block;width:48%;height:100%;border-radius:inherit;background:linear-gradient(90deg,transparent,#dce9e8,#d2aa72,transparent);animation:loader-progress 1s cubic-bezier(.65,0,.35,1) infinite}
body.site-ready .site-loader{opacity:0;visibility:hidden;pointer-events:none}
body.site-ready .loader-inner{transform:translateY(-3vh) scale(.985)}
@keyframes loader-orbit{to{transform:rotate(1turn)}}
@keyframes loader-progress{from{transform:translateX(-115%)}to{transform:translateX(260%)}}

#nav,#nav.scrolled{border:0!important;background:linear-gradient(118deg,#102c37a6 0,#07182094 48%,#12313b9e 100%)!important;box-shadow:0 18px 52px #00000075,0 4px 14px #02090d52,inset 12px 14px 32px #a9d4dc0a,inset -14px -12px 34px #00000042!important;backdrop-filter:blur(24px) saturate(145%)!important;-webkit-backdrop-filter:blur(24px) saturate(145%)!important;isolation:isolate}
#nav:before{inset:0!important;border-radius:inherit!important;background:radial-gradient(ellipse at 17% 3%,#dff6f527 0,transparent 24%),radial-gradient(ellipse at 78% 108%,#70a6b116 0,transparent 34%),linear-gradient(110deg,#ffffff0a,transparent 32% 68%,#d2aa7209)!important;mix-blend-mode:screen;opacity:.82}
#nav:after{content:'';position:absolute;z-index:0;inset:7px 12%;border-radius:50%;background:#bfe7ee09;filter:blur(15px);pointer-events:none}
#nav #primary-nav{gap:9px!important;padding:3px 6px!important;border:0!important;background:#ffffff04!important;box-shadow:inset 0 8px 20px #ffffff04,inset 0 -8px 18px #00000020!important}
#nav #primary-nav a{padding-inline:18px!important}
#nav .nav-actions{gap:9px!important}
#nav #language{background:#ffffff02}
#nav .button.small{border:0!important;box-shadow:0 8px 24px #0004,inset 0 1px 0 #ffffffb8!important}

@keyframes drift-mobile-up{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,calc(-100% + 112svh),0)}}
@keyframes drift-mobile-down{from{transform:translate3d(0,calc(-100% + 112svh),0)}to{transform:translate3d(0,0,0)}}

@media(max-width:700px){
 #nav,#nav.scrolled{border:0!important}
 #nav .nav-actions{gap:2px!important}
 #nav .menu-toggle{background:#ffffff06!important;box-shadow:inset 8px 8px 18px #b8e3e70a,inset -8px -8px 18px #0004}
 #nav #primary-nav{border:0!important;background:linear-gradient(145deg,#0d2934ed,#06171ee8)!important;box-shadow:0 26px 62px #000c,inset 10px 10px 25px #bee9ee08!important}
 .drift-wall{contain:strict;perspective:none!important;transform-style:flat!important}
 .drift-plane{filter:none!important;transform:rotateZ(-7deg) scale(1.13)!important;contain:layout paint style}
 .drift-column{transform:none!important;transition:none!important;contain:layout paint style}
 .drift-wall.mobile-drift .drift-track{animation-name:drift-mobile-up!important;animation-direction:alternate!important;animation-duration:var(--duration,42s)!important;animation-timing-function:ease-in-out!important;contain:layout paint style}
 .drift-wall.mobile-drift .drift-column:nth-child(even) .drift-track{animation-name:drift-mobile-down!important}
 .drift-tile{border:0!important;box-shadow:0 8px 20px #0007!important;contain:layout paint style}
 .hero-copy:before{filter:blur(34px)!important}

 .motion-ready .projects .collection-scroll{height:calc(100svh + var(--collection-runway,3400px))!important;position:relative!important}
 .motion-ready .projects .collection-stage{position:sticky!important;top:76px!important;height:calc(100svh - 88px)!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
 .projects .collection-window{flex:1 1 auto!important;height:auto!important;min-height:0!important;overflow-x:auto!important;overflow-y:hidden!important;touch-action:pan-x pan-y!important;overscroll-behavior-inline:contain;overscroll-behavior-block:auto!important;scroll-snap-type:none!important;scroll-behavior:auto!important;direction:ltr!important;cursor:grab;-webkit-overflow-scrolling:touch}
 .projects .collection-window:active{cursor:grabbing}
 .motion-ready .projects #project-grid{height:100%!important;min-height:0!important;transform:none!important;will-change:auto!important;gap:12px!important}
 .projects .project-card,.projects .project-card:nth-child(odd),.projects .project-card:nth-child(even){flex:0 0 85vw!important;width:85vw!important;scroll-snap-align:start;scroll-snap-stop:normal}
 .projects .collection-navigation{display:flex!important;flex:0 0 54px!important;height:54px!important;margin-top:0!important;padding-top:6px!important}
}

@media(prefers-reduced-motion:reduce){
 .site-loader{transition-duration:.15s}
 .loader-orbit:before,.loader-progress i{animation:none!important}
}

@media(max-width:700px) and (prefers-reduced-motion:reduce){
 .motion-ready .projects .collection-scroll{height:auto!important}
 .motion-ready .projects .collection-stage{position:relative!important;top:auto!important;height:auto!important;display:block!important;overflow:visible!important}
 .projects .collection-window{height:min(68svh,590px)!important;min-height:520px!important;overflow-x:auto!important}
 .motion-ready .projects #project-grid{height:100%!important;min-height:520px!important}
}

/* V14: Faisal Fahd identity, editorial featured scenes and informative project presentations. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
#nav .brand{display:grid!important;place-items:center;width:96px;height:54px;padding:0!important}
#nav .brand img{display:block;width:88px!important;height:52px!important;object-fit:contain;filter:brightness(0) invert(1);opacity:.96}
.loader-logo{position:relative;width:180px;height:110px;object-fit:contain;filter:brightness(0) invert(1);filter:brightness(0) invert(1) drop-shadow(0 18px 34px #0008)}
.loader-inner{gap:12px}
.loader-name{gap:8px}
.loader-name strong{font-family:'Noto Kufi Arabic','IBM Plex Sans Arabic',sans-serif!important;font-size:20px!important;font-weight:600!important;letter-spacing:-.02em!important}
.loader-name span{font-family:'IBM Plex Sans Arabic',sans-serif!important;font-size:10px!important;letter-spacing:.04em!important;margin:0!important;color:#b8c8cc}
.loader-progress{margin-top:10px}

html[lang=ar] body{font-family:'IBM Plex Sans Arabic','Noto Kufi Arabic',Arial,sans-serif;font-size:17px}
html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{font-family:'Noto Kufi Arabic','IBM Plex Sans Arabic',Arial,sans-serif!important;font-weight:600!important;letter-spacing:-.03em!important;line-height:1.45!important}
html[lang=ar] .hero h1{letter-spacing:-.045em!important}
html[lang=ar] .section-note,html[lang=ar] .about-copy>p,html[lang=ar] .steps p,html[lang=ar] details p{font-size:15px;line-height:2}

/* Each featured project uses its portrait cover with two supporting project images. */
.featured-card>.featured-media{position:absolute!important;inset:0!important;bottom:auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(360px,42vw) minmax(0,1fr)!important;gap:10px!important;z-index:0!important;background:#030b0f}
.featured-card .featured-media img{position:relative!important;inset:auto!important;width:100%!important;height:100%!important;padding:0!important;margin:0!important;object-fit:cover!important;transition:transform .75s cubic-bezier(.22,1,.36,1),filter .75s ease!important}
.featured-card .featured-media .featured-main{z-index:1!important;object-fit:contain!important;object-position:center!important;background:linear-gradient(180deg,#10242c,#050d12)!important;filter:saturate(.96) contrast(1.02)!important;box-shadow:0 0 70px #0008}
.featured-card .featured-media .featured-side{object-position:center 65%!important;filter:brightness(.5) saturate(.72)!important;transform:scale(1.025)!important}
.featured-card:hover .featured-media .featured-main{transform:scale(1.008)!important}
.featured-card:hover .featured-media .featured-side{transform:scale(1.045)!important;filter:brightness(.58) saturate(.82)!important}
.featured-card:after{z-index:2!important;background:linear-gradient(90deg,#02090dbf 0,transparent 34%,transparent 67%,#02090db5 100%),linear-gradient(180deg,#02090d35 0,transparent 50%,#02090ded 100%)!important}
.featured-card>.featured-copy{position:absolute!important;z-index:3!important;inset:auto 6vw 7%!important;width:min(620px,70vw)!important;padding:26px 30px!important;display:grid!important;gap:10px!important;border-radius:22px!important;background:linear-gradient(135deg,#0a2029b8,#06131a7d)!important;box-shadow:0 18px 52px #0008,inset 0 1px 0 #ffffff24!important;backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);text-align:start}
html[dir=ltr] .featured-card>.featured-copy{left:6vw;right:auto!important}
.featured-card>.featured-copy small{font-size:13px!important;color:#c8d6d7}
.featured-card>.featured-copy strong{font-size:clamp(44px,6.2vw,88px)!important;line-height:1.12!important}
.featured-card>.featured-copy em{font-size:14px!important;color:#f1e9db}

/* Project details use the same dark, architectural visual system as the main site. */
#project-dialog{background:#06131a!important;color:#eef2ef!important}
#project-dialog .close-dialog{top:17px!important;inset-inline-end:20px!important;width:46px!important;height:46px!important;border:1px solid #ffffff24!important;background:#0b222bcc!important;color:#fff!important;box-shadow:0 12px 34px #0007!important;backdrop-filter:blur(16px)}
.showcase-top{height:80px!important;padding:0 88px 0 5vw!important;display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:22px!important;background:#071820db!important;color:#edf2ef!important;border-bottom:1px solid #ffffff12!important;backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%)}
[dir=rtl] .showcase-top{padding:0 5vw 0 88px!important}
.showcase-top>a:last-child{justify-self:end;color:#c4d3d4}
[dir=rtl] .showcase-top>a:last-child{justify-self:start}
.showcase-brand{display:flex;align-items:center;gap:11px;justify-self:start;font-size:12px!important;color:#edf2ef}
[dir=rtl] .showcase-brand{justify-self:end}
.showcase-brand img{width:58px;height:38px;object-fit:contain;filter:brightness(0) invert(1)}
.showcase-brand span{font-weight:600}
.showcase-project-name{justify-self:center;font-size:13px;color:#aebfc3}
.showcase-hero{height:calc(100svh - 80px)!important;min-height:620px!important;display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(360px,.75fr)!important;gap:clamp(28px,5vw,80px)!important;align-items:stretch!important;padding:clamp(28px,4vw,60px) 5vw!important;background:radial-gradient(circle at 20% 15%,#173540 0,transparent 35%),#06131a!important}
.showcase-hero:after{display:none!important}
.showcase-hero>img{position:relative!important;width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important;object-position:center 70%!important;border-radius:24px!important;background:#0a2029!important;box-shadow:0 28px 80px #0009!important}
.showcase-hero.land-hero>img{object-fit:contain!important;background:#e8ebe5!important}
.showcase-hero>.showcase-hero-copy{position:relative!important;inset:auto!important;bottom:auto!important;align-self:center!important;padding:clamp(28px,3vw,46px)!important;color:#edf2ef!important;border-radius:24px!important;background:linear-gradient(145deg,#ffffff0d,#ffffff05)!important;border:1px solid #ffffff16!important;box-shadow:0 24px 70px #0005,inset 0 1px 0 #ffffff1a!important;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.showcase-hero-copy h2{margin:14px 0 26px!important;font-size:clamp(48px,5.7vw,86px)!important;line-height:1.18!important;overflow-wrap:anywhere}
.showcase-hero-copy .eyebrow{color:#b5c7ca}
.showcase-hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:9px!important}
.showcase-hero-meta>*{display:inline-flex;align-items:center;min-height:38px;padding:8px 13px;border:1px solid #ffffff1c;border-radius:999px;color:#e8eeeb;font-size:12px;line-height:1.5;background:#ffffff08}
.showcase-hero-meta a{background:#ecf0ea;color:#10242c;font-weight:700}
.brief-hero{height:calc(82svh - 80px)!important;min-height:560px!important}
.showcase-facts{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr)!important;gap:9vw!important;padding:110px 7vw!important;background:#081820!important}
.showcase-facts h3,.showcase-location h3,.showcase-plan h3,.showcase-enquiry h3,.floor-details h3{color:#f1f1ea}
.showcase-facts p,.showcase-location p,.showcase-plan p{color:#b2c1c4}
.facts-intro small{display:block;margin-top:30px;max-width:58ch;color:#778f96;line-height:1.8}
.fact-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:0 28px;margin:0!important}
.showcase-facts .fact-grid>div{display:block!important;padding:18px 0!important;border-bottom:1px solid #ffffff19!important}
.fact-grid dt{font-size:11px;color:#8fa5aa}
.fact-grid dd{margin:8px 0 0!important;text-align:start!important;font-size:19px;color:#f0f1eb;font-weight:600}
.project-features{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px;margin:34px 0 0;padding:0!important;list-style:none!important}
.project-features li{position:relative;padding-inline-start:18px;line-height:1.8;color:#c3d0d1}
.project-features li:before{content:'•';position:absolute;inset-inline-start:0;color:#d2aa72}
.showcase-location{display:grid;grid-template-columns:minmax(320px,.65fr) minmax(0,1.35fr);gap:5vw;align-items:center;padding:80px 6vw 100px;background:linear-gradient(180deg,#081820,#0a2029)}
.showcase-location .location-copy{max-width:500px}
.showcase-location iframe{display:block;width:100%;height:min(58svh,560px);border:0;border-radius:24px;filter:saturate(.65) contrast(1.05);box-shadow:0 30px 75px #0007}
.showcase-location .button{margin-top:24px}
.showcase-location.location-unconfirmed{grid-template-columns:1fr;min-height:360px;text-align:center}
.showcase-location.location-unconfirmed .location-copy{margin:auto}
.showcase-film{display:grid;grid-template-columns:minmax(240px,.35fr) minmax(0,1fr);gap:4vw;align-items:start;padding:80px 6vw!important;background:#0a2029!important;color:#eef2ef!important}
.showcase-film h3{margin:10px 0!important;font-size:clamp(32px,4vw,56px)!important}
.showcase-film video{border-radius:22px;box-shadow:0 28px 70px #0008}
.floor-details{grid-template-columns:.7fr 1fr 1fr!important;padding:90px 7vw!important;gap:5vw!important;background:#081820}
.floor-details .floor-heading h3{font-size:clamp(30px,3.4vw,52px)!important}
.floor-details>div:not(.floor-heading){padding-inline-start:26px;border-inline-start:1px solid #ffffff1c}
.showcase-scene{grid-template-columns:minmax(300px,.65fr) minmax(0,1.35fr)!important;gap:5vw!important;padding:75px 6vw!important;background:#07171e!important;color:#edf2ef}
.showcase-scene:nth-child(even){background:#0b2028!important}
.scene-copy{padding:0!important}
.scene-copy p{color:#b5c3c5}
.scene-copy small{color:#7f959a!important}
.scene-image{height:min(76svh,760px)!important;border-radius:20px;box-shadow:0 24px 64px #0007}
.showcase-plan{grid-template-columns:minmax(280px,.55fr) minmax(0,1.45fr)!important;padding:90px 6vw!important;background:#0a2029!important;color:#edf2ef}
.showcase-plan img{border-radius:20px}
.showcase-plan a span{color:#edf2ef}
.showcase-enquiry{padding:110px 6vw!important;background:radial-gradient(circle at 50% 0,#173946 0,transparent 48%),#06131a!important;color:#edf2ef}
.showcase-enquiry p{max-width:620px;margin-inline:auto;color:#b7c6c8;line-height:1.9}
.showcase-contact{background:#071820d9!important;color:#edf2ef!important;border-color:#ffffff19!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.showcase-contact .button{border-radius:999px!important}

.contact-identity{display:flex;align-items:center;gap:18px;margin-top:34px;padding:16px 0;border-block:1px solid #ffffff17}
.contact-identity img{width:82px;height:50px;object-fit:contain;filter:brightness(0) invert(1)}
.contact-identity>div{display:grid;gap:4px}
.contact-identity strong{font-size:17px}
.contact-identity span{font-size:11px;color:#aebfc3}
.direct-contact{display:grid!important;grid-template-columns:1fr;align-items:start;gap:15px!important}
.contact-phone,.contact-email{display:grid;gap:5px}
.contact-phone span,.contact-email span{font-size:11px;color:#aebfc3}
.contact-email bdi{font:500 18px/1.5 Manrope,sans-serif}
.footer-top .brand{width:120px;height:74px}
.footer-top .brand img{display:block;width:116px;height:70px;object-fit:contain;filter:brightness(0) invert(1)}
.footer-contact a{overflow-wrap:anywhere}

@media(max-width:1000px) and (min-width:701px){
 .featured-card>.featured-media{grid-template-columns:minmax(0,.65fr) minmax(340px,1fr) minmax(0,.65fr)!important}
 .showcase-hero{grid-template-columns:minmax(0,1fr) minmax(320px,.8fr)!important;gap:30px!important;padding-inline:4vw!important}
 .showcase-facts{grid-template-columns:1fr 1fr!important;gap:5vw!important}
}

@media(max-width:700px){
 #nav .brand{width:78px;height:48px}
 #nav .brand img{width:74px!important;height:45px!important}
 .loader-logo{width:150px;height:92px}
 html[lang=ar] body{font-size:16px}
 html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{letter-spacing:-.02em!important;line-height:1.5!important}
 .featured-card>.featured-media{display:block!important}
 .featured-card .featured-media .featured-side{display:none!important}
 .featured-card .featured-media .featured-main{display:block!important;object-fit:cover!important;object-position:center 78%!important;width:100%!important;height:100%!important}
 .featured-card>.featured-copy{inset:auto 6vw 11%!important;width:88vw!important;padding:21px 22px!important;border-radius:18px!important}
 html[dir=ltr] .featured-card>.featured-copy{left:6vw!important}
 .featured-card>.featured-copy small{font-size:11px!important}
 .featured-card>.featured-copy strong{font-size:39px!important}
 .featured-card>.featured-copy em{font-size:12px!important}
 #project-dialog .close-dialog{top:14px!important;inset-inline-end:14px!important}
 .showcase-top{height:72px!important;padding:0 68px 0 16px!important;grid-template-columns:1fr auto!important;gap:12px!important}
 [dir=rtl] .showcase-top{padding:0 16px 0 68px!important}
 .showcase-brand{gap:7px}
 .showcase-brand img{width:48px;height:32px}
 .showcase-brand span{font-size:10px}
 .showcase-project-name{display:none}
 .showcase-top>a:last-child{font-size:10px!important}
 .showcase-hero,.showcase-hero.brief-hero{height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;gap:18px!important;padding:86px 5vw 48px!important}
 .showcase-hero>img{height:58svh!important;min-height:390px!important;max-height:600px!important;border-radius:18px!important;object-position:center 72%!important}
 .showcase-hero.land-hero>img{height:48svh!important;min-height:330px!important}
 .showcase-hero>.showcase-hero-copy{width:100%!important;padding:24px 20px!important;border-radius:18px!important}
 .showcase-hero-copy h2{font-size:clamp(38px,11.5vw,55px)!important;margin:9px 0 20px!important}
 .showcase-hero-meta>*{font-size:10px;padding:7px 11px}
 .showcase-facts{grid-template-columns:1fr!important;gap:38px!important;padding:62px 6vw!important}
 .showcase-facts h3,.showcase-location h3,.showcase-plan h3,.showcase-enquiry h3{font-size:32px!important}
 .fact-grid{grid-template-columns:1fr!important}
 .fact-grid dd{font-size:17px}
 .project-features{grid-template-columns:1fr!important;margin-top:27px}
 .showcase-location{grid-template-columns:1fr!important;gap:30px!important;padding:55px 6vw 65px!important}
 .showcase-location iframe{height:52svh;min-height:360px;border-radius:18px}
 .showcase-film{grid-template-columns:1fr!important;padding:55px 5vw!important;gap:24px!important}
 .showcase-film video{border-radius:16px}
 .floor-details{grid-template-columns:1fr!important;padding:58px 7vw!important;gap:34px!important}
 .floor-details>div:not(.floor-heading){padding-inline-start:20px}
 .showcase-scene{grid-template-columns:1fr!important;padding:52px 5vw!important;gap:28px!important}
 .scene-image{height:58svh!important;border-radius:16px}
 .showcase-plan{grid-template-columns:1fr!important;padding:58px 6vw!important}
 .showcase-plan img{border-radius:16px}
 .showcase-enquiry{padding:75px 6vw!important}
 .showcase-contact{padding:9px 4vw!important}
 .showcase-contact>span{max-width:32vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .showcase-contact .button{font-size:11px!important;padding:11px 15px!important}
 .contact-identity{margin-top:27px}
 .contact-identity img{width:72px;height:44px}
 .contact-email bdi{font-size:16px}
 .footer-top .brand{width:105px;height:64px}
 .footer-top .brand img{width:100px;height:61px}
}

@media(prefers-reduced-motion:reduce){
 .featured-card .featured-media img{transition:none!important}
}

.partner-services{position:relative;color:#eef2ee;background:radial-gradient(circle at 12% 0%,#1b3540 0,transparent 35%),#07171e;border-top:1px solid #ffffff18;padding-block:clamp(58px,6vw,88px)}
.partner-inner{width:100%;max-width:1360px;margin-inline:auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:center;gap:clamp(36px,7vw,110px)}
.partner-services .eyebrow{color:#d6b88c;margin-bottom:20px}
.partner-services h2{font-size:clamp(36px,4.3vw,60px);line-height:1.35;max-width:750px;margin-bottom:20px}
.partner-services .partner-lead{max-width:610px;margin:0;color:#bdcbd0;font-size:clamp(15px,1.3vw,18px);line-height:1.9}
.partner-identity{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:40px;padding-top:24px;border-top:1px solid #ffffff24}
.partner-identity strong{font-size:17px;font-weight:700;color:#f4f1e9}
.partner-identity span,.partner-identity small{font-size:12px;color:#afc0c5;line-height:1.6}
.partner-identity small{width:100%}
.partner-identity bdi{color:#f4f1e9;font-family:Manrope,sans-serif}
.partner-actions{display:grid;gap:13px;padding:28px;border:1px solid #ffffff25;border-radius:24px;background:linear-gradient(135deg,#ffffff16,#ffffff08);box-shadow:0 25px 60px #0004;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.partner-actions>a{display:flex;align-items:center;justify-content:center;min-height:56px;width:100%;border-radius:999px;text-align:center;font-weight:700;font-size:15px;padding:13px 22px;transition:transform .25s,background .25s,border-color .25s}
.partner-actions>a:hover{transform:translateY(-2px)}
.partner-actions .button.light{background:#f3f1ea;color:#142832;border-color:#f3f1ea}
.partner-actions .button.light:hover{background:#fff}
.partner-secondary{color:#eef2ee;background:#ffffff08;border:1px solid #ffffff36}
.partner-secondary:hover{background:#ffffff16;border-color:#ffffff6b}
.partner-actions .partner-note{margin:7px 4px 0;max-width:none;color:#aebdc1;font-size:12px;line-height:1.75}
.close-dialog{display:grid!important;place-items:center!important;padding:0!important;line-height:1!important}
.close-dialog svg{display:block;flex:none;width:20px;height:20px}
#film-dialog .close-dialog{color:#10232c!important}

/* Quiet, translucent navigation and a compact architectural introduction. */
#nav,#nav.scrolled{
 height:74px!important;padding:8px 14px!important;
 background:linear-gradient(112deg,#9bcad61c,#4c7b871c 45%,#a8d2dd20)!important;
 border:0!important;
 box-shadow:0 16px 42px #0005,inset 0 10px 24px #d9f1f20c,inset 0 -12px 28px #0003!important;
 backdrop-filter:blur(24px) saturate(150%)!important;-webkit-backdrop-filter:blur(24px) saturate(150%)!important;
}
#nav:before{background:radial-gradient(ellipse at 27% 0,#e3f6ff24,transparent 45%),radial-gradient(ellipse at 86% 100%,#8fc7d61c,transparent 42%)!important;opacity:.8}
#nav:after{display:none}
#nav #primary-nav{gap:14px!important;padding:0!important;background:transparent!important;box-shadow:none!important}
#nav #primary-nav a{padding:11px 19px!important;font-size:14px!important;line-height:1.5;white-space:nowrap;text-decoration:none!important}
#nav #primary-nav a:hover,#nav #primary-nav a:focus-visible,#nav #primary-nav a.is-active{
 color:#f5f7f4!important;background:linear-gradient(135deg,#e7f7ff23,#bfdfe913)!important;
 box-shadow:inset 0 6px 16px #e9faff09,0 3px 14px #0002!important;
}
#nav a:after{content:none!important;display:none!important}
#nav .nav-actions{gap:14px!important}
#nav #language{font-size:14px!important}
a:hover,button:hover{text-decoration:none!important}
.text-link{border-bottom:0!important}

.opening-sequence .intro{
 display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:6vw;
 padding:78px 6vw 44px!important;min-height:0!important;
 background:radial-gradient(ellipse at 0 20%,#16303a55,transparent 65%),#08171e!important;
}
.intro-copy{text-align:start}
.intro-copy .eyebrow{margin:0 0 18px;font-size:13px;color:#b4c6cb}
.opening-sequence .intro .intro-copy h2{font-size:clamp(34px,3.8vw,54px)!important;line-height:1.5!important;letter-spacing:-.025em!important;margin:0 0 22px;max-width:680px}
.intro-copy>p:last-child{margin:0;max-width:560px;font-size:17px;line-height:1.9;color:#b8c8ce}
.intro-visual{margin:0;height:330px;border-radius:22px;overflow:hidden;box-shadow:0 18px 46px #0003}
.intro-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 56%}
.featured{padding-top:38px!important}
.featured>.eyebrow{margin-bottom:16px}
.featured>h2{margin-bottom:34px!important;font-size:clamp(32px,3.3vw,48px)!important;line-height:1.5!important}

@media(min-width:701px) and (max-width:1000px){
 #nav #primary-nav{gap:4px!important}
 #nav #primary-nav a{padding-inline:13px!important}
 #nav .nav-actions{gap:5px!important}
 .opening-sequence .intro{gap:4vw;padding-inline:5vw!important}
 .intro-visual{height:300px}
}
@media(max-width:700px){
 #nav,#nav.scrolled{height:66px!important;padding:7px 9px!important}
 #nav .nav-actions{gap:5px!important}
 #nav #primary-nav{top:76px!important;gap:4px!important;padding:9px!important;background:linear-gradient(145deg,#1b3a44f2,#0d222bf5)!important;box-shadow:0 24px 48px #0007!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
 #nav #primary-nav a{padding:10px 17px!important;font-size:15px!important}
 #nav #primary-nav .mobile-menu-contact{color:#10242c!important;background:linear-gradient(135deg,#f8f5ed,#dfe7e4)!important}
 .opening-sequence .intro{grid-template-columns:1fr;gap:28px;padding:62px 6vw 28px!important}
 .intro-copy .eyebrow{font-size:13px;margin-bottom:15px}
 .opening-sequence .intro .intro-copy h2{font-size:clamp(29px,8.2vw,36px)!important;line-height:1.55!important;margin-bottom:18px}
 .intro-copy>p:last-child{font-size:16px;line-height:1.9}
 .intro-visual{height:205px;border-radius:18px}
 .intro-visual img{object-position:50% 63%}
 .featured{padding-top:24px!important}
 .featured>h2{font-size:30px!important;margin-bottom:26px!important}
}
@media(max-width:700px){
 .partner-services{padding-block:68px 76px}
 .partner-inner{grid-template-columns:1fr;gap:32px}
 .partner-services h2{font-size:clamp(34px,9vw,46px);line-height:1.45;margin-bottom:16px}
 .partner-services .partner-lead{font-size:15px;line-height:1.85}
 .partner-identity{margin-top:30px;gap:6px 14px}
 .partner-identity strong{font-size:16px}
 .partner-actions{padding:20px;border-radius:20px}
 .partner-actions>a{min-height:54px;font-size:14px}
}

@supports(padding:max(0px)){
 @media(max-width:700px){
  .mobile-cta{bottom:max(16px,env(safe-area-inset-bottom))!important}
  .showcase-contact{padding-bottom:max(9px,env(safe-area-inset-bottom))!important}
  footer{padding-bottom:max(100px,calc(76px + env(safe-area-inset-bottom)))!important}
 }
}

/* Native viewing distance between the three featured scenes; no input interception. */
#featured-grid{display:flow-root!important}
#featured-grid::after{content:"";display:block;height:72svh}
#featured-grid .featured-card{margin:0 0 72svh!important}
#featured-grid .featured-card:last-child{margin-bottom:0!important}
.featured-card>.featured-media{height:100%!important}
.featured-card .featured-media img{min-width:0;min-height:0}
.close-dialog{margin:0!important}
@media(max-width:700px){#featured-grid::after{height:24svh}#featured-grid .featured-card{margin-bottom:24svh!important}}
@media(prefers-reduced-motion:reduce){#featured-grid::after{height:24px}#featured-grid .featured-card{margin-bottom:24px!important}}

/* Keep the wall pinned until the incoming editorial card covers it. */
.motion-ready .opening-sequence .hero,.opening-sequence .hero{height:290svh!important;min-height:calc(900px + 100svh)!important}
.opening-sequence .intro{margin-top:-100svh!important;border-radius:54px 54px 0 0!important}
body.site-loading .drift-track{animation-play-state:paused!important}
.hero-covered .drift-track{animation-play-state:paused!important}
@media(max-width:700px) and (prefers-reduced-motion:no-preference){
 .drift-column{transform:translate3d(0,var(--drift-scroll,0px),0)!important;transition:none!important}
}
.drift-tile img,.project-photo img,.featured-media img,.showcase-hero>img,.scene-image img,.showcase-plan img,.intro-visual img,.film-feature img,.about-image img,.journey-heading img{background-image:var(--image-preview)!important;background-size:cover;background-position:center;background-repeat:no-repeat}
.featured-media .featured-main,.showcase-plan img,.plan-scene-static img{background-size:contain}
@media(max-width:700px){
 .motion-ready .opening-sequence .hero,.opening-sequence .hero{height:265svh!important;min-height:calc(780px + 100svh)!important}
 .opening-sequence .intro{border-radius:38px 38px 0 0!important}
}
@media(prefers-reduced-motion:reduce){
 .motion-ready .opening-sequence .hero,.opening-sequence .hero{height:100svh!important;min-height:580px!important}
 .opening-sequence .intro{margin-top:0!important}
}

/* Prices appear only where a client-supplied list provides them. */
.projects .card-copy .card-price{order:3;margin:0 0 12px;font-size:14px;line-height:1.7;color:#f1dbba}
.featured-card>.featured-copy .featured-price{position:static!important;inset:auto!important;display:block!important;font-size:14px;line-height:1.6;color:#f1dbba}
.fact-grid .price-source{display:block;font-size:13px;line-height:1.7;color:#b5c8ce;margin-top:8px}
.price-note{font-size:14px;line-height:1.85;color:#b5c8ce;margin:18px 0 22px}

/* Readable bilingual copy on every surface, including the broker's licence. */
html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{letter-spacing:0!important}
html[lang=ar] .eyebrow{letter-spacing:0!important}
.about-copy>p:not(.eyebrow),.projects .section-note,.film-feature .film-copy p:not(.eyebrow),.partner-services .partner-lead,.steps p,.faq details p,.contact-copy>p:not(.eyebrow),.scene-copy p,.showcase-facts p,.showcase-location p,.showcase-plan p,.showcase-enquiry p,.privacy-content p,#film-dialog>p{font-size:1rem!important;line-height:1.9!important}
.about-copy .large-text{font-size:clamp(19px,1.6vw,23px)!important;line-height:1.8!important}
.licence{align-items:center;gap:18px;padding-block:24px}
.licence strong{color:#f3f1e9!important;font-size:1rem!important;line-height:1.7;font-weight:600}
.licence div>span{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin-top:6px;color:#c9d8de!important;font-size:.9375rem!important;line-height:1.8}
.licence bdi{color:#eef3f4!important;font:600 .9375rem/1.8 Manrope,Arial,sans-serif;margin:0;white-space:nowrap}
.about-copy .text-link{color:#e4edf0!important;font-size:1rem;line-height:1.8}
#nav .menu-toggle{color:#edf2ef!important}
#nav,#nav.scrolled{background-color:#071b24bf!important}
.about-copy>.eyebrow,.contact-copy>.eyebrow,.faq .eyebrow{color:#bfcfd5!important}
.eyebrow,.hero-copy .eyebrow,html[lang=ar] .hero-copy .eyebrow,.image-caption,.featured-card>.featured-copy small,.projects .card-location,.projects .property-type,.showcase-hero-meta>*{font-size:.875rem!important;line-height:1.8!important}
.source-note,.form-privacy,.preview-note,.facts-intro small,.scene-copy small,.partner-actions .partner-note,.partner-identity span,.partner-identity small,.contact-identity span,.contact-phone span,.contact-email span,.fact-grid dt{font-size:.875rem!important;line-height:1.85!important}
.source-note,.form-privacy,.preview-note,.facts-intro small,.scene-copy small,.partner-actions .partner-note,.partner-identity span,.partner-identity small,.contact-identity span,.contact-phone span,.contact-email span,.fact-grid dt{color:#bdcdd4!important}
.journey .eyebrow,.journey .steps article>span,.journey .steps p{color:#405762!important}
.faq summary,form label,select,.contact textarea,#result-status{font-size:1rem!important;line-height:1.8!important}
.contact form label{color:#dce6e9}
.contact textarea{min-height:180px}
.footer-bottom,.footer-bottom>span,.footer-bottom .text-link{font-size:.875rem!important;line-height:1.8!important}
.projects #project-count,.projects .collection-position,.projects .card-title>span,.showcase-top>a:last-child,.showcase-project-name,.loader-name span,.hero-bottom a,.hero-bottom>span{font-size:.8125rem!important;line-height:1.7!important}
.projects .card-bottom,.projects .project-card .card-bottom .text-link,.featured-card>.featured-copy em,.mobile-cta{font-size:.875rem!important;line-height:1.7!important}
@media(max-width:700px){
 .licence{padding-block:22px}
 .licence div>span{gap:4px 10px}
 .form-row{gap:16px}
 .hero-copy .eyebrow,html[lang=ar] .hero-copy .eyebrow{font-size:.8125rem!important}
 .projects .city-filters button,.projects .filters button{font-size:.8125rem!important;line-height:1.6!important}
}
@media(max-width:380px){.contact .form-row{grid-template-columns:minmax(0,1fr)}}
/* Do not let animated/rebuilt gallery children become document scroll anchors. */
.drift-wall,.collection-scroll,#featured-grid{overflow-anchor:none}
.drift-column{transition:none}
@media(hover:none){.drift-tile:hover,.drift-tile:hover img{transform:none!important;filter:none!important}}
@media(max-width:700px){
 .featured-card>.featured-copy{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:linear-gradient(135deg,#0a2029eb,#06131ad9)!important}
 .projects .card-copy .card-price,.featured-card>.featured-copy .featured-price{font-size:14px}
}