@font-face{font-family:Barlow;src:url('assets/fonts/barlow-bold.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:DM;src:url('assets/fonts/dm-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Alexandria;src:url('assets/fonts/alexandria-variable.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--paper:#eeeae2;--ink:#202c29;--muted:#58605a;--accent:#8d302f;--sage:#dce2d7;--display:Barlow,'Arial Narrow',sans-serif;--body:DM,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--body);-webkit-font-smoothing:antialiased}body.viewer-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{max-width:100%;display:block;height:auto}video{display:block;max-width:100%}h1,h2,h3,h4,p,figure,dl,dd{margin:0}h1,h2,h3,h4{font-weight:400}h2{font:700 clamp(2.8rem,4.5vw,5rem)/1.04 var(--display);letter-spacing:-.025em}h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.05em;font-size:.8em}p+p{margin-top:1rem}[lang=ar]{font-family:Alexandria,Tahoma,sans-serif;letter-spacing:normal;line-height:1.7}[hidden]{display:none!important}a:focus-visible,button:focus-visible,video:focus-visible{outline:3px solid var(--accent);outline-offset:6px}::selection{background:var(--accent);color:#fff}.shell{width:min(1376px,90%);margin-inline:auto}.eyebrow{font-size:.73rem;letter-spacing:.08em;text-transform:uppercase;line-height:1.6}.accent{color:var(--accent)}.skip{position:fixed;top:-100px;left:1rem;background:var(--ink);color:white;padding:1rem;z-index:100}.skip:focus{top:1rem}
.site-header{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:1rem;position:relative;z-index:10}.signature{display:flex;align-items:center;font:bold 2.4rem/1 var(--body);letter-spacing:-.1em}.signature>span:first-child{color:var(--accent)}.signature-ar{font-size:.75rem;font-weight:500;letter-spacing:0;margin-left:1.2rem;line-height:1.4}.site-header nav{display:flex;gap:2.2rem;align-items:center;font-size:.875rem}.site-header nav a{padding:.5rem 0}.site-header nav a:hover{color:var(--accent)}.nav-contact span{margin-left:.5rem}.hero{padding-top:1.5rem;padding-bottom:5rem}.hero-location{display:flex;justify-content:space-between;font-size:.78rem}.tiny-spark{color:var(--accent);margin-left:.6rem}.hero h1{font:700 clamp(6rem,16.1vw,15.5rem)/.84 var(--display);letter-spacing:-.025em;display:flex;justify-content:space-between;margin:1.5rem 0 3rem}.hero h1>span{color:var(--accent)}.name-dot{color:var(--ink)}.hero-intro{display:grid;grid-template-columns:1fr 1.75fr;gap:8%;align-items:center}.hero-note h2{font-size:clamp(2.8rem,4.5vw,4.6rem);margin:1.3rem 0}.hero-note>p{font-size:.95rem;color:var(--muted);max-width:330px}.round-link{display:inline-flex;align-items:center;gap:1.25rem;margin-top:1.7rem;font-size:.9rem}.round-link>span{width:42px;height:42px;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center;transition:transform .25s,background .25s}.round-link:hover>span{transform:translateY(3px);background:var(--accent)}.hero-feature{min-width:0}.spotlight-link{display:block;position:relative;background:var(--ink);overflow:hidden;aspect-ratio:1.75}.spotlight-link img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.spotlight-link:hover img{transform:scale(1.035)}.spotlight-link[data-contain=true] img{object-fit:contain;padding:1.5rem 1.5rem 3.5rem}.spotlight-caption{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;gap:1rem;padding:1.2rem 1.5rem .9rem;background:linear-gradient(transparent,#000b);color:white;font-size:.75rem}.spotlight-switch{display:flex;justify-content:space-between;gap:1rem;margin-top:.6rem}.spotlight-switch button{background:none;border:0;font-size:.72rem;color:var(--muted);padding:.6rem 0}.spotlight-switch button[aria-pressed=true]{color:var(--accent)}.spotlight-switch button[aria-pressed=true]::before{content:'●';font-size:.45rem;margin-right:.45rem;vertical-align:middle}
.selected{padding-top:4rem}.section-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:10%;align-items:end;margin-bottom:3rem}.section-intro .eyebrow{margin-bottom:1rem;color:var(--accent)}.section-intro>p{font-size:.95rem;color:var(--muted);max-width:390px}.featured-project{margin-bottom:6.5rem}.sfbt-preview{padding:3.7% 8%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3.8%;position:relative;background:#ded6c8;overflow:hidden}.sfbt-preview>img{width:100%;transition:transform .45s}.sfbt-preview:hover>img{transform:translateY(-6px)}.sfbt-preview>img:nth-child(2){margin-top:8%}.sfbt-preview>img:nth-child(3){margin-top:16%}.feature-arrow{position:absolute;right:1.4rem;bottom:1.4rem;display:grid;place-items:center;border-radius:50%;width:54px;height:54px;background:var(--paper);color:var(--ink);font-size:1.5rem;transition:transform .25s}.featured-project a:hover .feature-arrow{transform:rotate(45deg)}.feature-caption{display:grid;grid-template-columns:1.4fr 1fr;gap:10%;padding-top:1.5rem}.feature-caption .eyebrow{color:var(--accent);font-size:.68rem}.feature-caption h3{font:700 clamp(1.8rem,2.8vw,3rem)/1.15 var(--display);margin-top:.5rem}.feature-caption>div>p:not(.eyebrow){font-size:.92rem;color:var(--muted)}.text-action{display:inline-block;margin-top:1rem;font-size:.85rem;color:var(--accent)}.text-action span{margin-left:1.5rem}.text-action:hover{text-decoration:underline;text-underline-offset:5px}.dunes-preview{position:relative;display:block;overflow:hidden;aspect-ratio:2.15;background:#172e36;color:white}.dunes-preview>img{width:100%;height:100%;object-fit:cover;filter:brightness(.63);transition:transform .65s}.dunes-preview:hover>img{transform:scale(1.035)}.dunes-preview-type{position:absolute;inset:12% 6%;display:flex;flex-direction:column;justify-content:space-between;align-items:start}.dunes-preview-type>[lang=ar]{font-size:clamp(.9rem,2vw,1.8rem);font-weight:500}.dunes-preview-type>span:last-child{font:700 clamp(3rem,8.2vw,8.5rem)/.82 var(--display);letter-spacing:-.02em}.archive{padding:1rem 0 7rem}.archive-controls{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:2rem}.filters{display:flex;gap:1.7rem;flex-wrap:wrap}.filters button{border:0;background:none;padding:.65rem 0;font-size:.95rem;color:var(--muted)}.filters button[aria-pressed=true]{color:var(--accent)}.filters button sup{font-size:.65rem;margin-left:.15rem;vertical-align:super}.filters button[aria-pressed=true]::before{content:'●';font-size:.5rem;vertical-align:middle;margin-right:.5rem}.result-count{font-size:.72rem;color:var(--muted)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:3.2rem 2.8rem;align-items:start}.project-card{min-width:0}.card-image{background:#e0ded7;position:relative;aspect-ratio:808/632;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:contain;transition:transform .5s}.project-card:hover img{transform:scale(1.025)}.card-arrow{display:grid;place-items:center;width:42px;height:42px;background:var(--paper);color:var(--ink);position:absolute;right:1rem;bottom:1rem;border-radius:50%;opacity:0;transform:translateY(5px);transition:.25s}.project-card:hover .card-arrow,.project-card:focus-visible .card-arrow{opacity:1;transform:none}.digital-cover .card-image{padding:2rem;background:#d8dfd6}.digital-cover:nth-last-child(2) .card-image{background:#dad7e1}.digital-cover:last-child .card-image{background:#e2d6d4}.card-caption{display:flex;gap:.8rem;align-items:start;padding-top:1rem}.project-index{font-size:.66rem;color:var(--accent);padding-top:.3rem}.card-caption h3{font-size:1.15rem;line-height:1.4}.card-caption p{font-size:.8rem;color:var(--muted);margin-top:.2rem}.destination{margin-left:auto;white-space:nowrap;font-size:.65rem;color:var(--muted);padding-top:.3rem}
.about-section{background:var(--sage);padding:6rem 0;color:var(--ink)}.about-layout{display:grid;grid-template-columns:1fr 1.65fr;gap:12%;align-items:start}.about-photo{padding-top:.8rem}.about-photo>img{width:100%;max-width:340px;filter:grayscale(1)}.about-photo>[lang=ar]{display:block;font-size:clamp(1.2rem,2.6vw,2.3rem);font-weight:600;text-align:left;margin:1.2rem 0 .3rem;color:var(--accent)}.about-photo>p{font-size:.78rem;color:var(--muted)}.about-copy>.eyebrow{color:var(--accent);margin-bottom:1rem}.about-copy>h2{margin-bottom:2rem}.about-copy>p:not(.eyebrow){color:var(--muted);max-width:620px}.about-copy>.intro-copy{font-size:1.25rem!important;color:var(--ink)!important}.practice{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:3rem}.practice h3{font-size:1rem;margin-bottom:.7rem}.practice p{font-size:.85rem;color:var(--muted)}.experience-layout{display:grid;grid-template-columns:.9fr 1.3fr 1fr;gap:5%;margin-top:5rem}.experience-layout .eyebrow{color:var(--accent);margin-bottom:1rem}.experience-layout h3{font:700 2rem/1.1 var(--display)}.experience-list{display:grid;gap:1.5rem}.experience-list article{display:grid;grid-template-columns:110px 1fr;gap:1rem}.experience-list article>span{font-size:.7rem;color:var(--muted);padding-top:.25rem}.experience-list h4{font-size:.95rem}.experience-list p{font-size:.8rem;color:var(--muted)}.education>p:not(.eyebrow){font-size:.8rem}.education>.eyebrow:not(:first-child){margin-top:1.5rem}footer{padding:4.5rem 0 1.7rem;background:var(--ink);color:var(--paper)}.contact-layout{display:grid;grid-template-columns:1.8fr 1fr;gap:8%}.contact-layout h2{font-size:clamp(3rem,5.7vw,6rem);line-height:.95;margin:1.8rem 0}.contact-layout h2>span{color:#c9d4b4}.contact-email{font-size:clamp(1.05rem,1.7vw,1.5rem);display:inline-flex;gap:2rem;align-items:center}.contact-email:hover{color:#c9d4b4}.contact-aside{display:flex;flex-direction:column;align-items:start;justify-content:end;gap:.7rem;font-size:.85rem}.contact-aside>[lang=ar]{font-size:clamp(1.5rem,3vw,2.8rem);font-weight:500;margin-bottom:1.5rem;color:#c9d4b4}.contact-aside>a:hover{text-decoration:underline;text-underline-offset:5px}.footer-meta{display:flex;justify-content:space-between;gap:1rem;margin-top:4rem;font-size:.7rem;color:#b8c1b5}footer :focus-visible{outline-color:#c9d4b4}
.case-top{padding:2rem 0 4rem}.back-link{font-size:.8rem;display:inline-block;margin-bottom:3rem;color:var(--muted)}.back-link:hover{color:var(--accent)}.case-top>.eyebrow{color:var(--accent);margin-bottom:1.1rem}.case-top h1{font:700 clamp(5rem,11.5vw,11rem)/.88 var(--display);letter-spacing:-.025em}.case-top h1>span{color:var(--accent)}.case-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;margin-top:2.5rem;align-items:start}.case-intro>p{font-size:clamp(1.15rem,2vw,1.8rem);line-height:1.35;max-width:490px}.case-intro dl{display:grid;grid-template-columns:1.3fr 1fr;gap:2rem}dt{font-size:.65rem;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:.6rem}dd{font-size:.85rem;line-height:1.7}.case-hero{margin-bottom:6rem}.sfbt-case-hero{padding:4.5rem 0;background:#ded6c8}.sfbt-case-hero>.shell{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3%;padding:0 5%}.sfbt-case-hero img{width:100%}.sfbt-case-hero img:nth-child(2){margin-top:12%}.case-story{display:grid;grid-template-columns:1fr 2.3fr;gap:10%;margin-bottom:6rem}.case-story>.eyebrow{color:var(--accent);padding-top:.5rem}.case-story h2{margin-bottom:1.7rem}.case-story .intro-copy{font-size:1.2rem}.case-story p:not(.eyebrow){max-width:750px}.case-story p+p{font-size:.95rem;color:var(--muted)}.campaign-section{padding-bottom:6rem}.campaign-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem 2rem;align-items:start}.campaign-tile>img{width:100%;transition:transform .35s}.campaign-tile:hover>img{transform:translateY(-5px)}.campaign-tile>span{display:flex;gap:.65rem;align-items:center;font-size:.75rem;margin-top:.9rem}.campaign-tile>span b{font-weight:400;color:var(--accent)}.campaign-tile>span>span{margin-left:auto}.campaign-tile:last-child{grid-column:2}.films-section{padding:5rem 0;background:var(--sage)}.player-layout{display:grid;grid-template-columns:2.5fr 1fr;gap:3rem;align-items:start}.player-main{min-width:0}.player-main video{width:100%;aspect-ratio:16/9;object-fit:contain;background:#101d1d}.player-caption{display:flex;justify-content:space-between;gap:1rem;align-items:start;margin-top:1rem;font-size:.85rem}.open-video{font-size:.75rem;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}.clip-list{display:grid;grid-template-columns:1fr;gap:.6rem}.clip-choice{display:flex;gap:.8rem;align-items:center;min-width:0;padding:.45rem;color:var(--muted);border-radius:3px;transition:background .2s}.clip-choice:hover{background:#202c290a}.clip-choice[aria-current=true]{background:var(--ink);color:var(--paper)}.clip-choice img{width:75px;aspect-ratio:16/9;object-fit:cover}.clip-choice>span:not(.clip-indicator){font-size:.85rem;line-height:1.4}.clip-choice small{display:block;font-size:.62rem;margin-bottom:.2rem;opacity:.75}.clip-indicator{margin-left:auto;padding-right:.3rem;font-size:.85rem}.clip-choice[aria-current=true] .clip-indicator{font-size:0}.clip-choice[aria-current=true] .clip-indicator::after{content:'●';font-size:.5rem}.portrait-player{grid-template-columns:1fr 1fr;max-width:900px;margin:0 auto;gap:8%}.portrait-player video{aspect-ratio:9/16;max-height:690px}.portrait-player .clip-list{padding-top:2rem;gap:1.5rem}.portrait-player .clip-choice{padding:.8rem;gap:1rem}.portrait-player .clip-choice img{width:65px;aspect-ratio:9/16}.portrait-player .clip-choice>span:not(.clip-indicator){font-size:1.05rem}.case-close{max-width:850px;text-align:center;padding:6rem 0}.case-close>.eyebrow{color:var(--accent);margin-bottom:1.5rem}.case-close>p:last-child{max-width:600px;margin:1.5rem auto 0;font-size:.95rem;color:var(--muted)}.next-project{display:grid;grid-template-columns:1fr .75fr auto;gap:5%;align-items:center;padding:2rem 0 5rem}.next-project .eyebrow{color:var(--accent);margin-bottom:1rem}.next-project img{width:100%;height:190px;object-fit:cover}.next-project>span{font-size:3rem;transition:transform .25s}.next-project:hover>span{transform:translate(5px,-5px)}.case-arabic{font-size:clamp(1.2rem,3vw,2.8rem);font-weight:600;text-align:left;margin-bottom:1rem!important}.dunes-page{--accent:#286454}.dunes-case-hero{max-height:680px;overflow:hidden}.dunes-case-hero img{width:100%;height:auto;max-height:680px;object-fit:cover}.sequence-section{background:#182d2b;color:var(--paper);padding:5rem 0}.sequence-section .section-intro>.eyebrow,.sequence-section .eyebrow{color:#b6c5a5}.sequence-section .section-intro>p{color:#bdc8bd}.sequence-section .clip-choice{color:#c7cfc7}.sequence-section .clip-choice[aria-current=true]{background:#d2dcc5;color:#182d2b}.sequence-section .clip-choice:hover{background:#d2dcc51a}.sequence-section .clip-choice[aria-current=true]:hover{background:#d2dcc5}.sequence-section :focus-visible{outline-color:#d2dcc5}.sequence-section .player-caption{color:#d0d9ce}.worlds{padding-top:6rem;padding-bottom:5rem}.world-stills{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}.world-stills figure:last-child{grid-column:1/-1;width:78%;margin-left:auto}.world-stills img{width:100%;aspect-ratio:16/9}.world-stills figcaption{font-size:.75rem;margin-top:.8rem;color:var(--muted)}.production-note{display:grid;grid-template-columns:1fr 1.5fr;gap:12%;align-items:center;padding-bottom:6rem;max-width:1100px}.production-note>a{max-width:310px}.production-note h2{margin:1rem 0 1.5rem}.production-note p:not(.eyebrow){font-size:.95rem;color:var(--muted)}.production-note dl{margin-top:1.5rem}.production-note dd[lang=ar]{text-align:left;font-size:.9rem}.production-note .caption-note{font-size:.7rem!important;margin-top:1rem}.image-dialog{width:min(1100px,94vw);max-width:94vw;max-height:94dvh;border:0;padding:1rem;background:var(--paper);color:var(--ink);overflow:auto}.image-dialog::backdrop{background:#15221eec}.dialog-bar,.dialog-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.85rem}.image-dialog button{border:0;background:var(--ink);color:var(--paper);min-height:44px;min-width:44px;padding:.5rem .8rem;border-radius:2px}.dialog-image{height:calc(84dvh - 125px);width:100%;object-fit:contain;margin:1rem 0}.dialog-foot{max-width:650px;margin:auto}.dialog-original{font-size:.75rem;text-decoration:underline;text-underline-offset:4px}.dialog-count{font-size:.75rem}.image-dialog button:disabled{opacity:.3;cursor:default}.player-error{font-size:.85rem;padding:1rem;background:#8d302f;color:white}
.hero-location p{margin:0}
.spotlight-switch button,.filters button{min-height:44px}.spotlight-switch button{font-size:.75rem}
.case-jump{position:sticky;top:0;z-index:8;display:flex;justify-content:space-between;gap:1rem;padding:.85rem 5%;background:var(--paper);font-size:.8rem}.case-jump>div{display:flex;gap:1.8rem}.case-jump a{padding:.4rem 0}.case-jump a:hover{color:var(--accent)}.case-jump a[aria-current]{color:var(--accent)}
@media(max-width:480px){.case-jump{font-size:.7rem;padding:.65rem 5.5%}.case-jump>div{gap:1rem}.hero-location{font-size:.72rem}.spotlight-switch button{font-size:.7rem}}
@media(min-width:1600px){.hero h1{font-size:15.8rem}}
@media(max-width:1050px){.shell{width:90%}.hero-intro{gap:6%;grid-template-columns:1fr 1.5fr}.hero-note h2{font-size:3.2rem}.hero-note>p{font-size:.875rem}.section-intro,.feature-caption{gap:7%}.player-layout{grid-template-columns:1.9fr 1fr;gap:1.5rem}.portrait-player{grid-template-columns:1fr 1fr;gap:5%}.clip-choice img{width:54px}.experience-layout{grid-template-columns:1fr 1.6fr;gap:2rem}.education{grid-column:2}.project-grid{gap:2.8rem 1.6rem}.destination{display:none}.case-intro{gap:6%}.case-intro dl{gap:1rem}.case-story{gap:5%;grid-template-columns:1fr 2.5fr}.campaign-grid{gap:2rem 1.2rem}}
@media(max-width:760px){.site-header{min-height:80px}.signature-ar{font-size:.65rem;margin-left:.8rem}.site-header nav{gap:1.3rem;font-size:.8rem}.hero{padding-top:1rem;padding-bottom:2rem}.hero h1{font-size:16vw;margin-bottom:2rem}.hero-intro{grid-template-columns:1fr;gap:2rem}.hero-note{display:grid;grid-template-columns:1.2fr 1fr;gap:0 2rem;align-items:start}.hero-note>.eyebrow{grid-column:1/-1}.hero-note h2{grid-row:2/span 2;font-size:3.2rem;margin:1rem 0 0}.hero-note>p{grid-column:2;margin-top:1rem}.hero-note .round-link{grid-column:2;margin-top:1rem}.hero-location{font-size:.68rem}.hero-location>p:last-child{margin-top:0}.spotlight-link{aspect-ratio:1.75}.selected{padding-top:3.5rem}.section-intro{gap:2rem;grid-template-columns:1.3fr 1fr}.section-intro>p{font-size:.85rem}.featured-project{margin-bottom:4.5rem}.feature-caption{grid-template-columns:1fr;gap:1rem}.feature-caption>div:last-child{max-width:500px}.feature-arrow{width:42px;height:42px;right:1rem;bottom:1rem}.sfbt-preview{padding:6% 5%;gap:3%}.archive{padding-bottom:4rem}.archive-controls{align-items:start}.filters{gap:1.2rem}.filters button{font-size:.82rem}.result-count{display:none}.card-caption h3{font-size:1rem}.card-caption p{font-size:.75rem}.card-arrow{width:34px;height:34px;right:.6rem;bottom:.6rem;opacity:1;transform:none}.digital-cover .card-image{padding:1.2rem}.about-section{padding:4rem 0}.about-layout{grid-template-columns:1fr 1.8fr;gap:7%}.about-photo>img{width:100%}.about-copy>.intro-copy{font-size:1.05rem!important}.about-copy>p:not(.eyebrow){font-size:.9rem}.about-copy h2{font-size:2.7rem}.practice{grid-template-columns:1fr;gap:1.2rem;margin-top:2rem}.experience-layout{margin-top:3.5rem}.contact-layout{grid-template-columns:1.6fr 1fr;gap:6%}.contact-layout h2{font-size:3.1rem}.contact-aside>[lang=ar]{font-size:1.7rem}.contact-email{font-size:1rem;gap:1rem}.case-top{padding-top:1rem}.back-link{margin-bottom:2rem}.case-top h1{font-size:12.5vw}.case-intro{grid-template-columns:1fr;gap:1.7rem}.case-intro dl{grid-template-columns:1fr 1fr;max-width:550px}.sfbt-case-hero{padding:2.5rem 0}.sfbt-case-hero>.shell{padding:0}.case-hero{margin-bottom:4rem}.case-story{grid-template-columns:1fr;gap:1rem;margin-bottom:4rem}.case-story .intro-copy{font-size:1.05rem}.campaign-grid{grid-template-columns:1fr 1fr;gap:2rem 1.3rem}.campaign-tile:last-child{grid-column:auto}.campaign-section{padding-bottom:4rem}.player-layout{grid-template-columns:1fr;gap:1.7rem}.clip-list{grid-template-columns:1fr 1fr;gap:.5rem}.clip-choice img{width:64px}.portrait-player{grid-template-columns:1fr 1fr;gap:4%}.portrait-player .clip-list{grid-template-columns:1fr;padding-top:0;gap:.75rem}.portrait-player .clip-choice{padding:.5rem;gap:.6rem}.portrait-player .clip-choice>span:not(.clip-indicator){font-size:.9rem}.portrait-player .clip-choice img{width:43px}.films-section,.sequence-section{padding:3.5rem 0}.production-note{gap:7%;grid-template-columns:1fr 1.7fr;padding-bottom:4rem}.production-note h2{font-size:2.7rem}.next-project{grid-template-columns:1fr .8fr auto;gap:4%;padding-bottom:3.5rem}.next-project h2{font-size:2.8rem}.next-project img{height:150px}.next-project>span{font-size:2rem}.case-close{padding:4rem 0}.worlds{padding:4rem 0}.world-stills{gap:1.5rem}}
@media(max-width:480px){.shell{width:89%}.signature{font-size:2rem}.signature-ar{display:none}.site-header{min-height:72px}.site-header nav{gap:1.1rem}.hero h1{font-size:16vw;margin:1.4rem 0 2rem}.hero-location{font-size:.61rem;gap:.7rem}.hero-note{grid-template-columns:1fr}.hero-note h2{grid-row:auto;font-size:3.6rem;margin:.7rem 0 1rem}.hero-note>p{grid-column:1;max-width:320px;margin:0}.hero-note .round-link{grid-column:1;margin-top:1rem}.hero-intro{gap:1.8rem}.spotlight-caption{font-size:.63rem;padding:1.5rem .8rem .7rem}.spotlight-switch{gap:.4rem}.spotlight-switch button{font-size:.62rem}.section-intro{grid-template-columns:1fr;gap:1.2rem;margin-bottom:2rem}.section-intro h2{font-size:2.9rem}.section-intro>.eyebrow{font-size:.65rem}.section-intro>p{max-width:300px}.sfbt-preview{grid-template-columns:1fr 1fr;padding:6%;gap:5%}.sfbt-preview>img:nth-child(2){display:none}.sfbt-preview>img:nth-child(3){margin-top:10%}.feature-caption{padding-top:1.2rem}.feature-caption h3{font-size:2rem}.feature-caption>div>p:not(.eyebrow){font-size:.875rem}.dunes-preview{aspect-ratio:1.4}.dunes-preview-type{inset:9% 7% 16%}.dunes-preview-type>span:last-child{font-size:15vw}.dunes-preview-type>[lang=ar]{font-size:.9rem}.featured-project{margin-bottom:3.5rem}.archive{padding-top:0}.filters{gap:1rem}.filters button{font-size:.78rem}.project-grid{grid-template-columns:1fr;gap:2.2rem}.card-caption h3{font-size:1.15rem}.card-caption p{font-size:.8rem}.destination{display:block;font-size:.6rem}.about-layout{grid-template-columns:1fr;gap:2.5rem}.about-photo{display:grid;grid-template-columns:130px 1fr;gap:0 1.5rem;align-items:end}.about-photo>img{grid-row:1/3}.about-photo>[lang=ar]{font-size:1.1rem;margin:0}.about-photo>p{align-self:start;margin-top:.3rem}.about-copy h2{font-size:3rem}.practice{grid-template-columns:1fr 1fr;gap:1rem}.practice h3{font-size:.9rem}.practice p{font-size:.8rem}.experience-layout{grid-template-columns:1fr;gap:2rem}.education{grid-column:1}.experience-list article{grid-template-columns:110px 1fr}.contact-layout{grid-template-columns:1fr;gap:2.5rem}.contact-layout h2{font-size:3.3rem}.contact-layout>.eyebrow{font-size:.65rem}.contact-email{font-size:1.05rem}.contact-aside{display:grid;grid-template-columns:1fr 1fr;gap:.6rem 1rem}.contact-aside>[lang=ar]{grid-row:1/4;font-size:1.45rem;margin:0}.footer-meta{font-size:.62rem;margin-top:2.5rem}.case-top{padding-bottom:2.5rem}.case-top h1{font-size:16vw}.case-arabic{font-size:1.25rem}.case-intro>p{font-size:1.3rem}.case-intro dl{gap:1.5rem}.case-intro dd{font-size:.8rem}.sfbt-case-hero>.shell{grid-template-columns:1fr 1fr;gap:5%}.sfbt-case-hero img:nth-child(2){display:none}.sfbt-case-hero img:nth-child(3){margin-top:12%}.case-hero{margin-bottom:3rem}.case-story h2{font-size:2.8rem}.campaign-grid{gap:1.8rem .8rem}.campaign-tile>span{font-size:.62rem;gap:.4rem;align-items:start;line-height:1.4}.campaign-tile>span>b{font-size:.56rem}.campaign-tile>span>span{display:none}.portrait-player{grid-template-columns:1fr}.portrait-player .player-main{max-width:290px;margin:auto;width:100%}.portrait-player video{max-height:510px}.portrait-player .clip-list{grid-template-columns:1fr 1fr;gap:.5rem}.portrait-player .clip-choice{align-items:start}.portrait-player .clip-choice img{display:none}.portrait-player .clip-choice>span:not(.clip-indicator){font-size:.85rem}.clip-choice{gap:.45rem}.clip-choice img{width:47px}.clip-choice>span:not(.clip-indicator){font-size:.72rem}.clip-choice small{font-size:.57rem}.clip-indicator{display:none}.player-caption{font-size:.75rem;gap:.5rem}.open-video{font-size:.65rem}.world-stills{grid-template-columns:1fr;gap:1.8rem}.world-stills figure:last-child{grid-column:auto;width:100%}.production-note{grid-template-columns:1fr;gap:2rem}.production-note>a{max-width:220px}.production-note h2{font-size:3rem}.next-project{grid-template-columns:1fr auto;gap:1rem}.next-project img{grid-column:1;grid-row:2;height:140px;width:80%}.next-project>span{grid-column:2;grid-row:1}.next-project h2{font-size:2.8rem}.image-dialog{padding:.75rem}.dialog-bar{font-size:.75rem;gap:.5rem}.dialog-foot{gap:.5rem}.dialog-original{font-size:.62rem}.dialog-count{font-size:.65rem}.dialog-image{height:calc(84dvh - 125px)}}
@media(max-width:480px){.hero-location{font-size:.72rem}.spotlight-switch button{font-size:.7rem}}
/* A bilingual identity and a shorter, curated introduction. */
.signature{gap:.8rem;letter-spacing:0;line-height:1}.signature .signature-ar{display:block;font-size:1.45rem;font-weight:650;line-height:1.6;margin:0;color:var(--accent)}.signature-en{font-family:var(--display);font-size:1rem;letter-spacing:.015em;line-height:.95;color:var(--ink)}
.identity-hero{padding-top:.8rem;padding-bottom:3.5rem}.identity-meta{display:flex;justify-content:space-between;gap:1rem;font-size:.75rem;color:var(--muted)}.identity-meta p{margin:0}.bilingual-name{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8%;align-items:center;margin:1.6rem 0 2.2rem}.latin-name{font:700 clamp(5.5rem,13vw,12rem)/.78 var(--display);letter-spacing:-.015em;display:block}.signature-stop{color:var(--accent)}.arabic-fullname{font-size:clamp(3.8rem,9.5vw,8.9rem);font-weight:750;line-height:1.23;display:block;color:var(--accent);text-align:right;padding-bottom:.12em}.identity-intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}.identity-intro>p{font-size:clamp(1.25rem,2.25vw,2.15rem);line-height:1.4;letter-spacing:-.025em}.identity-intro strong{font-weight:400;color:var(--accent)}.identity-intro>div>p{max-width:450px;font-size:.95rem;color:var(--muted)}.intro-links{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1rem;font-size:.8rem}.intro-links a{min-height:44px;display:flex;align-items:center}.intro-links a:hover{color:var(--accent)}
.curation{padding-top:1.5rem;padding-bottom:4rem}.curation-heading{display:flex;justify-content:space-between;gap:2rem;align-items:baseline;margin-bottom:1.8rem}.curation-heading h2{font:400 1rem/1.4 var(--body);letter-spacing:0}.curation-heading sup{font-size:.6rem;color:var(--accent);margin-left:.4rem}.curation-heading>[lang=ar]{font-size:.9rem;color:var(--accent);font-weight:450}.selected-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4.5rem 5%;align-items:start}.selected-project{min-width:0}.selected-sfbt{grid-column:1/span 7}.selected-stage{grid-column:8/span 5;margin-top:4rem}.selected-identity{grid-column:1/span 5}.selected-digital{grid-column:7/span 6;margin-top:4rem}.selected-visual{position:relative;display:block;overflow:hidden}.selected-visual img{transition:transform .5s}.selected-visual:hover img{transform:scale(1.018)}.work-arrow{position:absolute;bottom:1rem;right:1rem;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--paper);color:var(--ink);font-size:1.25rem;transition:transform .25s}.selected-visual:hover .work-arrow{transform:translate(2px,-2px)}.sfbt-pair{display:grid;grid-template-columns:1fr 1fr;gap:5%;padding:7%;background:#ded6c8;align-items:start}.sfbt-pair img{width:100%;height:auto}.sfbt-pair img:nth-child(2){margin-top:17%}.stage-window{aspect-ratio:1.05;background:#152d32;color:white}.stage-window>img{width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.72)}.stage-arabic{position:absolute;top:8%;right:8%;font-size:clamp(1.6rem,3.2vw,3rem);font-weight:650;line-height:1.5;text-shadow:0 2px 14px #0007}.identity-window{background:#262322;aspect-ratio:808/632}.identity-window>img{width:100%;height:100%;object-fit:contain}.digital-window{background:#d8d7e2;display:grid;place-items:center;padding:8%;aspect-ratio:1.5}.digital-window>img{width:100%}.selected-caption{margin-top:1.2rem}.selected-caption>.eyebrow{font-size:.65rem;color:var(--accent);margin-bottom:.45rem}.selected-caption h3{font:400 clamp(1.3rem,2vw,1.9rem)/1.25 var(--body);letter-spacing:-.035em}.selected-caption>p:not(.eyebrow){font-size:.85rem;color:var(--muted);max-width:420px;margin-top:.65rem}.case-action{display:inline-block;margin-top:.8rem;font-size:.75rem;padding:.3rem 0;color:var(--accent)}.case-action:hover{text-decoration:underline;text-underline-offset:4px}
.archive-drawer{padding-bottom:4rem}.archive-drawer details{background:#e4dfd6;padding:0 2rem}.archive-drawer summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.6rem 0}.archive-drawer summary::-webkit-details-marker{display:none}.archive-drawer summary>span:first-child{display:grid;gap:.35rem}.archive-drawer summary .eyebrow{color:var(--accent);font-size:.65rem}.archive-drawer summary strong{font:400 1.5rem/1.2 var(--body);letter-spacing:-.04em}.archive-drawer summary small{font-size:.8rem;color:var(--muted)}.archive-symbol{font-size:2rem;transition:transform .25s}.archive-drawer details[open] .archive-symbol{transform:rotate(45deg)}.archive-content{padding:1rem 0 2rem}.archive-content .project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem 1.5rem}.archive-content .project-index{display:none}.archive-content .card-caption h3{font-size:1rem}.archive-content .destination{display:none}.archive-content .card-caption p{font-size:.75rem}.archive-close{border:0;background:none;color:var(--accent);font-size:.85rem;padding:.75rem 0;margin-top:2rem;min-height:44px}.archive-close:hover{text-decoration:underline}.home .about-copy h2{font:400 clamp(2rem,3vw,3.2rem)/1.12 var(--body);letter-spacing:-.045em}.home .about-copy>p{max-width:620px}.home .experience-layout h3{font:400 1.3rem/1.4 var(--body)}.contact-layout h2{font:700 clamp(3rem,5.5vw,5.5rem)/.95 var(--display)}
.sfbt-opening{padding-top:1.5rem;padding-bottom:3rem}.sfbt-opening .back-link{margin-bottom:1.6rem}.sfbt-opening-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:10%;align-items:center}.sfbt-opening h1{font:700 clamp(5rem,9vw,9rem)/.88 var(--display);letter-spacing:-.025em;margin-top:1.2rem}.sfbt-opening h1>span{display:block;font:400 clamp(1.8rem,3vw,3rem)/1.2 var(--body);letter-spacing:-.045em;color:var(--accent);margin-top:1.2rem}.sfbt-deck{font-size:1rem;color:var(--muted);margin-top:1.5rem;max-width:420px}.opening-credits{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:2rem}.sfbt-opening-art{width:100%;max-width:430px;justify-self:end}.sfbt-opening>.eyebrow,.sfbt-opening .eyebrow{color:var(--accent);font-size:.7rem}.system-section{padding:4rem 0;background:#e4dfd6;margin-bottom:5rem}.system-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;align-items:end;margin-bottom:2rem}.system-heading .eyebrow{color:var(--accent);margin-bottom:1rem}.system-heading h2{font:400 clamp(2rem,3.2vw,3.3rem)/1.15 var(--body);letter-spacing:-.05em}.system-heading>p{font-size:.9rem;color:var(--muted);max-width:360px}.design-controls{display:flex;gap:.7rem;flex-wrap:wrap;margin-bottom:2.5rem}.design-controls button{display:flex;gap:.8rem;align-items:center;border:0;background:transparent;color:var(--muted);padding:.8rem 1.15rem;min-height:44px;font-size:.85rem}.design-controls button>span{font-size:.65rem;opacity:.75}.design-controls button[aria-selected=true]{background:var(--ink);color:var(--paper)}.design-controls button:hover:not([aria-selected=true]){background:#d3cdbf}.system-panel{display:grid;grid-template-columns:1fr 1.1fr;gap:10%;align-items:center}.system-copy .eyebrow{color:var(--accent);margin-bottom:1rem}.system-copy h3{font:400 clamp(1.5rem,2.8vw,2.6rem)/1.2 var(--body);letter-spacing:-.045em;max-width:480px}.system-copy>p:not(.eyebrow){font-size:1rem;color:var(--muted);max-width:490px;margin-top:1.5rem}.system-copy .system-caption{font-size:.75rem!important;margin-top:2rem!important}.system-plate{display:block;max-width:420px;width:100%;justify-self:center}.system-plate img{width:100%;height:auto}.system-plate>span{font-size:.75rem;display:block;text-align:right;margin-top:.65rem;color:var(--accent)}.system-panels>.system-panel+.system-panel{margin-top:2.5rem}.system-panels>.system-panel[hidden]+.system-panel{margin-top:0}.contribution-note{display:grid;grid-template-columns:1fr 2.3fr;gap:8%;padding-top:5rem;padding-bottom:5rem}.contribution-note>.eyebrow{color:var(--accent)}.contribution-note h2{font:400 clamp(1.8rem,3vw,3rem)/1.2 var(--body);letter-spacing:-.04em}.contribution-note p:not(.eyebrow){font-size:1rem;color:var(--muted);max-width:650px;margin-top:1.5rem}.sfbt-page .section-intro h2{font:400 clamp(2rem,3vw,3rem)/1.2 var(--body);letter-spacing:-.04em}.dunes-page .case-story h2,.dunes-page .worlds h2,.dunes-page .production-note h2{font:400 clamp(1.8rem,3vw,3rem)/1.15 var(--body);letter-spacing:-.035em}.portrait-player .clip-list{grid-column:2;grid-row:1}.portrait-player .player-main{grid-column:1;grid-row:1}.system-panel:focus-visible,.archive-drawer summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}
@media(max-width:900px){.identity-intro{gap:5%}.selected-grid{gap:3rem 5%}.selected-stage,.selected-digital{margin-top:3rem}.selected-caption h3{font-size:1.4rem}.selected-caption>.eyebrow{font-size:.6rem}.selected-caption>p:not(.eyebrow){font-size:.8rem}.stage-arabic{font-size:2rem}.sfbt-opening-grid{gap:6%;grid-template-columns:1.15fr 1fr}.sfbt-opening h1{font-size:6rem}.sfbt-deck{font-size:.9rem}.opening-credits{gap:1rem;margin-top:1.4rem}.opening-credits dd{font-size:.8rem}.system-panel{gap:7%}.archive-content .project-grid{grid-template-columns:1fr 1fr}.system-copy h3{font-size:1.8rem}.system-copy>p:not(.eyebrow){font-size:.9rem}}
@media(max-width:600px){.identity-hero{padding-top:.5rem;padding-bottom:2rem}.bilingual-name{gap:5%;margin:1.7rem 0 1.7rem}.latin-name{font-size:17vw}.arabic-fullname{font-size:11.5vw;line-height:1.3;font-weight:700}.identity-intro{grid-template-columns:1fr;gap:1rem}.identity-intro>p{font-size:1.45rem}.identity-intro>p br{display:none}.identity-intro>div>p{font-size:.875rem;max-width:440px}.intro-links{margin-top:.5rem;gap:1.5rem}.identity-meta{font-size:.69rem}.curation{padding-top:.75rem;padding-bottom:2.5rem}.curation-heading{margin-bottom:1.1rem}.curation-heading h2{font-size:.85rem}.curation-heading>[lang=ar]{font-size:.8rem}.selected-grid{grid-template-columns:1fr;gap:2.7rem}.selected-project:nth-child(n){grid-column:1;margin-top:0}.sfbt-pair{padding:6%;gap:5%}.stage-window{aspect-ratio:1.65}.stage-arabic{font-size:1.8rem;line-height:1.4;right:auto;left:7%;top:10%;text-align:left}.selected-caption h3{font-size:1.5rem}.selected-caption>.eyebrow{font-size:.65rem}.selected-caption>p:not(.eyebrow){font-size:.875rem}.selected-identity{width:85%}.selected-digital{width:95%;justify-self:end}.selected-caption{margin-top:.9rem}.case-action{font-size:.8rem;min-height:36px;display:inline-flex;align-items:center;margin-top:.5rem}.archive-drawer{padding-bottom:3rem}.archive-drawer details{padding-inline:1.2rem}.archive-drawer summary{gap:1rem}.archive-drawer summary strong{font-size:1.25rem}.archive-drawer summary small{font-size:.73rem}.archive-content .project-grid{grid-template-columns:1fr;gap:2rem}.archive-controls .filters{gap:.9rem}.archive-controls .filters button{font-size:.8rem}.signature .signature-ar{font-size:1.3rem}.signature-en{font-size:.8rem}.signature{gap:.6rem}.site-header nav{gap:1rem;font-size:.75rem}.sfbt-opening{padding-top:.5rem;padding-bottom:2.5rem}.sfbt-opening-grid{grid-template-columns:1fr;gap:2rem}.sfbt-opening h1{font-size:5.5rem;margin-top:.8rem}.sfbt-opening h1>span{font-size:1.8rem;line-height:1.15;margin-top:1rem}.sfbt-deck{font-size:.95rem;max-width:360px}.sfbt-opening-art{width:76%;max-width:350px;justify-self:end}.opening-credits{max-width:380px;grid-template-columns:1fr 1fr;gap:1rem}.sfbt-opening .back-link{margin-bottom:1.2rem}.system-section{padding:2.5rem 0;margin-bottom:3rem}.system-heading{grid-template-columns:1fr;gap:1rem;margin-bottom:1.5rem}.system-heading h2{font-size:2.15rem}.system-heading>p{font-size:.875rem}.design-controls{gap:.15rem;justify-content:space-between;margin-bottom:1.8rem}.design-controls button{padding:.7rem .5rem;gap:.35rem;font-size:.76rem}.design-controls button>span{font-size:.6rem}.system-panel{grid-template-columns:1fr;gap:1.7rem}.system-copy h3{font-size:1.65rem}.system-copy>p:not(.eyebrow){margin-top:1rem;font-size:.875rem}.system-copy .system-caption{margin-top:1rem!important;font-size:.7rem!important}.system-plate{max-width:320px}.contribution-note{grid-template-columns:1fr;gap:1rem;padding-block:3rem}.contribution-note h2{font-size:1.9rem}.contribution-note p:not(.eyebrow){font-size:.9rem}.portrait-player{grid-template-columns:1fr;gap:1.25rem}.portrait-player .clip-list{grid-column:1;grid-row:1;grid-template-columns:1fr 1fr;padding-top:0;gap:.5rem}.portrait-player .player-main{grid-column:1;grid-row:2;max-width:320px;width:100%;margin:auto}.portrait-player .clip-choice img{display:none}.portrait-player .clip-choice{min-height:72px;align-items:center;padding:.75rem}.portrait-player .clip-choice>span:not(.clip-indicator){font-size:.875rem}.portrait-player .clip-choice small{font-size:.65rem}.portrait-player video{max-height:540px}.home .about-copy h2{font-size:2.4rem}.contact-layout h2{font-size:3.2rem}}
@media(max-width:360px){.signature .signature-ar{font-size:1.1rem}.signature-en{font-size:.7rem}.site-header nav{gap:.8rem;font-size:.72rem}.identity-meta{font-size:.62rem}.intro-links{font-size:.75rem}.design-controls button{font-size:.69rem;gap:.25rem;padding:.7rem .4rem}.design-controls button>span{font-size:.55rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}