body{background:var(--cream);color:var(--ink);color-scheme:light}a{color:var(--rust-ink)}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding-block:22px;padding-inline:7vw;font-size:15px;display:flex}.topbar .mark{color:var(--ink);align-items:center;gap:12px;font-weight:600;text-decoration:none;display:flex}.topbar .mark img{width:40px;height:auto;display:block}.topbar nav{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.topbar nav a{color:var(--ink);text-decoration:none}.topbar nav a:hover{text-decoration:underline}.topbar .lang{border:1px solid #2b211855;padding-block:6px;padding-inline:12px}.hero{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;gap:4vw;min-height:82vh;padding-block:24px 72px;padding-inline:7vw;display:grid}.hero h1{font:700 clamp(52px, 7vw, 112px)/.98 var(--body);letter-spacing:-.035em;text-wrap:balance;margin:0 0 18px}:lang(ar) .hero h1{font:700 clamp(60px, 8vw, 128px)/1.25 var(--kufi);letter-spacing:0}.hero>div>p{max-width:32em;color:var(--muted);margin:0 0 26px;font-size:19px}.hero .button{background:var(--brand-rust);color:#fff}.hero .button:hover{background:var(--rust-ink)}.ink-word{position:relative}svg.word{width:100%;height:auto;display:block;overflow:visible}svg.word text{font:700 330px var(--ruqaa);fill:#0000;stroke:var(--brand-rust);stroke-width:1.6px;stroke-dasharray:1600;animation:3.4s ease-out both ink,1s ease-out 2.6s both fillword}@keyframes fillword{to{fill:var(--brand-rust)}}.now{--r:-2deg;max-width:360px;margin-block-start:-40px;margin-inline:12% auto;position:relative}.now .stamp{font:700 13px var(--body);color:var(--brand-rust);border:1.5px solid;padding-block:2px;padding-inline:10px;display:inline-block;transform:rotate(-3deg)}.now b{font:700 22px/1.3 var(--body);color:var(--brand-rust);margin-block:10px 4px;display:block}:lang(ar) .now b{font:700 30px/1.3 var(--ruqaa)}.now p{margin:0;font-size:16px;line-height:1.6}.film{position:relative}.sticky{height:100vh;min-height:0;position:sticky;top:0;overflow:hidden}.track{will-change:transform;height:100%;min-height:0;display:flex}.wall{flex:0 0 100vw;grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:center;gap:4vw;height:100%;min-height:0;padding-block:64px 96px;padding-inline:7vw;display:grid;position:relative;overflow:hidden}.wall .paint{font:700 clamp(180px, 30vw, 460px)/1 var(--kufi);opacity:.14;pointer-events:none;white-space:nowrap;position:absolute;inset-block-end:-4vw;inset-inline-start:-3vw}.wall .label{position:relative}.wall .label h2{font:700 clamp(40px, 5vw, 76px)/1 var(--body);letter-spacing:-.03em;text-wrap:balance;margin:0 0 16px}:lang(ar) .wall .label h2{font:700 clamp(44px, 5.4vw, 84px)/1.3 var(--kufi);letter-spacing:0}.wall .label p{max-width:24em;margin:0 0 18px}.wall .label a{color:inherit;font-weight:600}.board{min-height:0;position:relative}.w-ink{background:var(--night);color:var(--cream)}.w-ink .paint{color:var(--gold);opacity:.2}.w-gold{background:var(--gold-line);color:var(--ink)}.w-gold .paint{color:var(--paper);opacity:.4}.w-sage{background:var(--sage);color:var(--cream)}.w-sage .paint,.w-ink .label a,.w-sage .label a{color:var(--gold)}.videos{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 20px;max-width:640px;margin:0;padding:0;list-style:none;display:grid}.videos li{--r:0deg}.videos a{background:var(--paper);color:var(--ink);transform:rotate(var(--r));transition:transform .3s var(--ease-out);padding:8px 8px 12px;text-decoration:none;display:block;box-shadow:0 18px 28px -18px #000,0 2px 4px #0003}.videos a:hover{transform:rotate(0)translateY(-4px)}.videos img{aspect-ratio:1;object-fit:cover;background:var(--ink);width:100%;height:auto;display:block}.videos li.is-short img{aspect-ratio:9/16}.videos span{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:3.2em;margin-block-start:8px;font-size:13.5px;line-height:1.6;display:-webkit-box;overflow:hidden}.videos time{color:var(--muted);font-variant-numeric:tabular-nums;margin-block-start:4px;font-size:11.5px;display:block}.game-clip{--r:1.4deg;max-width:480px}.game-clip>.ar{font:700 44px/1.3 var(--ruqaa);color:var(--brand-rust);display:block}.game-clip>p{color:var(--muted);margin:6px 0 18px;font-size:16px}.note{--r:-1.6deg;background:#fdf3c4;max-width:420px}.note b{font:700 30px/1.25 var(--body);letter-spacing:-.02em;color:var(--ink);display:block}:lang(ar) .note b{font:700 38px/1.35 var(--ruqaa);letter-spacing:0}.note p{color:var(--muted);margin:8px 0 0;font-size:15px}.writing-wall{--r:-1.6deg;max-width:480px}.post-teasers{gap:14px;margin:0;padding:0;list-style:none;display:grid}.post-teasers li{gap:2px;display:grid}.post-teasers a{color:var(--ink);font-size:20px;font-weight:600;text-decoration-thickness:1px}.post-teasers time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.all-tags{color:var(--rust-ink);margin-block-start:24px;font-weight:600;display:inline-block}.post-page{background:var(--cream);min-height:100vh;color:var(--ink);padding-block:40px 120px;padding-inline:16px}.post-shell{width:min(100%,720px);margin-inline:auto}.post-header{padding-block:24px 28px}.post-back{color:var(--rust-ink);font-size:15px;font-weight:600}.post-header h1,.tag-page h1{font:700 clamp(42px, 7vw, 82px)/1.05 var(--body);letter-spacing:-.035em;text-wrap:balance;margin:18px 0 22px}:lang(ar) .post-header h1,:lang(ar) .tag-page h1{font-family:var(--kufi);letter-spacing:0;line-height:1.35}.post-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:15px;display:flex}.post-meta time{font-variant-numeric:tabular-nums}.post-tags{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.post-tags a{color:var(--rust-ink)}.post-actions{flex-wrap:wrap;gap:12px;padding-block:0 44px;display:flex}.share-control{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.share-fallback{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.share-fallback[hidden]{display:none}.share-fallback label{color:var(--muted);font-size:14px}.share-fallback input{background:var(--paper);width:min(30rem,70vw);min-height:44px;color:var(--ink);font:400 15px/1.2 var(--body);border:1px solid #2b211844;border-radius:4px;padding:9px 12px}.post-prose{max-width:70ch;font-size:19px;line-height:1.75}.post-prose :where(h2,h3){font-family:var(--body);margin-block:2em .6em;line-height:1.2}:lang(ar) .post-prose :where(h2,h3){font-family:var(--kufi);line-height:1.5}.post-prose :where(p,ul,ol,blockquote){margin-block:0 1.25em}.post-prose :where(ul,ol){padding-inline-start:1.3em}.post-prose blockquote{border-inline-start:2px solid var(--rust);color:var(--muted);padding-inline-start:1em}.post-prose img{max-width:100%;height:auto}.tag-posts{gap:18px;margin:34px 0 0;padding:0;list-style:none;display:grid}.tag-posts li{border-block-end:1px solid #2b211833;gap:3px;padding-block-end:18px;display:grid}.tag-posts a{color:var(--ink);font-size:24px;font-weight:600}.tag-posts span{color:var(--muted);font-size:14px}.all-tag-list{flex-wrap:wrap;gap:12px;margin:34px 0 0;padding:0;list-style:none;display:flex}.all-tag-list a{background:var(--paper);color:var(--rust-ink);padding:10px 14px;display:inline-block;box-shadow:0 8px 16px -14px #000}.rail{z-index:2;mix-blend-mode:difference;color:#fff;height:30px;position:absolute;inset-block-end:34px;inset-inline:7vw}.rail:before{content:"";opacity:.5;background:currentColor;height:2px;position:absolute;inset-block-start:14px;inset-inline:0}.rail button{translate:calc(-50% * var(--mirror)) 0;font:600 12px var(--body);color:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding-block-start:18px;padding-inline:0;position:absolute;inset-block-start:0}.rail button:before{content:"";background:currentColor;border-radius:50%;width:10px;height:10px;margin-inline-start:-5px;position:absolute;inset-block-start:10px;inset-inline-start:50%}.rail .dot{border:3px solid;border-radius:50%;width:16px;height:16px;margin-inline-start:-8px;position:absolute;inset-block-start:7px}.elsewhere{max-width:1160px;margin-inline:auto;padding-block:96px 72px;padding-inline:24px}.elsewhere h2{font:700 clamp(40px, 5vw, 72px)/1.05 var(--body);letter-spacing:-.03em;text-wrap:balance;margin:0 0 36px}:lang(ar) .elsewhere h2{font-family:var(--kufi);letter-spacing:0;line-height:1.3}.tags{flex-wrap:wrap;gap:22px 20px;margin:0;padding:0;list-style:none;display:flex}.tags li:nth-child(odd) a{--r:-1.4deg}.tags li:nth-child(2n) a{--r:1.2deg}.tags a{background:var(--paper);color:var(--ink);transform:rotate(var(--r));flex-direction:column;padding:14px 20px;font-size:18px;font-weight:600;text-decoration:none;display:inline-flex;position:relative;box-shadow:0 14px 22px -16px #000a,0 1px 3px #0002}.tags a:before{content:"";background:var(--tape);width:54px;height:18px;margin-inline-start:-27px;position:absolute;inset-block-start:-9px;inset-inline-start:50%;transform:rotate(-4deg)}.tags a:hover{transform:rotate(0)translateY(-3px)}.tags small{color:var(--muted);font-size:13px;font-weight:400}.cta{background:var(--night);color:var(--cream);position:relative;overflow:hidden}.cta .big{font:700 clamp(160px, 28vw, 420px)/1 var(--kufi);color:#0000;-webkit-text-stroke:2px #c9a22744;pointer-events:none;position:absolute;inset-block-end:-6vw;inset-inline-end:-2vw}.cta .elsewhere{padding-block:88px;position:relative}.cta h2{color:var(--cream);text-wrap:balance;max-width:16ch}.cta .row{flex-wrap:wrap;align-items:center;gap:14px 26px;display:flex}.cta .row a:not(.button){color:var(--gold);font-weight:600}@media (width<=760px),(height<=700px),(prefers-reduced-motion:reduce){.film{height:auto!important}.sticky{height:auto;position:static;overflow:visible}.track{scroll-snap-type:inline mandatory;scrollbar-width:none;overflow-x:auto;transform:none!important}.wall{scroll-snap-align:start;flex:0 0 92%;grid-template-columns:minmax(0,1fr);align-content:start;gap:28px;height:auto;padding-block:56px 64px;padding-inline:16px}}html:not(.js) .sticky{height:auto;position:static;overflow:visible}html:not(.js) .track{scroll-snap-type:inline mandatory;overflow-x:auto}html:not(.js) .wall{scroll-snap-align:start;flex:0 0 92%;height:auto}html:not(.js) .rail{display:none}@media (width<=760px),(height<=700px){.rail{display:none}.swipe{background:var(--night);color:var(--cream);justify-content:space-between;align-items:center;gap:12px;padding-block:14px;padding-inline:16px;font-size:14px;font-weight:600;display:flex}.swipe .bar{background:#f7f1e833;flex:1;height:3px;position:relative}.swipe .bar i{background:var(--gold);width:25%;position:absolute;inset-block:0;inset-inline-start:0}.videos{gap:16px 10px}.videos span{font-size:12px}}@media (width>=761px) and (height>=701px){.swipe{display:none}}@media (prefers-reduced-motion:reduce){svg.word text{fill:var(--brand-rust);animation:none}.rail{display:none}}@media (width<=860px){.topbar{padding-block:18px;padding-inline:16px}.hero{grid-template-columns:minmax(0,1fr);gap:8px;min-height:0;padding-block:16px 56px;padding-inline:16px}svg.word{max-width:300px;margin-inline-start:auto}.now{margin-block-start:-24px;margin-inline:8px 0}.elsewhere{padding-block:64px 56px;padding-inline:16px}}