/* Refined opening, cinematic collection and paired plan stories. */
.opening-sequence{position:relative;isolation:isolate;background:var(--paper)}
.motion-ready .opening-sequence .hero{height:100svh;position:sticky;top:0;z-index:0}
.motion-ready .opening-sequence .hero-stage{position:relative;height:100svh;min-height:660px}
.opening-sequence .intro{margin-top:75svh;min-height:100svh;padding:90px 14% 110px;display:flex;flex-direction:column;justify-content:center;border-radius:28px 28px 0 0}
.hero-frame{clip-path:inset(35% 23% 6%)}
.hero-copy{padding-top:124px}.hero h1{font-size:clamp(52px,6.5vw,100px)}
.hero-sub{width:18%;top:48svh;inset-inline-start:3.3%;font-size:13px}
.hero-copy>.button{width:18%;top:67svh;inset-inline-end:auto;inset-inline-start:3.3%;font-size:12px}
.hero-side-note{position:absolute;z-index:4;inset-inline-start:3.3%;top:78svh;width:18%;border-top:1px solid #192c3533;padding-top:17px;display:flex;flex-direction:column;gap:10px;font-size:10px;color:var(--muted)}
.hero-side-note bdi{font:11px Manrope;letter-spacing:1px}.hero-counter{display:none}.hero-wordmark{font-size:25vw;bottom:11%;color:#d1d9d7}
.film-tile{position:absolute;z-index:4;top:45svh;inset-inline-end:3.3%;width:18%;border:0;background:none;padding:0;color:var(--ink);text-align:start;transition:transform .6s var(--ease)}
.film-tile>img{display:block;width:100%;aspect-ratio:1.4;object-fit:cover;filter:brightness(.85);transition:filter .5s}.film-play{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);width:54px;height:54px;border:1px solid #ffffffb0;border-radius:50%;display:grid;place-items:center;background:#ffffff20;backdrop-filter:blur(8px);color:white;font-size:16px;transition:background .4s,scale .4s}.film-tile:hover .film-play,.film-screen:hover .film-play{background:var(--ink);scale:1.08}.film-tile:hover>img{filter:brightness(1)}.film-tile-caption{display:flex;flex-direction:column;gap:9px;padding:17px 0;border-bottom:1px solid #192c3540}.film-tile-caption b{font-size:12px;font-weight:500}.film-tile-caption small{font-size:9px;letter-spacing:1px}
.projects{border-radius:0;padding:70px 0 35px;background:#10191e;overflow:clip}
.projects .section-top{padding-inline:4%;margin-bottom:30px}.projects .section-top h2{font-size:clamp(50px,6vw,90px);margin-bottom:0}.projects .section-note{font-size:12px}.collection-stage{padding-top:0}.filters{padding:13px 4%;margin:0;border-top:1px solid #ffffff26;border-bottom:1px solid #ffffff26;background:#10191e}.collection-window{margin:0;padding:0;overflow:hidden}.project-grid{direction:ltr;gap:0}.project-card,.project-card:nth-child(even){flex-basis:92vw;grid-template-columns:42% 58%;direction:ltr;background:#f2f1eb;color:#192c35;min-height:0}.project-card .project-photo{grid-column:2;grid-row:1;height:calc(100svh - 220px);min-height:380px;max-height:800px}.project-card .card-copy{grid-column:1;grid-row:1;padding:40px 8%;direction:ltr;text-align:left}.project-card:nth-child(odd){background:#080d10;color:#f2f1eb;--muted:#bac6ca;--line:#ffffff30}.project-card:nth-child(odd) .card-index{color:#c0cbd0}.project-card .card-location{color:var(--muted);font-size:11px}.project-card .card-title h3{font-size:clamp(32px,3.6vw,58px);line-height:1.4;margin-top:15px;margin-bottom:28px}.project-card .card-index{font-size:10px;margin-bottom:30px}.project-card .card-description{font-size:14px;line-height:2;max-width:370px;margin-top:auto}.project-card .card-bottom{margin-top:20px;display:flex;align-items:center;gap:20px;justify-content:space-between}.project-card .card-bottom>.text-link{margin-top:0}.project-photo img{object-position:50% 60%}.collection-navigation{padding-inline:4%;margin-top:15px}.projects>.source-note{padding-inline:4%;max-width:1100px;margin-top:25px}.project-card .plain{text-align:inherit}.project-card .property-type{direction:rtl}.project-card .card-copy:lang(ar){direction:rtl;text-align:right}.project-card .card-title{align-items:stretch}.project-card .card-bottom{direction:inherit}.projects .section-top{will-change:transform}
.plan-stories{background:var(--paper);position:relative;z-index:4;padding:0 4%;border-radius:0;isolation:isolate}.plan-stage{position:relative;padding-top:35px;padding-bottom:20px}.plan-chapter{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:25px}.plan-chapter h2{font-size:clamp(38px,4vw,64px);margin:0;line-height:1.4;letter-spacing:-2px}.plan-chapter .eyebrow{font-size:10px;margin:0;max-width:210px;line-height:1.8}.plan-scene{display:grid;grid-template-columns:40% 60%;gap:0;padding:20px 0;direction:inherit}.plan-story{grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:center;padding:25px 12% 25px 0;text-align:start;direction:inherit}.plan-story:lang(ar){padding:25px 0 25px 12%}.plan-number{font:11px Manrope;letter-spacing:2px;color:#60727b;direction:ltr;text-align:start;margin-bottom:34px}.plan-story>.eyebrow{font-size:10px;margin-bottom:20px;color:#64727a;line-height:2}.plan-story h3{font-size:clamp(28px,3.2vw,48px);line-height:1.55;margin:0 0 25px;letter-spacing:-1px}.plan-story>p:not(.eyebrow){font-size:14px;line-height:2.1;max-width:390px;color:#52646d;margin:0 0 25px}.plan-story-meta{border-top:1px solid #192c3530;padding-top:20px;font-size:11px;display:flex;flex-direction:column;gap:15px}.plan-story-meta>a{padding-block:10px;text-decoration:underline;text-underline-offset:8px;width:fit-content;min-height:44px}.plan-visual{grid-column:2;grid-row:1;position:relative;min-height:570px;display:grid;grid-template-columns:1fr 25%;gap:20px;align-items:start;direction:ltr}.plan-visual figure{margin:0;overflow:hidden;background:#fff8f0}.plan-drawing{height:100%;max-height:650px;position:relative;padding:18px 8px 40px;box-shadow:0 15px 45px #192c3510}.plan-drawing img{height:100%;width:100%;object-fit:contain;display:block}.plan-drawing figcaption{position:absolute;bottom:16px;left:10px;right:10px;font-size:8px;text-align:center;letter-spacing:.5px;color:#65757b}.plan-context{height:70%;margin-top:35%!important}.plan-context img{height:100%;width:100%;object-fit:cover;object-position:50% 62%}.plan-navigation{display:flex;align-items:center;gap:16px;border-top:1px solid #192c3530;padding-top:15px;direction:ltr}.plan-navigation button{background:none;width:44px;height:44px;border:1px solid #192c3550;border-radius:50%;font-size:20px;color:var(--ink)}.plan-navigation button:hover{background:var(--ink);color:var(--paper)}.plan-navigation button:disabled{opacity:.3;cursor:default}.plan-navigation span{font:11px Manrope;min-width:50px;text-align:center}.plan-navigation>a{margin-inline-start:auto;font-size:11px;padding:12px;min-height:44px}
.motion-ready .plan-stories{height:440svh}.motion-ready .plan-stage{position:sticky;top:74px;height:calc(100svh - 74px);display:flex;flex-direction:column}.motion-ready #plan-scenes{position:relative;flex:1;min-height:0;overflow:hidden}.motion-ready .plan-scene{position:absolute;inset:0;padding:0}.motion-ready .plan-visual{min-height:0;height:100%;padding-block:5px 25px}.motion-ready .plan-story{padding-block:5px 25px}.motion-ready .plan-navigation{flex-shrink:0}.motion-ready .plan-scene:not(:first-child){visibility:hidden}
.film-feature{display:grid;grid-template-columns:34% 66%;gap:0;padding:100px 4%;background:#bdcdd3;align-items:center;position:relative;z-index:4}.film-feature>div{padding-inline-end:15%}.film-feature h2{font-size:clamp(34px,3.6vw,54px);letter-spacing:-1.5px;line-height:1.5}.film-feature p:not(.eyebrow){font-size:13px;line-height:2;color:#405966}.film-screen{position:relative;padding:0;border:0;background:var(--ink);width:100%;overflow:hidden}.film-screen>img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform 1s var(--ease);filter:brightness(.88)}.film-screen:hover>img{transform:scale(1.035)}.film-screen .film-play{top:50%;width:85px;height:85px;font-size:23px}.film-duration{position:absolute;bottom:20px;left:24px;color:white;font:11px Manrope;letter-spacing:2px}#film-dialog{max-width:1100px;width:calc(100% - 40px);background:#10191e;color:var(--paper)}.film-dialog-top{padding:25px 30px;display:flex;align-items:center;justify-content:space-between;padding-inline-end:85px}.film-dialog-top h2{font-size:22px;line-height:1.5;margin:0}.film-dialog-top>span{font:11px Manrope}#project-film{width:100%;max-height:66svh;display:block;background:black}#film-dialog>p{font-size:10px;line-height:2;margin:20px 30px}#film-dialog .close-dialog{background:var(--paper)}
html[lang=en] .hero-frame{clip-path:inset(39% 23% 6%)}html[lang=en] .hero h1{font-size:clamp(50px,5.5vw,82px);line-height:1.05}html[lang=en] .hero-copy{padding-top:125px}html[lang=en] .plan-story h3{line-height:1.1;letter-spacing:-1.8px}html[lang=en] .project-card .card-title h3{font-size:clamp(30px,3.4vw,53px);line-height:1.1}html[lang=en] .film-feature h2{line-height:1.1}
@media(max-height:800px) and (min-width:701px){.hero-copy,html[lang=en] .hero-copy{padding-top:110px}.hero h1{font-size:64px}.hero-sub{font-size:11px}.hero-side-note{top:80svh;font-size:9px}.film-tile-caption b{font-size:10px}.film-tile-caption{padding:12px 0}.plan-stage{padding-top:20px}.plan-chapter{margin-bottom:12px}.plan-chapter h2{font-size:43px}.plan-story h3{font-size:33px;margin-bottom:18px}.plan-number{margin-bottom:18px}.plan-story>p:not(.eyebrow){font-size:12px}.plan-story-meta{padding-top:12px;gap:5px}.plan-story>.eyebrow{margin-bottom:12px}.project-card .card-description{font-size:12px}.project-card .card-copy{padding:25px 7%}.project-card .card-title h3{font-size:40px;margin-bottom:20px}.project-card .card-index{margin-bottom:15px}}
@media(max-width:1000px) and (min-width:701px){.hero h1{font-size:57px}.hero h1 span,.hero h1 em{display:inline}.hero-sub{font-size:11px;top:49svh}.hero-side-note{top:76svh}.hero-copy>.button{font-size:10px;padding:10px 8px;top:64svh}.film-tile{width:19%;inset-inline-end:2.5%}.film-tile-caption b{font-size:10px}.film-play{width:42px;height:42px}.project-card .card-copy{padding-inline:7%}.project-card .card-description{font-size:12px}.project-card .card-bottom{flex-wrap:wrap;gap:0}.project-card .card-title h3{font-size:35px}.plan-story h3{font-size:33px}.plan-story>p:not(.eyebrow){font-size:12px}.plan-visual{grid-template-columns:1fr}.plan-context{display:none}.plan-chapter h2{font-size:42px}.film-feature{grid-template-columns:1fr;gap:28px}.film-feature>div{padding:0;max-width:580px}}
@media(max-width:700px){.motion-ready .opening-sequence .hero-stage{min-height:760px}.opening-sequence .intro{margin-top:55svh;min-height:100svh;padding:80px 8% 100px}.hero-copy,html[lang=en] .hero-copy{padding-top:110px}.hero h1{font-size:40px;line-height:1.4}.hero-frame,html[lang=en] .hero-frame{clip-path:inset(32% 5% 21%)}.hero-sub{display:none}.hero-copy>.button{top:auto;bottom:89px;inset-inline-start:5%;width:43%;font-size:11px;min-height:57px}.hero-side-note{display:none}.film-tile{top:auto;bottom:89px;inset-inline-end:5%;width:43%;height:57px;display:flex;align-items:center;background:#dce4e6;padding:7px;gap:9px}.film-tile>img{width:55px;height:43px;aspect-ratio:auto}.film-tile .film-play{width:24px;height:24px;font-size:9px;top:50%;left:auto;inset-inline-start:22px;transform:translateY(-50%)}.film-tile-caption{padding:0;border:0;gap:5px}.film-tile-caption b{font-size:8px;line-height:1.4}.film-tile-caption small{font-size:7px;letter-spacing:0}.film-tile-caption small span{display:none}.hero-bottom{bottom:57px;font-size:7px}.projects{padding-top:50px;overflow:clip}.projects .section-top{padding-inline:6%;margin-bottom:22px}.projects .section-top h2{font-size:38px}.projects .section-note{font-size:11px}.filters{padding-inline:5%;padding-block:12px}.project-grid{display:flex;gap:0;transform:translateX(var(--mobile-travel,0px))!important}.project-card,.project-card:nth-child(even){display:grid;flex:0 0 100%;grid-template-columns:1fr;grid-template-rows:47% 53%;height:calc(100svh - 205px);min-height:550px}.project-card .project-photo{grid-column:1;grid-row:1;height:100%;min-height:0;max-height:none}.project-card .card-copy{grid-column:1;grid-row:2;padding:20px 6%;text-align:start;overflow:auto}.project-card .card-title{flex-direction:row;align-items:center}.project-card .card-index{margin:0}.project-card .card-title h3{font-size:28px;margin:0 0 10px}.project-card .card-description{font-size:11px;line-height:1.8;margin:0 0 10px;max-width:none}.project-card .card-location{font-size:9px;margin-bottom:10px}.project-card .card-bottom{margin-top:auto;gap:10px;padding-top:8px;flex-wrap:nowrap}.collection-window{overflow:hidden}.collection-navigation{display:flex;padding-inline:6%;margin-top:12px}.collection-controls{gap:8px}.collection-controls button{width:38px;height:38px}.collection-controls{min-height:44px}.motion-ready .collection-scroll{height:var(--collection-height)!important}.motion-ready .collection-stage{position:sticky;top:76px}.projects>.source-note{padding-inline:6%;font-size:9px}.plan-stories{padding-inline:6%}.motion-ready .plan-stories{height:430svh}.motion-ready .plan-stage{top:76px;height:calc(100svh - 76px);padding-top:25px;padding-bottom:15px}.plan-chapter{display:block;margin-bottom:18px}.plan-chapter .eyebrow{font-size:8px;margin-bottom:10px;max-width:none}.plan-chapter h2{font-size:31px;letter-spacing:-1px}.plan-scene{grid-template-columns:1fr;grid-template-rows:48% 52%}.plan-story{grid-row:2;grid-column:1;padding:18px 0 0!important;justify-content:start;overflow:auto}.plan-number{display:none}.plan-story>.eyebrow{font-size:9px;margin-bottom:8px}.plan-story h3{font-size:25px;margin-bottom:12px;line-height:1.4}.plan-story>p:not(.eyebrow){font-size:11px;line-height:1.9;margin-bottom:10px}.plan-story-meta{flex-direction:row;justify-content:space-between;align-items:center;font-size:9px;padding-top:3px;gap:10px}.plan-story-meta a{font-size:9px}.plan-visual{grid-row:1;grid-column:1;grid-template-columns:1fr 27%;gap:13px;padding-block:0!important}.plan-drawing{padding:6px 3px 24px;box-shadow:none}.plan-drawing figcaption{font-size:6px;bottom:8px}.plan-context{height:80%;margin-top:30%!important}.plan-navigation{margin-top:10px;gap:8px;padding-top:8px}.plan-navigation button{width:40px;height:40px}.plan-navigation>a{font-size:8px;padding-inline:0;max-width:160px}.plan-navigation span{font-size:9px}.film-feature{padding:65px 6%;grid-template-columns:1fr;gap:25px}.film-feature>div{padding:0}.film-feature h2{font-size:37px}.film-feature p:not(.eyebrow){font-size:12px}.film-screen .film-play{width:60px;height:60px;font-size:18px}#film-dialog{width:calc(100% - 20px)}.film-dialog-top{padding:22px 18px;padding-inline-end:66px}.film-dialog-top h2{font-size:17px}.film-dialog-top>span{display:none}#film-dialog>p{margin:18px;font-size:9px}html[lang=en] .hero h1{font-size:36px;line-height:1.07}html[lang=en] .hero-copy{padding-top:112px}html[lang=en] .hero h1 span,html[lang=en] .hero h1 em{display:block}html[lang=en] .plan-story h3{font-size:28px}html[lang=en] .project-card .card-title h3{font-size:29px}html[lang=en] .hero-copy>.button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.motion-ready .opening-sequence .hero{position:relative;height:auto}.opening-sequence .intro{margin-top:0}.projects{transform:none!important}.motion-ready .collection-scroll,.motion-ready .plan-stories{height:auto!important}.motion-ready .collection-stage,.motion-ready .plan-stage{position:relative;top:auto;height:auto}.project-grid{display:grid;grid-template-columns:1fr;transform:none!important}.project-card,.project-card:nth-child(even){display:grid;min-height:600px;height:auto;grid-template-columns:42% 58%;grid-template-rows:1fr}.project-card .card-copy{grid-column:1;grid-row:1}.project-card .project-photo{grid-column:2;grid-row:1;height:600px}.collection-navigation,.plan-navigation{display:none}.motion-ready #plan-scenes{overflow:visible}.motion-ready .plan-scene{position:relative;visibility:visible!important;opacity:1!important;transform:none!important;min-height:640px;margin-block:45px}.plan-story,.plan-visual{transform:none!important;opacity:1!important;clip-path:none!important}.plan-context{transform:none!important}}
@media(prefers-reduced-motion:reduce) and (max-width:700px){.project-card,.project-card:nth-child(even){display:flex;flex-direction:column;min-height:0}.project-card .project-photo{height:350px}.motion-ready .plan-scene{min-height:720px;grid-template-rows:380px auto}.motion-ready .plan-visual{height:380px}.plan-story{overflow:visible}}

.film-tile>img,.film-screen>img{height:auto}@media(max-width:700px){.film-tile>img{height:43px}}

body{font-family:'Manrope','IBM Plex Sans Arabic',sans-serif}body:lang(ar){font-family:'IBM Plex Sans Arabic','Manrope',sans-serif}h1:lang(ar),h2:lang(ar),h3:lang(ar){letter-spacing:-.6px}.brand strong{font-family:'Noto Kufi Arabic',sans-serif;font-size:29px;font-weight:600;line-height:1.5;letter-spacing:-1.5px}.brand span{font-family:Manrope,sans-serif;font-size:8px;font-weight:600;line-height:1;letter-spacing:5px;margin-top:0;text-align:center;padding-inline-start:5px}.footer-signature:lang(ar){font-family:'Noto Kufi Arabic',sans-serif;font-weight:500;letter-spacing:-.045em}@media(max-width:700px){.brand strong{font-size:23px}.brand span{font-size:6px;letter-spacing:4px;padding-inline-start:4px}}

@media(max-width:700px){.immersive-scene .mobile-cta{opacity:0;visibility:hidden;pointer-events:none}}