@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{--ink:#3d281e;--brown:#76513b;--copper:#ac7c50;--muted:#867969;--paper:#f9f5ed;--line:#ded4c5;--cream:#eee4d4}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans Arabic',Tahoma,sans-serif;font-size:14px;line-height:1.9}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:5px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}img{display:block;max-width:100%;object-fit:cover}header{border-bottom:1px solid var(--line)}.topline{border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.5px;padding:7px 5.5%;display:flex;justify-content:space-between;color:var(--muted)}.masthead{max-width:1300px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px 4%;gap:24px}.brand{display:flex;align-items:center;gap:10px}.brand img{width:64px;height:64px;object-fit:contain}.brand-name{font-family:Amiri,Georgia,serif;font-size:32px;font-weight:700;line-height:1.3}.brand-sub{font-size:10px;color:var(--muted);letter-spacing:1px}.nav{display:flex;gap:29px;align-items:center}.nav a{font-size:12px;white-space:nowrap;position:relative}.nav a[aria-current=page]{font-weight:700}.nav a[aria-current=page]:after{content:'';position:absolute;bottom:-14px;height:2px;background:var(--copper);right:0;left:0}.nav a:hover{color:var(--copper)}.menu{display:none;border:1px solid var(--line);background:none;border-radius:2px;padding:6px 12px}.author-tag{font-size:11px;border-inline-start:1px solid var(--line);padding-inline-start:26px;color:var(--brown)}.wrap{max-width:1200px;margin:auto;padding:0 40px}.hero{max-width:1300px;position:relative;margin:24px auto 0;min-height:450px;display:flex;align-items:center;background:#433023;overflow:hidden}.hero>img{position:absolute;width:100%;height:100%;inset:0;object-position:center}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(270deg,rgba(39,26,18,.8) 0%,rgba(39,26,18,.35) 48%,rgba(39,26,18,.08) 100%)}.hero-copy{position:relative;z-index:1;color:#fff5e4;padding:64px 7%;width:62%}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--copper);display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:28px;height:1px;background:currentColor}.hero .eyebrow{color:#dbc19c}.hero h1{font-family:Amiri,Georgia,serif;font-weight:400;font-size:58px;line-height:1.4;margin:22px 0 14px}.hero p{max-width:390px;font-size:13px;color:#e8d7bf}.hero-bottom{display:flex;align-items:center;gap:30px;margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:10px 22px;font-size:12px;transition:.2s}.button:hover{background:var(--brown);border-color:var(--brown)}.button.light{background:#f6eddd;color:var(--ink);border-color:#f6eddd}.textlink{font-size:12px;border:0;background:none;padding:0;color:var(--brown)}.hero .textlink{color:#ecdcc5}.intro-line{display:flex;justify-content:space-between;align-items:center;padding:25px 0;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.intro-line em{font-family:Amiri,serif;font-size:21px;color:var(--brown)}.section-head{display:flex;justify-content:space-between;align-items:end;margin:52px 0 28px;gap:16px}.section-head h2{font-family:Amiri,serif;font-size:32px;margin:0;font-weight:400}.section-head p{margin:0;color:var(--muted);font-size:11px}.num{color:var(--copper);font-size:11px;direction:ltr;letter-spacing:1px}.featured{display:grid;grid-template-columns:1.05fr 1fr;background:var(--cream);min-height:340px}.featured .picture{overflow:hidden}.featured img{width:100%;height:100%;min-height:340px;object-position:15% center;transition:transform .6s}.featured:hover img{transform:scale(1.03)}.featured-content{padding:37px 40px;display:flex;flex-direction:column;justify-content:center}.meta{display:flex;gap:14px;font-size:10px;color:var(--muted);align-items:center}.pill{color:var(--brown);border:1px solid #cbb59a;padding:1px 10px}.featured h3{font-family:Amiri,serif;font-size:33px;font-weight:400;line-height:1.5;margin:18px 0 8px}.featured p{color:#796651;font-size:12px;margin-bottom:25px}.demo{font-size:10px;color:var(--muted)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0}.filters{display:flex;gap:7px;flex-wrap:wrap}.chip{background:none;border:1px solid transparent;color:var(--muted);padding:6px 16px;font-size:11px}.chip.active{border-color:var(--ink);background:var(--ink);color:var(--paper)}.search{display:flex;gap:8px;align-items:center;border-bottom:1px solid var(--line);padding:6px 0;color:var(--muted)}.search input{width:180px;max-width:100%;background:none;border:0;color:var(--ink);font-size:11px}.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.post{padding:24px 0;border-top:1px solid var(--line)}.post .number{color:#b39776;font-size:30px;font-family:Georgia,serif;line-height:1;margin:0 0 25px;direction:ltr;text-align:right}.post h3{font-family:Amiri,serif;font-size:25px;line-height:1.5;font-weight:400;margin:17px 0 10px}.post p{font-size:12px;color:var(--muted);margin:0 0 20px}.post .textlink{border-bottom:1px solid #cbb59a}.quote-band{margin:58px 0;background:var(--ink);color:#e8d7bd;padding:44px 8%;position:relative;text-align:center}.quote-band:before{content:'“';position:absolute;right:30px;top:0;font-family:Georgia;font-size:120px;color:#745438;line-height:1.4}.quote-band blockquote{font-family:Amiri,serif;font-size:28px;line-height:1.7;margin:0 auto 12px;max-width:650px}.quote-band small{font-size:10px;color:#c8ab84}.two-links{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:60px}.explore{border:1px solid var(--line);padding:28px;display:flex;align-items:center;justify-content:space-between;transition:.2s}.explore:hover{background:var(--cream)}.explore h3{font-family:Amiri,serif;font-weight:400;font-size:24px;margin:0}.explore p{font-size:11px;color:var(--muted);margin:4px 0 0}.explore .arrow{font-size:26px;color:var(--copper)}.page-intro{padding:64px 0 42px;border-bottom:1px solid var(--line);display:flex;align-items:end;justify-content:space-between;gap:30px}.page-intro h1{font:400 48px/1.4 Amiri,serif;margin:16px 0 10px}.page-intro p{color:var(--muted);margin:0;max-width:600px;font-size:13px}.page-intro .big-no{font:italic 78px Georgia,serif;color:#ded0bb;line-height:1}.small-banner{position:relative;min-height:240px;margin:32px 0;color:#f6ead8;display:flex;align-items:center;padding:35px 5%;overflow:hidden;background:#392a20}.small-banner>img{position:absolute;inset:0;width:100%;height:100%;object-position:center 60%;opacity:.45}.small-banner>div{position:relative}.small-banner h2{font:400 31px Amiri,serif;margin:10px 0}.small-banner p{font-size:12px;max-width:410px}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin:32px 0 55px;align-items:start}.photo-card{background:none;border:0;padding:0;text-align:right;color:var(--ink);width:100%}.photo-card img{width:100%;height:300px;transition:.5s}.photo-card:nth-child(2) img{height:380px}.photo-card:hover img{filter:sepia(.25);transform:translateY(-4px)}.photo-card h3{font:400 24px Amiri;margin:15px 0 3px}.photo-card p{font-size:11px;color:var(--muted);margin:0}.photo-caption{display:flex;justify-content:space-between;align-items:center;gap:10px}.photo-caption span{font-size:20px;color:var(--copper)}.selections-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:30px 0 60px}.selection{padding:30px;border:1px solid var(--line);display:flex;flex-direction:column;position:relative}.selection:before{content:'“';font:62px Georgia;color:#b99c76;height:38px}.selection blockquote{font:400 26px/1.8 Amiri,serif;margin:16px 0 20px}.selection-bottom{margin-top:auto;display:flex;justify-content:space-between;align-items:center}.selection-bottom small{font-size:11px;color:var(--muted)}.copy{border:1px solid var(--line);background:none;padding:5px 12px;color:var(--brown);font-size:10px}.selection:nth-child(3){background:var(--cream)}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;padding:46px 0 75px}.contact-about h2{font:400 33px Amiri,serif;margin:0 0 14px}.contact-about p{font-size:13px;color:var(--muted)}.contact-info{margin-top:32px;border-top:1px solid var(--line);padding-top:24px}.contact-info span{font-size:11px;color:var(--muted)}.contact-info strong{display:block;font-size:14px;font-weight:500;margin-top:8px}.contact-mark{width:130px;height:130px;object-fit:contain;opacity:.65;margin-top:28px}.form{padding:30px;border:1px solid var(--line);background:#f0e8da}.form label{display:block;font-size:11px;margin-bottom:7px}.form input,.form textarea{width:100%;padding:12px 13px;border:1px solid #d5c9b8;background:var(--paper);color:var(--ink);margin-bottom:18px;border-radius:0}.form textarea{resize:vertical;min-height:135px}.form h2{font:400 28px Amiri;margin:0 0 5px}.form p{font-size:11px;color:var(--muted)}.form .button{width:100%}.form-note{font-size:10px!important;line-height:1.8}.footer{border-top:1px solid var(--line);padding:36px 5% 18px;max-width:1300px;margin:auto}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer .brand-name{font-size:24px}.footer .brand img{width:47px;height:47px}.footer-links{display:flex;gap:22px;font-size:11px}.footer-bottom{margin-top:28px;padding-top:16px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.footer-bottom button{color:var(--muted);border:0;background:none;font-size:10px;padding:0}.empty{grid-column:1/-1;padding:50px;text-align:center;color:var(--muted)}dialog{border:1px solid var(--line);padding:40px;background:var(--paper);color:var(--ink);width:min(760px,92vw);max-height:90vh;overflow:auto}dialog::backdrop{background:rgba(31,20,13,.7);backdrop-filter:blur(4px)}dialog .close{background:none;border:0;font-size:28px;position:sticky;top:0;float:left;color:var(--brown);z-index:1}dialog h2{font:400 35px Amiri;margin:25px 0 18px}dialog .article-text{font:400 22px/2 Amiri,serif;white-space:pre-line}dialog .full-photo{width:100%;max-height:60vh;object-fit:contain;margin-top:22px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--paper);padding:12px 24px;z-index:10;font-size:12px;opacity:0;pointer-events:none;transition:.2s;max-width:90vw}.toast.show{opacity:1}.skip{position:fixed;top:-100px;right:20px;background:var(--ink);color:#fff;padding:10px;z-index:50}.skip:focus{top:10px}.draft-fields{display:grid;gap:10px;margin:20px 0}.draft-fields input,.draft-fields textarea,.draft-fields select{padding:10px;font:inherit;background:var(--paper);color:var(--ink);border:1px solid var(--line);width:100%}.draft-fields textarea{min-height:140px}.draft-item{border-top:1px solid var(--line);padding:13px 0;display:flex;justify-content:space-between;gap:10px}.draft-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.draft-item h3{font-size:14px;margin:0}.draft-item p{font-size:11px;color:var(--muted);margin:0}.draft-item button{background:none;border:0;color:var(--brown);font-size:11px}.muted{color:var(--muted);font-size:12px}.drafts-alert{background:var(--cream);padding:12px 15px;font-size:12px;margin:22px 0}.draft-tag{background:#ddc9a9;padding:1px 5px;color:var(--ink);font-size:9px}.compact{padding:6px 13px}.contact-ready{font-family:Arial;direction:ltr;display:inline-block;border-bottom:1px solid var(--copper);margin-top:8px}
@media(min-width:1500px){.hero{min-height:500px}.hero h1{font-size:64px}}@media(max-width:1000px){.author-tag{display:none}.nav{gap:18px}.masthead{padding:20px 4%}.hero{margin:18px 20px 0}.hero h1{font-size:49px}.wrap{padding:0 30px}.contact-grid{gap:35px}.featured-content{padding:28px}.posts{gap:20px}}
@media(max-width:700px){body{font-size:13px}.topline{font-size:9px}.masthead{flex-wrap:wrap;padding:17px 20px}.brand-name{font-size:27px}.brand img{width:50px;height:50px}.menu{display:block}.nav{display:none;width:100%;padding:16px 0 3px;flex-wrap:wrap;gap:20px}.nav.open{display:flex}.nav a[aria-current=page]:after{bottom:-5px}.hero{margin:0;min-height:490px}.hero-copy{padding:50px 27px;width:100%}.hero h1{font-size:43px;max-width:330px}.hero p{max-width:290px}.hero>img{object-position:35% center}.hero:after{background:linear-gradient(270deg,rgba(35,22,15,.8),rgba(35,22,15,.35))}.hero-bottom{gap:22px}.wrap{padding:0 22px}.intro-line{align-items:start;gap:15px}.intro-line em{font-size:17px}.intro-line span{max-width:100px;font-size:9px;text-align:left}.section-head{margin-top:35px}.section-head h2{font-size:29px}.featured{grid-template-columns:1fr}.featured img{min-height:0;height:230px}.featured-content{padding:25px}.featured h3{font-size:29px}.toolbar{flex-direction:column;align-items:stretch}.search input{width:100%}.posts{grid-template-columns:1fr}.post{padding:20px 0}.post .number{display:none}.quote-band{margin:35px 0;padding:35px 25px}.quote-band blockquote{font-size:25px}.quote-band:before{font-size:85px;right:10px;top:-5px;opacity:.6}.two-links{grid-template-columns:1fr;gap:12px;margin-bottom:35px}.explore{padding:22px}.page-intro{padding:35px 0 27px}.page-intro h1{font-size:37px}.page-intro .big-no{font-size:48px}.page-intro p{font-size:12px}.small-banner{min-height:215px;padding:25px}.small-banner h2{font-size:28px}.photo-grid{grid-template-columns:1fr;gap:30px}.photo-card img,.photo-card:nth-child(2) img{height:350px}.selections-grid{grid-template-columns:1fr;gap:16px}.selection{padding:25px}.contact-grid{grid-template-columns:1fr;gap:30px;padding:30px 0 45px}.contact-mark{display:none}.form{padding:22px}.footer-top{flex-direction:column;align-items:start}.footer-links{flex-wrap:wrap;gap:16px}.footer-bottom{gap:15px;flex-wrap:wrap}dialog{padding:25px}dialog h2{font-size:29px}dialog .article-text{font-size:21px}.hero-bottom .button{padding:9px 18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}html{scroll-behavior:smooth}

.article-byline{font-size:13px;color:var(--brown);border-bottom:1px solid var(--line);padding-bottom:18px}.article-pullquote{font:27px/1.8 Amiri,serif;color:var(--brown);border-right:3px solid var(--copper);padding:15px 24px;margin:28px 0;background:var(--cream)}.article-text.formatted{white-space:normal}.article-text.formatted p{margin:0 0 20px}.article-text.formatted h3{font:700 27px/1.5 Amiri,serif;margin:38px 0 18px;color:var(--brown)}.article-signature{font:24px Amiri;border-top:1px solid var(--line);padding-top:22px;margin-top:35px}.article-signature small{font:12px/1.8 'Noto Sans Arabic',sans-serif;color:var(--muted)}.standalone-article{max-width:900px;padding-top:45px;padding-bottom:65px}.standalone-article h2{font:42px/1.5 Amiri,serif;margin:20px 0 10px}.standalone-article .meta{margin-top:30px}.standalone-article .article-text{font:23px/2 Amiri,serif}.standalone-article>.textlink:last-child{display:none}.post .demo{font-size:9px}@media(max-width:700px){.standalone-article h2{font-size:33px}.standalone-article .article-text{font-size:22px}.article-pullquote{font-size:25px;padding:15px}}

.post-author{font-size:11px;color:var(--brown);margin-top:9px}

.photo-note{font:22px/1.7 Amiri,serif;margin:12px 0;color:var(--brown)}.photo-card .photo-author{font-size:12px;color:var(--brown);margin-top:12px}.photo-card.personal-photo img{object-fit:contain;background:#e8ddcd;height:390px}.photo-story{font:23px/1.9 Amiri,serif;white-space:pre-line}.photo-signature{font:24px Amiri,serif;color:var(--brown);border-top:1px solid var(--line);padding-top:18px}

.masthead .nav{gap:22px}.calendar-feature{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center;padding:40px 0 55px}.calendar-image{width:100%;height:auto;max-height:780px;object-fit:contain;box-shadow:0 14px 45px #3d281e20}.calendar-copy h2{font:36px/1.6 Amiri,serif;margin:18px 0 5px}.calendar-hijri{font-size:13px;color:var(--muted)}.calendar-copy blockquote{font:32px/1.8 Amiri,serif;margin:32px 0 16px}.calendar-signature{font-size:13px;color:var(--brown)}.calendar-status{font-size:11px;color:var(--muted);border:1px solid var(--line);padding:10px}.calendar-archive{border-top:1px solid var(--line);padding-bottom:60px}.archive-quote{text-align:center;font:28px/1.6 Amiri,serif;margin:30px 0 40px}.archive-quote small{display:block;font:12px 'Noto Sans Arabic',sans-serif;color:var(--muted);margin-top:15px}.calendar-archive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.calendar-thumb{background:none;border:1px solid var(--line);padding:12px;color:var(--ink);text-align:right}.calendar-thumb img{width:100%;height:250px;object-fit:contain;background:var(--cream)}.calendar-thumb span,.calendar-thumb small{display:block;margin-top:12px}.calendar-thumb span{font-size:12px}.calendar-thumb small{font-size:10px;color:var(--muted)}@media(max-width:1000px){.masthead .nav{gap:15px}.calendar-feature{gap:28px}.calendar-archive-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.calendar-feature{grid-template-columns:1fr;gap:25px;padding-top:25px}.calendar-copy h2{font-size:30px}.calendar-copy blockquote{font-size:28px;margin-top:20px}.calendar-archive-grid{grid-template-columns:repeat(2,1fr);gap:12px}.calendar-thumb img{height:200px}.calendar-thumb span{font-size:10px}.archive-quote{font-size:25px}}

.photo-source{font-size:10px;color:var(--muted);line-height:1.9;margin-top:18px}.photo-source a{text-decoration:underline}

.selection-with-image:before{display:none}.selection-image{width:100%;height:auto;object-fit:contain;margin-bottom:22px}.selection-with-image{padding:20px}.selection-with-image blockquote{font-size:24px}

.post-actions{display:flex;justify-content:space-between;gap:12px;align-items:center}.selection-actions{display:flex;gap:7px;flex-wrap:wrap}.linked-selection{outline:2px solid var(--copper);outline-offset:4px}.selection-bottom{gap:12px;flex-wrap:wrap}.share-content{white-space:nowrap}
