@font-face{font-family:Estedad;font-style:normal;font-display:swap;font-weight:400;src:url(../media/estedad-arabic-400-normal.3utzk5t1h91wc.woff2)format("woff2"),url(../media/estedad-arabic-400-normal.1n3nzokive48x.woff)format("woff")}
@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(../media/noto-naskh-arabic-arabic-400-normal.0yuzbisa4oom-.woff2)format("woff2"),url(../media/noto-naskh-arabic-arabic-400-normal.1245iate_1el0.woff)format("woff")}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#192421;--text:#f6f2e8}*{box-sizing:border-box}html,body{background:var(--ink);min-height:100%;margin:0}body,button{font-family:Estedad,sans-serif;font-weight:400}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:1px solid var(--text);outline-offset:7px}.landing{isolation:isolate;min-height:100svh;color:var(--text);place-items:center;display:grid;position:relative;overflow:hidden}.paintings{z-index:-1;position:absolute;inset:0}.painting{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity 1.2s;position:absolute;inset:0}.painting.is-active{opacity:1}.paintings:after{content:"";background:#0c1613a3;position:absolute;inset:0}.identity{text-align:center;flex-direction:column;align-items:center;width:min(100%,680px);padding:48px 28px;display:flex}.logo-button{width:48px;height:48px;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;margin:0 0 22px;padding:0;display:grid}.logo{object-fit:contain;filter:brightness(0)invert(97%)sepia(10%)saturate(320%);width:40px;height:40px}h1{margin:0;font-size:18px;font-weight:400;line-height:2}.quotation{max-width:540px;margin:44px 0 0}blockquote{margin:0}blockquote p{text-wrap:balance;margin:0;font-family:Noto Naskh Arabic,serif;font-size:22px;font-weight:400;line-height:2.1}figcaption{color:#e0dfd4;margin-top:15px;font-size:10px;line-height:2}figcaption a:hover{text-underline-offset:5px;text-decoration:underline}@media (max-width:600px){.identity{padding:36px 28px}h1{font-size:16px}.quotation{max-width:320px;margin-top:36px}blockquote p{font-size:20px;line-height:2.15}}@media (max-height:450px){.identity{padding-block:25px}.logo-button{margin-bottom:12px}.quotation{margin-top:22px}}@media (prefers-reduced-motion:reduce){.painting{transition:none}}