@font-face{font-family:Readex;src:url('../fonts/readex-pro.ttf') format('truetype');font-display:swap;font-weight:200 700}@font-face{font-family:Aref;src:url('../fonts/aref-ruqaa.ttf') format('truetype');font-display:swap;font-weight:400 700}
:root{--ink:#171310;--paper:#f2eee4;--bone:#fbf8f0;--clay:#a7745d;--saffron:#df9b34;--lichen:#a5ad5b;--muted:#6b625b;--line:rgba(23,19,16,.22);--display:Aref,"Traditional Arabic",serif;--body:Readex,"Segoe UI",Tahoma,sans-serif;--spine:86px}
*{box-sizing:border-box}html{overflow-x:hidden;scroll-behavior:smooth;scroll-padding-top:80px;background:var(--ink)}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:18px;line-height:1.95;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:50;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.17'/%3E%3C/svg%3E")}a{color:inherit;text-underline-offset:.28em}img{display:block;max-width:100%;height:auto}.as-skip{position:fixed;top:-90px;right:110px;z-index:90;background:var(--saffron);padding:10px 18px}.as-skip:focus{top:10px}.as-spine{position:fixed;z-index:60;inset:0 0 0 auto;width:var(--spine);background:var(--ink);color:var(--paper);display:flex;flex-direction:column;align-items:center}.as-brand{writing-mode:vertical-rl;text-decoration:none;margin:28px 0 auto;font:700 25px/1 var(--display);letter-spacing:.05em}.as-brand small{font:400 9px/1 var(--body);color:#c9bbac;margin-top:12px}.as-menu-button{border:0;background:var(--saffron);width:100%;min-height:76px;cursor:pointer;font:700 11px var(--body)}.as-menu-button i{display:block;width:24px;height:1px;background:var(--ink);margin:5px auto}.as-drawer{position:fixed;z-index:55;inset:0 var(--spine) 0 auto;width:min(520px,calc(100vw - var(--spine)));background:rgba(23,19,16,.98);color:var(--paper);padding:10vh 7vw;transform:translateX(110%);transition:transform .45s cubic-bezier(.2,.8,.2,1)}.as-drawer.is-open{transform:none}.as-drawer nav{display:flex;flex-direction:column}.as-drawer a{font:500 clamp(27px,3vw,48px)/1.5 var(--display);text-decoration:none;border-bottom:1px solid rgba(255,255,255,.15)}.as-drawer p{color:#b9ada3;margin-top:40px;font-size:13px}.as-shell{margin-right:var(--spine)}.as-progress{position:fixed;z-index:70;right:var(--spine);top:0;width:3px;height:100vh;background:rgba(255,255,255,.12)}.as-progress span{display:block;width:100%;height:0;background:var(--saffron)}
.as-hero{--accent:var(--saffron);min-height:100vh;position:relative;overflow:hidden;isolation:isolate;display:flex;align-items:center;padding:8vw 8vw 9vw}.as-hero:before{content:"";position:absolute;z-index:-3;inset:-20%;background:repeating-radial-gradient(ellipse at 86% 40%,transparent 0 28px,rgba(23,19,16,.08) 29px 31px,transparent 32px 54px);transform:rotate(-8deg)}.as-hero-media{position:absolute;z-index:-2;inset:0 43% 0 0;overflow:hidden;background:var(--ink);clip-path:polygon(0 0,100% 0,100% 100%,22% 94%,7% 73%,18% 45%)}.as-form-crown .as-hero-media{clip-path:ellipse(61% 72% at 61% 45%)}.as-form-sweep .as-hero-media{clip-path:polygon(8% 0,100% 0,100% 91%,74% 100%,17% 88%,0 54%)}.as-form-root .as-hero-media{clip-path:polygon(21% 0,100% 0,100% 100%,0 84%,13% 53%,0 23%)}.as-form-arc .as-hero-media{clip-path:ellipse(72% 88% at 73% 44%)}.as-form-shear .as-hero-media{clip-path:polygon(0 7%,100% 0,100% 100%,30% 100%,13% 76%,25% 40%)}.as-form-veil .as-hero-media{clip-path:polygon(12% 0,100% 0,100% 86%,68% 100%,0 90%,18% 62%,2% 29%)}.as-hero-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.04)}.as-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(270deg,rgba(242,238,228,.35),transparent 38%,rgba(23,19,16,.14))}.as-hero-copy{width:min(790px,61vw);position:relative;z-index:2}.as-eyebrow{display:flex;align-items:center;gap:15px;color:var(--accent);font-weight:700;font-size:12px;letter-spacing:.03em}.as-eyebrow:before{content:"";width:72px;height:2px;background:currentColor;border-radius:50%}.as-hero h1{font:700 clamp(56px,7vw,125px)/.9 var(--display);margin:26px 0 30px;max-width:11ch;letter-spacing:-.035em;text-wrap:balance}.as-dek{font-size:clamp(18px,1.45vw,25px);line-height:1.75;max-width:49ch;color:#403832}.as-hero-actions{display:flex;gap:24px;align-items:center;margin-top:32px}.as-hero-actions a{font-size:14px;font-weight:700;text-decoration:none;border-bottom:2px solid var(--accent)}.as-lens{position:absolute;left:39%;bottom:8%;width:150px;aspect-ratio:1;border:1px solid var(--accent);border-radius:48% 52% 55% 45%;mix-blend-mode:multiply}.as-lens:after{content:"";position:absolute;width:75px;height:1px;background:var(--accent);left:-57px;bottom:7px;transform:rotate(-31deg)}
.as-safety{position:relative;background:var(--ink);color:#ddd2c7;padding:42px 10vw 42px 16vw}.as-safety:before{content:"";position:absolute;right:6vw;top:-40px;height:105px;width:2px;background:var(--accent)}.as-safety strong{color:var(--paper);font:700 25px var(--display);margin-left:18px}.as-safety p{display:inline;margin:0}.as-thread{position:sticky;z-index:30;top:0;background:rgba(242,238,228,.93);backdrop-filter:blur(14px);overflow:auto;white-space:nowrap;padding:13px 6vw;border-bottom:1px solid var(--line)}.as-thread a{text-decoration:none;font-size:11px;margin-left:23px}.as-thread b{color:var(--accent);font-size:10px;margin-left:6px}.as-folio{position:relative;padding:7vw 0 4vw;background:var(--bone)}.as-folio:before{content:"";position:absolute;top:0;bottom:0;right:calc(18vw + var(--flow,12)*1px);width:1px;background:linear-gradient(transparent,var(--accent) 7%,var(--clay) 52%,transparent)}.as-chapter{--drift:0;position:relative;width:min(980px,72vw);margin-right:calc(8vw + var(--drift)*1vw);padding:clamp(75px,9vw,145px) 0;opacity:.2;transform:translateY(22px);transition:.7s}.as-chapter.is-visible{opacity:1;transform:none}.as-chapter:nth-child(2n){--drift:10}.as-chapter:nth-child(3n){--drift:18}.as-chapter:nth-child(4n){--drift:4}.as-chapter:nth-child(5n){width:min(1120px,79vw);margin-right:4vw;padding:11vw 9vw;color:var(--paper);background:var(--ink);clip-path:polygon(3% 7%,100% 0,96% 93%,8% 100%,0 66%)}.as-chapter:nth-child(7n){background:radial-gradient(ellipse at 15% 45%,rgba(223,155,52,.17),transparent 63%)}.as-num{position:absolute;right:-94px;top:110px;font:400 82px/1 var(--display);color:var(--accent);opacity:.82;transform:rotate(8deg)}.as-kicker{font-size:11px;color:var(--accent);font-weight:700}.as-chapter h2{font:700 clamp(42px,5vw,82px)/1.04 var(--display);max-width:13ch;margin:10px 0 38px;text-wrap:balance}.as-chapter p{max-width:72ch;margin:0 0 1.45em}.as-chapter p:first-of-type:first-letter{float:right;font:700 5.3rem/.78 var(--display);padding:.17em 0 0 .12em;color:var(--accent)}.as-practice{position:relative;margin:58px 5vw 0 -3vw;padding:40px 7vw 43px 5vw}.as-practice:before{content:"";position:absolute;z-index:-1;inset:0;background:color-mix(in srgb,var(--accent) 18%,transparent);clip-path:ellipse(71% 70% at 56% 52%)}.as-practice h3{font:700 28px var(--display);margin:0 0 16px}.as-practice ul{list-style:none;padding:0;margin:0}.as-practice li{position:relative;padding:8px 28px 8px 0;max-width:68ch}.as-practice li:before{content:"";position:absolute;right:0;top:1.25em;width:10px;height:2px;background:var(--accent);transform:rotate(-22deg)}.as-sources{position:relative;background:var(--clay);padding:11vw 14vw 13vw;color:var(--bone);clip-path:polygon(0 7%,100% 0,100% 100%,0 94%)}.as-sources h2{font:700 clamp(56px,8vw,130px)/.86 var(--display);max-width:8ch;margin:0 0 36px}.as-sources p{max-width:66ch}.as-sources ol{list-style:none;padding:30px 0 0;margin:0;max-width:920px;counter-reset:src}.as-sources li{counter-increment:src;border-top:1px solid rgba(255,255,255,.32)}.as-sources a{display:flex;gap:18px;padding:18px 0;text-decoration:none}.as-sources a:before{content:"٠" counter(src);color:var(--ink);font-weight:700}.as-next{padding:9vw 10vw;background:var(--paper)}.as-next small{color:var(--clay)}.as-next a{display:block;text-decoration:none;font:700 clamp(40px,6vw,95px)/1 var(--display);max-width:16ch;margin-top:17px}.as-next a:after{content:" ←";color:var(--accent)}.as-journal{margin-right:var(--spine);background:var(--paper);min-height:100vh}.as-journal-head{padding:10vw 9vw 8vw;background:var(--ink);color:var(--paper);position:relative;overflow:hidden}.as-journal-head:after{content:"";position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 100% 0,transparent 0 26px,rgba(223,155,52,.17) 27px 29px,transparent 30px 52px)}.as-journal-head>*{position:relative;z-index:1}.as-journal-head h1{font:700 clamp(80px,12vw,190px)/.78 var(--display);margin:25px 0;max-width:7ch}.as-journal-head p{max-width:58ch;color:#cfc3b7;font-size:21px}.as-density{list-style:none;margin:0;padding:8vw 7vw 12vw;counter-reset:item}.as-density li{counter-increment:item;position:relative;min-height:240px;padding:45px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:4vw}.as-density li:nth-child(3n+2){padding-right:9vw}.as-density li:nth-child(3n){padding-right:18vw}.as-density li:before{content:counter(item,decimal-leading-zero);font:400 20px var(--display);color:var(--saffron);min-width:44px}.as-density figure{width:clamp(120px,16vw,260px);aspect-ratio:1.45;clip-path:ellipse(50% 45% at 50% 50%);margin:0;flex:0 0 auto;overflow:hidden}.as-density img{width:100%;height:100%;object-fit:cover}.as-density h2{font:700 clamp(32px,4.2vw,72px)/1.05 var(--display);margin:0;max-width:15ch}.as-density h2 a{text-decoration:none}.as-density p{font-size:14px;color:var(--muted);max-width:52ch;margin:12px 0 0}.as-footer{margin-right:var(--spine);background:var(--ink);color:var(--paper);padding:9vw 9vw 35px;position:relative}.as-footer:before{content:"";position:absolute;top:-1px;right:0;left:0;height:80px;background:var(--paper);clip-path:ellipse(61% 53% at 50% 0)}.as-footer h2{font:700 clamp(48px,7vw,110px)/.9 var(--display);max-width:9ch}.as-footer p{max-width:56ch;color:#c6bab0}.as-footer nav{display:flex;gap:25px;flex-wrap:wrap;margin:50px 0 30px}.as-footer small{color:#8d8177}.as-footer a:focus-visible,.as-drawer a:focus-visible,.as-thread a:focus-visible{outline:3px solid var(--saffron);outline-offset:5px}
@media(max-width:900px){:root{--spine:0px}.as-spine{position:sticky;top:0;width:100%;height:70px;inset:auto;flex-direction:row;padding-right:18px}.as-brand{writing-mode:horizontal-tb;margin:0;font-size:22px}.as-brand small{display:none}.as-menu-button{width:78px;height:70px;margin-right:auto}.as-drawer{inset:70px 0 auto 0;width:100%;height:calc(100vh - 70px);transform:translateY(-120%)}.as-shell,.as-journal,.as-footer{margin-right:0}.as-progress{top:70px;right:0;width:100%;height:3px}.as-progress span{width:0;height:100%}.as-hero{min-height:980px;align-items:flex-start;padding:13vw 6vw}.as-hero-copy{width:100%}.as-hero h1{max-width:11ch}.as-hero-media{inset:49% 0 0 10%;clip-path:ellipse(66% 55% at 58% 53%)!important}.as-lens{display:none}.as-folio:before{right:28px}.as-chapter,.as-chapter:nth-child(5n){width:auto;margin:0;padding:90px 55px 90px 22px;clip-path:none}.as-num{right:6px;top:100px;font-size:43px}.as-practice{margin-left:0}.as-safety{padding:35px 7vw}.as-safety strong{display:block;margin:0 0 10px}.as-density li,.as-density li:nth-child(3n+2),.as-density li:nth-child(3n){padding-right:0}.as-thread{top:70px}}
@media(max-width:620px){body{font-size:16px}.as-hero{min-height:820px;padding-top:55px}.as-hero h1{font-size:49px}.as-dek{font-size:16px}.as-hero-media{inset:53% -14% 0 2%}.as-safety p{font-size:14px}.as-thread{padding-inline:16px}.as-chapter h2{font-size:39px}.as-chapter p:first-of-type:first-letter{font-size:4.4rem}.as-practice{padding:35px 25px}.as-practice:before{clip-path:ellipse(90% 72% at 51% 50%)}.as-sources{padding:100px 24px;clip-path:polygon(0 3%,100% 0,100% 100%,0 97%)}.as-sources h2{font-size:62px}.as-density{padding:60px 20px}.as-density li{display:block;padding:50px 0}.as-density figure{width:100%;max-height:230px;margin:14px 0}.as-density h2{font-size:38px}.as-footer{padding:110px 24px 30px}.as-footer nav{display:block}.as-footer nav a{display:block;padding:7px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.as-drawer,.as-chapter{transition:none}.as-chapter{opacity:1;transform:none}}
@media print{.as-spine,.as-drawer,.as-progress,.as-thread,.as-hero-actions,.as-footer{display:none}.as-shell,.as-journal{margin:0}.as-hero{min-height:auto;padding:30px}.as-hero-media{position:relative;inset:auto;height:320px;margin-top:25px}.as-chapter,.as-chapter:nth-child(5n){opacity:1;transform:none;width:auto;margin:0;padding:35px;color:var(--ink);background:none;clip-path:none}.as-num{position:static}.as-sources{clip-path:none}}