.landing{--ink:#0e2f27;--ink-2:#133a30;--paper:#faf9f5;--paper-2:#f1efe7;--text:#17211e;--muted:#5e6b66;--line:#d9ddd8;--marker:#f6d65b;--stamp:#b5382c;font-family:var(--font-body), var(--font-arabic), system-ui, sans-serif;color:var(--text);background:var(--paper)}.landing .display{font-family:var(--font-display), var(--font-arabic), system-ui, sans-serif;letter-spacing:-.03em}.landing .naskh{font-family:var(--font-naskh), serif}.hero-ground{background:radial-gradient(1200px 600px at 85% -10%, #f6d65b14, transparent 60%), radial-gradient(900px 500px at -10% 110%, #ffffff0d, transparent 60%), var(--ink)}.hero-ground h1,.hero-ground h2,.hero-ground h3,.hero-ground .display{color:#fff}.landing h2,.landing h3{color:var(--text)}.hero-ground .accent{color:var(--marker)}.sheet{color:#1b1b1b;aspect-ratio:210/297;background:#fff;border-radius:6px;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff6,0 30px 60px -20px #0000008c,0 12px 24px -12px #00000059}.sheet-inner{direction:rtl;flex-direction:column;gap:.9em;padding:7% 8%;font-size:clamp(9px,1.05vw,12.5px);line-height:1.75;display:flex;position:absolute;inset:0}.sheet h4{text-align:center;margin:0;font-size:1.55em;font-weight:700}.sheet .rule{border-top:1px solid #222}.sheet .h{margin-top:.4em;font-size:1.05em;font-weight:700}.sheet p{margin:0}.sheet .box{border:1px solid #222;padding:.55em .8em;font-weight:700}.sheet .sign{justify-content:space-between;align-items:flex-end;margin-top:auto;padding-top:1em;display:flex}.sheet .sigline{color:#555;text-align:center;border-top:1px solid #333;width:34%;padding-top:.3em;font-size:.85em}.mk{background:var(--marker);color:#4a3a00;white-space:nowrap;border-radius:2px;padding:0 .3em;font-weight:700;display:inline-block;position:relative}.mk-typed{vertical-align:bottom;white-space:nowrap;border-inline-end:2px solid #0000;max-width:0;display:inline-block;overflow:hidden}.mk-cycle .mk-label{animation:7s step-end infinite mk-label}.mk-cycle .mk-typed{animation:7s steps(18,end) infinite mk-typed}@keyframes mk-label{0%,38%{display:inline}38.1%,to{display:none}}@keyframes mk-typed{0%,38%{border-color:#0000;max-width:0}40%,62%{border-color:#4a3a00}62%{max-width:12em}63%,92%{border-color:#0000;max-width:12em}to{max-width:12em}}.mk-cycle .mk{animation:7s step-end infinite mk-bg}@keyframes mk-bg{0%,62%{background:var(--marker)}62.1%,to{color:#1b1b1b;background:0 0;font-weight:400}}.cachet{border:2px solid var(--stamp);width:5.2em;height:5.2em;color:var(--stamp);text-align:center;letter-spacing:.02em;opacity:.85;mix-blend-mode:multiply;border-radius:50%;place-items:center;font-size:.72em;font-weight:700;line-height:1.25;display:grid;position:relative;transform:rotate(-8deg)}.cachet:after{content:"";border:1px solid var(--stamp);border-radius:50%;position:absolute;inset:.35em}.cachet span{padding:0 .6em}.piece{aspect-ratio:3/4;transform-origin:50%;background:#fff;border-radius:6px;width:27%;padding:4%;position:absolute;box-shadow:0 20px 40px -18px #0009,0 2px 6px #00000040}.piece-photo{background:linear-gradient(160deg,#efece3,#e2ded2 70%,#d8d3c5);border-radius:3px;width:100%;height:100%;position:relative;overflow:hidden}.piece-photo:before{content:"";background:linear-gradient(115deg,#ffffff59 0%,#0000 35% 65%,#00000014 100%);position:absolute;inset:0}.piece-doc{color:#333;direction:rtl;background:#fff;padding:6% 7%;font-size:5.2px;line-height:1.7;position:absolute;inset:9% 8%;overflow:hidden;transform:rotate(-2.5deg);box-shadow:0 1px 4px #00000040}.piece-doc b{text-align:center;margin-bottom:.3em;font-size:1.15em;display:block}.piece-doc i{background:#cfcfcf;border-radius:1px;height:.55em;margin:.35em 0;display:block}.piece-doc i.w1{width:92%}.piece-doc i.w2{width:78%}.piece-doc i.w3{width:85%}.piece-doc i.w4{width:60%}.piece .num{top:6%;background:var(--ink);color:#fff;font-size:.72rem;font-weight:700;line-height:1;font-family:var(--font-display), sans-serif;border-radius:4px;padding:.3em .45em;position:absolute;inset-inline-start:6%}@keyframes rise{0%{transform:translateY(18px)}to{transform:none}}.rise{animation:.7s cubic-bezier(.2,.7,.2,1) both rise}.rise-2{animation-delay:.12s}.rise-3{animation-delay:.24s}.rise-4{animation-delay:.36s}@media (prefers-reduced-motion:reduce){.rise,.mk-cycle .mk,.mk-cycle .mk-label,.mk-cycle .mk-typed{animation:none}.mk-typed{display:none}}.ledger{border-top:1px solid var(--line)}.ledger>*{border-bottom:1px solid var(--line)}@media (min-width:1024px){.ledger{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.ledger>*{border-inline-end:1px solid var(--line)}.ledger>:last-child{border-inline-end:0}}.passage{font-family:var(--font-naskh), serif;text-wrap:pretty;direction:rtl;font-size:clamp(1.35rem,2.6vw,2.1rem);line-height:1.9}.passage .mk{font-size:.9em}.toc{counter-reset:toc}.toc>li{border-bottom:1px solid var(--line);grid-template-columns:2.2rem 1fr auto;align-items:baseline;gap:1rem;padding:.7rem 0;display:grid}.toc>li:before{counter-increment:toc;content:counter(toc, decimal-leading-zero);font-family:var(--font-display), sans-serif;color:var(--muted);font-variant-numeric:tabular-nums;font-weight:700}