:root{--ink:#18352f;--cream:#f7f4ec;--paper:#fffdf8;--sage:#dce7d8;--rust:#bd633e;--line:#d8d6ca}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;margin:0}.shell{margin:auto;width:min(1160px,calc(100% - 48px))}a{color:inherit;text-decoration:none}.nav{border-bottom:1px solid var(--line);height:82px;justify-content:space-between;position:relative;z-index:10}.brand,.nav{align-items:center;display:flex}.brand{font-family:Georgia,serif;font-size:23px;font-weight:700;gap:11px}.brand span{border:1px solid var(--ink);border-radius:50%;display:grid;font-size:16px;height:34px;place-items:center;width:34px}.navlinks{align-items:center;display:flex;font-size:13px;gap:34px}.navlinks>a:hover{color:var(--rust)}.submit{border:1px solid var(--ink);padding:12px 18px}.menu{background:none;border:0;color:var(--ink);display:none;font-size:24px}.hero{min-height:600px;overflow:hidden;padding:92px 0 80px;position:relative}.eyebrow,.kicker{font-size:11px;font-weight:700;letter-spacing:2px}.eyebrow{align-items:center;display:flex;gap:10px}.eyebrow i{border-top:1px solid var(--rust);width:22px}h1,h2{font-family:Georgia,serif;font-weight:400;margin:0}h1{font-size:72px;letter-spacing:-3px;line-height:1.02;margin-top:22px}h1 em{color:var(--rust);font-weight:400}.hero>p{color:#52645e;font-family:Georgia,serif;font-size:19px;line-height:1.6;max-width:570px}.search{align-items:center;background:var(--paper);box-shadow:0 10px 30px #29463c10;display:flex;gap:15px;height:62px;margin-top:30px;padding:0 20px;width:min(600px,100%)}.search span{font-size:30px;transform:rotate(-20deg)}.search input{background:transparent;border:0;color:var(--ink);flex:1;font-size:14px;outline:0}kbd{background:#eeece4;border:1px solid #ddd9cc;font:11px Arial;padding:6px 8px}.hero-note{color:#66736d;font-size:11px;margin-top:15px}.hero-note span{color:#4e7b62}.hero-note b{margin:0 10px}.hero-art{height:440px;right:30px;top:80px;width:390px}.hero-art,.moon{position:absolute}.moon{background:#e3bd77;border-radius:50%;box-shadow:-47px 7px 0 15px var(--cream);height:230px;right:32px;top:20px;width:230px}.star{color:var(--rust);position:absolute}.s1{font-size:23px;left:25px;top:25px}.s2{font-size:18px;right:0;top:130px}.arch{align-items:flex-end;background:#203e36;border-radius:170px 170px 0 0;bottom:0;display:flex;gap:12px;height:250px;justify-content:center;padding:80px 22px 0;position:absolute;right:30px;width:330px}.arch div{background:var(--cream);border-radius:60px 60px 0 0;flex:1;height:170px}.arch div:nth-child(2){background:var(--rust);height:205px}.browse{padding:80px 0 110px}.section-head{align-items:end;display:flex;justify-content:space-between}.kicker{color:var(--rust)}.newsletter h2,.promise h2,.section-head h2{font-size:43px;margin-top:12px}.section-head>a{border-bottom:1px solid var(--ink);font-size:12px;padding-bottom:5px}.section-head>a span{margin-left:8px}.filters{display:flex;gap:9px;margin:34px 0 18px;overflow:auto;padding-bottom:3px}.filters button{background:transparent;border:1px solid #bfc6bd;border-radius:30px;color:var(--ink);cursor:pointer;font-size:12px;padding:10px 16px;white-space:nowrap}.filters button.active,.filters button:hover{background:var(--ink);color:#fff}.filter-tools{align-items:end;display:flex;gap:12px;margin-bottom:30px}.filter-tools label{color:#71807a;display:grid;font-size:9px;gap:5px;letter-spacing:1px;text-transform:uppercase}.filter-tools select{background:var(--paper);border:1px solid #c8ccc3;color:var(--ink);min-width:145px;padding:9px 30px 9px 10px}.filter-tools>span{color:#71807a;font-size:11px;margin-left:auto}.filter-tools>button{background:none;border:0;border-bottom:1px solid var(--ink);color:var(--ink);cursor:pointer;font-size:11px;padding:0 0 3px}.asset-grid{display:grid;gap:32px 22px;grid-template-columns:repeat(3,1fr)}.asset{min-width:0}.preview{background:#ddd;height:340px;overflow:hidden;position:relative;width:100%}.preview-open{background:transparent;border:0;cursor:pointer;display:block;height:100%;padding:0;width:100%}.asset-tag{background:var(--paper);font-size:9px;left:14px;letter-spacing:1px;padding:7px 10px;pointer-events:none;position:absolute;text-transform:uppercase;top:14px;z-index:4}.quick{background:#17382fdd;bottom:0;color:#fff;font-size:12px;left:0;padding:14px;position:absolute;right:0;text-align:center;transform:translateY(100%);transition:.2s;z-index:5}.preview:hover .quick,.quick:focus{transform:none}.asset-info{align-items:center;display:flex;justify-content:space-between;padding:16px 2px}.asset-info h3{font-family:Georgia,serif;font-size:17px;margin:0 0 6px}.asset-info p{color:#6f7974;font-size:10px;margin:0}.asset-info button{background:transparent;border:1px solid #c7c8be;border-radius:50%;color:var(--ink);cursor:pointer;height:34px;width:34px}.asset-info button:hover{background:var(--ink);color:#fff}.evening{background:#d3a777}.people-art{background:linear-gradient(#dfb578 0 55%,#b46443 55%);inset:0;overflow:hidden;position:absolute}.people-art:after{border:14px solid #f3d49c;border-radius:50%;content:"";height:250px;position:absolute;right:-50px;top:30px;width:250px}.people-art .person{background:#24483f;border-radius:40px 40px 5px 5px;bottom:24px;height:160px;position:absolute;width:75px;z-index:2}.people-art .person:before{background:#18352f;border-radius:50% 50% 42% 42%;content:"";height:58px;left:16px;position:absolute;top:-30px;width:45px}.people-art .p1{left:80px}.people-art .p2{left:170px;transform:scale(.8);transform-origin:bottom}.people-art i{color:#fff0c9;font-size:45px;position:absolute;right:48px;top:30px}.people-art b{bottom:35px;color:#fff4dc;font:20px/1.1 Georgia;letter-spacing:2px;position:absolute;right:25px;z-index:2}.dua{background:#e8dfca}.dua-card{align-items:center;background:#fffaf0;border:1px solid #ae9871;color:#5c4933;display:flex;flex-direction:column;gap:20px;inset:40px;justify-content:center;position:absolute}.dua-card:after{border:1px solid #d0b98a;content:"";inset:11px;position:absolute}.dua-card i{font:25px Georgia;z-index:1}.dua-card b{font:17px/1.4 Georgia;z-index:1}.dua-card span{font-size:9px;letter-spacing:1px;z-index:1}.mosque{background:#1f403a}.mosque-art{color:#f0cf8c;inset:0;position:absolute}.mosque-art .dome{background:#dba15f;border-radius:90px 90px 0 0;bottom:0;height:210px;left:45px;position:absolute;width:150px}.mosque-art .dome:after{background:#1f403a;border-radius:60px 60px 0 0;content:"";inset:45px 37px 0;position:absolute}.mosque-art .minaret{background:#dba15f;bottom:0;height:270px;position:absolute;right:52px;width:46px}.mosque-art i{font-size:30px;position:absolute;right:95px;top:30px}.mosque-art b{font:17px Georgia;left:27px;letter-spacing:2px;position:absolute;text-align:left;top:35px;z-index:2}.mosque-art em{color:#fff;font-size:24px}.arches{background:#c06442}.arches-art{align-items:flex-end;display:flex;gap:10px;inset:0;padding:28px;position:absolute}.arches-art i{background:#e7b86f;border-radius:70px 70px 0 0;flex:1;height:90%}.arches-art i:nth-child(2){background:#f1e7d1;height:70%}.arches-art i:nth-child(3){background:#1e4339;height:50%}.iftar{background:#c8d6c7}.iftar-art{background:linear-gradient(#ccd9ca 0 65%,#dfb37a 65%)}.iftar-art .table{background:#f2e1c5;border-radius:50%;bottom:47px;color:#9c4b33;height:48px;left:110px;padding-top:12px;position:absolute;width:150px;z-index:3}.iftar-art .p1{background:#a9583b;left:65px}.iftar-art .p2{background:#24483f;left:auto;right:60px}.tracker{background:#d9d1b7}.tracker-art{background:#f8f2e3;inset:30px;padding:38px 25px;position:absolute}.tracker-art b{font:20px/1.25 Georgia;letter-spacing:2px}.tracker-art em{color:#b85c3c}.tracker-art>div{display:grid;gap:8px;grid-template-columns:repeat(5,1fr);margin-top:35px}.tracker-art i{aspect-ratio:1;border:1px solid #b3a787;border-radius:50%}.empty{padding:60px;text-align:center}.empty span{font-size:45px}.empty h3{font:24px Georgia;margin-bottom:8px}.promise{background:#1d3b34;color:#f7f1e6;padding:95px 0}.promise-grid{display:grid;gap:55px;grid-template-columns:1.6fr repeat(3,1fr)}.promise .kicker{color:#dfa16e}.promise h2{line-height:1.15}.promise-item{border-top:1px solid #5e746d;padding-top:20px}.promise-item span{color:#dfa16e;font:italic 14px Georgia}.promise-item h3{font:18px Georgia;margin:28px 0 12px}.promise-item p{color:#c9d1ce;font-size:12px;line-height:1.65}.newsletter{align-items:end;display:flex;justify-content:space-between;padding:100px 0}.newsletter p{color:#66736d;font:15px Georgia}.newsletter form{border-bottom:1px solid var(--ink);display:flex;padding-bottom:10px;width:430px}.newsletter input{background:transparent;border:0;flex:1;outline:0}.newsletter button{background:transparent;border:0;color:var(--ink);cursor:pointer;font-weight:700}footer{align-items:center;border-top:1px solid var(--line);display:grid;font-size:11px;grid-template-columns:1fr 1fr auto;padding:45px 0 30px}footer p{color:#6e7974}footer>div{display:flex;gap:25px}footer small{color:#89908b;grid-column:1/-1;margin-top:40px}footer small.credit{margin-top:8px}footer small.credit a{color:var(--rust);font-weight:700;text-decoration:none}footer small.credit a:hover{text-decoration:underline}.modal-backdrop{background:#132b26b8;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:100}.modal{background:var(--paper);box-shadow:0 25px 80px #0b1a1680;padding:42px;position:relative;text-align:center;width:min(480px,100%)}.asset-detail{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;padding:0;text-align:left;width:min(900px,100%)}.detail-preview{background:#e7e2d7;display:grid;min-height:520px;padding:30px;place-items:center}.detail-preview img{height:460px;-o-object-fit:contain;object-fit:contain;width:100%}.detail-copy{display:flex;flex-direction:column;justify-content:center;padding:55px 45px}.close{background:var(--paper);border:0;color:var(--ink);cursor:pointer;font-size:30px;position:absolute;right:14px;top:10px;z-index:2}.sponsor-label{color:#89908b;font-size:8px;letter-spacing:1.5px}.sponsor{background:#e5e5d7;margin:12px 0 30px;padding:22px}.sponsor b{font:18px Georgia}.sponsor p{font-size:11px;margin:5px}.modal h2{font-size:34px;margin-top:10px}.asset-meta{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.asset-meta span{border:1px solid #c9cec5;border-radius:20px;color:#596862;font-size:9px;padding:6px 9px}.modal p{color:#64716c;font-size:12px;line-height:1.7}.detail-actions{display:grid;gap:8px;grid-template-columns:1fr auto;margin-top:8px}.download-btn{background:var(--ink);border:0;color:#fff;cursor:pointer;display:block;padding:15px;text-align:center}.share-btn{background:transparent;border:1px solid var(--ink);color:var(--ink);cursor:pointer;padding:14px}.modal small{color:#7c8581;font-size:9px;margin-top:15px}@media(max-width:900px){.hero-art{opacity:.24;right:-130px}.asset-grid{grid-template-columns:repeat(2,1fr)}.promise-grid{grid-template-columns:1fr 1fr}.newsletter{align-items:flex-start;flex-direction:column;gap:50px}.newsletter form{width:100%}}@media(max-width:620px){.shell{width:min(100% - 30px,1160px)}.nav{height:68px}.menu{display:block}.navlinks{align-items:flex-start;background:var(--cream);border-bottom:1px solid var(--line);display:none;flex-direction:column;left:0;padding:25px;position:absolute;right:0;top:68px}.navlinks.open{display:flex}.hero{min-height:590px;padding-top:70px}.hero-art{right:-205px;top:180px}h1{font-size:48px;letter-spacing:-2px}.hero>p{font-size:16px}.search{height:58px}.search kbd{display:none}.section-head{align-items:flex-start}.newsletter h2,.promise h2,.section-head h2{font-size:34px}.section-head>a{display:none}.filter-tools{flex-wrap:wrap}.filter-tools>span{margin-left:0}.asset-grid{gap:22px;grid-template-columns:1fr}.preview{height:380px}.asset-detail{grid-template-columns:1fr;max-height:90vh;overflow:auto}.detail-preview{min-height:280px;padding:20px}.detail-preview img{height:260px}.detail-copy{padding:32px 25px}.detail-actions,.promise-grid{grid-template-columns:1fr}.promise-item{padding-bottom:15px}.newsletter{padding:70px 0}footer{gap:10px;grid-template-columns:1fr}footer small,footer>div{margin-top:20px}footer small{grid-column:auto}}.preview-open>img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}