:root{--bg: #000000;--fg: #f0ede8;--font: "Times New Roman", Times, serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}body{background:var(--bg);color:var(--fg);font-family:var(--font);text-transform:lowercase;-webkit-font-smoothing:antialiased;cursor:url(/cursors/normal-select-small.png) 7 14,auto}button,input,select,textarea{text-transform:inherit}img,video{-webkit-user-drag:none;-webkit-user-select:none;-webkit-touch-callout:none;user-select:none;pointer-events:none}.site{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.site--click-flash,.site--click-flash *{cursor:url(/cursors/selection-cursor.png) 8 8,pointer!important}.door-transition{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;opacity:0;pointer-events:none;transition:opacity .38s ease;z-index:999}.door-transition--closed{opacity:1;pointer-events:all}.frame{position:relative;width:min(70vh,80vw);height:min(70vh,80vw)}.frame__gif{position:absolute;top:8.5%;right:11.5%;bottom:18.5%;left:11.5%;width:77%;height:72%;object-fit:cover;border-radius:2px}.frame__gif--shimmer{filter:url(#frame-shimmer)}.frame__gif--in{animation:frame-fade-in 83ms ease forwards}@keyframes frame-fade-in{0%{opacity:0}to{opacity:1}}.filter-defs{position:absolute;width:0;height:0;pointer-events:none}.frame__border{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;filter:invert(1);opacity:.85;pointer-events:none;z-index:1}.caption{position:absolute;top:calc(50% + min(35vh,40vw) - .5rem);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.25rem}.caption__cuneiform{font-size:1.1rem;opacity:.7;letter-spacing:.1em;color:inherit;text-decoration:none}.caption__countdown{font-size:.75rem;opacity:.4;letter-spacing:.05em;font-variant-numeric:tabular-nums}.name{position:absolute;left:calc(50% - min(35vh,40vw) - 11rem);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;text-align:center;gap:.3rem}.name__en{font-size:1.4rem;font-weight:400;letter-spacing:.02em;opacity:.85}.name__op{font-size:1.2rem;font-weight:400;opacity:.55;color:inherit;text-decoration:none}.name__ar{font-size:1.2rem;font-weight:400;opacity:.55;direction:rtl}.nav{position:absolute;right:calc(50% - min(35vh,40vw) - 7rem);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-end;gap:.8rem}.nav__link{color:var(--fg);text-decoration:none;font-size:.85rem;font-family:var(--font);letter-spacing:.03em;opacity:.5;transition:opacity .2s ease;background:none;border:none;padding:0;cursor:pointer}.nav__link:hover{opacity:1;cursor:url(/cursors/door-cursor.png) 16 16,pointer}.about{max-width:520px;display:flex;flex-direction:column;gap:1.4rem;padding:2rem;font-size:.95rem;line-height:1.75;opacity:.8}.about__link{color:var(--fg);text-decoration:underline;text-underline-offset:3px;opacity:1;cursor:inherit;transition:opacity .2s ease}.about__link:hover{opacity:.6}.page{display:flex;flex-direction:column;align-items:center;gap:1rem}.page--projects{width:100%;height:100%;gap:.7rem;padding:1rem 1rem .8rem;justify-content:flex-start}.page__back{background:none;border:none;color:var(--fg);font-family:var(--font);font-size:.85rem;cursor:pointer;opacity:.4;transition:opacity .2s ease;align-self:center;padding:0}.page__back:hover{opacity:.8;cursor:url(/cursors/door-cursor.png) 16 16,pointer}.projects__area{flex:1 1 auto;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(240,237,232,.18) transparent;scroll-behavior:smooth}.projects__area::-webkit-scrollbar{width:6px}.projects__area::-webkit-scrollbar-thumb{background:#f0ede82e;border-radius:3px}.projects{display:grid;grid-template-columns:minmax(0,1fr);gap:1.4rem;grid-auto-rows:min-content;max-width:28rem;padding-bottom:.6rem;width:100%;justify-content:center;align-items:start}.projects__more{flex:0 0 auto;margin:1.6rem 0 .4rem;font-size:.85rem;color:var(--fg);opacity:.5;text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:1px;cursor:inherit;transition:opacity .2s ease}.projects__more:hover{opacity:.9;cursor:url(/cursors/door-cursor.png) 16 16,pointer}.project{position:relative;aspect-ratio:503 / 497;color:var(--fg);min-width:0;padding:16% 20%}.project__frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;filter:invert(1);opacity:.8;pointer-events:none;transition:opacity .25s ease}.project:hover .project__frame{opacity:1}.project__frame--flip-x{transform:scaleX(-1)}.project__frame--flip-y{transform:scaleY(-1)}.project__frame--flip-xy{transform:scale(-1)}.project__body{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-start}.project__star{font-size:.9rem;opacity:.8;margin-right:.4rem;line-height:1}.project__name{font-size:1.15rem;overflow-wrap:anywhere;letter-spacing:.01em;color:var(--fg);text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:1px;cursor:inherit;transition:opacity .2s ease;align-self:flex-start}.project__name:hover{opacity:.6;cursor:url(/cursors/door-cursor.png) 16 16,pointer}.project__tech{font-size:.8rem;opacity:.62;letter-spacing:.02em;line-height:1.4;margin-top:.35rem}.project__desc{margin-top:.7rem;font-size:.82rem;line-height:1.6;opacity:.8}@media (max-width: 900px){.projects{max-width:90vw}}@media (max-width: 768px){.site{flex-direction:column;justify-content:center;gap:1.2rem;padding:1rem}.name{position:static;transform:none;align-items:center;text-align:center}.name__en{font-size:1.3rem}.name__ar{font-size:1.1rem}.frame{width:min(85vw,60vh);height:min(85vw,60vh)}.nav{position:static;transform:none;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem 1.2rem;max-width:90vw}.nav__link{font-size:.8rem}.caption{position:static;transform:none}.projects{gap:1.1rem;max-width:22rem}.about{padding:1.5rem;font-size:.9rem}}