@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,500&display=swap');
:root{color-scheme:dark;--bg:#131413;--text:#f3f4ed;--muted:#a6aaa3;--line:#373a34;--accent:#c8ff57}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:7px}header,main,footer{max-width:1600px;margin:auto;padding-inline:5.2%}header{height:114px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.identity{font-size:38px;font-weight:700;letter-spacing:-2px}.identity span{font-size:14px;vertical-align:top;letter-spacing:0;margin-left:3px}nav{display:flex;align-items:center;gap:38px;font-size:14px}nav a:hover{color:var(--accent)}nav .contact{border:1px solid #5b6055;border-radius:40px;padding:12px 21px}.contact span{margin-left:20px}.hero{padding-top:55px;padding-bottom:65px}.eyebrow{font-size:13px;letter-spacing:.13em;font-weight:500}.hero>.eyebrow{display:flex;justify-content:space-between;color:var(--muted)}h1{font-size:clamp(64px,8.8vw,140px);font-weight:500;letter-spacing:-.065em;line-height:1.04;margin:42px 0 38px}em{font-family:'Playfair Display',Georgia,serif;font-weight:500}h1 em{letter-spacing:-.055em}.lime{color:var(--accent)}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.hero-bottom p{color:var(--muted);margin:0;line-height:1.7}.round-link{display:grid;place-items:center;width:66px;height:66px;border:1px solid #69705f;border-radius:50%;font-size:28px;transition:.2s}.round-link:hover{background:var(--accent);color:var(--bg);transform:translateY(4px)}.arabic{font-size:25px}.section-heading{border-top:1px solid var(--line);padding:24px 0 30px;display:flex;align-items:center;justify-content:space-between}.section-heading h2{font-size:19px;font-weight:500;margin:0}.section-heading sup{color:var(--muted);font-size:12px;margin-left:12px}.section-heading>span{font-size:12px;letter-spacing:.09em;color:var(--muted)}.visual{position:relative;display:block;overflow:hidden;background:#363b35}.visual img{position:absolute;display:block;max-width:none;transition:filter .4s}.visual:hover img{filter:brightness(1.12)}.air{aspect-ratio:2.05;background:#a1b0b7}.air img{width:303%;left:-3.2%;top:-515%}.air{background-image:linear-gradient(90deg,#0003,transparent)}.visual-tag{position:absolute;top:32px;left:32px;font-size:14px;letter-spacing:.22em;text-shadow:0 1px 10px #000}.view{position:absolute;bottom:24px;right:24px;padding:10px 17px;background:#151713dc;border:1px solid #ffffff40;border-radius:30px;font-size:14px}.project-info{display:flex;align-items:center;gap:35px;justify-content:space-between;padding:24px 0 46px}.project-no{font-size:12px;color:var(--muted);letter-spacing:.09em}h3{font-size:30px;line-height:1.2;letter-spacing:-.035em;font-weight:500;margin:10px 0}.project-info p{font-size:15px;color:var(--muted);line-height:1.65;margin:10px 0}.year{color:var(--muted);font-size:14px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.work-grid .visual{aspect-ratio:1.35}.burger img{width:206%;left:-103%;top:-64%}.animation img{width:580%;left:-477%;top:-306%}.about{display:grid;grid-template-columns:1fr 2fr;gap:65px;border-top:1px solid var(--line);margin-top:30px;padding:80px 0 100px}.about-label{display:flex;flex-direction:column;gap:28px}.about-label>span:last-child{font-size:24px;text-align:left;color:var(--muted)}.about h2{font-size:clamp(32px,4.1vw,62px);line-height:1.15;letter-spacing:-.045em;font-weight:500;margin:0 0 30px}.about p{max-width:650px;color:var(--muted);font-size:18px;line-height:1.8}.disciplines{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.disciplines span{border:1px solid var(--line);border-radius:30px;padding:9px 15px;font-size:14px}.closing{border-top:1px solid var(--line);padding:55px 0 45px}.closing>.eyebrow{color:var(--muted)}.closing>a{display:block;font-size:clamp(60px,8vw,124px);letter-spacing:-.065em;line-height:1.08;margin:30px 0 40px}.closing>a:hover em{color:var(--accent)}.closing-bottom{display:flex;justify-content:space-between;gap:20px}.closing-bottom>span{font-size:12px;letter-spacing:.1em;color:var(--muted)}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding-block:28px;color:var(--muted);font-size:13px}.skip{position:fixed;top:-100px;left:20px;background:var(--accent);color:#000;padding:12px;z-index:10}.skip:focus{top:15px}@media(min-width:1600px){h1{font-size:140px}}@media(max-width:700px){header,main,footer{padding-inline:6%}header{height:90px}.identity{font-size:32px}nav{gap:18px}nav .contact{padding:8px 12px}nav .contact span{display:none}nav>a:first-child{display:none}.hero{padding-top:30px;padding-bottom:42px}.hero>.eyebrow{font-size:11px;gap:15px}.hero>.eyebrow span:last-child{max-width:135px;text-align:right}h1{font-size:clamp(53px,11.5vw,80px);margin:40px 0 30px}.hero-bottom{flex-wrap:wrap}.hero-bottom p{font-size:15px}.arabic{display:none}.round-link{width:52px;height:52px}.section-heading>span{display:none}.air{aspect-ratio:1.05}.air img{top:-260%;width:303%}.visual-tag{left:17px;top:17px;font-size:12px}.view{right:15px;bottom:15px}.project-info{align-items:flex-start;flex-wrap:wrap;gap:0;padding:20px 0 32px}.project-info>p{flex-basis:100%}.year{display:none}h3{font-size:27px}.work-grid{grid-template-columns:1fr;gap:8px}.about{grid-template-columns:1fr;gap:35px;padding:50px 0}.about-label{flex-direction:row;justify-content:space-between;align-items:center;gap:15px}.about-label>span:last-child{font-size:20px}.about p{font-size:16px}.closing{padding-top:40px}.closing-bottom{flex-direction:column}footer{flex-wrap:wrap;font-size:12px}footer>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.films{padding:10px 0 70px}.film-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.8fr);gap:60px;align-items:start}.collection-intro{display:flex;align-items:center;gap:28px;margin:0 0 30px}.collection-cover{width:47%;max-width:300px;aspect-ratio:1;object-fit:contain;display:block}.collection-intro h3{font-family:Arial,sans-serif;font-size:38px;text-align:left;margin:12px 0}.collection-intro p{color:var(--muted);line-height:1.7}.film-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.film-choice{position:relative;display:flex;align-items:center;gap:10px;text-align:left;font:inherit;font-size:14px;color:var(--text);background:#20231f;border:1px solid var(--line);padding:10px;cursor:pointer;min-width:0}.film-choice img{width:38px;height:66px;object-fit:cover}.film-choice small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.film-choice[aria-pressed=true]{border-color:var(--accent);background:#293123}.film-choice:hover{background:#30372b}.film-choice:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.play-icon{position:absolute;right:7px;top:5px;color:var(--accent);font-size:15px}.film-screen{max-width:390px;width:100%;justify-self:end}.film-screen video{display:block;width:100%;aspect-ratio:9/16;background:#273343;object-fit:contain}.film-caption{display:flex;justify-content:space-between;margin-top:14px;color:var(--muted);font-size:14px}.film-screen>p{font-size:14px}.film-screen>p a{text-decoration:underline}.films .section-heading{margin-bottom:10px}@media(max-width:1000px){.film-layout{gap:30px}.film-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-intro{gap:15px}.collection-intro h3{font-size:28px}.collection-intro p{font-size:14px}}@media(max-width:700px){.film-layout{grid-template-columns:1fr;gap:28px}.film-screen{justify-self:center;grid-row:1;max-width:330px}.film-collection{display:contents}.collection-intro{grid-row:1;margin-bottom:0}.film-screen{grid-row:2}.film-choices{grid-row:3;grid-template-columns:repeat(3,minmax(0,1fr))}.film-choice{flex-direction:column;align-items:flex-start;padding:9px}.film-choice img{width:100%;height:auto;aspect-ratio:9/12}.film-choice>span{width:100%}.film-choice small{float:right}.play-icon{display:none}nav{gap:14px}.films{padding-bottom:40px}}
:root[data-theme=light]{color-scheme:light;--bg:#f7f8f5;--text:#192017;--muted:#56604f;--line:#ced5c8;--accent:#426800}.preferences{display:flex;align-items:center;gap:10px;margin-inline-start:24px}.preferences a,.preferences button{background:transparent;border:1px solid var(--line);border-radius:30px;color:var(--text);font:inherit;font-size:14px;padding:9px 14px;cursor:pointer;white-space:nowrap}.preferences button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}header nav{margin-inline-start:auto}.visual-tag,.view{color:#fff}.round-link:hover{background:var(--accent);color:var(--bg)}[data-theme=light] .film-choice{background:#edf0e8;color:var(--text)}[data-theme=light] .film-choice:hover{background:#e0e9d4}[data-theme=light] .film-choice[aria-pressed=true]{background:#e6efda}[data-theme=light] .skip{color:white}[dir=rtl] body{font-family:'Noto Sans Arabic',Tahoma,Arial,sans-serif}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] .closing>a,[dir=rtl] .eyebrow,[dir=rtl] .project-no,[dir=rtl] .section-heading>span{letter-spacing:0}[dir=rtl] em{font-family:inherit;font-style:normal;font-weight:500}[dir=rtl] h1{font-size:clamp(52px,7.7vw,116px);line-height:1.55;margin:25px 0}[dir=rtl] .closing>a{font-size:clamp(48px,7vw,105px);line-height:1.6}[dir=rtl] .about h2{line-height:1.6}[dir=rtl] .about-label>span:last-child,[dir=rtl] .collection-intro h3,[dir=rtl] .film-choice{text-align:right}[dir=rtl] .film-screen{justify-self:end}[dir=rtl] .film-screen video{direction:ltr}[dir=rtl] .film-choice .play-icon{right:auto;left:7px}[dir=rtl] .section-heading sup{margin-left:0;margin-right:12px}[dir=rtl] .identity{font-family:'DM Sans',Arial,sans-serif;direction:ltr}[dir=rtl] .film-caption #film-current{unicode-bidi:isolate}[dir=rtl] small{direction:ltr;unicode-bidi:isolate}[dir=rtl] .project-info p{font-size:16px}[dir=rtl] .collection-intro h3{font-family:inherit}@media(max-width:1050px){header{flex-wrap:wrap;height:auto;min-height:110px;padding-block:18px;gap:15px}header nav{gap:20px}.preferences{margin-inline-start:0}}@media(max-width:700px){header{display:grid;grid-template-columns:1fr auto;gap:16px;padding-block:16px}header .identity{grid-column:1;grid-row:1}.preferences{grid-column:2;grid-row:1}header nav{grid-column:1/-1;grid-row:2;justify-content:space-between;margin:0;width:100%;gap:12px}nav>a:first-child{display:block}nav a{font-size:13px}nav .contact{padding:6px 10px}.preferences a,.preferences button{padding:7px 11px}[dir=rtl] .hero>.eyebrow span:last-child{text-align:left}[dir=rtl] h1{font-size:clamp(46px,10.6vw,72px);line-height:1.6}[dir=rtl] .film-screen{justify-self:center}[dir=rtl] .film-choice small{float:left}[dir=rtl] .hero-bottom p{font-size:16px}.film-choice small{float:none;display:block}}
/* Arabic typography: contemporary text with an expressive Naskh accent. */
[dir=rtl] body{font-family:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif;font-weight:400}[dir=rtl] h1{font-family:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif;font-size:clamp(52px,7.3vw,110px);font-weight:400;line-height:1.42;margin:35px 0 38px}[dir=rtl] h1 em,[dir=rtl] .about h2 em,[dir=rtl] .closing>a em{font-family:'Aref Ruqaa','Traditional Arabic',serif;font-weight:400;font-style:normal;font-size:1.16em;line-height:inherit}[dir=rtl] .about h2,[dir=rtl] .closing>a{font-weight:400}[dir=rtl] .hero-bottom p{line-height:1.9}[dir=rtl] .collection-intro h3{font-weight:500}@media(max-width:700px){[dir=rtl] h1{font-size:clamp(36px,8.8vw,60px);line-height:1.55;margin:32px 0 28px}[dir=rtl] .closing>a{font-size:clamp(43px,9vw,65px)}}
/* Supplied logo, framed without altering its original artwork. */
header .identity{display:block;flex-shrink:0;width:76px;height:88px;line-height:1;letter-spacing:0;mix-blend-mode:screen}header .identity .logo-window{position:relative;display:block;width:76px;height:88px;overflow:hidden;margin:0}header .identity .logo-window img{position:absolute;display:block;width:302%;height:auto;max-width:none;left:-103%;top:-85%}[data-theme=light] header .identity{filter:invert(1);mix-blend-mode:multiply}@media(max-width:700px){header .identity,header .identity .logo-window{width:58px;height:68px}}
.collection-nav{display:flex;flex-wrap:wrap;gap:12px 28px;margin:0 0 28px;padding:20px 0;border-top:1px solid var(--line)}.collection-nav a{font-size:16px;color:var(--muted)}.collection-nav a:hover{color:var(--text)}.portfolio-collection{padding:10px 0 70px}.collection-description{font-size:20px;color:var(--muted);max-width:760px;margin:0 0 35px;line-height:1.8}.poster-gallery,.what-if-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.poster-gallery figure{margin:0}.poster-gallery a,.what-if-gallery a{display:block;overflow:hidden}.poster-gallery img,.what-if-gallery img{display:block;width:100%;height:auto;transition:filter .2s}.poster-gallery a:hover img,.what-if-gallery a:hover img{filter:brightness(1.1)}.poster-gallery figcaption{font-size:16px;margin-top:12px}.myth-video{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;border-top:1px solid var(--line);padding:40px 0 0;margin:45px 0 0}.myth-video video{width:100%;max-width:360px;aspect-ratio:512/910;object-fit:contain;background:#000;justify-self:center;direction:ltr}.myth-video h3{font-size:clamp(28px,4vw,52px);margin-top:20px}.what-if-gallery{gap:24px}.work-anchor{scroll-margin-top:20px}@media(max-width:700px){.collection-nav{gap:12px 20px}.collection-nav a{font-size:14px}.poster-gallery,.what-if-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.poster-gallery figcaption{font-size:14px}.collection-description{font-size:17px}.myth-video{grid-template-columns:1fr;gap:20px}.myth-video video{max-width:330px}.portfolio-collection{padding-bottom:40px}}@media(prefers-reduced-motion:reduce){.poster-gallery img,.what-if-gallery img{transition:none}}
/* Collection-led gallery with a central piece and visible neighbours. */
.gallery-work{padding:35px 0 65px;border-top:1px solid var(--line);scroll-margin-top:24px}.gallery-intro>.eyebrow{color:var(--muted)}.gallery-intro h2{font-size:clamp(32px,4vw,56px);font-weight:500;letter-spacing:-.04em;margin:12px 0 28px}.collection-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.collection-picker button{display:flex;align-items:center;gap:15px;padding:12px;background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:12px;font:inherit;text-align:start;cursor:pointer;min-width:0}.collection-picker img{width:56px;height:56px;object-fit:cover;border-radius:6px}.collection-picker button[aria-pressed=true]{border-color:var(--accent);color:var(--text);box-shadow:inset 0 -3px var(--accent)}.collection-picker button:hover{color:var(--text)}.gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:36px 0 22px}.gallery-heading h3{font-size:30px;margin:0 0 10px}.gallery-heading p{margin:0;color:var(--muted);max-width:720px}.gallery-heading>span{color:var(--muted);font-size:12px;white-space:nowrap}.gallery-stage{height:clamp(310px,49vw,650px);display:grid;grid-template-columns:14% minmax(0,1fr) 14%;gap:18px;align-items:center;direction:ltr;overflow:hidden;touch-action:pan-y}.gallery-focus{width:100%;height:100%;min-width:0;display:flex;align-items:center;justify-content:center;position:relative;background:color-mix(in srgb,var(--text) 3%,var(--bg));border-radius:12px;overflow:hidden}.gallery-focus>a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.gallery-focus img,.gallery-focus video{display:block;width:100%;height:100%;object-fit:contain}.gallery-focus video{direction:ltr}.side-preview{position:relative;border:0;padding:0;height:78%;min-width:0;overflow:hidden;border-radius:10px;background:color-mix(in srgb,var(--text) 5%,var(--bg));cursor:pointer;opacity:.55;transition:opacity .2s,transform .2s}.side-preview:hover{opacity:.95;transform:scale(1.025)}.side-preview img{height:100%;width:100%;object-fit:cover}.side-preview span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#0009;color:#fff;font-size:24px}.gallery-toolbar{display:flex;align-items:center;justify-content:center;gap:25px;margin:24px 0;direction:ltr}.gallery-arrow{width:48px;height:48px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--text);font-size:24px;cursor:pointer}.gallery-arrow:hover{background:var(--accent);color:var(--bg)}.gallery-caption{text-align:center;min-width:0;width:320px;display:flex;flex-direction:column;gap:5px}.gallery-caption>span:first-child{font-size:16px}.gallery-caption>span:last-child{font-size:12px;letter-spacing:.12em;color:var(--muted)}[dir=rtl] #item-title{direction:rtl}.gallery-thumbs{display:flex;gap:10px;overflow-x:auto;padding:5px 3px 14px;direction:ltr;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.gallery-thumbs button{position:relative;flex:0 0 74px;height:72px;border:2px solid transparent;border-radius:6px;padding:3px;background:transparent;cursor:pointer;opacity:.6}.gallery-thumbs button[aria-pressed=true]{border-color:var(--accent);opacity:1}.gallery-thumbs button:hover{opacity:1}.gallery-thumbs img{width:100%;height:100%;object-fit:cover;border-radius:3px}.gallery-thumbs span{position:absolute;inset:20px;color:white;text-shadow:0 1px 5px #000;font-size:24px}.gallery-work button:focus-visible,.gallery-stage:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.media-error{position:absolute;bottom:15%;background:var(--bg);color:var(--text);padding:10px;width:auto!important;height:auto!important}[dir=rtl] .gallery-intro h2{letter-spacing:0}@media(max-width:900px){.collection-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-heading{align-items:start}.gallery-heading>span{display:none}}@media(max-width:700px){.gallery-work{padding-top:26px}.collection-picker{gap:9px}.collection-picker button{font-size:13px;gap:9px;padding:8px}.collection-picker img{width:40px;height:40px}.gallery-heading{margin-top:25px}.gallery-heading h3{font-size:25px}.gallery-heading p{font-size:14px}.gallery-stage{margin-inline:-5%;grid-template-columns:9% minmax(0,1fr) 9%;gap:9px;height:460px;max-height:65svh}.side-preview{height:76%;border-radius:5px}.side-preview span{width:25px;height:34px;font-size:18px}.gallery-focus{border-radius:7px}.gallery-toolbar{gap:10px}.gallery-arrow{flex-shrink:0;width:40px;height:40px}.gallery-caption{width:auto;flex:1}.gallery-caption>span:first-child{font-size:14px}.gallery-thumbs button{flex-basis:60px;height:60px}}
#theme-toggle{display:inline-grid;place-items:center;width:40px;height:40px;padding:8px}#theme-toggle svg{display:block}header nav a[aria-current=page]{color:var(--accent);text-decoration:underline;text-underline-offset:7px}.page-work,.page-uae,.page-about{padding-top:42px}.page-about .about{margin-top:0}.collection-picker[hidden]{display:none}.page-uae .gallery-heading{margin-top:12px}.page-home .about{margin-top:0}
.contact-page{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:70px 0 90px}.contact-page h1{font-size:clamp(48px,6vw,85px);margin:25px 0}.contact-page p{color:var(--muted);max-width:460px}.contact-email{display:inline-block;margin-top:25px;border-bottom:1px solid var(--accent);padding-bottom:8px;font-size:clamp(15px,2vw,22px)}#contact-form{display:grid;gap:20px}#contact-form label{display:grid;gap:8px;font-size:14px}#contact-form input,#contact-form textarea{width:100%;padding:14px 16px;background:transparent;color:var(--text);border:1px solid var(--line);border-radius:6px;font:inherit}#contact-form textarea{resize:vertical}#contact-form input:focus,#contact-form textarea:focus{outline:2px solid var(--accent);outline-offset:2px}#contact-form button{justify-self:start;padding:14px 24px;border:0;border-radius:30px;background:var(--accent);color:var(--bg);font:inherit;cursor:pointer}#contact-form .form-note,#contact-status{font-size:13px;margin:0}#contact-form button:focus-visible{outline:2px solid var(--text);outline-offset:4px}@media(max-width:700px){.contact-page{grid-template-columns:1fr;gap:40px;padding:40px 0 60px}}