@font-face{font-family:Oswald;src:url(/assets/f/oswald-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:Oswald;src:url(/assets/f/oswald-latin-600-normal.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:Oswald;src:url(/assets/f/oswald-latin-ext-600-normal.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Oswald;src:url(/assets/f/oswald-cyrillic-500-normal.woff2) format("woff2");font-weight:500;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Oswald;src:url(/assets/f/oswald-cyrillic-600-normal.woff2) format("woff2");font-weight:600;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Mulish;src:url(/assets/f/mulish-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:Mulish;src:url(/assets/f/mulish-latin-700-normal.woff2) format("woff2");font-weight:600 700;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:Mulish;src:url(/assets/f/mulish-latin-ext-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0100-02AF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Mulish;src:url(/assets/f/mulish-cyrillic-400-normal.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:Mulish;src:url(/assets/f/mulish-cyrillic-700-normal.woff2) format("woff2");font-weight:600 700;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Noto Kufi Arabic";src:url(/assets/f/noto-kufi-arabic-arabic-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Noto Kufi Arabic";src:url(/assets/f/noto-kufi-arabic-arabic-600-normal.woff2) format("woff2");font-weight:500 700;font-display:swap}
:root{--ink:#151515;--paper:#ffffff;--stone:#f3f1ec;--stone-2:#e8e4dc;--bronze:#a18967;--bronze-ink:#6b5940;--bronze-soft:#efe8dc;--muted:#5f5b54;--line:#dcd7cc;
 --disp:Oswald,"Noto Kufi Arabic",sans-serif;--text:Mulish,"Noto Kufi Arabic",sans-serif;--gut:clamp(16px,4vw,56px);--max:1280px;--s5:clamp(3rem,7vw,6rem)}
html[lang=ar]{--disp:"Noto Kufi Arabic",Oswald,sans-serif;--text:"Noto Kufi Arabic",Mulish,sans-serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.04rem/1.7 var(--text);overflow-x:hidden}
html[lang=ar] body{font-size:1rem;line-height:1.95}
img{max-width:100%;height:auto;display:block}a{color:inherit}
:focus-visible{outline:2px solid var(--bronze-ink);outline-offset:3px}
.skip{position:absolute;left:8px;top:0;transform:translateY(-130%);background:var(--ink);color:#fff;padding:.6rem 1rem;z-index:99}.skip:focus{transform:none}
.wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--gut)}
p{text-align:justify;hyphens:auto;-webkit-hyphens:auto;text-align-last:start;max-width:66ch}
h1,h2,h3{font-family:var(--disp);font-weight:600;line-height:1.05;margin:0;text-transform:uppercase;letter-spacing:.01em;overflow-wrap:break-word;hyphens:auto;text-wrap:balance}
html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{text-transform:none;line-height:1.4;letter-spacing:0}
h2{font-size:clamp(1.9rem,1.2rem + 2.4vw,3.2rem)}
h3{font-size:clamp(1.05rem,1rem + .35vw,1.3rem);letter-spacing:.03em}
.eyebrow{display:flex;align-items:center;gap:.7rem;font:600 .78rem var(--text);letter-spacing:.18em;text-transform:uppercase;color:var(--bronze-ink)}
html[lang=ar] .eyebrow{letter-spacing:0;font-size:.85rem}
.eyebrow::before{content:"";width:28px;height:9px;background:repeating-linear-gradient(to bottom,currentColor 0 2px,transparent 2px 3.5px)}
/* header */
header.top{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);transition:box-shadow .3s}
header.top .wrap{display:flex;align-items:center;gap:1.5rem;height:76px;transition:height .3s}
header.top.compact .wrap{height:58px}header.top.compact{box-shadow:0 8px 24px -18px rgba(0,0,0,.4)}
.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none}
.brand .u{width:30px;height:33px;fill:var(--ink);transition:width .3s,height .3s}
header.top.compact .brand .u{width:24px;height:26px}
.brand b{font:600 1.35rem/1 Oswald,sans-serif;letter-spacing:.14em}
nav.main{margin-inline-start:auto}
nav.main ul{list-style:none;display:flex;gap:.2rem;margin:0;padding:0}
nav.main a{display:block;padding:.6rem .7rem;text-decoration:none;font:600 .8rem var(--text);letter-spacing:.12em;text-transform:uppercase;position:relative}
html[lang=ar] nav.main a{letter-spacing:0;font-size:.9rem}
nav.main a::after{content:"";position:absolute;left:.7rem;right:.7rem;bottom:.35rem;height:2px;background:var(--bronze);transform:scaleX(0);transition:transform .25s}
nav.main a:hover::after,nav.main a[aria-current]::after{transform:scaleX(1)}
.langs{display:flex;border:1px solid var(--line)}
.langs a{padding:.35rem .55rem;min-width:40px;min-height:36px;display:inline-flex;align-items:center;justify-content:center;font:600 .75rem var(--text);text-decoration:none;letter-spacing:.08em}
.langs a+a{border-inline-start:1px solid var(--line)}.langs a[aria-current]{background:var(--ink);color:#fff}
.burger{display:none;margin-inline-start:auto;width:46px;height:46px;border:1px solid var(--ink);background:var(--paper);cursor:pointer;flex-direction:column;justify-content:center;gap:5px;padding:0 11px}
.burger i{display:block;height:2px;background:var(--ink)}
/* slat overlay menu */
.drawer{position:fixed;inset:0;z-index:80;visibility:hidden;pointer-events:none}
.drawer .slats{position:absolute;inset:0;display:grid;grid-template-rows:repeat(8,1fr)}
.drawer .slats i{background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.7,0,.2,1)}
html[dir=rtl] .drawer .slats i{transform-origin:right}
.drawer.open{visibility:visible;pointer-events:auto}.drawer.open .slats i{transform:scaleX(1)}
.drawer .slats i:nth-child(2){transition-delay:.03s}.drawer .slats i:nth-child(3){transition-delay:.06s}.drawer .slats i:nth-child(4){transition-delay:.09s}.drawer .slats i:nth-child(5){transition-delay:.12s}.drawer .slats i:nth-child(6){transition-delay:.15s}.drawer .slats i:nth-child(7){transition-delay:.18s}.drawer .slats i:nth-child(8){transition-delay:.21s}
.drawer nav{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.3rem;opacity:0;transition:opacity .3s .25s}
.drawer.open nav{opacity:1}
.drawer nav a{color:#fff;text-decoration:none;font:600 clamp(1.6rem,7vw,2.4rem)/1.25 var(--disp);text-transform:uppercase;text-align:center;padding:.15rem 1rem}
.drawer nav a:hover{color:var(--bronze)}
.drawer .x{position:absolute;top:14px;right:var(--gut);border:1px solid #fff;background:transparent;color:#fff;padding:.7rem 1.1rem;font:600 .85rem var(--text);letter-spacing:.1em;text-transform:uppercase;z-index:2;min-height:44px}
html[dir=rtl] .drawer .x{right:auto;left:var(--gut)}
/* hero */
.hero{padding:clamp(2.5rem,6vw,5rem) 0 var(--s5);position:relative}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,5rem);align-items:end}
.hero h1{font-size:clamp(2.6rem,1.3rem + 5vw,5.6rem);line-height:.98;margin:1.2rem 0 1.6rem}
html[lang=ar] .hero h1{line-height:1.3;font-size:clamp(2.1rem,1.2rem + 3.6vw,4rem)}
.hero .lead{color:var(--muted);font-size:1.1rem}
.rules{height:46px;margin-bottom:1.8rem;background:repeating-linear-gradient(to bottom,var(--ink) 0 3px,transparent 3px 9px);width:min(320px,70%);transform-origin:left;animation:grow 1s cubic-bezier(.2,.7,.2,1) both}
html[dir=rtl] .rules{transform-origin:right}
@keyframes grow{from{transform:scaleX(0)}}
.btns{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.8rem}
.btn{display:inline-flex;align-items:center;gap:.6rem;min-height:50px;padding:.85rem 1.4rem;text-decoration:none;font:600 .82rem var(--text);letter-spacing:.14em;text-transform:uppercase;border:1.5px solid var(--ink);transition:background .2s,color .2s}
html[lang=ar] .btn{letter-spacing:0;font-size:.95rem}
.btn.solid{background:var(--ink);color:#fff}.btn.solid:hover{background:var(--bronze-ink);border-color:var(--bronze-ink)}
.btn:not(.solid):hover{background:var(--ink);color:#fff}
.btn svg{width:18px;height:18px;flex:none}
.slatpic{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--stone)}
.slatpic img{width:100%;height:100%;object-fit:cover}
.slatpic .cover{position:absolute;inset:0;display:grid;grid-template-rows:repeat(10,1fr);pointer-events:none}
.slatpic .cover i{background:var(--paper);transform-origin:top;animation:slat .9s cubic-bezier(.7,0,.2,1) forwards}
@keyframes slat{to{transform:scaleY(0)}}
.slatpic .cover i:nth-child(2){animation-delay:.05s}.slatpic .cover i:nth-child(3){animation-delay:.1s}.slatpic .cover i:nth-child(4){animation-delay:.15s}.slatpic .cover i:nth-child(5){animation-delay:.2s}.slatpic .cover i:nth-child(6){animation-delay:.25s}.slatpic .cover i:nth-child(7){animation-delay:.3s}.slatpic .cover i:nth-child(8){animation-delay:.35s}.slatpic .cover i:nth-child(9){animation-delay:.4s}.slatpic .cover i:nth-child(10){animation-delay:.45s}
.hero .cap{display:flex;justify-content:space-between;gap:1rem;margin-top:.8rem;font:600 .72rem var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
/* stripe band */
.band{height:28px;background:repeating-linear-gradient(to bottom,var(--stone-2) 0 2px,transparent 2px 7px)}
/* sections */
section{padding:var(--s5) 0}
.head{text-align:center;max-width:780px;margin:0 auto clamp(2rem,5vw,3.5rem)}
.head .eyebrow{justify-content:center;margin-bottom:1rem}
.head p{margin:1.1rem auto 0;color:var(--muted)}
.lines{border-top:1.5px solid var(--ink)}
.line{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr) 60px;gap:1.5rem;align-items:center;padding:1.6rem 0;border-bottom:1px solid var(--line);position:relative}
.line::before{content:"";position:absolute;inset-inline-start:0;bottom:-1px;height:2px;width:100%;background:var(--bronze);transform:scaleX(0);transform-origin:left;transition:transform .5s}
html[dir=rtl] .line::before{transform-origin:right}
.line:hover::before{transform:scaleX(1)}
.line h3{font-size:clamp(1.3rem,1rem + 1vw,1.9rem)}
.line p{margin:0;color:var(--muted)}
.line .bars{justify-self:end;width:44px;height:26px;background:repeating-linear-gradient(to bottom,var(--bronze) 0 2px,transparent 2px 6px)}
/* product strip */
.strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}
.strip figure{margin:0;display:flex;flex-direction:column;gap:.6rem}
.strip .fr{aspect-ratio:1;overflow:hidden;background:var(--stone);position:relative}
.strip .fr img{width:100%;height:100%;object-fit:cover;transition:transform .7s}
.strip figure:hover img{transform:scale(1.04)}
.strip .fr::after{content:"";position:absolute;inset:auto 0 0;height:30%;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.0) 0 5px,rgba(255,255,255,.55) 5px 7px);opacity:0;transition:opacity .4s}
.strip figure:hover .fr::after{opacity:1}
.strip figcaption{font:600 .78rem var(--text);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:center}
html[lang=ar] .strip figcaption{letter-spacing:0}
/* designers table */
.dtable{border-top:1.5px solid var(--ink)}
.drow{display:grid;grid-template-columns:minmax(0,1fr) 150px minmax(0,1.6fr);gap:1.5rem;padding:1.15rem 0;border-bottom:1px solid var(--line);align-items:baseline}
.drow b{font:600 clamp(1.05rem,1rem + .3vw,1.2rem)/1.3 var(--disp);text-transform:uppercase;letter-spacing:.04em}
html[lang=ar] .drow b{text-transform:none}
.drow span{font:600 .75rem var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--bronze-ink)}
html[lang=ar] .drow span{letter-spacing:0}
.drow p{margin:0;color:var(--muted);font-size:.97rem}
/* split + art */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.split .fr{aspect-ratio:4/5;overflow:hidden}.split .fr img{width:100%;height:100%;object-fit:cover}
.split h2{margin:1rem 0 1.2rem}
.stoneblock{background:var(--stone)}
/* events */
.events{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.ev{background:var(--paper);padding:1.8rem 1.5rem;display:flex;flex-direction:column;gap:.8rem;min-height:220px}
.ev .bars{width:36px;height:14px;background:repeating-linear-gradient(to bottom,var(--ink) 0 2px,transparent 2px 5px)}
.ev p{margin:0;color:var(--muted);font-size:.97rem}
.cta{margin-top:clamp(2rem,4vw,3rem);border:1.5px solid var(--ink);display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:center;padding:clamp(1.4rem,3vw,2.2rem)}
.cta p{margin:.6rem 0 0;color:var(--muted)}
.note{font-size:.88rem;color:var(--muted);margin-top:.8rem}
/* visit */
.visit{display:grid;grid-template-columns:1.1fr .9fr;border:1.5px solid var(--ink)}
.visit .addr{padding:clamp(1.6rem,4vw,3rem);display:flex;flex-direction:column;gap:1rem;justify-content:center}
.visit .addr p{margin:0}
.visit .map{background:repeating-linear-gradient(to bottom,var(--bronze-soft) 0 3px,var(--paper) 3px 11px);display:flex;align-items:center;justify-content:center;min-height:300px;position:relative}
.visit .map .pin{background:var(--ink);color:#fff;padding:1.2rem 1.4rem;text-align:center;font:600 1.05rem/1.35 var(--disp);text-transform:uppercase;letter-spacing:.06em}
html[lang=ar] .visit .map .pin{text-transform:none;letter-spacing:0}
.visit .map .pin small{display:block;font:600 .7rem var(--text);letter-spacing:.14em;color:var(--bronze);margin-top:.4rem}
/* journal */
.jgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
.jcard{display:flex;flex-direction:column;text-decoration:none;gap:.9rem}
.jcard .fr{aspect-ratio:3/2;overflow:hidden;background:var(--stone)}.jcard .fr img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.jcard:hover .fr img{transform:scale(1.04)}
.jcard .meta{font:600 .72rem var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--bronze-ink)}
.jcard h3{font-size:clamp(1.05rem,1rem + .4vw,1.3rem);line-height:1.2;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.jcard p{margin:0;color:var(--muted);font-size:.95rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
/* faq */
.faq{max-width:880px;margin:0 auto;border-top:1.5px solid var(--ink)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 0;font:600 1.05rem var(--text);min-height:48px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";flex:none;width:22px;height:14px;background:repeating-linear-gradient(to bottom,var(--ink) 0 2px,transparent 2px 6px);transition:transform .3s}
.faq details[open] summary::after{transform:rotate(90deg)}
.faq details p{margin:0 0 1.2rem;color:var(--muted)}
/* inner */
.crumbs{padding-top:1.6rem;font-size:.82rem;color:var(--muted)}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.45rem;margin:0;padding:0}
.crumbs li+li::before{content:"\2014";margin-inline-end:.45rem;color:var(--line)}
.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}
.ptitle{padding-block:clamp(2rem,5vw,3.5rem) clamp(2rem,5vw,3.5rem);text-align:center}
.ptitle .eyebrow{justify-content:center}
.ptitle h1{font-size:clamp(2.3rem,1.3rem + 4vw,4.6rem);margin-top:1rem}
.ptitle p{margin:1.3rem auto 0;color:var(--muted);font-size:1.08rem}
.prose{max-width:760px;margin:0 auto}
.prose h2{font-size:clamp(1.4rem,1.1rem + 1.1vw,2rem);margin:2.4rem 0 .8rem}
.prose p{max-width:none}
.values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:var(--s5)}
.values div{background:var(--paper);padding:1.6rem}.values p{margin:.6rem 0 0;color:var(--muted)}
/* footer */
footer{border-top:1.5px solid var(--ink);margin-top:var(--s5);padding:var(--s5) 0 calc(2rem + 64px)}
footer .wrap{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:2rem}
footer h4{font:600 .75rem var(--text);letter-spacing:.16em;text-transform:uppercase;color:var(--bronze-ink);margin:0 0 .9rem}
footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}footer a{text-decoration:none}footer a:hover{color:var(--bronze-ink)}
footer p{color:var(--muted);text-align:start;margin:.6rem 0 0}
footer .base{grid-column:1/-1;border-top:1px solid var(--line);padding-top:1.2rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-size:.82rem;color:var(--muted)}
/* mobile action bar */
.actions{position:fixed;inset:auto 0 0 0;z-index:60;display:none;grid-template-columns:repeat(3,1fr);background:var(--ink);padding-bottom:env(safe-area-inset-bottom,0px)}
.actions a{display:flex;align-items:center;justify-content:center;gap:.45rem;color:#fff;text-decoration:none;min-height:56px;font:600 .74rem var(--text);letter-spacing:.1em;text-transform:uppercase}
html[lang=ar] .actions a{letter-spacing:0;font-size:.85rem}
.actions a+a{border-inline-start:1px solid #333}.actions a.wa{background:var(--bronze-ink)}
.actions svg{width:18px;height:18px}
/* reveal */
.js .rv{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1)}
.js .rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.js .rv{opacity:1;transform:none}.slatpic .cover{display:none}}
@media (max-width:1180px){nav.main a{padding:.6rem .45rem;letter-spacing:.06em}}
@media (max-width:1040px){nav.main{display:none}.burger{display:flex}.langs{margin-inline-start:auto}.burger{margin-inline-start:0}
 .strip{grid-template-columns:repeat(2,minmax(0,1fr))}.jgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.events{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.hero .wrap,.split,.visit,.cta{grid-template-columns:1fr}.hero .slatpic{order:-1;aspect-ratio:3/2}
 .line{grid-template-columns:1fr;gap:.5rem}.line .bars{display:none}.drow{grid-template-columns:1fr;gap:.3rem}
 .values{grid-template-columns:1fr}
 footer .wrap{grid-template-columns:1fr;text-align:center}footer p{text-align:center;text-align-last:center;margin-inline:auto}footer ul{justify-items:center}footer .base{justify-content:center;text-align:center}
 .actions{display:grid}}
@media (max-width:640px){.jgrid,.events{grid-template-columns:1fr}.strip{gap:.6rem}.brand b{font-size:1.1rem;letter-spacing:.1em}
 header.top .wrap{gap:.7rem}.langs a{min-width:34px;padding:.3rem .35rem}}
@media (max-width:370px){.brand b{display:none}}
html[dir=rtl] svg.dir{transform:scaleX(-1)}