@font-face{font-family:Amiri;src:url('assets/amiri-regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Amiri;src:url('assets/amiri-bold.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:Naskh;src:url('assets/noto-naskh.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--paper:#f7f4eb;--ink:#183d52;--blue:#164c72;--lapis:#123f62;--teal:#267f83;--gold:#a88850;--muted:#788183;--line:#d9d9cb;--reader-size:29px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Naskh,'Times New Roman',serif;font-size:18px;line-height:1.7;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23938a70' opacity='.045' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{background:none;border:0}button:disabled{opacity:.35;cursor:default}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button,a{touch-action:manipulation}:focus-visible{outline:2px solid var(--teal);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Naskh,serif;font-weight:400}button[hidden],[hidden]{display:none!important}.shell{width:min(1200px,calc(100% - 100px));margin-inline:auto}.tile-ribbon{height:15px;background:var(--lapis) url('assets/tile-pattern.svg') center/60px;border-bottom:3px solid #b69c65}.site-header{height:117px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.brand{display:flex;align-items:center;gap:12px;font:30px/1.25 Naskh,serif;white-space:nowrap}.brand small{display:block;font:9px/2 Georgia,serif;letter-spacing:2px;color:var(--muted);margin-top:4px}.site-header nav{display:flex;gap:36px;margin-left:50px;font-size:18px}.site-header nav a{position:relative;padding-block:10px}.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--teal)}.nav-active:after{content:'';position:absolute;height:2px;background:var(--teal);bottom:0;left:15%;right:15%}.library-button{display:flex;align-items:center;gap:10px;font-size:17px}.saved-count{border:1px solid var(--line);border-radius:50%;width:24px;height:24px;font-size:13px;display:grid;place-content:center}.hero{display:grid;grid-template-columns:1.18fr 1fr;gap:95px;align-items:center;padding-block:62px 48px}.hero-copy{padding-bottom:5px}.eyebrow{font-size:13px;letter-spacing:1px;color:var(--teal);display:block}.hero .eyebrow{display:flex;align-items:center;gap:12px}.small-star{font-size:22px;color:var(--gold)}h1{font-size:75px;line-height:1.4;margin:20px 0 21px;position:relative;letter-spacing:-2px}h1>span:first-of-type{color:var(--blue);font-size:112px;line-height:1.1;display:inline-block}.title-flourish{display:inline-block;position:relative;margin-right:28px;top:-10px;font-size:37px;color:var(--gold)}.hero-description{font-size:20px;line-height:1.9;color:#677471}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:11px 24px;font-size:18px;transition:background .2s,transform .2s;border:1px solid transparent}.primary{background:var(--lapis);color:#fff9e9;border-color:var(--lapis)}.primary:hover{background:#0f657b;transform:translateY(-2px)}.text-button{display:inline-flex;align-items:center;gap:9px;font-size:15px;padding:10px 0}.text-button:hover{color:var(--teal)}.text-button svg{width:18px}.hero-footnote{display:flex;align-items:center;gap:14px;font-size:12px;color:#8b8c80;margin-top:37px}.little-line{width:27px;height:1px;background:#b9b9a6}.hero-art{width:100%;max-width:440px;justify-self:end;position:relative}.hero-art:before{content:'';position:absolute;inset:16px -15px 44px 15px;border:1px solid #b5ad89;z-index:-1}.art-frame{position:relative;box-shadow:0 12px 28px #143b5520;overflow:hidden}.tile-panel{display:block;width:100%;height:auto}.arch-poem{position:absolute;top:40%;width:56%;right:22%;text-align:center;color:#faf5dd}.arch-label{font-size:10px;letter-spacing:2px;color:#d3cba3}.arch-poem p{font:22px/2.25 Naskh,serif;margin-top:16px;white-space:nowrap}.arch-divider{font-size:24px;color:#bbac72;margin-top:12px}.arch-credit{font-size:13px;color:#b7c7cb}.art-caption{display:flex;align-items:center;gap:10px;font-size:13px;padding:15px 0 0}.art-caption>span:first-child{font-size:12px;color:var(--gold);border:1px solid #c4b490;width:22px;height:22px;display:grid;place-content:center}.art-caption button{margin-right:auto;display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted)}.art-caption svg{width:17px}.chapter-rule{display:flex;align-items:center;gap:20px}.chapter-rule>span:not(.rosette){height:1px;background:var(--line);flex:1}.rosette{font-size:34px;color:var(--gold);line-height:1}.collection{padding-block:47px 75px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:29px}.section-heading h2{font-size:43px;line-height:1.5;margin-top:8px}.section-heading>p{font-size:16px;color:var(--muted);padding-bottom:8px}.search-row{display:flex;gap:15px}.search-box{border:1px solid #c9d0c9;background:#fcfaf4;display:flex;align-items:center;gap:13px;flex:1;padding-inline:18px}.search-box>svg{color:var(--teal);width:21px}.search-box input{border:0;background:transparent;width:100%;height:55px;outline:none;color:var(--ink);font-size:17px}.search-box input::placeholder{color:#8b9491}.search-box:focus-within{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal)}.search-hint{font-family:Georgia,serif;color:#b3b7a7;font-size:25px}.sort-button{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding-inline:20px;font-size:15px;background:#fbf8ef}.sort-button svg{width:18px}.filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-block:23px}.filter{border:1px solid #dcded1;padding:5px 18px;font-size:15px;display:flex;align-items:center;gap:11px;transition:all .2s}.filter small{font-size:11px;opacity:.55}.filter[aria-pressed=true]{background:var(--lapis);border-color:var(--lapis);color:#fff9e9}.filter:hover{border-color:var(--teal)}.results-line{display:flex;align-items:center;gap:15px;min-height:69px;font-size:13px;color:var(--muted)}.collection-note{margin-right:auto;font-size:12px}.results-line .text-button{font-size:13px;padding:0}.poem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.poem-card{border:1px solid #d8daca;background:#fcfaf3;position:relative;min-width:0;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border .2s}.poem-card:before{content:'';position:absolute;right:0;top:0;width:32px;height:3px;background:var(--teal)}.poem-card:hover{transform:translateY(-4px);border-color:#a6b8b0;box-shadow:0 9px 23px #183d5209}.card-body{padding:23px 25px 20px;display:block;flex:1;text-align:right;width:100%}.card-eyebrow{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--teal);padding-left:27px}.card-number{font-family:Georgia,serif;font-size:12px;color:#adb1a0;direction:ltr}.poem-card h3{font-size:28px;line-height:1.5;margin:15px 0 13px;color:var(--lapis)}.card-preview{font:21px/2 Naskh,serif;color:#637173;min-height:84px}.card-preview span{display:block}.card-footer{border-top:1px solid #e7e5d8;margin-inline:25px;padding-block:13px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#8a9289}.card-read{color:var(--blue);display:flex;align-items:center;gap:9px}.card-read svg{width:17px}.card-save{position:absolute;left:16px;top:18px;color:#8e9a93;padding:5px;line-height:1}.card-save svg{width:19px;height:19px}.is-saved svg{fill:#d9e4d9;color:var(--teal)}.load-more{display:flex;margin:34px auto 0;border-color:#bfc9be;min-width:215px;background:transparent}.load-more:hover{background:#eef0e5}.load-more svg{width:18px}.empty-state{text-align:center;border:1px solid var(--line);padding:65px 20px}.empty-state>span{font-size:45px;color:var(--gold)}.empty-state h3{font-size:32px}.empty-state p{color:var(--muted);margin:10px 0 24px}.about-band{background:#e9eee6;position:relative;overflow:hidden;border-block:1px solid #d6ddd1}.about-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;padding-block:59px;position:relative}.about-heading h2{font-size:40px;line-height:1.55;margin-top:13px}.about-name{display:block;font-size:14px;color:#7e8b7a;margin-top:13px}.about-copy{padding-top:10px;position:relative;z-index:1}.about-copy p{color:#65766b;font-size:18px;line-height:1.9;margin-bottom:16px}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:15px;border-bottom:1px solid #a5b3a0;padding-bottom:4px}.text-link svg{width:17px}.about-ornament{font-size:335px;position:absolute;left:-100px;top:-103px;color:#d4dfd155;z-index:0;line-height:1.3;transform:rotate(12deg);pointer-events:none}.source-section{display:grid;grid-template-columns:230px 1fr;gap:70px;align-items:center;padding-block:69px 80px;max-width:930px}.source-book{background:var(--lapis) url('assets/tile-pattern.svg') center/64px;border:6px double #c4b579;box-shadow:-8px 8px 0 #dedbcb,-10px 9px 0 #bcbca7,0 12px 20px #123f6215;height:292px;display:flex;align-items:center;flex-direction:column;justify-content:center;color:#f7f0d2;transform:rotate(-4deg);position:relative}.source-book:before{content:'';position:absolute;inset:20px;background:var(--lapis);border:1px solid #baab6d}.source-book>*{position:relative}.source-book img{width:38px;margin-bottom:16px}.source-book>span{font:31px/1.4 Naskh,serif;text-align:center}.source-book i{font-style:normal;font-size:30px;color:#c0af72;margin-top:15px}.source-copy h2{font-size:37px;margin:8px 0 14px}.source-copy>p{font-size:17px;color:#7a8176;line-height:1.9}.source-copy details{border-block:1px solid var(--line);margin:20px 0;font-size:14px}.source-copy summary{list-style:none;padding-block:12px;cursor:pointer;display:flex;justify-content:space-between}.source-copy summary::-webkit-details-marker{display:none}.source-copy details[open] summary span{transform:rotate(45deg)}.source-copy details p{font-size:15px;color:#7a8176;padding-bottom:15px;line-height:1.8}.source-size{font-size:11px;color:#969b8a;margin-right:5px}footer{background:#eeeee3}.footer-content{display:flex;align-items:center;justify-content:space-between;padding-block:30px}.footer-content .brand{display:block;font-size:26px}.footer-content .brand small{font:13px Naskh,serif;letter-spacing:0;margin-top:5px}.footer-content>p{font:23px Naskh,serif;color:#849080}.footer-content>span{font:11px Georgia,serif;letter-spacing:1.5px;color:#849080}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:-100px;z-index:10;background:var(--lapis);color:white;padding:10px 20px}.skip-link:focus{top:0}.reader-dialog{padding:0;border:1px solid #aab7ab;background:var(--paper);color:var(--ink);width:min(940px,calc(100% - 44px));max-height:92dvh;overscroll-behavior:contain;box-shadow:0 25px 100px #0e243b55}.reader-dialog::backdrop{background:#0f2c3fd9;backdrop-filter:blur(6px)}.reader-shell{background:var(--paper)}.reader-toolbar{position:sticky;top:0;background:#f7f4ebf7;z-index:2;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:12px 22px;gap:15px}.reader-brand{font:24px Naskh,serif}.reader-tools{display:flex;gap:5px}.icon-button{width:39px;height:39px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;font-family:Naskh,serif;font-size:18px;line-height:1}.icon-button:hover{background:#e8ede2;border-color:#d1d9cd}.icon-button svg{width:20px}.icon-button[aria-pressed=true]{background:#dae5db}.reader-content{padding:45px 58px 30px;text-align:center}.reader-meta{display:flex;justify-content:center;gap:15px;color:var(--teal);font-size:13px}.reader-content h2{font-size:45px;margin:16px 0 8px}.reader-decor{color:var(--gold);margin-bottom:30px;letter-spacing:5px}.reader-verses{font:var(--reader-size)/2.2 Naskh,serif}.verse{display:grid;grid-template-columns:1fr 1fr;gap:35px;position:relative;padding-block:5px}.verse>span{white-space:normal}.verse:after{content:'✧';position:absolute;top:50%;right:50%;font:10px Georgia,serif;color:#b5b9a4;transform:translate(50%,-50%)}.reader-bottom{margin-top:35px;padding-top:20px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.reader-bottom>div{display:flex;gap:7px}.reader-attribution{font-size:11px;color:#949989;text-align:right;margin-top:18px}.reader-navigation{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:26px;padding-top:22px}.reader-navigation button{font-size:13px;display:flex;gap:12px;align-items:center}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:var(--lapis);color:white;padding:10px 26px;font-size:15px;box-shadow:0 5px 30px #123f6220;opacity:0;pointer-events:none;transition:.25s;z-index:99}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){.hero{gap:120px;padding-block:72px 60px}.hero-art{max-width:470px}.shell{width:min(1270px,calc(100% - 130px))}h1{font-size:83px}h1>span:first-of-type{font-size:123px}.arch-poem p{font-size:24px}.hero-description{font-size:22px}}
@media(max-width:1100px){.shell{width:calc(100% - 70px)}.hero{gap:42px;padding-block:45px}.site-header nav{margin-left:0;gap:25px}.hero h1{font-size:62px}.hero h1>span:first-of-type{font-size:95px}.title-flourish{margin-right:15px;font-size:30px}.hero-description{font-size:18px}.hero-actions{gap:17px}.hero-actions .button{padding-inline:18px;gap:15px;font-size:16px}.hero-actions .text-button{font-size:13px}.arch-poem p{font-size:19px}.arch-label{font-size:9px}.arch-poem{top:39%}.hero-footnote{font-size:10px;gap:10px}.card-body{padding:20px}.poem-card h3{font-size:25px}.card-preview{font-size:19px}.about-layout{gap:60px}.source-section{max-width:850px}}
@media(max-width:800px){.shell{width:calc(100% - 40px)}.site-header{height:95px;gap:10px}.brand{font-size:25px;gap:9px}.brand img{width:36px;height:36px}.brand small{font-size:7px}.site-header nav{gap:21px;font-size:15px}.library-button{font-size:14px;gap:7px}.saved-count{width:20px;height:20px;font-size:11px}.hero{gap:30px;padding-block:38px}.hero h1{font-size:49px;margin-top:15px}.hero h1>span:first-of-type{font-size:74px}.title-flourish{display:none}.hero .eyebrow{font-size:10px}.small-star{font-size:17px}.hero-description{font-size:16px}.hero-actions{flex-wrap:wrap;gap:8px;margin-top:22px}.hero-actions .text-button{padding:5px 0}.hero-footnote{margin-top:22px;flex-wrap:wrap;gap:6px}.hero-footnote>span:last-child,.hero-footnote .little-line{display:none}.arch-poem p{font-size:16px;margin-top:7px}.arch-divider{font-size:18px;margin-top:5px}.arch-credit{font-size:10px}.arch-label{font-size:7px}.art-caption{font-size:10px;gap:6px}.art-caption button{font-size:10px}.art-caption>span:first-child{width:18px;height:18px}.hero-art:before{inset:10px -8px 40px 8px}.section-heading h2{font-size:36px}.section-heading>p{font-size:14px}.poem-grid{grid-template-columns:repeat(2,1fr);gap:16px}.about-layout{gap:35px}.about-heading h2{font-size:32px}.about-copy p{font-size:16px}.source-section{grid-template-columns:175px 1fr;gap:40px}.source-book{height:250px}.source-book>span{font-size:25px}.source-copy h2{font-size:31px}.source-copy>p{font-size:15px}.source-size{display:none}.footer-content>p{font-size:19px}.footer-content>span{font-size:9px;letter-spacing:.5px}.reader-content{padding:35px 30px 25px}.reader-verses{font-size:calc(var(--reader-size) - 3px)}.verse{gap:24px}}
@media(max-width:580px){.tile-ribbon{height:12px}.site-header{height:86px}.site-header nav{display:none}.brand{font-size:26px}.library-button{font-size:14px}.hero{grid-template-columns:1fr;gap:30px;padding-block:34px 29px}.hero-copy{padding:0}.hero .eyebrow{font-size:11px}.hero h1{font-size:54px;line-height:1.25;margin:18px 0 22px}.hero h1 br{display:none}.hero h1>span:first-of-type{font-size:70px;margin-right:10px}.hero-description{font-size:18px;line-height:1.8}.wide-break{display:none}.hero-actions{gap:20px;margin-top:25px;flex-wrap:nowrap}.hero-actions .button{font-size:16px;padding:10px 18px}.hero-actions .text-button{font-size:13px;gap:7px}.hero-footnote{display:none}.hero-art{max-width:360px;justify-self:center;width:calc(100% - 24px)}.tile-panel{width:100%}.arch-poem p{font-size:19px}.arch-label{font-size:9px}.arch-divider{font-size:23px;margin-top:10px}.arch-credit{font-size:12px}.art-caption{font-size:12px;padding-top:11px}.art-caption button{font-size:11px}.art-caption>span:first-child{width:21px;height:21px}.chapter-rule{gap:15px}.rosette{font-size:28px}.collection{padding-block:30px 45px}.section-heading{display:block;margin-bottom:20px}.section-heading h2{font-size:37px;margin-top:7px}.section-heading>p{font-size:14px;margin-top:5px}.search-row{gap:9px}.search-box{padding-inline:12px;gap:10px}.search-box input{font-size:15px;height:51px}.search-hint{display:none}.sort-button{padding-inline:13px}.sort-button span{display:none}.filters{gap:7px;padding-block:18px}.filter{font-size:13px;padding:5px 12px;gap:6px}.collection-note{display:none}.results-line{min-height:58px}.poem-grid{grid-template-columns:1fr;gap:15px}.card-body{padding:20px 23px 17px}.poem-card h3{font-size:29px;margin-top:12px}.card-preview{font-size:22px;min-height:auto;line-height:1.9}.card-footer{padding-block:11px}.card-eyebrow{font-size:12px}.card-save{top:16px}.about-layout{grid-template-columns:1fr;gap:25px;padding-block:37px}.about-heading h2{font-size:37px;line-height:1.45}.about-name{font-size:14px}.about-copy{padding:0}.about-copy p{font-size:17px}.about-ornament{font-size:260px;left:-90px;top:-65px}.source-section{grid-template-columns:1fr;gap:38px;padding-block:45px}.source-book{width:164px;height:215px;margin-inline:auto}.source-book img{width:28px;margin-bottom:12px}.source-book>span{font-size:23px}.source-book i{font-size:22px;margin-top:8px}.source-book:before{inset:15px}.source-copy h2{font-size:34px}.source-copy>p{font-size:16px}.source-copy .eyebrow{font-size:12px}.footer-content{flex-wrap:wrap;gap:18px;padding-block:25px}.footer-content>p{display:none}.footer-content>span{font-size:10px}.footer-content .brand{font-size:25px}.reader-dialog{width:100%;height:100dvh;max-height:100dvh;max-width:100%;margin:0;border:0}.reader-toolbar{padding:10px 12px}.reader-tools{gap:0}.reader-brand{font-size:21px}.icon-button{width:34px}.reader-content{padding:29px 19px 24px}.reader-content h2{font-size:37px}.reader-meta{font-size:12px}.reader-verses{font-size:var(--reader-size)}.verse{grid-template-columns:1fr;gap:0;margin-bottom:20px;line-height:1.9}.verse:after{display:none}.verse>span:nth-child(2){padding-right:28px}.verse>span:first-child{padding-left:28px}.reader-bottom .text-link{font-size:13px;gap:7px}.reader-bottom>div{gap:2px}.reader-navigation button{font-size:12px}.reader-decor{margin-bottom:20px}.toast{bottom:20px;font-size:14px;max-width:90%;white-space:nowrap}.reader-attribution{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.reader-note{font-size:13px;color:#7e8879;border-right:2px solid var(--gold);padding:10px 14px;background:#edece0;text-align:right;margin-top:25px}