@font-face{font-family:'Noto Sans Arabic';src:url('/fonts/NotoSansArabic.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--bg:#121412;--paper:#f2f3eb;--muted:#b3bbad;--line:#3c433b;--lime:#d9f975;font-family:'Helvetica Neue',Arial,sans-serif;color:var(--paper);background:var(--bg)}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}button,a{-webkit-tap-highlight-color:#d9f97533}:focus-visible{outline:2px solid var(--lime);outline-offset:5px}header,main,footer{max-width:1536px;margin:auto;padding-inline:48px}.skip{position:absolute;left:16px;top:-70px;padding:14px;background:var(--lime);color:#182012;z-index:20}.skip:focus{top:16px}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{direction:ltr;flex-shrink:0}.brand img{width:190px;height:auto}header nav{display:flex;align-items:center;gap:32px;font-size:14px}.language{color:var(--muted);min-height:44px;display:flex;align-items:center}.nav-editor{display:flex;gap:32px;align-items:center;min-height:44px}.nav-editor span{color:var(--lime);font-size:20px}.hero{padding:72px 0 64px;display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:center}.eyebrow{font:11px/1.5 ui-monospace,monospace;letter-spacing:.15em;color:#c4cdbb;display:flex;align-items:center;gap:10px}.eyebrow>span{width:6px;height:6px;background:var(--lime);border-radius:50%}h1{font-size:clamp(64px,6.6vw,104px);font-weight:500;letter-spacing:-.065em;line-height:1.02;margin:28px 0}h1 em{font-style:normal;color:var(--lime)}.intro{font-size:18px;line-height:1.65;max-width:430px;color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:20px 24px;align-items:center;margin-top:32px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:17px 20px;min-height:56px;font-size:15px;font-weight:500;background:var(--lime);color:#182012;border-radius:4px;transition:background .16s}.primary:hover{background:#e8ffaa}.primary span{font-size:22px;line-height:1}.text-link{font-size:13px;text-decoration:underline;text-underline-offset:5px;min-height:44px;display:flex;align-items:center}.local-note{color:#919d85;font-size:11px;line-height:1.6;margin-top:20px}.hero-scene{min-width:0;display:block}.scene-top,.scene-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;font:10px/1.5 ui-monospace,monospace;letter-spacing:.08em;color:#b4c0a9}.scene-top{border-top:1px solid var(--line)}.scene-top span:last-child{color:#d9f975}.scene-bottom{font-family:inherit;font-size:12px;letter-spacing:0;border-bottom:1px solid var(--line)}.scene-arrow{font-size:25px;color:var(--lime)}.hero-image{position:relative;overflow:hidden;aspect-ratio:1.18;background:#252925}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:62% center;transition:transform .16s}.hero-scene:hover img{transform:scale(1.01)}.hero-image:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#0608069c);pointer-events:none}.frame-corner{width:24px;height:24px;position:absolute;z-index:2;border-color:#f2f3eb88}.top-left{left:22px;top:22px;border-left:1px solid;border-top:1px solid}.bottom-right{bottom:22px;right:22px;border-bottom:1px solid;border-right:1px solid}.scene-caption{position:absolute;bottom:12%;left:12%;right:12%;text-align:center;z-index:2;font-size:clamp(16px,1.7vw,25px);font-weight:500;color:#fff;text-shadow:0 2px 10px #000}.format-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:24px}.format-strip>span:first-child{font-size:20px;letter-spacing:-.025em}.format-strip>span:last-child{font:12px/1.5 ui-monospace,monospace;word-spacing:7px;color:#aab69f}.tool-index{padding:96px 0;display:grid;grid-template-columns:1fr 1.2fr;gap:72px}h2{font-size:clamp(38px,4.2vw,60px);line-height:1.06;font-weight:500;letter-spacing:-.045em;margin:24px 0}.section-intro>p:last-of-type{font-size:16px;line-height:1.75;color:var(--muted);max-width:370px}.cue-motif{margin-top:44px;max-width:300px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;direction:ltr;font:10px/1.5 ui-monospace,monospace;color:#92a17e}.motif-line{height:1px;background:#5a684b;flex:1}.cue-motif>div{position:relative;display:flex;gap:8px;width:100%;padding:12px 0}.cue-motif i{height:24px;flex:1;background:#2d3b1d;border:1px solid #597340;border-radius:2px}.cue-motif i:nth-child(2){flex:1.5;background:#7b954b}.cue-motif b{position:absolute;top:0;bottom:0;width:2px;background:var(--lime);left:40%}.tool-rows>a{display:flex;align-items:center;gap:24px;padding:23px 0;border-bottom:1px solid var(--line);transition:color .16s}.tool-rows>a:first-child{border-top:1px solid var(--line)}.tool-rows>a:hover h3{color:var(--lime)}.row-number{font:11px ui-monospace,monospace;color:#8f9c80;align-self:flex-start;margin-top:5px}.tool-rows h3{font-size:23px;font-weight:500;letter-spacing:-.025em;line-height:1.25}.tool-rows p{font-size:13px;color:var(--muted);line-height:1.6;margin-top:7px}.row-arrow{font-size:22px;color:var(--lime);margin-inline-start:auto}.stories{border-top:1px solid var(--line);padding:64px 0 72px}.stories-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:40px}.stories-heading h2{margin-bottom:0}.stories-heading>p{max-width:400px;font-size:14px;line-height:1.8;color:var(--muted)}.contact-sheet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.contact-photo{aspect-ratio:4/3;position:relative;overflow:hidden;background:#222920}.contact-photo img{width:100%;height:100%;object-fit:cover;transition:transform .16s}.contact-scene:hover img{transform:scale(1.02)}.sample-play{position:absolute;bottom:16px;right:16px;display:grid;place-items:center;width:40px;height:40px;background:#10170be0;border:1px solid #81916b;color:var(--lime);font-size:22px;border-radius:50%}.contact-info{padding:20px 0;border-bottom:1px solid var(--line)}.contact-info>span{font:10px/1.5 ui-monospace,monospace;letter-spacing:.1em;color:#a6b497}.contact-info h3{font-size:24px;font-weight:500;letter-spacing:-.03em;margin-top:9px}.notes{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line);padding:48px 0 64px}.note-index{font:10px ui-monospace,monospace;color:var(--lime)}.notes h3{font-size:24px;font-weight:500;letter-spacing:-.025em;margin:18px 0 12px}.notes p{font-size:14px;line-height:1.8;color:var(--muted);max-width:510px}.closing-link{display:flex;align-items:center;justify-content:space-between;gap:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:36px 0;font-size:clamp(26px,3.4vw,48px);letter-spacing:-.04em}.closing-link>span:last-child{color:var(--lime);font-size:1.2em}.closing-link:hover{color:var(--lime)}footer{padding-block:40px;display:flex;align-items:center;justify-content:space-between;gap:32px}footer>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:14px}footer p{width:100%;font-size:11px;color:#98a58b;margin-top:4px}footer nav{display:flex;gap:24px;font-size:11px;flex-wrap:wrap;color:#c0cbb5}footer a{min-height:44px;display:flex;align-items:center}html[lang=ar]{font-family:'Noto Sans Arabic',Tahoma,Arial,sans-serif}html[lang=ar] h1{font-size:clamp(52px,5.6vw,82px);line-height:1.35;letter-spacing:0}html[lang=ar] h2{font-size:clamp(32px,3.5vw,48px);line-height:1.5;letter-spacing:0}html[lang=ar] .eyebrow,html[lang=ar] .scene-top,html[lang=ar] .contact-info>span{font-family:inherit;letter-spacing:0}html[lang=ar] .intro{line-height:1.9;font-size:17px}html[lang=ar] h3,html[lang=ar] .closing-link,html[lang=ar] .format-strip>span{letter-spacing:0}html[lang=ar] .scene-caption{line-height:1.8}html[lang=ar] .tool-rows h3{font-size:21px}html[lang=ar] .hero{gap:48px}
@media(min-width:1600px){.hero{padding-top:88px;padding-bottom:80px}.hero-image{aspect-ratio:1.3}}
@media(max-width:1000px){header,main,footer{padding-inline:32px}.hero{gap:32px;padding-top:48px}.hero h1{font-size:64px}.intro{font-size:16px}.hero-actions{gap:12px}.hero-image{aspect-ratio:.85}.tool-index{gap:40px;padding-block:72px}.tool-rows h3{font-size:21px}.stories-heading>p{max-width:300px}.contact-sheet{gap:16px}.notes{gap:40px}html[lang=ar] .hero{gap:28px}html[lang=ar] .hero h1{font-size:50px}html[lang=ar] .intro{font-size:15px}}
@media(max-width:700px){header,main,footer{padding-inline:20px}header{height:80px;gap:16px}.brand img{width:150px}header nav{gap:16px;font-size:12px}.nav-editor{gap:12px}.hero{grid-template-columns:1fr;padding:40px 0 32px;gap:36px}.hero h1{font-size:clamp(54px,12vw,76px);margin:22px 0}.hero .intro{font-size:16px;max-width:430px}.eyebrow{font-size:10px}.hero-actions{gap:16px 20px;margin-top:24px}.primary{font-size:14px;min-height:52px;padding:15px 18px;gap:32px}.text-link{font-size:12px}.local-note{font-size:10px;margin-top:14px}.hero-image{aspect-ratio:1.25}.scene-top{font-size:9px;padding:12px 0;gap:8px}.scene-caption{font-size:20px}.scene-bottom{padding:10px 0;font-size:11px}.format-strip{padding:20px 0;display:block}.format-strip>span{display:block}.format-strip>span:first-child{font-size:20px}.format-strip>span:last-child{font-size:10px;word-spacing:2px;margin-top:14px}.tool-index{grid-template-columns:1fr;gap:32px;padding:48px 0}.section-intro h2{font-size:42px;margin:20px 0}.section-intro>p:last-of-type{font-size:14px}.cue-motif{display:none}.tool-rows>a{padding:22px 0;gap:16px}.tool-rows h3{font-size:21px}.tool-rows p{font-size:12px}.stories{padding:44px 0}.stories-heading{display:block;margin-bottom:28px}.stories-heading h2{font-size:42px;margin:20px 0}.stories-heading>p{font-size:13px;max-width:none}.contact-sheet{grid-template-columns:1fr;gap:28px}.contact-photo{aspect-ratio:1.65}.contact-info{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0}.contact-info h3{font-size:21px;margin:0}.contact-info>span{font-size:9px}.notes{grid-template-columns:1fr;gap:36px;padding:40px 0}.notes h3{font-size:22px}.notes p{font-size:13px}.closing-link{font-size:28px;padding:28px 0;line-height:1.2}footer{padding-block:28px;display:block}footer nav{gap:20px;margin-top:16px;font-size:11px}html[lang=ar] .hero h1{font-size:60px;line-height:1.3}html[lang=ar] h2,html[lang=ar] .stories-heading h2,html[lang=ar] .section-intro h2{font-size:36px}html[lang=ar] .intro{font-size:15px}html[lang=ar] .hero{gap:32px}}
@media(max-width:370px){header,main,footer{padding-inline:16px}.brand img{width:130px}header nav{gap:12px;font-size:11px}.nav-editor{gap:6px}.nav-editor span{font-size:15px}.hero h1{font-size:54px}.hero-actions{display:block}.text-link{margin-top:10px}.hero-image{aspect-ratio:1.1}.scene-caption{font-size:17px}.contact-info{display:block}.contact-info h3{margin-top:8px}.closing-link{font-size:25px}html[lang=ar] .hero h1{font-size:52px}html[lang=ar] .nav-editor{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}