@font-face{font-family:AhnaArabic;src:url('./fonts/cairo.woff2') format('woff2');font-style:normal;font-weight:200 1000;font-display:swap}
@font-face{font-family:AhnaDisplay;src:url('./fonts/bricolage.woff2') format('woff2');font-style:normal;font-weight:200 900;font-display:swap}
@font-face{font-family:AhnaText;src:url('./fonts/space.woff2') format('woff2');font-style:normal;font-weight:300 700;font-display:swap}
:root{--ink:#f2eddb;--gold:#d9bb77;--green:#08291d;--page-progress:0;font-family:AhnaText,Arial,sans-serif;color:var(--ink);background:#04251c;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}html[dir=rtl]{font-family:AhnaArabic,Arial,sans-serif}body{margin:0;overflow-x:clip;--light-scene:0}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:7px}button{cursor:pointer}::selection{color:#062a1c;background:#e0c88b}
#experience-canvas{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0;pointer-events:none;transition:opacity .65s;background:#04251c}
body[data-renderer=fallback] #experience-canvas{opacity:0}body[data-renderer=fallback]{background:radial-gradient(ellipse at 35% 40%,#275748,#041a14 70%)}body[data-renderer=fallback] .story-step.is-light{color:#f2eddb}body[data-renderer=fallback] .story-step.is-light h2 em{color:#d9bb77}body[data-renderer=fallback] .story-step.is-light .eyebrow{color:#d9bb77}
.reading-veil{position:fixed;inset:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,rgba(1,20,14,.74),transparent 68%);opacity:calc(1 - var(--light-scene));transition:opacity .15s}
[dir=rtl] .reading-veil{transform:scaleX(-1)}
.site-header{position:fixed;z-index:20;top:0;inset-inline:0;height:90px;display:flex;align-items:center;gap:32px;padding:16px 5vw;background:linear-gradient(#05251efb,#05251eef);color:#f3eedc}
.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand svg{width:37px;fill:none;stroke:#d9bb77;stroke-width:1.6}.brand-wordmark{display:grid;gap:2px}.brand b{font-family:AhnaDisplay,sans-serif;font-size:28px;line-height:1;font-weight:700;letter-spacing:-1.2px}.brand small{font-size:9px;text-transform:uppercase;letter-spacing:3px}[dir=rtl] .brand b{font-family:AhnaArabic;font-size:30px;letter-spacing:0;line-height:1.25}[dir=rtl] .brand small{letter-spacing:0;font-size:10px;line-height:1}
.header-contact{font-size:12px;margin-inline-start:auto;white-space:nowrap;transition:color .2s}.header-contact:hover{color:var(--gold)}
.languages{display:flex;gap:16px;align-items:center;direction:ltr}.languages a{font-size:11px;opacity:.5;padding-block:9px;border-bottom:1px solid transparent}.languages a[lang^=ar]{font-family:AhnaArabic;font-size:13px}.languages a:hover,.languages a[aria-current]{opacity:1}.languages a[aria-current]{border-color:var(--gold)}
.motion-toggle{display:flex;align-items:center;justify-content:center;width:30px;height:34px;border:0;background:transparent;color:var(--gold);padding:5px;flex:none}.motion-toggle i{display:block;width:10px;height:12px;border-inline:3px solid currentColor}.motion-toggle[aria-pressed=true] i{width:0;height:0;border:6px solid transparent;border-left:10px solid currentColor}.motion-toggle span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.page-progress{position:absolute;bottom:0;inset-inline-start:0;height:1px;width:100%;background:var(--gold);transform:scaleX(var(--page-progress));transform-origin:left}[dir=rtl] .page-progress{transform-origin:right}
main{position:relative;z-index:2}.story-step{height:145svh;min-height:850px;position:relative;padding-inline:7vw;--copy-opacity:1;--copy-shift:0px;color:#f2eddb}.story-step.is-light{color:#133b2c}
.story-copy{position:sticky;top:24vh;padding-block:20px;width:47%;max-width:700px;opacity:var(--copy-opacity);transform:translateY(var(--copy-shift));pointer-events:none}.story-copy a{pointer-events:auto}
.eyebrow{display:block;font-size:10px;letter-spacing:2px;font-weight:600;margin-bottom:25px;color:#dcc68a;line-height:1.8}.is-light .eyebrow{color:#466044}
h1,h2{font-family:AhnaDisplay,sans-serif;margin:0;font-weight:500;letter-spacing:-4.8px;line-height:1.04;font-size:clamp(52px,6.1vw,102px)}h1 em,h2 em{font-style:normal;color:#d9bb77}.is-light h2 em{color:#37634c}
.story-copy p{font-size:14px;line-height:1.9;max-width:440px;margin:27px 0 0;opacity:.79}.story-copy h1{font-size:clamp(50px,5.65vw,94px)}.story-step:first-child .story-copy{top:23vh}
[dir=rtl] h1,[dir=rtl] h2{font-family:AhnaArabic;font-weight:600;letter-spacing:-2px;line-height:1.36;font-size:clamp(54px,6.1vw,96px)}[dir=rtl] .eyebrow{letter-spacing:0;font-size:12px}[dir=rtl] .story-copy p{font-size:15px;line-height:2}[dir=rtl] .story-step:first-child .story-copy{top:20vh}
.showreel-cta{display:inline-flex;align-items:center;gap:16px;margin-top:32px;padding:17px 24px;background:#dfc788;color:#133b2c;border-radius:2px;box-shadow:0 10px 38px #0002;transition:background .2s,transform .2s}.showreel-cta:hover{background:#f1dfa9;transform:translateY(-3px)}.showreel-cta strong{font-size:13px;font-weight:600;display:block}.showreel-cta small{font-size:9px;display:block;opacity:.66;margin-top:5px}.play-disc{width:31px;height:31px;display:grid;place-content:center;border:1px solid #214b3545;border-radius:50%;font-size:10px;direction:ltr}
.scroll-hint{font-size:10px;display:flex;align-items:center;gap:14px;margin-top:30px;opacity:.65}.scroll-hint i{height:30px;width:1px;background:linear-gradient(transparent,var(--gold));animation:down 1.8s ease-in-out infinite}.quiet-note{position:fixed;z-index:5;bottom:24px;inset-inline-end:5vw;font-size:9px;color:#e0ce97;letter-spacing:1.4px;pointer-events:none}[dir=rtl] .quiet-note{letter-spacing:0;font-size:10px}
.contact{min-height:105svh;position:relative;padding:22vh 7vw 45px;background:linear-gradient(transparent,#052218b0 40%,#041b14);color:#f2eddb}.contact h2{font-size:clamp(55px,7vw,110px);max-width:820px}.contact-lead{font-size:15px;line-height:1.9;max-width:520px;margin-top:27px}.contact-links{display:flex;gap:30px;flex-wrap:wrap;direction:ltr;justify-content:flex-start;margin:35px 0;color:#e2c88a}.contact-links a{border-bottom:1px solid #d9bb7760;padding-bottom:8px;font-size:20px}.contact-links a:hover{color:white}[dir=rtl] .contact-links{justify-content:flex-end}
.site-footer{margin-top:10vh;padding-top:27px;border-top:1px solid #eee2c321;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;font-size:10px;line-height:1.9;color:#dedbc78a}.site-footer p{max-width:590px;margin:0}.site-footer a{white-space:nowrap}.contact .showreel-cta{margin-top:12px}
.skip{position:fixed;z-index:100;inset-inline-start:20px;top:-100px;background:var(--gold);color:var(--green);padding:12px 20px}.skip:focus{top:12px}.touch-spark{position:fixed;z-index:8;pointer-events:none;width:16px;height:16px;border:1px solid #ecdb9f;border-radius:50%;box-shadow:0 0 25px #dfc58270;transform:translate(-50%,-50%);animation:spark .85s ease-out forwards}
@keyframes spark{to{opacity:0;transform:translate(-50%,-50%) scale(13)}}@keyframes down{0%,100%{transform:translateY(-3px);opacity:.3}50%{transform:translateY(5px);opacity:1}}
@media(min-width:1500px){.story-copy{width:43%}.story-step{padding-inline:8vw}}
@media(max-width:950px) and (min-width:651px){.site-header{gap:19px}.story-copy{width:52%}h1,h2,.story-copy h1{font-size:55px;letter-spacing:-2.8px}[dir=rtl] h1,[dir=rtl] h2{font-size:58px}.story-copy p{font-size:12px}}
@media(max-width:650px){
 .site-header{height:103px;padding:14px 6vw 12px;gap:12px;flex-wrap:wrap;align-content:center;justify-content:space-between}.brand{gap:9px}.brand svg{width:29px}.brand b{font-size:26px}.brand small{font-size:8px}[dir=rtl] .brand b{font-size:29px}.header-contact{font-size:10px;margin-inline-start:auto}.languages{gap:13px;position:absolute;top:73px;inset-inline-end:6vw}.languages a{font-size:9px;padding:2px 0}.languages a[lang^=ar]{font-size:11px}.motion-toggle{width:24px}.brand-wordmark{gap:1px}.brand{align-self:flex-start}
 .story-step{height:138svh;min-height:710px;padding-inline:7vw}.story-copy,.story-step:first-child .story-copy,[dir=rtl] .story-step:first-child .story-copy{top:127px;width:100%;max-width:500px;padding:5px 0 25px}.eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:13px}h1,h2,.story-copy h1{font-size:43px;letter-spacing:-2px;line-height:1.06}[dir=rtl] h1,[dir=rtl] h2{font-size:43px;letter-spacing:-1px;line-height:1.36}[dir=rtl] .eyebrow{font-size:10px;margin-bottom:8px}.story-copy p{font-size:11px;line-height:1.7;max-width:295px;margin-top:14px}[dir=rtl] .story-copy p{font-size:12px;line-height:1.9;max-width:310px}
 .showreel-cta{gap:11px;margin-top:21px;padding:12px 16px}.showreel-cta strong{font-size:11px}.showreel-cta small{font-size:8px}.play-disc{width:26px;height:26px;font-size:8px}.scroll-hint{font-size:8px;margin-top:20px;gap:10px}.scroll-hint i{height:20px}.quiet-note{font-size:8px;bottom:16px;inset-inline-end:7vw}[dir=rtl] .quiet-note{font-size:9px}.reading-veil,[dir=rtl] .reading-veil{transform:none;background:linear-gradient(#031e1470,transparent 85%)}
 .contact{padding:22vh 7vw 32px;min-height:110svh;background:linear-gradient(transparent,#042218df 30%,#041b14)}.contact h2,[dir=rtl] .contact h2{font-size:49px;letter-spacing:-1.5px}.contact-lead{font-size:12px;max-width:330px}.contact-links{gap:19px;margin-block:25px;flex-direction:column;align-items:flex-start}.contact-links a{font-size:17px}[dir=rtl] .contact-links{align-items:flex-end}.site-footer{display:block;margin-top:70px;font-size:9px}.site-footer a{display:block;margin-top:25px}
}
@media(max-width:360px){h1,h2,.story-copy h1,[dir=rtl] h1,[dir=rtl] h2{font-size:36px}.story-copy,.story-step:first-child .story-copy,[dir=rtl] .story-step:first-child .story-copy{top:116px}.story-copy p{font-size:10px}.eyebrow{font-size:7px}[dir=rtl] .eyebrow{font-size:9px}.showreel-cta{padding:10px 13px}.scroll-hint{margin-top:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;animation-iteration-count:1!important}.touch-spark{display:none}}

.story-step.in-view .story-copy{will-change:transform,opacity}