@font-face{font-family:NotoKufi;src:url("NotoKufiArabic.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}
body{font-family:NotoKufi,sans-serif;line-height:1.95}
h1,h2,h3,.brand,.hero-copy h1{letter-spacing:0;line-height:1.65;font-weight:600}
bdi[lang=en],.brand bdi{font-family:Archivo,sans-serif}
.brand{direction:rtl}.brand bdi{letter-spacing:-.025em}
.desktop-nav nav{gap:28px}.desktop-nav a{font-size:14px}
.hero-copy{margin-inline-start:auto}
.hero-copy h1{font-size:76px;line-height:1.5}
.name-window{padding-block:.15em;margin-block:-.15em;vertical-align:baseline}
.name-word{transform-origin:right bottom}
.hero-intro{font-size:19px;line-height:1.95}
.hero-inner{padding-block:52px 60px}
.text-link svg,.button svg,.back-link svg{rotate:180deg}
.text-link,.button{font-size:14px}
.hero-copy .button{margin-top:24px}
.essay-copy p,.supporting-essay p,.newsletter p{font-size:16px;line-height:1.95}
.lead-essay h3{font-size:28px}.supporting-essay h3{font-size:23px;line-height:1.7}
.book-copy h2,.book-page h1{line-height:1.15;text-align:start}
.book-copy h2 bdi,.book-page h1 bdi{display:block;max-width:100%;text-align:right;overflow-wrap:normal}
.book-status{font-size:15px}.book-language{font-size:16px;margin-top:16px;color:var(--cream)}
.book-copy>p:not(.book-status){margin-top:14px}
.book-object{transform-origin:right center}
.newsletter{gap:48px}.newsletter h2{font-size:25px}
.newsletter p bdi{display:inline}
.page-intro h1{font-size:54px}.page-intro .lead{line-height:1.95;font-size:21px}
.about-intro img{object-position:68% top}
.prose{font-size:19px;line-height:2.05;max-width:70ch}
.prose blockquote{padding-left:0;border-left:0;padding-inline-start:24px;border-inline-start:1px solid var(--gold)}
.prose p{margin-bottom:26px}
.book-page .prose{font-size:18px}.book-page .lead{font-size:22px;line-height:1.9}
.book-page h1{font-size:54px}
.essay-header h1{font-size:52px;line-height:1.6;max-width:1000px}
.essay-header .lead{line-height:1.95;font-size:21px}
.essay-body{font-size:20px;line-height:2.15;max-width:760px}
.translation-note{font-size:13px;margin-top:18px;line-height:1.9}
.translation-note .text-link{font-size:13px}
.writing-row{grid-template-columns:145px 1fr 128px;gap:28px}
.writing-row h2{font-size:26px;line-height:1.7}.writing-row p{line-height:1.9;font-size:16px}
.legacy-writing{padding-top:40px}.legacy-writing h2{font-size:23px}.legacy-writing p{margin-block:12px}
.footer-top nav .text-link svg{display:none}.footer-top nav{column-gap:24px;max-width:440px}
.footer-top p{line-height:1.9}.footer-bottom{font-size:12px}.footer-bottom a{min-height:44px}
.skip-link{left:auto;right:16px}
label{font-size:14px}input,select,textarea{font-size:16px}
.preview-form fieldset{border:0;padding:0;margin:0;min-width:0}
.form-preview-note{font-size:13px;line-height:1.9;margin-bottom:20px}
.signup-scope{font-size:12px;line-height:1.9}.signup-controls{gap:10px}
.contact-layout form label:not(:first-child){margin-top:18px}
.contact-layout fieldset .button{margin-top:22px}
@media(prefers-reduced-motion:no-preference){
 .text-link:is(:hover,:focus-visible) svg,.button:is(:hover,:focus-visible) svg{transform:translateX(4px)}
}
@media(max-width:1050px){
 .hero-copy{max-width:420px}.hero-copy h1{font-size:66px}.hero-intro{font-size:18px;max-width:385px}
 .book-page{gap:45px}.book-page h1{font-size:44px}
 .desktop-nav nav{gap:20px}.desktop-nav a{font-size:13px}
}
@media(max-width:760px){
 .brand{font-size:19px}.mobile-menu summary{font-size:13px}
 .mobile-menu nav{right:auto;left:0;width:220px}.mobile-menu nav a{font-size:15px}
 .hero-copy{max-width:480px;margin-inline-start:0}.hero-copy h1{font-size:58px;line-height:1.5}
 .hero-copy h1 br{display:none}.hero-inner{padding-block:245px 34px}
 .hero-intro{font-size:17px;line-height:1.9;margin-top:18px}
 .hero-copy .button{margin-top:22px}.home-hero{min-height:600px}
 .section-heading h2{font-size:24px}.section-heading .text-link{font-size:12px}
 .lead-essay h3{font-size:25px}.supporting-essay h3{font-size:21px}.essay-copy p{font-size:16px;line-height:1.9}
 .book-copy h2{font-size:28px}.book-status{font-size:13px}.book-copy>p:not(.book-status){font-size:16px;line-height:1.95}
 .book-actions .text-link{font-size:13px}.book-layout{gap:26px}
 .newsletter{gap:20px}.newsletter h2{font-size:23px}.newsletter p{font-size:16px}
 .home-about h2,.work-section h2{font-size:25px}.home-about p,.work-section p{font-size:17px;line-height:2}
 .footer-top nav{justify-content:flex-start}.footer-bottom>div{gap:15px;flex-wrap:wrap}
 .page-intro h1{font-size:40px}.page-intro .lead{font-size:19px;line-height:1.95}
 .prose{font-size:18px;line-height:2}.book-page h1{font-size:38px}
 .book-page .lead{font-size:20px}.book-updates h2{font-size:23px}
 .book-updates>p{font-size:16px;line-height:1.95}.signup-controls{flex-direction:column}
 .essay-header h1{font-size:34px;line-height:1.65}.essay-header .lead{font-size:18px;line-height:1.95}
 .essay-body{font-size:19px;line-height:2.1}.essay-body p{margin-bottom:26px}
 .writing-row{grid-template-columns:1fr 82px;gap:14px 20px}.writing-row time{grid-column:1/-1}
 .writing-row h2{font-size:22px}.writing-row p{font-size:16px;line-height:1.95}
 .archive-controls{grid-template-columns:1fr}.byline,time{font-size:13px}
}
@media(max-width:420px){
 .hero-copy h1{font-size:56px}.hero-copy h1 br{display:block}
 .hero-inner{padding-top:225px}.book-layout{grid-template-columns:1fr}
 .book-cover-link{max-width:145px;margin-inline:auto}.book-copy h2{font-size:32px}
 .book-copy .book-status{font-size:14px}
 .footer-bottom{flex-wrap:wrap}.preview-label{font-size:11px}
}

/* Native forms keep their existing settings, fields and spam controls. */
.ws-author[dir=rtl],html[dir=rtl] .ws-author .author-live-form{direction:rtl;text-align:right}
.ws-author .author-live-form .forminator-ui,.ws-author .author-live-form .forminator-label,.ws-author .author-live-form .forminator-description,.ws-author .author-live-form input,.ws-author .author-live-form textarea,.ws-author .author-live-form .forminator-button-submit,.ws-author .author-live-form .forminator-error-message,.ws-author .author-live-form .forminator-response-message{font-family:NotoKufi,sans-serif!important;line-height:1.9!important}
.ws-author .author-live-form input[type=email],.ws-author .author-live-form input[type=url],.ws-author .author-live-form input[type=tel]{direction:ltr;text-align:left}
.legacy-article-list{display:grid;gap:24px;margin-top:28px}.legacy-article-list h3{font-size:20px}.legacy-article-list p{font-size:15px;line-height:1.95}