:root{--bg: #0b0f14;--ink: rgba(247, 248, 240, .86);--dim: rgba(247, 248, 240, .4);--line: rgba(247, 248, 240, .12);--accent: #2f5d4a;--dusk: #355872;--copper: #7aaace;--serif: "EB Garamond", Georgia, serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--serif);font-size:19px;line-height:1.45;overflow-x:hidden;animation:page-in .45s ease both;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(900px 480px at 50% -10%,rgba(53,88,114,.12),transparent 70%),radial-gradient(800px 420px at 50% 115%,rgba(122,170,206,.08),transparent 70%)}body.maker:before{opacity:.45}@keyframes page-in{0%{opacity:0}to{opacity:1}}::selection{background:var(--accent);color:var(--bg)}:focus-visible{outline:1px solid var(--accent);outline-offset:3px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#f7f8f024;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}a{color:inherit;text-decoration:none}button{background:none;border:none;color:inherit;cursor:pointer}.mono{font-family:var(--mono);font-size:13px;letter-spacing:.04em}.dim{color:var(--dim)}em{font-style:italic}strong{font-weight:600;color:#f7f8f0f7}body.maker strong{color:#0c1117f2}kbd{font-family:var(--mono);border:1px solid var(--line);border-radius:3px;padding:0 5px;font-size:10px}nav{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:20px 28px;z-index:40;background:linear-gradient(to bottom,rgba(12,17,23,.92),transparent)}body.maker nav{background:linear-gradient(to bottom,rgba(247,248,240,.94),transparent)}.wordmark:hover{color:var(--accent)}.nav-links{display:flex;gap:22px;position:relative;align-items:center}.nav-links a,.foot-links a{position:relative;color:var(--dim);transition:color .25s,transform .15s ease-out;display:inline-block}.nav-links a:hover,.foot-links a:hover{color:var(--accent)}.nav-links a.here{color:var(--ink)}.nav-links a.here:before{content:"✦ ";color:var(--copper);font-size:9px}.nav-glide{position:absolute;bottom:-4px;height:1px;background:var(--accent);opacity:0;pointer-events:none;transition:left .3s cubic-bezier(.2,.7,.2,1),width .3s cubic-bezier(.2,.7,.2,1),opacity .2s}nav.nav-center{justify-content:center}.contact-menu{position:relative}.contact-trigger{color:var(--dim);transition:color .25s}.contact-menu:hover .contact-trigger{color:var(--accent)}.contact-drop-wrap{position:absolute;left:50%;top:100%;transform:translate(-50%);padding-top:9px;z-index:50}.contact-drop{display:flex;flex-direction:column;min-width:150px;padding:5px 0;background:#14161d;border:1px solid var(--line);border-radius:9px;box-shadow:0 16px 40px -20px #000000e6;opacity:0;transform:translateY(-7px);pointer-events:none;transition:opacity .22s ease,transform .22s cubic-bezier(.2,.7,.2,1)}body.maker .contact-drop{background:#f3f4ec}.contact-menu:hover .contact-drop,.contact-menu:focus-within .contact-drop,.contact-menu.open .contact-drop{opacity:1;transform:translateY(0);pointer-events:auto}.cd-item{display:flex;align-items:center;gap:9px;width:100%;padding:7px 14px;font-size:12.5px;color:var(--dim);text-align:left;transition:background .2s,color .2s}.cd-item:hover{background:#f7f8f00f;color:var(--ink)}body.maker .cd-item:hover{background:#0c11170f}.cd-ic{width:14px;height:14px;flex:none}.landing{position:relative;z-index:1;max-width:680px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:84px 24px 12px;min-height:calc(100vh - 108px)}.basmala{font-size:26px;color:var(--copper);-webkit-user-select:none;user-select:none;animation:fade-down .9s ease both;margin-bottom:-14px}@keyframes fade-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}h1{font-weight:500;font-size:clamp(38px,7.5vw,64px);line-height:1.02;letter-spacing:-.01em}.hero-meta{font-size:12px;margin-top:-24px;display:flex;align-items:center;gap:10px}.hero-meta:before{content:"";width:34px;height:1px;background:var(--copper)}.hero-meta a{border-bottom:1px solid var(--line);transition:color .25s,border-color .25s}.hero-meta a:hover{color:var(--accent);border-color:var(--accent)}h1 .name-part{position:relative;display:inline-block;cursor:pointer;opacity:0;transform:translateY(.4em);animation:rise .8s cubic-bezier(.2,.7,.2,1) forwards}#name-waqar{animation-delay:.1s;font-style:italic}@keyframes rise{to{opacity:1;transform:translateY(0)}}.np-word{display:inline-block}.np-def{position:absolute;top:calc(100% + 2px);left:4px;font-size:12px;font-style:normal;color:var(--copper);white-space:nowrap;opacity:0;transform:translateY(5px);transition:opacity .3s,transform .3s;pointer-events:none}.name-part:hover .np-def{opacity:1;transform:none}#name-waqar .np-def{top:auto;bottom:calc(100% - 12px);transform:translateY(-5px)}#name-waqar:hover .np-def{transform:none}.name-creed{font-size:12.5px;min-height:18px;color:var(--copper);margin-top:-16px;max-width:480px;opacity:0;transform:translateY(6px);transition:opacity .5s ease,transform .5s cubic-bezier(.2,.7,.2,1);pointer-events:none}.name-creed.show{opacity:1;transform:none}.asterisk{color:var(--copper);font-style:normal;display:inline-block;animation:bloom-pulse 5s ease-in-out infinite;margin-left:8px}@keyframes bloom-pulse{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.18);opacity:1}}.prose p{margin-bottom:.9em}.prose p:last-child{margin-bottom:0}.prose a{border-bottom:1px solid var(--accent);transition:color .25s}.prose a:hover{color:var(--accent)}.landing-prose{max-width:840px}.landing-prose p{font-size:14px;line-height:1.6;color:#f7f8f0c7}body.maker .landing-prose p{color:#0c1117d1}.landing-prose p+p{margin-top:1.15em}.landing-prose .salaam-line{margin-top:0}.salaam-line{font-size:15px;color:var(--copper);letter-spacing:.01em}.salaam-line .dim{font-size:11px}.film-strip{display:flex;gap:10px;align-items:center}.film-strip img{height:52px;width:72px;object-fit:cover;border:1px solid var(--line);cursor:pointer;filter:saturate(.55) brightness(.9);transform:rotate(var(--tilt, 0deg));transition:filter .3s,transform .3s,border-color .3s}.film-strip img:nth-child(odd){--tilt: -1.2deg}.film-strip img:nth-child(2n){--tilt: 1.1deg}.film-strip img:hover{filter:saturate(1) brightness(1);transform:rotate(0) translateY(-3px);border-color:var(--accent)}.landing.centered{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;gap:14px;max-width:880px;min-height:0;padding-top:88px}.hero-art{margin:0;width:100%;max-width:280px;align-self:flex-start}.morph{display:block;width:100%}.morph-stage{--mc: var(--accent);container-type:inline-size;width:100%;aspect-ratio:12 / 5;display:flex;align-items:center;justify-content:flex-start;overflow:hidden}.morph-art{margin:0;font-family:var(--mono);white-space:pre;font-size:1.98cqw;line-height:1.05;color:#bfe2ff;text-shadow:0 0 7px color-mix(in srgb,var(--mc) 85%,transparent),0 0 18px color-mix(in srgb,var(--mc) 45%,transparent)}body.maker .morph-art{color:var(--accent);text-shadow:0 0 8px color-mix(in srgb,var(--mc) 70%,transparent)}.sign-row{display:flex;align-items:center;gap:22px;align-self:flex-start;margin-top:6px}.contact-line{margin:0}.contact-line a{color:var(--accent);letter-spacing:.06em;border-bottom:1px solid color-mix(in srgb,var(--accent) 40%,transparent);transition:color .25s,border-color .25s}.contact-line a:hover{color:var(--ink);border-color:var(--ink)}.contact-line span{display:inline-block;transition:transform .25s}.contact-line a:hover span{transform:translate(3px)}.signature{width:144px;height:auto;opacity:.78;filter:invert(1)}body.maker .signature{filter:none;opacity:.8}.quirks{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;font-size:12px}#do-not-press,#photos-folder,#leave-salaam{border:1px solid var(--line);padding:6px 12px;font-size:12px;color:var(--dim);transition:all .25s}#do-not-press:hover{border-color:var(--copper);color:var(--copper);transform:rotate(-1.5deg)}#photos-folder:hover,#leave-salaam:hover{border-color:var(--accent);color:var(--accent);transform:rotate(1.5deg)}.landing-foot{position:relative;z-index:1;max-width:680px;margin:12px auto 0;padding:18px 24px 22px;border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:14px}.foot-links{display:flex;gap:20px;flex-wrap:wrap;justify-content:center}.tiny-foot{font-size:11px}.page{position:relative;z-index:1;max-width:680px;margin:0 auto;padding:140px 24px 80px}h2{position:relative;font-weight:500;font-size:30px;margin-bottom:14px;display:flex;align-items:baseline;gap:14px}h2[data-ar]:after{content:attr(data-ar);position:absolute;right:0;top:-34px;font-size:84px;color:var(--copper);opacity:.09;pointer-events:none;font-weight:400}.spark{color:var(--copper);font-size:16px;animation:bloom-pulse 5s ease-in-out infinite}.section-note{margin-bottom:18px}.ascii-divider{text-align:center;margin:70px 0 30px;font-size:12px;color:var(--copper);opacity:.7}.page-next{text-align:center}.page-next a{display:inline-block;color:var(--dim);border:1px solid var(--line);border-radius:999px;padding:10px 24px;transition:color .25s,border-color .25s,background .25s}.page-next a:hover{color:var(--accent);border-color:var(--accent);background:#9cd5ff0d}.work-now{border:1px solid var(--line);border-top-left-radius:80px 30px;border-top-right-radius:80px 30px;padding:26px 28px 24px;margin-bottom:48px;transition:border-color .3s}.work-now:hover{border-color:var(--accent)}.work-now>.mono{color:var(--copper);letter-spacing:.14em}.work-now h3{font-size:30px;font-style:italic;font-weight:500;margin:4px 0 10px}.prose-sm{font-size:16px;color:#f7f8f0b3}body.maker .prose-sm{color:#0c1117b3}.thing-list{list-style:none}.thing{border-bottom:1px solid var(--line);transition:border-color .3s}.thing>a{display:grid}.thing>a,.thing:not(:has(a)){display:grid;grid-template-columns:64px 200px 1fr;gap:16px;align-items:baseline;padding:16px 8px}.thing-name{font-size:20px;transition:color .25s}.thing-desc{font-size:15px;color:var(--dim);line-height:1.5}.thing{transition:border-color .3s,background .3s}.thing:hover{border-color:var(--accent);background:linear-gradient(90deg,rgba(156,213,255,.05),transparent 70%)}.thing:hover .thing-name{color:var(--accent)}.wgroup{margin:42px 0 4px;font-size:11px;font-weight:400;letter-spacing:.18em;color:var(--copper)}.wgroup:first-of-type{margin-top:10px}.windex{list-style:none}.windex a{display:grid;grid-template-columns:1fr auto 26px;gap:14px;align-items:baseline;padding:15px 4px;border-bottom:1px solid var(--line);transition:border-color .3s,background .3s,padding-left .3s}.windex a:hover{border-color:var(--accent);background:linear-gradient(90deg,rgba(156,213,255,.05),transparent 70%);padding-left:12px}.wi-title{font-size:21px;font-style:italic;transition:color .25s;display:block}.wi-sub{display:block;font-family:var(--mono);font-size:11.5px;font-style:normal;letter-spacing:.02em;line-height:1.5;color:var(--dim);margin-top:4px;max-width:520px}.windex a:hover .wi-title{color:var(--accent)}.wi-meta{font-size:11px}.wi-arrow{font-size:12px;color:var(--dim);transition:color .3s,transform .3s}.windex a:hover .wi-arrow{color:var(--accent);transform:translate(4px)}.article{max-width:620px}.article-kicker{font-size:12px;margin-bottom:18px}.article-title{font-weight:500;font-style:italic;font-size:clamp(30px,6vw,44px);line-height:1.08;margin-bottom:10px}.article-meta{font-size:11px;margin-bottom:40px}.article-prose p{font-size:19px;line-height:1.62;color:#f7f8f0c7}body.maker .article-prose p{color:#0c1117c7}.article-prose>p:first-of-type:first-letter{font-size:52px;float:left;line-height:.8;padding:6px 10px 0 0;color:var(--copper);font-style:italic}.work-page .article-prose>p:first-of-type:first-letter{font-size:inherit;float:none;line-height:inherit;padding:0;color:inherit;font-style:normal}.article-prose h3{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.16em;color:var(--copper);margin:40px 0 14px}.article-prose code{font-family:var(--mono);font-size:.78em;background:#f7f8f012;padding:1px 5px;border-radius:3px}body.maker .article-prose code{background:#0c111714}.article-prose pre{font-family:var(--mono);font-size:12px;line-height:1.55;color:var(--dim);border:1px solid var(--line);padding:14px 16px;margin:0 0 1.3em;overflow-x:auto}.article-prose pre em{color:var(--copper);font-style:normal}.article-prose blockquote{border-left:2px solid var(--copper);padding:4px 0 4px 18px;margin:0 0 1.3em;font-style:italic;font-size:21px;color:#f7f8f0d9}body.maker .article-prose blockquote{color:#0c1117d9}.article-prose blockquote .mono{display:block;margin-top:6px;font-style:normal;font-size:12px}.article-prose figure{margin-top:20px}.article-prose img{width:100%;border:1px solid var(--line);display:block;filter:saturate(.9);transition:filter .3s,border-color .3s}.article-prose img:hover{filter:saturate(1.1);border-color:var(--accent)}.article-prose figcaption{margin-top:8px;font-size:11px;font-family:var(--mono);color:var(--dim)}.article-nav{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:56px;padding-top:22px}.article-nav a{color:var(--dim);transition:color .25s}.article-nav a:hover{color:var(--accent)}.diagram{margin:10px 0 38px;border:1px solid var(--line);border-radius:7px;padding:26px 24px 16px;background:linear-gradient(180deg,rgba(156,213,255,.045),transparent 78%);transition:border-color .3s,transform .3s}body.maker .diagram{background:linear-gradient(180deg,rgba(48,76,137,.05),transparent 78%)}.diagram:hover{border-color:var(--accent);transform:translateY(-2px)}.diagram svg{display:block;width:100%;height:auto;overflow:visible}.diagram figcaption{margin-top:16px;text-align:center;font-family:var(--mono);font-size:11px;color:var(--dim);letter-spacing:.03em}.dg-box{fill:none;stroke:var(--line);stroke-width:1.2}.dg-box-accent{fill:none;stroke:var(--accent);stroke-width:1.4}.dg-fill-soft{fill:#9cd5ff0f}.dg-line{stroke:var(--line);stroke-width:1.2;fill:none}.dg-flow{stroke:var(--accent);stroke-width:1.4;fill:none}.dg-copper{stroke:var(--copper);stroke-width:1.3;fill:none}.dg-dash{stroke-dasharray:4 4}.dg-fill{fill:var(--accent)}.dg-fill-copper{fill:var(--copper)}.dg-fill-line{fill:var(--line)}.dg-t{fill:var(--ink);font-family:var(--mono);font-size:12px}.dg-t-dim{fill:var(--dim);font-family:var(--mono);font-size:10.5px}.dg-t-accent{fill:var(--accent);font-family:var(--mono);font-size:11px}.dg-t-copper{fill:var(--copper);font-family:var(--mono);font-size:10px;letter-spacing:.05em}.dg-serif{fill:var(--ink);font-family:var(--serif);font-style:italic}.dg-flow.dg-anim{stroke-dasharray:5 6;animation:dgflow 1.15s linear infinite}@keyframes dgflow{to{stroke-dashoffset:-11}}@media(prefers-reduced-motion:reduce){.dg-flow.dg-anim{animation:none;stroke-dasharray:none}}.demo-solo{display:block;margin:10px 0 12px}.demo-solo video{border-radius:3px}.insp-list{display:flex;flex-direction:column}@media(min-width:641px){.insp-list{display:block;columns:2;column-gap:44px}.insp{break-inside:avoid}.insp:nth-child(odd) p{padding-right:8px}}.insp{display:grid;grid-template-columns:1fr;gap:6px;padding:20px 0;border-bottom:1px solid var(--line);align-items:baseline;transition:border-color .3s}.insp:hover{border-color:var(--accent)}.insp:hover .insp-key{color:var(--accent)}.insp-key{font-size:12px;color:var(--copper);transition:color .3s}.insp p{font-size:18px}.contact-page{max-width:760px}.contact-kicker{font-size:12px;margin-bottom:22px}.contact-kicker [lang=ar]{color:var(--copper);font-size:14px}.contact-hero{display:block;font-weight:500;font-size:clamp(48px,10vw,92px);line-height:.98;letter-spacing:-.015em;margin-bottom:26px}.contact-hero em{color:var(--copper)}.contact-hero[data-ar]:after{content:none}.contact-sub{max-width:480px;font-size:19px;color:#f7f8f0a8;margin-bottom:64px}body.maker .contact-sub{color:#0c1117a8}.contact-links{max-width:600px;margin-bottom:72px}.big-links{list-style:none}.big-link a{display:grid;grid-template-columns:1fr auto 26px;gap:16px;align-items:baseline;padding:18px 4px;border-bottom:1px solid var(--line);transition:border-color .3s,background .3s,padding-left .3s}.big-link a:hover{border-color:var(--accent);background:linear-gradient(90deg,rgba(156,213,255,.05),transparent 70%);padding-left:14px}.bl-num{font-size:11px}.bl-name{font-size:26px;font-style:italic;transition:color .25s}.big-link a:hover .bl-name{color:var(--accent)}.bl-note{font-size:11px}.bl-arrow{color:var(--dim);font-size:14px;transition:color .3s,transform .3s}.big-link a:hover .bl-arrow{color:var(--accent);transform:translate(3px,-3px)}.salaam-row{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;border-top:1px solid var(--line);padding:30px 0 50px}.salaam{font-size:26px;color:var(--copper);line-height:1.4}.salaam-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-end}#salaam-reply{font-size:12px;min-height:18px;text-align:right;opacity:0;transition:opacity .5s ease}#salaam-reply.shown{opacity:1}.demos-note{font-size:11px;margin-bottom:14px}.demos{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:56px}.demo{border:1px solid var(--line);padding:8px 8px 6px;transition:border-color .3s,transform .3s}.demo:hover{border-color:var(--accent);transform:translateY(-2px)}.demo video{display:block;width:100%;filter:saturate(.92);transition:filter .3s}.demo:hover video{filter:saturate(1.05)}.demo figcaption{font-size:10px;margin-top:7px}#m-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0c1117e0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;flex-direction:column;justify-content:center;padding:0 max(24px,calc(50vw - 340px));opacity:0;pointer-events:none;transition:opacity .3s ease}#m-menu.open{opacity:1;pointer-events:auto}body.maker #m-menu{background:#f7f8f0f7}#m-menu .m-hint{margin-bottom:30px;font-size:11px}.m-item{display:flex;align-items:baseline;gap:18px;padding:10px 14px;font-size:clamp(26px,4.5vw,38px);font-style:italic;font-weight:500;color:var(--dim);border-left:2px solid transparent;transition:color .2s,border-color .2s,padding-left .2s;text-align:left;font-family:var(--serif);line-height:1.2}.m-item.active{color:var(--ink);border-left-color:var(--accent);padding-left:26px}.m-item.current .m-name:after{content:" · you are here";font-size:11px;font-style:normal;color:var(--copper);font-family:var(--mono)}#m-menu .m-foot{margin-top:36px;font-size:11px}#flipbook{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;background:#0c1117e0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:none;flex-direction:column;align-items:center;justify-content:center;gap:16px;cursor:pointer}#flipbook.open{display:flex}#flipbook img{max-width:min(82vw,760px);max-height:70vh;border:1px solid var(--line);box-shadow:0 30px 80px #0000008c;transform:rotate(var(--tilt, 0deg))}#flipbook .fb-caption{font-size:12px}.goose{position:fixed;bottom:12px;left:-160px;z-index:90;font-family:var(--mono);font-size:12px;line-height:1.1;color:var(--copper);pointer-events:none;white-space:pre;animation:waddle 7s linear forwards}@keyframes waddle{0%{transform:translate(0)}to{transform:translate(calc(100vw + 320px))}}.reveal{opacity:0;transform:translateY(26px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}body.maker{--bg: #f7f8f0;--ink: rgba(12, 17, 23, .92);--dim: rgba(12, 17, 23, .52);--line: rgba(12, 17, 23, .16);--accent: #355872;--copper: #4a6a85;color-scheme:light}body.maker:before{opacity:.2}html.maker ::-webkit-scrollbar-thumb{background:#0c11172e}html.maker ::-webkit-scrollbar-thumb:hover{background:#355872}body.maker ::selection{background:#355872;color:#f0f7f4}body.maker #flipbook{background:#f7f8f0ed}body.maker #flipbook img{box-shadow:0 30px 80px #0c111740}@media(max-width:900px){.landing.split{grid-template-columns:1fr;gap:28px;min-height:0;justify-items:stretch}.hero-art{max-width:620px}}@media(max-width:640px){.thing>a,.thing:not(:has(a)){grid-template-columns:52px 1fr}.thing-desc{grid-column:2}.insp{grid-template-columns:1fr;gap:4px}.wi-meta{display:none}.windex a{grid-template-columns:1fr 20px}.nav-links{gap:14px}body{font-size:17px}h2[data-ar]:after{font-size:52px;top:-18px;opacity:.07}.hero-meta{flex-wrap:wrap}.demos{grid-template-columns:1fr}.salaam-actions{align-items:flex-start}#salaam-reply{text-align:left}}body.scene-on{background:transparent}.scene{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;background:radial-gradient(90% 70% at 42% 20%,rgba(224,199,130,.18),transparent 60%),linear-gradient(to bottom,#e6eef3,#f3f1ea 38%,#fff 82%)}.scene-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.scene:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(100deg,rgba(47,93,74,.26),rgba(122,170,206,.12) 4%,rgba(216,189,131,.06) 8%,transparent 15%),linear-gradient(260deg,rgba(47,93,74,.22),rgba(122,170,206,.1) 4%,rgba(216,189,131,.06) 8%,transparent 15%),linear-gradient(to bottom,#ffffff08,#ffffff1f 45%,#ffffff6b)}.hero-name{font-size:clamp(24px,4vw,34px);font-weight:500;letter-spacing:.01em;line-height:1.22;margin-bottom:0}@media(prefers-reduced-motion:no-preference){.hero-name{animation:name-in .6s ease both}}@keyframes name-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.name-ur{font-family:"Noto Nastaliq Urdu",var(--serif);font-size:.82em;line-height:1;letter-spacing:0}.name-sep{color:var(--copper);font-weight:300;opacity:.55;margin:0 .12em}.nav-morph-link{display:inline-block;width:116px;line-height:0}.nav-morph{width:116px;margin:0}.rule{border:0;height:1px;width:100%;background:#0c111752;margin:4px 0 6px}.postlist{margin-top:44px;display:flex;flex-direction:column;gap:40px}.post{display:block;transition:padding-left .25s ease}.post:hover{padding-left:6px}.post-kicker{display:block;font-family:var(--mono);font-size:12.5px;letter-spacing:.05em;color:var(--dim)}.post-title{display:block;font-family:var(--serif);font-size:27px;line-height:1.16;color:var(--accent);margin-top:5px;transition:color .2s}.post:hover .post-title{text-decoration:underline;text-underline-offset:3px}.post-desc{display:block;font-family:var(--serif);font-size:17px;line-height:1.5;color:#0c1117e6;margin-top:9px}@media(max-width:640px){nav{padding:14px 16px}.nav-morph-link,.nav-morph{width:90px}.nav-corner .nav-links,.nav-links{gap:16px;font-size:12px}.landing.centered{padding:72px 18px 48px;max-width:100%}.hero-name{font-size:clamp(21px,6.6vw,30px);letter-spacing:0}.landing-prose{max-width:100%}.landing-prose p{font-size:14px;line-height:1.6}.salaam-line{font-size:14px}.wpage{padding:6vh 18px 12vh!important;max-width:100%!important}.wpage .w-title{font-size:clamp(30px,8vw,40px)}.postlist{gap:30px;margin-top:32px}.post-title{font-size:22px}.post-desc{font-size:15px}.sign-row{flex-wrap:wrap;gap:14px}}.now-lead{margin-top:1.3em}.now{list-style:none;margin-top:.5em;display:flex;flex-direction:column;gap:.5em}.now li{position:relative;padding-left:1.1em;font-size:14px;line-height:1.55;color:#0c1117d1}.now li:before{content:"·";position:absolute;left:.1em;color:var(--copper)}.now a{color:var(--accent);border-bottom:1px solid var(--line);transition:border-color .25s}.now a:hover{border-color:var(--accent)}.now-close{margin-top:1.3em;font-style:italic;color:#0c1117b8}@media(prefers-reduced-motion:no-preference){.landing-prose>p,.now li{opacity:0;transform:translateY(8px);animation:prose-in .7s cubic-bezier(.2,.7,.2,1) forwards}.landing-prose .salaam-line{animation-delay:.05s}.landing-prose .now-close{animation-delay:.14s}.landing-prose .now-lead{animation-delay:.24s}.now li:nth-child(1){animation-delay:.3s}.now li:nth-child(2){animation-delay:.36s}.now li:nth-child(3){animation-delay:.42s}.now li:nth-child(4){animation-delay:.48s}.now li:nth-child(5){animation-delay:.54s}.landing-prose .article-cta{animation-delay:.62s}}@keyframes prose-in{to{opacity:1;transform:none}}