:root{--wall:#f1f0ea;--ink:#12120e;--moss:#51534c;--line:#c1bdaf;--brass:#b8955a;--night:#132024;--paint:#c9231f;--naskh:"Noto Naskh Arabic",serif;--didone:"Bodoni Moda","Noto Naskh Arabic",serif;--ui:"IBM Plex Sans Arabic",system-ui,sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--wall);color:var(--ink);font-family:var(--naskh);margin:0;font-size:18px;line-height:1.9}body.lang-fr,body.lang-en{font-family:var(--didone)}a{color:inherit}img{max-width:100%;height:auto;display:block}:focus-visible{outline:2px solid var(--paint);outline-offset:2px}.rule{background:var(--brass);width:48px;height:1px;margin-block:18px;display:block}.top{font-family:var(--ui);flex-wrap:wrap;align-items:center;gap:32px;padding:18px clamp(16px,4vw,52px);font-size:15px;display:flex}.lang-fr .top,.lang-en .top{font-family:var(--didone)}.brand.quiet{visibility:hidden}.brand{font-family:var(--naskh);font-size:21px;font-weight:700;text-decoration:none}.lang-fr .brand,.lang-en .brand.quiet{visibility:hidden}.brand{font-family:var(--didone);letter-spacing:.2em;text-transform:uppercase;font-size:17px;font-weight:400}.top nav{flex-wrap:wrap;gap:24px;margin-inline:auto;display:flex}.top nav a{text-decoration:none}.top nav a:hover,.top nav a[aria-current]{color:var(--paint)}.langs{font-family:var(--ui);gap:14px;font-size:13px;display:flex}.langs a{text-decoration:none}.langs a[aria-current]{border-bottom:1px solid var(--brass);font-weight:600}.langs .off{opacity:.38}.foot{font-family:var(--didone);grid-template-columns:1fr auto 1fr;align-items:end;gap:16px;padding:22px clamp(16px,4vw,52px) 26px;font-size:15px;display:grid}.lang-ar .foot{font-family:var(--naskh)}.foot-rights{justify-items:start;gap:8px;display:grid}.foot-sponsor{font-family:var(--ui);color:var(--moss);align-items:center;gap:8px;font-size:12.5px;text-decoration:none;display:inline-flex}.foot-sponsor:hover{color:var(--ink)}.foot-sponsor .ranks{color:var(--ink);flex:none}.foot-mid{justify-items:center;gap:12px;display:grid}.foot-mid i{background:var(--brass);width:36px;height:1px}.foot-links{flex-wrap:wrap;justify-content:flex-end;gap:18px;display:flex}.wrap{max-width:1040px;margin-inline:auto;padding-inline:max(16px,4vw)}.narrow{max-width:720px}.page-head{padding-block:54px 18px}.page-head h1,.record h1,.artwork h1,.about-title{text-wrap:balance;margin:0;font-size:clamp(40px,6vw,66px);font-weight:700;line-height:1.15}.page-head p{margin:0;font-size:21px}section{margin-bottom:38px}main h2{font-family:var(--ui);color:var(--moss);border-bottom:1px solid var(--ink);margin:0 0 6px;padding-bottom:6px;font-size:15px;font-weight:600}.split{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:44px;display:grid}.rows{margin:0;padding:0;list-style:none}.row{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:8px 0;display:flex}.row a{min-width:0;text-decoration:none}.row a:hover{color:var(--paint)}.aside{font-family:var(--ui);color:var(--moss);text-align:end;flex-wrap:wrap;flex:0 42%;justify-content:flex-end;gap:10px;font-size:13.5px;display:flex}.aside em{color:var(--brass);font-style:normal}.year{grid-template-columns:70px minmax(0,1fr);gap:12px;margin-top:12px;display:grid}.shelf+.shelf,.shelf+.rows{margin-top:30px}.shelf h3{font-family:var(--ui);margin:0 0 6px;font-size:15px;font-weight:600}.shelf h3 a{color:var(--moss);text-decoration:none}.book-poems{margin-top:34px}.year h3{font-family:var(--ui);color:var(--moss);margin:8px 0 0;font-size:15px;font-weight:600}.lead-book a{background:var(--night);color:var(--wall);align-items:center;gap:22px;padding:26px;text-decoration:none;display:flex}.lead-book b{font-size:30px;line-height:1.3;display:block}.lead-book small{font-family:var(--ui);opacity:.8;font-size:14px}.quiet{color:var(--moss)}.gallery{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px;margin-top:14px;display:grid}.gallery a{text-decoration:none}.thread-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:50px;display:grid}.thread-list a{background:var(--ink);color:var(--wall);padding:28px;text-decoration:none}.thread-list h2{color:inherit;border:0;font-family:inherit;font-size:32px;font-weight:400}.thread-list p{margin:0;font-size:16px;line-height:1.7}.poem{max-width:640px;margin:0 auto;padding:64px 20px 80px}.poem h1{margin:0;font-size:44px;line-height:1.25}.poem pre{font:inherit;white-space:pre-wrap;margin:0 0 30px;font-size:23px;line-height:2.15}[lang=fr].poem pre,[lang=en].poem pre{font-family:var(--didone)}.poem audio{width:100%;margin-bottom:22px}.poem footer{font-family:var(--ui);color:var(--moss);flex-wrap:wrap;gap:18px;font-size:14px;display:flex}.record{padding-block:56px 70px}.record .lede{font-size:22px;line-height:1.7}.meta{font-family:var(--ui);margin:0 0 22px;font-size:14.5px}.meta div{border-bottom:1px solid var(--line);grid-template-columns:90px minmax(0,1fr);gap:14px;padding:5px 0;display:grid}.meta dt{color:var(--moss)}.meta dd{margin:0}.art-plate{cursor:zoom-in;background:#e7e5dc;padding:clamp(16px,5vw,64px);display:block}.art-plate img{width:auto;max-height:82vh;margin-inline:auto}.artwork .narrow{padding-block:30px 60px}.gallery a{cursor:zoom-in}.viewer{color:#f1f0ea;background:#000;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.viewer:not([open]){display:none}.viewer::backdrop{background:#000}.viewer-track{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior:contain;outline:0;width:100%;height:100%;display:flex;overflow:auto hidden}.viewer-track::-webkit-scrollbar{display:none}.viewer-track.zoomed{scroll-snap-type:none;overflow:hidden}.viewer figure{scroll-snap-align:center;scroll-snap-stop:always;touch-action:pan-x;flex:0 0 100%;width:100%;height:100%;margin:0;position:relative;overflow:hidden}.viewer-track.zoomed figure{touch-action:none}.viewer figure img{object-fit:contain;transform-origin:50%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;max-width:none;height:100%;max-height:none;display:block;position:absolute;inset:0}.viewer-top{padding:max(12px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left));pointer-events:none;font-family:var(--ui);direction:ltr;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;inset:0 0 auto}.viewer-side{pointer-events:auto;align-items:center;gap:10px;display:flex}.viewer-mark{background:var(--brass);color:#12120e;width:44px;height:44px;font-family:var(--naskh);border-radius:50%;place-items:center;font-size:25px;font-weight:700;line-height:1;display:grid}.viewer-name{inset:auto 0 max(10px,env(safe-area-inset-bottom));pointer-events:auto;text-align:center;color:#d8d7d0;text-shadow:0 1px 4px #000;width:max-content;min-width:0;max-width:calc(100% - 32px);margin-inline:auto;font-size:13px;text-decoration:none;position:fixed}.viewer-name b{font-family:var(--naskh);color:#f1f0ea;font-size:17px;font-weight:400}.lang-fr .viewer-name b,.lang-en .viewer-name b{font-family:var(--didone)}.viewer-name span{direction:ltr;unicode-bidi:bidi-override;margin-inline:6px}.viewer-name small{font-size:12px;display:block}.viewer button{color:#fff;cursor:pointer;width:44px;height:44px;font-size:20px;font-family:var(--ui);background:#3a3b3cd9;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:static}.viewer button:hover:not(:disabled){background:#54565a}.viewer button:disabled{opacity:.45;cursor:default}.viewer-x.viewer-x{color:#050505;background:#e4e6eb}.viewer-x.viewer-x:hover{background:#fff}.viewer-whole.viewer-whole{background:0 0}.viewer button.viewer-go{width:48px;height:48px;margin-top:-24px;position:absolute;top:50%}.viewer button.viewer-go:disabled{opacity:0;pointer-events:none}.viewer-prev{inset-inline-start:max(14px,env(safe-area-inset-left))}.viewer-next{inset-inline-end:max(14px,env(safe-area-inset-right))}@media (hover:none){.viewer-go{display:none}}@media (prefers-reduced-motion:reduce){.viewer-track{scroll-behavior:auto}}@media (max-width:760px){.split{grid-template-columns:1fr}.top nav{order:3;width:100%;margin:0}.top{justify-content:space-between;gap:10px 18px}}@media (max-width:480px){.foot{grid-template-columns:1fr}.foot i{display:none}.foot-links{justify-content:flex-start}.row{flex-direction:column;gap:0}.aside{text-align:start;flex:none;justify-content:flex-start}}.mosaic-wrap{background:var(--ink);margin:0;line-height:0;position:relative}.mosaic{width:100%;height:auto;display:block}.mosaic.tall{display:none}.plane-wall{fill:var(--wall)}.plane-line{fill:none;stroke:var(--ink);stroke-width:11px;stroke-linejoin:miter;pointer-events:none}.plane{cursor:pointer}.plane image,.plane-still image{transform-box:fill-box;transform-origin:50%;transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .5s}.plane image{filter:brightness(.8)saturate(1.05)}.plane-face image{filter:none}.plane:hover image,.plane:focus-visible image{filter:none;transform:scale(1.07)}.plane-face:hover image,.plane-face:focus-visible image{transform:scale(1.025)}.plane text{font-family:var(--naskh);fill:#fff;filter:drop-shadow(0 1px 7px #050504d9);font-size:50px;font-weight:700}.lang-fr .plane text,.lang-en .plane text{font-family:var(--didone);letter-spacing:.02em;font-weight:400}.mosaic.tall .plane text{font-size:52px}.plane:focus-visible{outline:none}.plane:focus-visible text{text-decoration:underline}.mosaic-name{pointer-events:none;width:35%;padding:clamp(16px,2.8vw,52px) clamp(18px,3vw,60px) 0;line-height:1.5;position:absolute;inset-block-start:0;inset-inline-start:0}.mosaic-name h1{margin:0;font-size:clamp(40px,6.3vw,118px);font-weight:700;line-height:1.08}.lang-fr .mosaic-name h1,.lang-en .mosaic-name h1{font-weight:400}.mosaic-name p{color:var(--moss);margin:.5em 0 0;font-size:clamp(15px,1.5vw,26px)}.mosaic-name blockquote{max-width:30em;color:var(--moss);margin:.8em 0 0;font-size:clamp(13px,1.1vw,19px);line-height:1.7}@media (max-width:1000px){.mosaic-name blockquote{display:none}}.about-page{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:clamp(28px,5vw,80px);padding-block:clamp(36px,6vw,80px) 80px;display:grid}.about-face{clip-path:polygon(0 0,100% 3.5%,94% 100%,4% 96%);margin:0}.about-face img{width:100%}@media (max-width:760px){.about-page{grid-template-columns:1fr}.mosaic.wide{display:none}.mosaic.tall{display:block}.mosaic-name{width:100%;padding:22px 20px 0}.mosaic-name h1{font-size:clamp(42px,13vw,74px)}.lang-fr .mosaic-name h1,.lang-en .mosaic-name h1{white-space:nowrap;font-size:clamp(30px,9vw,48px)}.mosaic-name p{margin-top:.3em;font-size:18px}.mosaic-name blockquote{display:none}}@media (prefers-reduced-motion:reduce){.plane image{transition:none}.plane:hover image{transform:none}}.b-poem{color:#f1f0ea;background:#000;place-items:center;margin:0;padding:clamp(56px,7vw,110px) 20px clamp(70px,9vw,140px);display:grid}.b-poem>div{max-width:34rem}.b-poem pre{font-family:var(--naskh);white-space:pre-wrap;margin:0 0 28px;font-size:clamp(25px,3vw,42px);line-height:1.95}.b-poem a{font-family:var(--ui);color:var(--brass);font-size:14px;text-decoration:none}.b-poem a:hover{color:#f1f0ea}.b-poem audio{width:100%;margin-top:18px;display:block}.b-thread{background:#000;margin:0}.b-thread-in{background:var(--wall);clip-path:polygon(0 0,100% clamp(40px,8vw,130px),100% 100%,0 calc(100% - clamp(40px,6vw,100px)));padding:clamp(70px,10vw,170px) clamp(18px,6vw,100px) clamp(80px,10vw,170px)}.b-word{font-size:clamp(70px,14vw,230px);font-weight:700;line-height:1.05;text-decoration:none;display:block}.lang-fr .b-word,.lang-en .b-word{font-weight:400}.b-word:hover{color:var(--paint)}.b-line{color:var(--moss);margin:6px 0 clamp(26px,4vw,60px);font-size:clamp(18px,1.6vw,24px)}.b-three{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(16px,2.4vw,40px);display:grid}.b-three a{text-decoration:none}.b-art img{width:100%}.b-three small{font-family:var(--ui);color:inherit;opacity:.7;margin-bottom:12px;font-size:13px;display:block}.b-study{background:var(--night);color:var(--wall);flex-direction:column;justify-content:space-between;gap:20px;min-height:clamp(220px,24vw,380px);margin-top:clamp(0px,7vw,110px);padding:clamp(20px,2.4vw,36px);display:flex}.b-study b{font-size:clamp(20px,1.9vw,28px);font-weight:400;line-height:1.5}.b-study span{font-family:var(--ui);color:var(--brass);font-size:13px}.b-study:hover{background:#1c2f35}.b-verse{padding-top:clamp(0px,1.6vw,24px)}.b-verse pre{font:inherit;white-space:pre-wrap;margin:0;font-size:clamp(20px,1.9vw,28px);line-height:2}.b-verse b{font-size:clamp(20px,1.9vw,28px);font-weight:400;line-height:1.5}.b-verse:hover{color:var(--paint)}.b-book{background:#000;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);min-height:clamp(420px,46vw,760px);margin:0;display:grid;position:relative}.b-wall{clip-path:polygon(0 clamp(40px,6vw,100px),100% 0,86% 100%,0 100%);position:relative;overflow:hidden}[dir=rtl] .b-wall{clip-path:polygon(0 0,100% clamp(40px,6vw,100px),100% 100%,14% 100%)}.b-wall img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.b-text{color:#f1f0ea;align-self:center;padding:clamp(40px,6vw,90px) clamp(20px,5vw,80px);text-decoration:none}.b-text small{font-family:var(--ui);color:var(--brass);font-size:13px}.b-text h2{font-family:var(--naskh);color:#f1f0ea;border:0;margin:10px 0 8px;padding:0;font-size:clamp(30px,3.6vw,58px);font-weight:700;line-height:1.25}.b-text em{margin-bottom:10px;font-style:normal;display:block}.b-text p{margin:0 0 20px;font-size:clamp(18px,1.6vw,24px);line-height:1.7}.b-text span{font-size:16px}.b-text:hover span{color:var(--brass)}@media (max-width:760px){.b-three{grid-template-columns:1fr}.b-study{min-height:0;margin-top:0}.b-book{grid-template-columns:1fr}.b-wall{clip-path:polygon(0 8vw,100% 0,100% 100%,0 calc(100% - 8vw));height:78vw}[dir=rtl] .b-wall{clip-path:polygon(0 0,100% 8vw,100% calc(100% - 8vw),0 100%)}}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.thread-art{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-bottom:20px;display:grid}.thread-art img{width:100%;height:auto}.cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:clamp(28px,4vw,52px) clamp(16px,3.3vw,47px) 0;display:grid}.card{aspect-ratio:1;color:#f1f0ea;background-color:#141410;background-position:50%;background-size:cover;flex-direction:column;padding:clamp(22px,2.6vw,36px);text-decoration:none;display:flex;position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(#0a0a080a,#0a0a0829);transition:background .4s;position:absolute;inset:0}.card>*{position:relative}.card h2{font-family:var(--didone);color:#f1f0ea;border:0;margin:0;padding:0;font-size:clamp(24px,2.3vw,34px);font-weight:400;line-height:1.2}.lang-ar .card h2{font-family:var(--naskh);font-weight:700}.card .rule{width:36px;margin-block:14px 16px}.card p{max-width:16em;margin:0 0 auto;font-size:clamp(14px,1.15vw,17px);line-height:1.6}.card span{margin-top:18px;font-size:16px}.card:hover:before,.card:focus-visible:before{background:linear-gradient(#0a0a0800,#0a0a080f)}.card:hover span{color:var(--brass)}@media (max-width:900px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.cards{grid-template-columns:1fr}.card{aspect-ratio:4/3}}.btns{flex-wrap:wrap;gap:16px;display:flex}.btns a{border:1px solid var(--brass);color:inherit;padding:10px 26px;font-size:16px;text-decoration:none;transition:background .2s,color .2s}.btns a:hover,.btns a:focus-visible{background:var(--brass);color:#12120e}.hero2{color:#f1f0ea;background:linear-gradient(90deg,#3a403f,#7a7f78);grid-template-columns:minmax(0,48fr) minmax(0,52fr);min-height:min(72vh,560px);display:grid}[dir=rtl] .hero2{background:linear-gradient(270deg,#3a403f,#7a7f78)}.hero2-word{align-self:center;padding:clamp(36px,6vw,96px) clamp(20px,8vw,124px)}.hero2 h1{font-family:var(--didone);margin:0;font-size:clamp(56px,7vw,104px);font-weight:400;line-height:1.04}.lang-ar .hero2 h1{font-family:var(--naskh);font-weight:700}.hero2 p{max-width:14em;margin:0 0 28px;font-size:clamp(19px,2vw,26px);line-height:1.45}.hero2-art{background:url(/brand/sections/hero-mock.webp) 50%/cover;min-height:320px}.statement2{text-align:center;max-width:38em;margin:36px auto 0;padding-inline:16px}.statement2 p{font-family:var(--didone);margin:0;font-size:clamp(17px,1.5vw,21px);line-height:1.55}.lang-ar .statement2 p{font-family:var(--naskh)}.statement2 .rule{margin:16px auto 0}.hero3{color:#f1f0ea;background:#000;height:min(100svh - 70px,880px);min-height:520px;position:relative;overflow:hidden}.slides{position:absolute;inset:0}.slides img{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity 1.6s;position:absolute;inset:0}.slides img.on{opacity:1}.hero3-word{background:linear-gradient(#0000,#000000c7);max-width:640px;padding:clamp(24px,5vw,72px);line-height:1.5;position:absolute;inset-block-end:0;inset-inline-start:0}.hero3 h1{margin:0;font-size:clamp(48px,6.5vw,96px);line-height:1.05}.lang-fr .hero3 h1,.lang-en .hero3 h1{font-weight:400}.hero3 p{margin:0 0 22px;font-size:clamp(17px,1.7vw,24px)}@media (max-width:760px){.hero2{grid-template-columns:1fr}.hero2-art{order:-1;min-height:62vw}.hero3-word{max-width:none}.slides img{object-position:center 18%}}@media (prefers-reduced-motion:reduce){.slides img{transition:none}}
