@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Noto+Naskh+Arabic:wght@400;500&display=swap');
:root{color-scheme:dark;--gold:#ebbf87;--ink:#f8d5a4}*{box-sizing:border-box}body{margin:0;background:#251508;color:var(--ink);font-family:'Noto Naskh Arabic',serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid #ffdc9d;outline-offset:4px}.page{position:relative;width:100%;max-width:1024px;aspect-ratio:2/3;margin:auto;container-type:inline-size;background:#2c190b url('falcon-background.png') center top/100% 100% no-repeat;overflow:hidden}.landscape{position:absolute;inset:0;pointer-events:none}.menu-toggle,.menu{display:none}.identity{position:absolute;top:11%;left:5%;width:90%;height:19%;text-align:center}.identity h1{font-family:Amiri,serif;font-weight:400;font-size:7cqw;line-height:1.5;margin:0;color:#f7d1a0;text-shadow:0 2px 8px #28150766}.role{position:relative;margin:2.9cqw auto 0;font-size:3.15cqw;line-height:1.7;color:#f3d1a5;padding-top:1.7cqw;width:64%}.role:before{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#f1c18e 20%,#f1c18e 80%,transparent)}.role:after{content:'✦';position:absolute;top:-1.7cqw;left:50%;transform:translateX(-50%);font-size:3cqw;line-height:1;background:#301c0e;padding:0 .5cqw;color:#ffd7a2}.slogan{font-family:Amiri,serif;font-size:4.6cqw;line-height:1.6;margin:2.5cqw 0 0;color:#eab164;text-shadow:0 0 10px #d7933833}.slogan:before{content:'“';margin-left:.4em}.slogan:after{content:'”';margin-right:.4em}.personal-link{position:absolute;top:66.15%;left:17.3%;width:65.4%;height:6.45%;border:1px solid #ebc08d;border-radius:1.7cqw;display:flex;direction:ltr;align-items:center;gap:4cqw;padding:1.4cqw 3cqw;background:linear-gradient(110deg,#42250de8,#2b170cdd);box-shadow:inset 0 1px 7px #f2bc7033;transition:filter .2s}.personal-link:hover{filter:brightness(1.2)}.linkedin-mark{font:700 4.7cqw/1 Arial;color:#291808;background:linear-gradient(#f9d99d,#dca551);padding:.45cqw .7cqw;border-radius:.55cqw;flex-shrink:0}.personal-label{direction:rtl;flex:1;text-align:center;font-size:2.75cqw;border-left:1px solid #edc58e;padding-left:2.7cqw;line-height:1.6;white-space:nowrap}.link-arrow{font:4.1cqw Arial;flex-shrink:0;color:#e8ba7b}.accounts{position:absolute;top:74.05%;left:20%;width:60%;height:8.1%}.section-title{font-size:3.15cqw;font-weight:400;line-height:1.7;text-align:center;display:flex;align-items:center;gap:1.3cqw;white-space:nowrap;margin:0;color:#f7d9ad}.section-title:before,.section-title:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,transparent,#d3a679)}.section-title:after{transform:rotate(180deg)}.socials{display:flex;justify-content:center;gap:4.35cqw;margin-top:1.4cqw;direction:ltr}.social{width:6.65cqw;height:6.65cqw;border:1px solid #d0a675;border-radius:50%;display:grid;place-items:center;background:#301a0b44;color:#f1c894;transition:background .2s}.social:hover{background:#b47a322f}.social svg{width:3.7cqw;height:3.7cqw;stroke:currentColor;stroke-width:1.6;fill:none}.in{font:700 3.6cqw Arial}.websites{position:absolute;top:82.85%;left:6.6%;width:86.8%;height:11.25%}.websites .section-title{width:69%;margin:0 auto 1.65cqw}.site-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.1cqw}.site-card{min-width:0;height:11.65cqw;border:1px solid #cfa36e;border-radius:1.5cqw;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;padding:1.4cqw 2.5cqw;background:linear-gradient(110deg,#3b210eda,#3e230de0 64%,#cb81343b);isolation:isolate}.site-card:after{content:'';position:absolute;right:0;bottom:0;width:36%;height:100%;background:linear-gradient(90deg,#3b210e,transparent 60%),url('falcon-background.png') 92% 66%/600% auto;opacity:.65;z-index:-1}.mountain{display:none}.site-copy{text-align:center;flex:1}.site-copy strong{font:400 3.75cqw/1.4 Amiri,serif;display:block}.site-copy>span{font-size:2.1cqw;line-height:1.5;display:block;color:#e5bd8d;margin-top:.4cqw}.circle-arrow{order:2;display:grid;place-items:center;border:1px solid #c19560;width:5.2cqw;height:5.2cqw;border-radius:50%;font:4.2cqw/1 Arial;padding-bottom:.5cqw;flex-shrink:0}.end-art{display:none}#toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%,15px);opacity:0;pointer-events:none;padding:10px 20px;color:#2d1909;background:#edc58d;border-radius:8px;transition:.2s;z-index:10}#toast.show{opacity:1;transform:translate(-50%,0)}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.identity .role{position:absolute;top:12.7cqw;left:8%;width:84%;margin:0;padding-top:1.7cqw;font-size:3.05cqw;line-height:1.4}.identity .slogan{position:absolute;top:21.3cqw;left:0;width:100%;margin:0}
/* Fill the usable mobile viewport, including Safari's dynamic toolbar. */
html{min-height:100%;background:#2c190b}body{min-height:100vh;min-height:100svh;background:#2c190b}.page{min-height:100vh;min-height:100svh;background-size:100% 100%}@supports(height:100dvh){body,.page{min-height:100dvh}}@media(min-width:1025px){.page{min-height:1536px}}