/* Supplied MixMall and DevCrafters artwork — original PNGs are unchanged. */
body,button,input,select,textarea{font-family:'IBM Plex Sans Arabic','Segoe UI',Tahoma,Arial,sans-serif}
.logo-window{display:block;position:relative;overflow:hidden;width:166px;aspect-ratio:811/237;flex:none;direction:ltr}
.logo-window>img{position:absolute;width:118.4957%;max-width:none;height:auto;left:-9.2478%;top:-152.7426%;display:block}
.brand.actual-brand{gap:0;display:block;padding-block:7px;line-height:1}
.actual-brand .brand-tag{font-size:9px;margin-top:7px;letter-spacing:.02em;color:#7d736c}
.brand-footer{background:#201e1e;color:#fff;border:0;padding:56px 0 0;margin-top:0}
.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:60px;padding-bottom:36px}
.footer-brand-copy{font-size:13px;color:#c2b9b5;max-width:310px;margin-top:22px;line-height:1.95}
.footer-app-id{font-size:10px;color:#928986;margin-top:18px}
.brand-footer .logo-window{width:195px}
.footer-column h2{font-size:12px;font-weight:500;color:#9f938e;margin-bottom:17px}
.footer-column a{color:#ece6e3;font-size:12px;display:block;line-height:2.1;margin-top:8px;overflow-wrap:anywhere}
.footer-copyright{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid #ffffff14;padding-block:20px;color:#9f938e;font-size:10px}
.footer-copyright a{color:#b9ada7}
.dev-credit{background:#201e1e;border-top:1px solid #ffffff14;text-align:center;padding:20px 15px 24px;color:#c5bab4}
.dev-credit>a{display:inline-flex;align-items:center;justify-content:center;gap:17px;color:inherit;text-decoration:none;transition:opacity .2s}
.dev-credit>a:hover{opacity:.76}
.dev-credit .credit-label{font:9px/1.7 'IBM Plex Sans Arabic','Segoe UI',sans-serif;letter-spacing:.08em;color:#b4a7a1}
.dev-credit img{width:112px;height:auto;display:block}
.project-logo-window{width:211px;max-width:100%;aspect-ratio:811/237}
.project-dev-logo{width:145px;height:72px;object-fit:contain;margin-block:-9px -7px}
.project-wordmark:has(.project-logo-window){margin-top:29px;margin-bottom:4px}
.project-wordmark:has(.project-dev-logo){margin-top:27px}
.directory-footer{margin-bottom:0}.directory-footer+.dev-credit{margin-top:6px}
.lightbox.premium-lightbox{padding:16px;background:#201c1b;color:white;border:1px solid #ffffff20;border-radius:24px;max-width:min(94vw,530px);max-height:96vh}
.lightbox.premium-lightbox::backdrop{background:#171011e8;backdrop-filter:blur(12px)}
.lightbox-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:10px;font-size:11px}
.lightbox-head .lightbox-close{margin:0;font-size:12px;padding:7px 13px;background:#ffffff15;border:1px solid #ffffff20}
.premium-lightbox .lightbox-picture{max-height:76vh;max-width:100%;width:auto;margin:auto;border-radius:24px}
.lightbox-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:12px;font-size:11px}
.lightbox-nav button{width:35px;height:35px;border-radius:50%;background:#ffffff12;color:#fff;border:1px solid #ffffff30;font-size:20px;line-height:1}
.gallery-count{direction:ltr;font-size:10px;color:#bcb0aa;white-space:nowrap}
@media(max-width:780px){.logo-window{width:145px}.actual-brand .brand-tag{font-size:9px}.brand-footer{padding-top:37px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.brand-footer .logo-window{width:177px}.footer-brand-copy{max-width:100%;margin-top:16px}.footer-column a{font-size:12px}.footer-grid{padding-bottom:28px}.dev-credit{padding-block:18px}.dev-credit img{width:100px}.footer-copyright{font-size:9px}.project-logo-window{width:190px}}
@media(prefers-reduced-motion:reduce){.dev-credit>a{transition:none}}

.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.lightbox-nav{direction:ltr}.lightbox-nav [data-lightbox-caption]{text-align:center;unicode-bidi:plaintext}.gallery-slide figcaption>span:last-child,.story-quote>span:last-child{direction:ltr;unicode-bidi:isolate}

/* Original Atarekak artwork, shown without its transparent outer margins. */
.atarekak-logo-window{display:block;position:relative;overflow:hidden;aspect-ratio:583/650;flex:none;direction:ltr}
.atarekak-logo-window>img{position:absolute;display:block;width:164.66552%;max-width:none;height:auto;left:-32.41852%;top:-21.84615%}