@font-face{font-family:Noto;src:url(assets/arabic-0.ttf) format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Noto;src:url(assets/arabic-3.ttf) format('truetype');font-weight:700;font-display:swap}@font-face{font-family:Hand;src:url(assets/PlaypenSansArabic-Variable.ttf) format('truetype');font-weight:100 800;font-display:swap}@font-face{font-family:Manrope;src:url(assets/latin-0.ttf) format('truetype');font-weight:400;font-display:swap}
:root{color-scheme:light;--ink:#374c51;--pencil:#74766b;--leather:#935d33;--paper:#f7f4eb;--blue:#365c78;--rule:#78857b30}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:145px}body{margin:0;background:#bdb3a1;color:var(--ink);font:400 16px/1.9 Noto,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #3d6b85;outline-offset:5px}img{display:block;width:100%;height:auto}p,h1,h2,h3,figure{margin:0}button{color:inherit}h1,h2,h3,strong{font-weight:700}[hidden]{display:none!important}
.atlas-skip{position:fixed;right:20px;top:-100px;padding:10px 20px;background:#fff;z-index:200}.atlas-skip:focus{top:10px}.atlas-binding{margin:18px 24px 0;padding:24px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#935d33 url(assets/tobacco-leather.webp) center/640px;color:#2d180a;text-shadow:0 1px 1px #eac08b88;border-radius:16px 16px 0 0;box-shadow:0 8px 17px -12px #453222;position:relative}.atlas-binding:before,.atlas-footer:before{content:'';position:absolute;inset:9px;border:1px dashed #f0cd927a;pointer-events:none;border-radius:10px}.atlas-binding a{display:flex;align-items:center;gap:13px;font-size:15px;z-index:1}.atlas-binding>span:nth-child(2){font-family:Hand;font-size:17px}.atlas-binding>span:last-child{font-family:Manrope;font-size:12px;letter-spacing:1px}
.atlas-paper{position:relative;background:var(--paper) url(assets/warm-cream-paper.webp) center/1100px;min-height:80vh;margin:0 36px;padding:50px 6% 60px;border-radius:0 0 28px 28px;box-shadow:0 3px #c9c1ae,0 6px #f1ecde,0 9px #b4ab97;isolation:isolate}.atlas-paper:before{content:'';position:absolute;right:3%;top:30px;bottom:30px;width:1px;background:#ad775e2b;pointer-events:none}.atlas-page-edge{position:absolute;top:0;left:8px;bottom:18px;border-left:1px solid #b9b4a845;border-radius:0 0 0 26px;width:18px;pointer-events:none}.atlas-heading{padding-bottom:30px}.atlas-dateline{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-bottom:1px solid var(--rule);padding-bottom:13px;font-size:13px;color:#747668}.atlas-hand{font-family:Hand;font-size:18px;color:var(--blue)}.atlas-heading h1{font-size:clamp(34px,4.4vw,62px);line-height:1.7;color:#87582f;margin:30px 0 12px;background:repeating-linear-gradient(transparent 0 calc(1lh - 1px),#6f817425 calc(1lh - 1px) 1lh);background-position:0 -.12em}.atlas-heading>p{font-size:17px;color:#666f68;max-width:62ch;line-height:2}
.atlas-tools{position:sticky;top:0;z-index:10;padding:16px 0 11px;background:#f7f4ebf5;backdrop-filter:blur(16px);border-bottom:1px solid #757d6933;box-shadow:0 10px 10px -14px #2d4f46;display:flex;align-items:center;justify-content:space-between;gap:18px}.atlas-filters{display:flex;flex-wrap:wrap;gap:6px}.atlas-filters button{border:1px solid #98a39545;border-bottom-color:#84957d80;border-radius:5px 5px 12px 4px;background:#e4e8dc;color:#52645c;min-height:44px;font-size:14px;padding:6px 17px;display:flex;align-items:center;gap:13px;transition:background .25s,color .25s,transform .25s}.atlas-filters button span{font:400 12px Manrope,sans-serif;opacity:.7}.atlas-filters button[aria-pressed=true]{background:#344e49;color:#f7efd9;border-color:#344e49;box-shadow:0 3px #b6bba8}.atlas-filters button:hover{transform:translateY(-2px)}#collection-status{font-size:13px;color:#7c7e74;white-space:nowrap;flex:none}
.atlas-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:5%;row-gap:52px;padding-top:35px;align-items:start}.atlas-item{min-width:0;scroll-margin-top:110px}.atlas-art{padding:0;border:0;position:relative;display:block;width:100%;background:#e1dccc;box-shadow:0 16px 20px -21px #233b36;overflow:hidden}.atlas-art img{aspect-ratio:1.45;object-fit:contain;transition:transform .6s,filter .6s}.atlas-design .atlas-art{padding:6%;background:#e6e1d7}.atlas-design .atlas-item:first-child .atlas-art{background:#c5bb9f}.atlas-design .atlas-item:nth-child(2) .atlas-art{background:#cdbdb8}.atlas-design .atlas-item:nth-child(3) .atlas-art{background:#d8dbc8}.atlas-design .atlas-item:nth-child(5) .atlas-art{background:#19383d}.atlas-design .atlas-item:nth-child(6) .atlas-art{background:#7d929d}.atlas-photography .atlas-art img{aspect-ratio:1.5;object-fit:cover}.atlas-photography .atlas-item:first-child{grid-row:span 2}.atlas-photography .atlas-item:first-child .atlas-art img{aspect-ratio:.72;object-fit:cover}.art-open{position:absolute;left:13px;bottom:13px;background:#fcf8eadb;backdrop-filter:blur(15px);padding:7px 15px;color:#304642;font-size:13px;box-shadow:0 2px 8px #34433f22;border:1px solid #fff6;transition:transform .3s}.atlas-art:hover img{transform:scale(1.035);filter:brightness(1.025)}.atlas-art:hover .art-open{transform:translateY(-3px)}.atlas-caption{display:flex;gap:19px;padding:20px 0 13px;border-bottom:1px solid var(--rule)}.item-number{font:400 17px Hand,sans-serif;color:#947352;padding-top:3px}.atlas-caption p{font-size:13px;color:#7b7d71;line-height:1.7;margin-bottom:7px}.atlas-caption h2{font-size:22px;line-height:1.7;color:#3a5051}.atlas-endnote{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--rule);padding-top:30px;margin-top:50px}.atlas-endnote>a{font-size:14px;color:#825e3d;display:flex;gap:20px}.atlas-footer{position:relative;background:#935d33 url(assets/tobacco-leather.webp) center/640px;color:#2d180a;text-shadow:0 1px 1px #eac08b88;margin:16px 24px 24px;border-radius:0 0 20px 20px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 5%;font-size:14px}.atlas-footer>span{font-family:Hand;font-size:17px}
.atlas-dialog{border:0;padding:0;width:min(1080px,calc(100% - 36px));max-height:90dvh;background:#f6f3e9 url(assets/warm-cream-paper.webp) center/1000px;color:var(--ink);box-shadow:0 24px 90px #14272466;border-radius:4px 4px 24px 4px;overscroll-behavior:contain}.atlas-dialog::backdrop{background:#0b211fcc;backdrop-filter:blur(8px)}.atlas-dialog-toolbar{position:sticky;top:0;z-index:3;padding:13px 25px;display:flex;justify-content:space-between;align-items:center;background:#eee9dcef;border-bottom:1px solid #9caa983d;backdrop-filter:blur(12px)}.atlas-dialog-close{background:#3e554f;color:#fff7e1;border:0;padding:7px 18px;border-radius:3px;font-size:14px}.atlas-dialog-toolbar>span{font:400 13px Manrope,sans-serif;color:#727b6c}#atlas-dialog-content{padding:28px 6% 40px}.atlas-dialog-kicker{font-size:13px;color:#886849}.atlas-dialog h2{font-size:clamp(27px,3.8vw,43px);line-height:1.65;color:#845632;margin:12px 0 18px}.atlas-dialog-intro{max-width:62ch;font-size:17px;line-height:2.05;margin-bottom:25px}.atlas-dialog-meta{display:flex;gap:35px;flex-wrap:wrap;border-block:1px solid var(--rule);padding:17px 0;margin-bottom:26px;font-size:14px}.atlas-dialog-meta span{display:block;font-size:12px;color:#7e8277;margin-bottom:5px}.atlas-dialog-text{margin:22px 0;max-width:64ch}.atlas-dialog-text h3{font-size:19px;color:#456376;margin-bottom:8px}.atlas-dialog-text p{font-size:16px;line-height:2}.atlas-dialog figure{margin-top:30px}.atlas-dialog figure img{width:auto;max-width:100%;height:auto;max-height:68vh;object-fit:contain;margin:auto;background:#e9e4d9}.atlas-dialog figcaption{font-size:13px;color:#727b70;line-height:1.9;text-align:center;padding:14px 0;border-bottom:1px solid var(--rule)}.atlas-dialog-navigation{display:flex;justify-content:space-between;padding:20px 6% 30px;border-top:1px solid var(--rule)}.atlas-dialog-navigation button{background:none;border:0;font-size:15px;min-height:44px;color:#365c78}.atlas-dialog-navigation button:disabled{opacity:.4;cursor:default}
@media(max-width:800px){.atlas-binding>span:nth-child(2){display:none}.atlas-paper{padding-inline:6%;margin-inline:24px}.atlas-binding,.atlas-footer{margin-inline:14px}.atlas-tools{display:block}.atlas-filters{gap:5px}.atlas-filters button{font-size:13px;padding-inline:12px;gap:8px}#collection-status{font-size:12px;margin-top:9px}.atlas-heading>p{font-size:16px}.atlas-grid{gap:35px 6%}.atlas-caption h2{font-size:19px}.atlas-caption{gap:12px}.atlas-dateline .atlas-hand{font-size:15px}.atlas-photography .atlas-item:first-child .atlas-art img{aspect-ratio:.65}}
@media(max-width:540px){html{scroll-padding-top:190px}.atlas-binding{padding:23px 7%;margin-top:8px;gap:12px}.atlas-binding a{font-size:13px;gap:9px}.atlas-binding>span:last-child{font-size:11px;letter-spacing:0}.atlas-paper{padding:30px 7% 35px;margin-inline:17px}.atlas-paper:before{right:3%}.atlas-heading h1{font-size:35px;line-height:1.65;margin-top:24px}.atlas-heading{padding-bottom:20px}.atlas-dateline{font-size:12px;gap:14px;align-items:center}.atlas-dateline .atlas-hand{font-size:13px;max-width:12ch}.atlas-heading>p{font-size:16px;line-height:1.95}.atlas-filters button{padding-inline:11px;font-size:13px;min-height:42px}.atlas-filters button span{font-size:11px}.atlas-tools{padding-top:12px}.atlas-grid{grid-template-columns:1fr;gap:30px;padding-top:25px}.atlas-photography .atlas-item:first-child{grid-row:auto}.atlas-photography .atlas-item:first-child .atlas-art img{aspect-ratio:1}.atlas-art img,.atlas-photography .atlas-art img{aspect-ratio:1.25}.atlas-caption h2{font-size:21px}.atlas-caption{padding-top:17px}.atlas-endnote{align-items:start;flex-direction:column;gap:20px;margin-top:35px}.atlas-endnote .atlas-hand{font-size:18px}.atlas-footer{padding:27px 7%;font-size:13px;align-items:start;gap:20px}.atlas-footer>span{font-size:14px;white-space:nowrap}.atlas-dialog{width:calc(100% - 18px);max-height:94dvh}.atlas-dialog-toolbar{padding:12px 18px}#atlas-dialog-content{padding:24px 7%}.atlas-dialog-intro{font-size:16px}.atlas-dialog-meta{gap:15px}.atlas-dialog h2{font-size:28px}.atlas-dialog-text p{font-size:15px}.atlas-dialog figcaption{font-size:12px}.atlas-dialog-navigation{padding:15px 7% 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.atlas-art:hover img,.atlas-art:hover .art-open,.atlas-filters button:hover{transform:none}}