@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@400;500;600;700;800&display=swap');
/* سند: a contemporary Arabic type system alongside the supplied mark. */
body{background:#fff;color:#111;font-family:'Alexandria',Tahoma,sans-serif;line-height:1.9}
button{font-family:inherit}
.brand{font-family:'Alexandria',Tahoma,sans-serif;font-size:2rem;font-weight:800;letter-spacing:-.04em}
.hero h1,.page-hero h1{font-family:'Alexandria',Tahoma,sans-serif;font-size:clamp(2.5rem,4.4vw,4.5rem);font-weight:800;line-height:1.45;letter-spacing:-.035em}
.section h2,.story h2,.page-hero h2,.callout h2{font-family:'Alexandria',Tahoma,sans-serif;font-size:clamp(1.9rem,2.7vw,2.8rem);font-weight:700;line-height:1.5}
.category h3,.info-card h2,.notice h2,.prose h2{font-family:'Alexandria',Tahoma,sans-serif;font-size:clamp(1.35rem,2vw,1.7rem);font-weight:700;line-height:1.6}
.quote{font-family:'Alexandria',Tahoma,sans-serif;font-size:clamp(1.8rem,3vw,2.9rem);font-weight:700;line-height:1.7}
.category .number,.step b{font-family:'Alexandria',Tahoma,sans-serif;font-weight:700;font-size:1.35rem}
.announcement{background:#fff600;color:#111;font-weight:700}
.header{background:#fff;border-bottom:2px solid #111}
.brand{color:#111}
.brand{display:inline-flex;align-items:center;gap:.7rem;white-space:nowrap}
.brand-mark{position:relative;width:52px;height:52px;display:inline-block;overflow:hidden;border:2px solid currentColor;border-radius:50%;background:#fff600;flex:none}
.brand-mark img{position:absolute;width:115%;height:115%;max-width:none;object-fit:cover;left:50%;top:50%;transform:translate(-50%,-50%)}
.header-end,.eyebrow,.text-link,.category .number,.category .go,.step b{color:#111}
.header-end{border:1px solid #111;padding:.12rem .65rem}
.nav a:hover,.nav .active{color:#111;text-decoration:underline;text-decoration-color:#fff600;text-decoration-thickness:4px;text-underline-offset:7px}
.hero{border-bottom:8px solid #fff600}
.hero-copy{background:#fff;padding-top:4.5rem;padding-bottom:4.5rem;border-top:12px solid #111}
.hero-copy .eyebrow{background:#fff600;align-self:flex-start;padding:.15rem .55rem}
.hero p,.page-hero p,.category p,.story p,.step p,.callout p,.info-card p,.prose p,.faq-item p{color:#3b3b3b}
.hero-visual{background:#111;padding:1.5rem;border-right:12px solid #fff600;isolation:isolate}
.hero-visual:before{display:none}
.identity-art{width:min(100%,560px);height:auto;aspect-ratio:1;object-fit:cover;object-position:center;display:block;clip-path:circle(49% at center)}
.btn{border-color:#111}
.btn-primary{background:#fff600;color:#111}
.btn-primary:hover{background:#ece400;color:#111}
.btn-outline{color:#111;background:#fff}
.btn-outline:hover{background:#fff600}
.category{background:#fff;border:1px solid #111}
.category:hover{border-color:#111;box-shadow:8px 8px 0 #fff600}
.category .number{border-bottom:6px solid #fff600;align-self:flex-start;line-height:1.1}
.category-grid .category:first-child{background:#fff600}
.category-grid .category:first-child .number{border-color:#111}
.category-grid .category:last-child{background:#111;color:#fff}
.category-grid .category:last-child .number,.category-grid .category:last-child .go,.category-grid .category:last-child p{color:#fff}
.category-grid .category:last-child:hover{box-shadow:8px 8px 0 #fff600}
.section-head h2:after,.section.wrap>h2:after{content:"";display:block;width:72px;height:7px;background:#fff600;margin-top:.4rem}
.story{background:#111;color:#fff}
.story .eyebrow{color:#fff600}
.story h2,.story p{color:#fff}
.story .quote{background:#fff600;color:#111;border:0;transform:rotate(-2deg)}
.story .quote:before{color:#111}
.story .btn-outline{background:transparent;color:#fff;border-color:#fff}
.story .btn-outline:hover{background:#fff600;border-color:#fff600;color:#111}
.step{border-top:2px solid #111}
.step b{display:inline-block;background:#fff600;padding:.05rem .45rem;margin-bottom:.45rem}
.callout{border-top:2px solid #111;background:#fff600}
.footer{background:#111;color:#fff}
.footer .brand{color:#fff}
.footer .brand-mark{border-color:#fff}
.footer{border-top:9px solid #fff600}
.footer p{color:#ddd}
.footer-small{color:#ccc}
.page-hero{background:#fff600;border-bottom:2px solid #111}
.info-card{background:#fff;border:1px solid #111}
.notice{background:#fff600;border-right:5px solid #111}
.menu-button{color:#111}
@media(max-width:800px){.nav{background:#fff;border-bottom:2px solid #111}.identity-art{width:min(85%,340px)}.hero-visual{border-right:0;border-top:10px solid #fff600}}
@media(max-width:560px){.hero-visual{min-height:300px}.identity-art{width:min(90%,290px)}.header-end{display:none}.hero h1,.page-hero h1{font-size:clamp(2.2rem,8vw,2.9rem);line-height:1.5}.brand{font-size:1.8rem}.brand-mark{width:43px;height:43px}}
.work-detail{padding-top:2.2rem;padding-bottom:5rem}
.work-breadcrumb{display:flex;align-items:center;gap:.65rem;font-size:.9rem;margin-bottom:2rem;color:#555}
.work-breadcrumb a{color:#111;text-decoration:underline;text-decoration-color:#fff600;text-decoration-thickness:3px;text-underline-offset:4px}
.work-lead{display:grid;grid-template-columns:minmax(270px,.82fr) minmax(0,1.18fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.work-cover{background:#f5f1e9;border:2px solid #111;padding:1.1rem;box-shadow:-12px 12px 0 #fff600}
.work-cover img{display:block;width:100%;max-height:590px;object-fit:contain}
.work-copy .eyebrow{display:inline-block;background:#fff600;padding:.1rem .6rem;color:#111;font-weight:700}
.work-copy h1{font-size:clamp(2.7rem,5vw,5rem);line-height:1.3;margin:.9rem 0 .2rem}
.work-byline{font-size:1.5rem;font-weight:700;margin:.25rem 0 1.5rem}
.work-copy>p:not(.work-byline):not(.work-small){font-size:1.15rem;line-height:2.05;max-width:58ch}
.work-status{border-right:7px solid #fff600;background:#f6f6f6;padding:1rem 1.2rem;margin:1.6rem 0;display:grid;gap:.2rem}
.work-status strong{font-size:1rem}.work-status span,.work-small{font-size:.88rem;color:#555}
.work-copy .btn{display:inline-flex;align-items:center;text-align:center}
.work-small{margin:.65rem 0 0;line-height:1.75}
.work-poems{border-top:2px solid #111;margin-top:5rem;padding-top:2rem;display:grid;grid-template-columns:.8fr 1.2fr;gap:2rem}
.work-poems h2,.work-note h2{font-size:clamp(1.7rem,2.5vw,2.4rem);line-height:1.5;margin:.3rem 0 1.1rem}
.work-poems ol{list-style:none;counter-reset:poem;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 1.3rem}
.work-poems li{counter-increment:poem;border-bottom:1px solid #ddd;padding:1rem .15rem;font-size:1.03rem;display:flex;gap:.75rem;align-items:baseline}
.work-poems li:before{content:counter(poem,decimal-leading-zero);font-size:.83rem;font-weight:700;background:#fff600;padding:.05rem .35rem}
.work-poems small{color:#555;font-size:.77rem}
.work-note{margin-top:4rem;padding:2rem;background:#fff600;border-right:7px solid #111}
.work-note p{max-width:72ch;margin:0;font-size:1.05rem}
.featured-work{display:grid;grid-template-columns:190px 1fr;gap:1.6rem;align-items:center;border:2px solid #111;padding:1.2rem;background:#fff}
.featured-work img{width:100%;height:240px;object-fit:cover;display:block;background:#f5f1e9}
.featured-work h3{font-size:1.8rem;margin:.3rem 0}.featured-work p{max-width:65ch}
@media(max-width:800px){.work-lead{grid-template-columns:1fr}.work-cover{max-width:440px;margin:auto}.work-poems{grid-template-columns:1fr}.featured-work{grid-template-columns:130px 1fr}.featured-work img{height:190px}}
@media(max-width:560px){.work-detail{padding-top:1.25rem}.work-lead{gap:2.5rem}.work-cover{max-width:80%;padding:.6rem;box-shadow:-8px 8px 0 #fff600}.work-copy h1{font-size:2.55rem}.work-poems{margin-top:3rem}.work-poems ol{grid-template-columns:1fr}.work-note{padding:1.3rem}.featured-work{grid-template-columns:1fr}.featured-work img{height:220px;object-fit:contain}.work-copy .btn{width:100%;justify-content:center}}
.work-copy .btn+.btn{margin-inline-start:.6rem}
.work-media,.work-reader{border-top:2px solid #111;margin-top:4.5rem;padding-top:2rem;scroll-margin-top:2rem}
.work-media{display:grid;grid-template-columns:1fr minmax(300px,440px);gap:2.5rem;align-items:start}
.work-media h2,.work-reader h2{font-size:clamp(1.8rem,2.8vw,2.5rem);line-height:1.5;margin:.35rem 0 .7rem}
.work-media p,.work-reader p{max-width:67ch}
.facebook-frame{background:#111;padding:1.1rem;display:flex;justify-content:center;min-height:670px}
.facebook-frame iframe{border:0;display:block;width:min(100%,400px);height:710px;background:#111}
.work-reader-frame{border:2px solid #111;background:#f3f3f3;margin:1.4rem 0;min-height:640px}
.work-reader-frame iframe{display:block;border:0;width:100%;height:min(78vh,780px);min-height:640px}
@media(max-width:800px){.work-media{grid-template-columns:1fr}.facebook-frame{max-width:440px;width:100%;margin:auto}}
@media(max-width:560px){.work-copy .btn+.btn{margin:.6rem 0 0}.facebook-frame{padding:.35rem;min-height:580px}.facebook-frame iframe{height:660px}.work-reader-frame,.work-reader-frame iframe{min-height:480px}.work-reader-frame iframe{height:65vh}}
.purchase-details{border-top:2px solid #111;margin-top:4rem;padding-top:2rem;display:grid;grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);gap:2.5rem}
.purchase-details h2,.support-banner h2,.support-intro h2,.support-choice h2{font-size:clamp(1.75rem,2.7vw,2.4rem);line-height:1.5;margin:.35rem 0 .7rem}
.purchase-details p{max-width:35ch;color:#555}
.purchase-details dl{margin:0;border-top:2px solid #111}
.purchase-details dl>div{display:grid;grid-template-columns:150px 1fr;gap:1rem;border-bottom:1px solid #ccc;padding:.8rem 0}
.purchase-details dt{font-weight:700}.purchase-details dd{margin:0}
.support-banner{background:#111;color:#fff;border-right:10px solid #fff600;padding:2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;margin:4rem 0 0}
.support-banner .eyebrow{color:#fff600}.support-banner h2{color:#fff}.support-banner p{color:#ddd;margin:0;max-width:57ch}
.support-banner .btn{white-space:nowrap}
.support-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:start}
.support-intro p{max-width:65ch}.support-status{background:#fff600;border-right:6px solid #111;padding:1.6rem}.support-status strong{font-size:1.25rem}.support-status p{margin:.45rem 0 0}
.support-choice{display:flex;justify-content:space-between;align-items:center;gap:2rem;border-top:2px solid #111;padding-top:2rem}.support-choice p{max-width:70ch}
@media(max-width:800px){.purchase-details,.support-intro{grid-template-columns:1fr}.support-banner,.support-choice{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.purchase-details dl>div{grid-template-columns:1fr;gap:.05rem}.support-banner{padding:1.4rem}.support-banner .btn{white-space:normal;width:100%;text-align:center}}

/* Editorial imagery */
.image-category{position:relative;overflow:hidden;padding:0;display:block}
.category-art{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-bottom:2px solid #111}
.image-category .number{position:absolute;top:1rem;right:1rem;font-family:inherit;font-size:1rem;font-weight:700;padding:.15rem .5rem;background:#fff600;color:#111!important;border:1px solid #111}
.image-category>div{padding:1.35rem 1.5rem 1.6rem}
.image-category h3{margin:.1rem 0 .4rem}
.image-caption,figure figcaption{font-size:.875rem;line-height:1.8;color:#555;margin:.8rem 0 0}
.featured-work{grid-template-columns:260px 1fr;padding:1.5rem;gap:2.5rem;background:#fff}
.featured-work img{height:360px;object-fit:contain;border:1px solid #111;background:#f5f1e9}
.featured-work h3{font-size:clamp(1.9rem,3vw,2.8rem)}
.story-grid{grid-template-columns:1.1fr 1fr;gap:3rem}
.story-art{margin:0}.story-art img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border:1px solid #fff600}
.story-art figcaption{color:#fff600;font-size:1.25rem;font-weight:700;padding:.8rem 0}
.illustrated-sections{grid-template-columns:repeat(3,minmax(0,1fr))}
.illustrated-sections .info-card{padding:0;overflow:hidden;scroll-margin-top:2rem}
.illustrated-sections .info-card>.eyebrow{display:block;margin:1.3rem 1.3rem .3rem}
.illustrated-sections .info-card h2{font-size:1.7rem;margin:0 1.3rem}
.illustrated-sections .info-card p{margin:.5rem 1.3rem 1.5rem}
.editorial-art{margin:0 0 2.5rem}.editorial-art img{display:block;width:100%;height:auto;border:2px solid #111}
.diwan-art{border-top:2px solid #111;margin-top:4rem;padding-top:2rem}
.diwan-art h2{font-size:clamp(1.8rem,2.8vw,2.5rem);line-height:1.5;margin:.35rem 0 1.5rem}
.diwan-art-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.diwan-art-grid figure{margin:0}.diwan-art-grid img{width:100%;display:block;aspect-ratio:3/2;object-fit:cover;border:1px solid #111}
@media(max-width:800px){.story-grid{grid-template-columns:1fr;gap:2rem}.illustrated-sections{grid-template-columns:1fr 1fr}.featured-work{grid-template-columns:190px 1fr;gap:1.5rem}.featured-work img{height:280px}}
@media(max-width:560px){.illustrated-sections,.diwan-art-grid,.featured-work{grid-template-columns:1fr}.featured-work img{height:340px}.featured-work{padding:1.1rem}.image-category>div{padding:1.2rem}.story-art img{aspect-ratio:3/2}.diwan-art-grid{gap:2rem}}

.strike-banner{position:relative;overflow:hidden;background:#fff600;color:#111;border-bottom:3px solid #111;isolation:isolate}
.strike-banner:before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(120deg,transparent 0 80px,#11108 80px 82px);background-size:220px 100%;animation:strike-drift 4.5s ease-out 1}
.strike-banner:after{content:"";position:absolute;bottom:0;right:0;height:4px;width:30%;background:#111;animation:strike-line 4.5s ease-in-out 1;pointer-events:none}
.strike-banner-inner{display:flex;align-items:center;gap:1.5rem;padding:1.25rem 0}
.strike-banner-link{display:flex;align-items:center;gap:1.5rem;flex:1;min-width:0}
.strike-label{display:inline-block;background:#111;color:#fff600;font-size:.875rem;font-weight:700;padding:.4rem .8rem;white-space:nowrap}
.strike-banner strong{font-size:clamp(1.2rem,2.2vw,1.7rem);line-height:1.8;font-weight:800}
.strike-banner strong span{white-space:nowrap;border-bottom:2px solid #111}
.strike-action{margin-inline-start:auto;font-weight:700;font-size:.9rem;white-space:nowrap;border:1px solid #111;padding:.45rem .85rem;background:#fff600}
.strike-banner-link:hover .strike-action{background:#111;color:#fff600}
.strike-motion-toggle{background:transparent;border:0;border-bottom:1px solid #111;padding:.25rem 0;cursor:pointer;font-size:.875rem;white-space:nowrap;color:#111}
.strike-banner.is-paused:before,.strike-banner.is-paused:after{animation-play-state:paused}
.strike-page-hero{background:#111;color:#fff;padding:4rem 0;border-bottom:8px solid #fff600}
.strike-page-hero .eyebrow{color:#fff600}.strike-page-hero h1{font-size:clamp(2.1rem,5vw,4rem);line-height:1.5;margin:.8rem 0}.strike-page-hero p{font-size:1.1rem;max-width:65ch;color:#eee}
.strike-updates h2{font-size:2rem}.strike-empty{border:2px solid #111;border-right:9px solid #fff600;padding:2rem;margin-top:1.5rem;max-width:850px}
.strike-empty-label{font-size:.875rem;font-weight:700;background:#fff600;padding:.3rem .65rem}.strike-empty h3{font-size:1.5rem;margin:1rem 0 .6rem}.strike-empty p{max-width:65ch;margin:0}.strike-footnote{font-size:.875rem;color:#555;margin-top:1rem}
@keyframes strike-drift{to{background-position:220px 0}}
@keyframes strike-line{0%,100%{transform:translateX(0)}50%{transform:translateX(-220%)}}
@media(max-width:800px){.strike-banner-link{flex-wrap:wrap;gap:.65rem 1rem}.strike-banner strong{flex-basis:calc(100% - 150px)}.strike-banner-inner{align-items:flex-end;gap:1rem}.strike-action{margin-inline-start:0}}
@media(max-width:560px){.strike-banner-inner{display:block;padding:1rem 0}.strike-banner-link{display:grid;grid-template-columns:1fr;gap:.55rem}.strike-label{justify-self:start}.strike-banner strong{font-size:1.3rem}.strike-action{justify-self:start}.strike-motion-toggle{position:absolute;bottom:1.1rem;left:5%;font-size:.875rem}.strike-empty{padding:1.3rem}.strike-page-hero{padding:2.8rem 0}}
@media(prefers-reduced-motion:reduce){.strike-banner:before,.strike-banner:after{animation:none}.strike-motion-toggle{display:none}}