@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=Cairo:wght@400;500;600;700&family=Cormorant+Garamond:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&family=Noto+Serif+Arabic:wght@400;500;600;700&display=swap');

:root{
  --wine:#26040d; --wine-2:#330712; --wine-3:#1a0309;
  --ink:#12070a; --rose:#b86d63; --rose-2:#d18c80;
  --cream:#f3e6dc; --muted:#c6aaa0; --muted-2:#8f726a;
  --gold:#d5ad67; --line:rgba(243,230,220,.18); --line-gold:rgba(213,173,103,.42);
  --serif:'Cormorant Garamond', Georgia, serif;
  --arabic:'Amiri', Georgia, serif;
  --sans:'Manrope', 'Cairo', system-ui, sans-serif;
  --arabic-sans:'Cairo',system-ui,sans-serif;
  --shell:1320px;
  --ease:cubic-bezier(.2,.75,.2,1);
  --shadow:0 24px 70px rgba(0,0,0,.28);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--wine);color:var(--cream);font-family:var(--arabic-sans);overflow-x:hidden}
body.ltr{font-family:var(--sans)}
body.is-menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
button{cursor:pointer}
img{display:block;max-width:100%}
.site-shell{width:min(calc(100% - 80px),var(--shell));margin-inline:auto}
.smallcaps{font:600 10px/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase}
body:not(.ltr) .smallcaps{font:700 10px/1.4 var(--arabic-sans);letter-spacing:.08em}

/* grain + ambient light */
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.08;background-image:radial-gradient(rgba(255,255,255,.7) .6px,transparent .7px);background-size:5px 5px;mix-blend-mode:soft-light}
body::after{content:"";position:fixed;inset:-20% -10%;pointer-events:none;z-index:-2;background:radial-gradient(circle at 76% 12%,rgba(197,118,103,.13),transparent 26%),radial-gradient(circle at 8% 70%,rgba(213,173,103,.07),transparent 24%)}

/* loader */
.preloader{position:fixed;inset:0;background:var(--ink);z-index:100;display:grid;place-items:center;transition:opacity .7s ease,visibility .7s ease}
.preloader.hide{opacity:0;visibility:hidden}
.preloader-inner{display:grid;justify-items:center;gap:18px;padding:30px;text-align:center}
.preloader-mark{font:500 76px/1 var(--serif);color:var(--cream);letter-spacing:.04em}
.preloader-sign{width:220px;max-width:60vw;filter:brightness(1.08) sepia(.25)}
.preloader-line{width:160px;height:1px;background:var(--gold);transform-origin:center;animation:loaderLine 1.8s var(--ease) infinite}
.preloader-text{color:var(--muted);font:600 9px/1.2 var(--sans);letter-spacing:.18em}
@keyframes loaderLine{0%,100%{transform:scaleX(.3);opacity:.5}50%{transform:scaleX(1);opacity:1}}

/* header */
.site-header{position:fixed;inset-inline:0;top:0;z-index:40;color:var(--cream);transition:background .45s ease,backdrop-filter .45s ease,border-color .45s ease}
.site-header.scrolled{background:rgba(24,3,9,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(243,230,220,.08)}
.header-inner{height:82px;width:min(calc(100% - 80px),var(--shell));margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}
.brand{display:flex;align-items:center;gap:12px;justify-self:start}
.brand-mark{font:500 38px/1 var(--serif);letter-spacing:.04em;color:var(--cream)}
.brand-meta{display:flex;flex-direction:column;gap:2px;font-family:var(--arabic-sans);line-height:1}
.brand-meta strong{font-size:13px;font-weight:700}
.brand-sub{display:block;font-size:9px;line-height:1.3;font-weight:500;color:var(--muted);white-space:nowrap}
.nav{display:flex;align-items:center;justify-content:center;gap:28px;white-space:nowrap}
.nav a{position:relative;font:600 9px/1.2 var(--sans);letter-spacing:.09em;text-transform:uppercase;color:rgba(243,230,220,.88);padding:12px 0}
body:not(.ltr) .nav a{font:700 10px/1.3 var(--arabic-sans);letter-spacing:0;text-transform:none}
.nav a::after{content:"";position:absolute;inset-inline:0;bottom:4px;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:center;transition:transform .3s ease}
.nav a:hover::after,.nav a.active::after{transform:scaleX(1)}
.header-actions{display:flex;align-items:center;gap:14px;justify-self:end}
.lang{font:700 9px/1 var(--sans);letter-spacing:.12em;border:1px solid rgba(243,230,220,.3);border-radius:999px;padding:9px 12px}
.menu-toggle{width:38px;height:32px;border:1px solid rgba(243,230,220,.2);border-radius:999px;background:transparent;display:none;place-items:center;gap:5px}
.menu-toggle span{display:block;width:15px;height:1px;background:var(--cream);transition:transform .3s ease}

/* mobile menu */
.mobile-menu{position:fixed;inset:0;background:var(--wine-3);z-index:35;transform:translateY(-100%);visibility:hidden;pointer-events:none;transition:transform .65s var(--ease),visibility 0s linear .65s;display:flex;align-items:center}
.mobile-menu.open{transform:none;visibility:visible;pointer-events:auto;transition:transform .65s var(--ease),visibility 0s linear 0s}
.mobile-menu-inner{min-height:100%;padding-top:100px;padding-bottom:44px;display:flex;flex-direction:column;justify-content:space-between}
.mobile-menu-top{display:flex;justify-content:space-between;align-items:center}
.mobile-nav{display:grid;gap:12px;margin-top:45px}
.mobile-nav a{display:grid;grid-template-columns:45px 1fr;align-items:end;border-top:1px solid var(--line);padding:14px 0}
.mobile-nav small{font:700 10px/1 var(--sans);color:var(--gold)}
.mobile-nav span{font:600 34px/1.2 var(--serif);color:var(--cream)}
body:not(.ltr) .mobile-nav span{font-family:var(--arabic);font-size:29px;line-height:1.5}
.mobile-menu-foot{font:600 10px/1.4 var(--sans);color:var(--muted);letter-spacing:.12em;text-transform:uppercase}

/* hero */
.hero{position:relative;min-height:760px;padding:120px 0 0;overflow:hidden}
.hero-grid{min-height:680px;display:grid;grid-template-columns:1.06fr .94fr;align-items:stretch}
.hero-copy{position:relative;z-index:4;display:flex;flex-direction:column;justify-content:center;padding:70px 0 80px}
.hero-kicker{font:600 10px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:12px}
body:not(.ltr) .hero-kicker{font:700 11px/1.5 var(--arabic-sans);letter-spacing:0;text-transform:none}
.hero-kicker i{width:48px;height:1px;background:var(--gold);display:block}
.hero-title{margin:18px 0 18px;display:grid;gap:0;font:600 clamp(76px,8vw,144px)/.8 var(--serif);letter-spacing:-.02em;text-transform:uppercase;max-width:8ch}
.hero-title span{display:block}
.hero-title .accent{color:var(--rose-2)}
body:not(.ltr) .hero-title{font:700 clamp(62px,8.2vw,118px)/1.02 var(--arabic);letter-spacing:0;text-transform:none;max-width:7.8ch}
body:not(.ltr) .hero-title .accent{color:var(--gold)}
.hero-sub{max-width:520px;margin:12px 0 26px;font-size:14px;line-height:1.9;color:var(--muted)}
body:not(.ltr) .hero-sub{font-size:15px;line-height:2.1}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(243,230,220,.32);border-radius:999px;padding:12px 20px;font:700 9px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;transition:transform .3s ease,border-color .3s ease,background .3s ease;color:var(--cream)}
body:not(.ltr) .button{font:700 10px/1.3 var(--arabic-sans);letter-spacing:0;text-transform:none}
.button:hover{transform:translateY(-2px);border-color:var(--gold);background:rgba(213,173,103,.08)}
.button.solid{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.button.solid:hover{background:#e4c57e}
.signature{width:220px;max-width:46%;margin-top:32px;filter:brightness(1.15) sepia(.16)}
.hero-number{position:absolute;bottom:22px;inset-inline-start:0;color:var(--muted-2);font:700 9px/1 var(--sans);letter-spacing:.14em}
.hero-art{position:relative;min-height:680px;display:flex;justify-content:center;align-items:flex-end}
.hero-art::before{content:"";position:absolute;width:78%;height:80%;right:9%;top:7%;border-radius:48% 48% 0 0;border:1px solid rgba(213,173,103,.28)}
body:not(.ltr) .hero-art::before{right:auto;left:9%}
.hero-portrait{position:relative;z-index:2;height:82%;width:auto;object-fit:contain;align-self:end;filter:drop-shadow(0 24px 50px rgba(0,0,0,.35));transform:translateY(16px)}
.hero-arch{position:absolute;inset:12% 15% 0;background:linear-gradient(180deg,rgba(163,93,95,.32),rgba(55,8,20,.08));border-radius:48% 48% 0 0;box-shadow:inset 0 0 0 1px rgba(243,230,220,.08)}
.hero-ring{position:absolute;z-index:3;right:1%;bottom:19%;width:138px;height:138px;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center;color:var(--cream);font:700 7px/1.7 var(--sans);letter-spacing:.18em;text-align:center;transform:rotate(-11deg);opacity:.9}
body:not(.ltr) .hero-ring{right:auto;left:1%;font-family:var(--arabic-sans);letter-spacing:.04em;line-height:1.5}
.hero-ring::after{content:"RA";position:absolute;inset:14px;border-radius:50%;border:1px solid rgba(213,173,103,.22);display:grid;place-items:center;font:500 34px/1 var(--serif);letter-spacing:.05em}
.hero-ring span{position:relative;z-index:2;transform:translateY(-46px);width:100px}
.scroll-cue{position:absolute;bottom:14px;right:50%;transform:translateX(50%);font:700 8px/1 var(--sans);letter-spacing:.2em;color:var(--muted-2)}

/* info rail */
.info-rail{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(0,0,0,.06)}
.info-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.info-item{padding:22px 22px;min-height:88px;border-inline-start:1px solid var(--line)}
.info-item:first-child{border-inline-start:0}
.info-item small{display:block;color:var(--gold);font:700 9px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}
body:not(.ltr) .info-item small{font:700 10px/1.4 var(--arabic-sans);letter-spacing:0;text-transform:none}
.info-item strong{display:block;font:600 18px/1.1 var(--serif);color:var(--cream)}
body:not(.ltr) .info-item strong{font-family:var(--arabic);font-size:19px;line-height:1.5}
.info-item p{margin:5px 0 0;color:var(--muted-2);font-size:10px;line-height:1.7}

/* sections */
.section{padding:92px 0}
.section.dark{background:var(--wine-3)}
.section.rose{background:linear-gradient(180deg,#3a0914,#2b0710)}
.section.black{background:#100306}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:30px}
.eyebrow{display:inline-flex;align-items:center;gap:9px;font:700 10px/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.eyebrow::before{content:"✦";color:var(--gold);font-size:8px}
body:not(.ltr) .eyebrow{font:700 10px/1.4 var(--arabic-sans);letter-spacing:0;text-transform:none}
.section-title{margin:8px 0 0;font:600 clamp(44px,5vw,78px)/.98 var(--serif);letter-spacing:-.02em}
body:not(.ltr) .section-title{font:700 clamp(36px,4.7vw,62px)/1.52 var(--arabic);letter-spacing:0}
.section-brief{margin:12px 0 0;max-width:620px;color:var(--muted);font-size:13px;line-height:1.85}
body:not(.ltr) .section-brief{font-size:14px;line-height:2}
.side-note{font:700 8px/1 var(--sans);letter-spacing:.16em;color:var(--muted-2);text-transform:uppercase;white-space:nowrap}

/* featured */
.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.featured-card{position:relative;min-height:360px;border:1px solid rgba(243,230,220,.12);background:#18050a;overflow:hidden;padding:0;cursor:pointer;transition:transform .45s var(--ease),border-color .4s ease}
.featured-card:hover{transform:translateY(-5px);border-color:var(--line-gold)}
.feature-media{height:250px;overflow:hidden;background:#24070e}
.feature-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease),filter .5s ease}
.featured-card:hover .feature-media img{transform:scale(1.04);filter:saturate(1.06)}
.feature-number{position:absolute;top:13px;inset-inline-start:13px;font:500 50px/1 var(--serif);color:rgba(243,230,220,.85);z-index:2}
.feature-copy{padding:14px 16px 18px}
.feature-tag{display:block;font:700 8px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
body:not(.ltr) .feature-tag{font:700 9px/1.4 var(--arabic-sans);letter-spacing:0;text-transform:none}
.feature-copy h3{margin:0;font:600 28px/1 var(--serif);color:var(--cream)}
body:not(.ltr) .feature-copy h3{font-family:var(--arabic);font-size:27px;line-height:1.5}
.feature-copy p{margin:7px 0 0;color:var(--muted);font-size:10px;line-height:1.6}
.feature-arrow{position:absolute;bottom:12px;inset-inline-end:12px;width:32px;height:32px;border:1px solid rgba(243,230,220,.18);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:14px}
.featured-card.no-image .feature-media{display:flex;align-items:flex-end;padding:18px;background:radial-gradient(circle at 25% 20%,rgba(209,140,128,.2),transparent 35%),linear-gradient(135deg,#18050a,#3d0a15)}
.featured-card.no-image .feature-media::before{content:"";width:160px;height:190px;border-radius:52% 52% 0 0;border:1px solid rgba(213,173,103,.38);display:block;transform:translate(10px,15px)}
.featured-card.no-image .feature-media::after{content:"RA";position:absolute;top:52px;inset-inline-end:34px;color:rgba(243,230,220,.08);font:500 140px/.8 var(--serif)}

/* approach */
.approach-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line)}
.approach-card{padding:22px 18px 24px;min-height:210px;border-inline-start:1px solid var(--line);position:relative}
.approach-card:first-child{border-inline-start:0}
.approach-card .num{font:700 8px/1 var(--sans);letter-spacing:.16em;color:var(--gold)}
.approach-icon{display:block;font-size:34px;line-height:1;color:var(--rose-2);margin:26px 0 22px}
.approach-card h3{margin:0;font:600 25px/1 var(--serif)}
body:not(.ltr) .approach-card h3{font-family:var(--arabic);font-size:26px;line-height:1.5}
.approach-card p{margin:10px 0 0;font-size:10px;line-height:1.8;color:var(--muted)}

/* case studies */
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.case-card{min-height:210px;background:#1a050a;border:1px solid rgba(243,230,220,.1);padding:18px 18px 20px;position:relative;overflow:hidden}
.case-card::before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 0 58%,rgba(209,140,128,.12) 58% 68%,transparent 68%);pointer-events:none}
.case-no{display:block;font:500 44px/1 var(--serif);color:rgba(243,230,220,.6)}
.case-label{display:block;margin-top:12px;color:var(--gold);font:700 8px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase}
body:not(.ltr) .case-label{font:700 9px/1.4 var(--arabic-sans);letter-spacing:0;text-transform:none}
.case-card h3{margin:7px 0 8px;font:600 24px/1.1 var(--serif)}
body:not(.ltr) .case-card h3{font-family:var(--arabic);font-size:24px;line-height:1.5}
.case-card p{margin:0;color:var(--muted);font-size:10px;line-height:1.8;max-width:34ch}
.case-link{display:inline-flex;margin-top:16px;font:700 8px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--cream);border-bottom:1px solid rgba(213,173,103,.35);padding-bottom:5px}
body:not(.ltr) .case-link{font:700 9px/1.3 var(--arabic-sans);letter-spacing:0;text-transform:none}

/* collection */
.collection{background:var(--wine-2)}
.collection-grid{display:grid;grid-template-columns:1.1fr .9fr;min-height:640px;border:1px solid rgba(243,230,220,.1)}
.collection-art{position:relative;min-height:640px;overflow:hidden;background:#120307}
.collection-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.7) saturate(.95);transition:transform 1.1s var(--ease)}
.collection:hover .collection-art img{transform:scale(1.03)}
.collection-art::after{content:"";position:absolute;inset:9% 13% 8%;border:1px solid rgba(213,173,103,.45);border-radius:50% 50% 0 0;pointer-events:none}
.collection-copy{padding:64px 54px;background:#160309;display:flex;flex-direction:column;justify-content:center}
.collection-copy h2{max-width:8ch}
.collection-copy p{margin:16px 0;color:var(--muted);font-size:13px;line-height:2}
.tag-row{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 20px}
.tag{border:1px solid rgba(213,173,103,.28);border-radius:999px;padding:7px 10px;color:var(--gold);font:700 8px/1 var(--sans)}
body:not(.ltr) .tag{font:700 9px/1.2 var(--arabic-sans)}

/* collaboration */
.collab-grid{display:grid;grid-template-columns:1.1fr repeat(4,1fr);border:1px solid var(--line)}
.collab-intro{padding:28px 22px;display:flex;flex-direction:column;justify-content:center}
.collab-intro h2{margin:10px 0 0;font:600 46px/.95 var(--serif);max-width:7ch}
body:not(.ltr) .collab-intro h2{font-family:var(--arabic);font-size:34px;line-height:1.5}
.collab-item{padding:28px 18px;border-inline-start:1px solid var(--line);min-height:250px}
.collab-item .num{display:block;font:700 8px/1 var(--sans);color:var(--gold);letter-spacing:.14em}
.collab-item h3{margin:40px 0 7px;font:600 24px/1 var(--serif)}
body:not(.ltr) .collab-item h3{font-family:var(--arabic);font-size:23px;line-height:1.5}
.collab-item p{margin:0;color:var(--muted);font-size:10px;line-height:1.8}

/* journal */
.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}
.journal-card{padding:24px 18px 24px;min-height:240px;border-inline-start:1px solid var(--line);position:relative}
.journal-card:first-child{border-inline-start:0}
.journal-no{font:500 48px/1 var(--serif);color:rgba(243,230,220,.6)}
.journal-card h3{margin:30px 0 8px;font:600 27px/1.02 var(--serif)}
body:not(.ltr) .journal-card h3{font-family:var(--arabic);font-size:25px;line-height:1.55}
.journal-card p{margin:0;color:var(--muted);font-size:10px;line-height:1.8}

/* CTA */
.final-cta{background:#180409;padding:75px 0 45px;position:relative;overflow:hidden}
.final-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}
.final-copy h2{margin:0;font:500 clamp(54px,5.8vw,92px)/.88 var(--serif);max-width:7.5ch}
body:not(.ltr) .final-copy h2{font-family:var(--arabic);font-size:55px;line-height:1.52;max-width:8ch}
.final-copy p{margin:16px 0 24px;color:var(--muted);max-width:48ch;font-size:12px;line-height:1.9}
.final-visual{min-height:300px;position:relative;display:grid;place-items:center}
.final-visual::before{content:"";position:absolute;width:290px;height:290px;border-radius:50%;border:1px solid rgba(213,173,103,.45)}
.final-visual::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;border:1px solid rgba(243,230,220,.15)}
.final-portrait{position:relative;z-index:2;height:320px;filter:drop-shadow(0 24px 50px rgba(0,0,0,.45));transform:translateY(18px)}

/* inner page hero */
.page-hero{padding:145px 0 55px;background:linear-gradient(180deg,#2e0710,#24040c);border-bottom:1px solid var(--line)}
.page-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;min-height:450px;align-items:center;gap:50px}
.page-hero-copy .hero-kicker{margin-bottom:16px}
.page-hero-copy h1{margin:0;font:600 clamp(68px,8vw,122px)/.9 var(--serif);letter-spacing:-.02em}
body:not(.ltr) .page-hero-copy h1{font-family:var(--arabic);font-size:clamp(50px,7vw,94px);line-height:1.25;letter-spacing:0}
.page-hero-copy p{max-width:610px;margin:18px 0 0;color:var(--muted);font-size:14px;line-height:2}
.page-hero-media{position:relative;min-height:450px;display:grid;place-items:end center}
.page-hero-media::before{content:"";position:absolute;width:76%;height:78%;border:1px solid rgba(213,173,103,.28);border-radius:48% 48% 0 0;top:7%}
.page-hero-media img{height:92%;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 25px 60px rgba(0,0,0,.35))}

/* page content */
.editorial-split{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:start}
.editorial-split.reverse{grid-template-columns:1.15fr .85fr}
.editorial-note{position:sticky;top:130px;border-top:1px solid var(--line);padding-top:14px}
.editorial-note .big{font:500 76px/.8 var(--serif);color:rgba(243,230,220,.18)}
body:not(.ltr) .editorial-note .big{font-family:var(--arabic)}
.editorial-note p{margin:12px 0 0;color:var(--muted);font-size:11px;line-height:1.8}
.editorial-copy h2{margin:0 0 18px;font:600 clamp(42px,5vw,68px)/.95 var(--serif)}
body:not(.ltr) .editorial-copy h2{font-family:var(--arabic);font-size:clamp(35px,4.4vw,58px);line-height:1.58}
.editorial-copy p{margin:0 0 20px;color:var(--muted);font-size:13px;line-height:2}

/* work archive */
.archive-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:24px}
.filters{display:flex;gap:8px;flex-wrap:wrap}
.filter{border:1px solid rgba(213,173,103,.25);background:transparent;color:var(--cream);border-radius:999px;padding:9px 12px;font:700 9px/1.2 var(--arabic-sans)}
.filter.active,.filter:hover{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.archive-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}
.archive-card{border:1px solid rgba(243,230,220,.1);background:#18050a;padding:0;position:relative;cursor:pointer;min-height:240px;overflow:hidden;display:flex;flex-direction:column}
.archive-card:nth-child(1),.archive-card:nth-child(5){grid-column:span 7}
.archive-card:nth-child(2),.archive-card:nth-child(4),.archive-card:nth-child(6),.archive-card:nth-child(8){grid-column:span 5}
.archive-card:nth-child(3),.archive-card:nth-child(7){grid-column:span 6}
.archive-card[hidden]{display:none}
.archive-media{height:280px;overflow:hidden;background:#24070e;position:relative}
.archive-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease);filter:saturate(.95)}
.archive-card:hover .archive-media img{transform:scale(1.03)}
.archive-media .crop{position:absolute;inset:0;background:radial-gradient(circle at 24% 20%,rgba(209,140,128,.18),transparent 28%),linear-gradient(135deg,#1a050a,#3a0a14)}
.archive-media .crop::before{content:"RA";position:absolute;inset:auto 18px 8px auto;font:500 110px/.8 var(--serif);color:rgba(243,230,220,.08)}
.archive-info{padding:14px 15px 18px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}
.archive-info h3{margin:0;font:600 25px/1 var(--serif)}
body:not(.ltr) .archive-info h3{font-family:var(--arabic);font-size:24px;line-height:1.5}
.archive-info p{margin:6px 0 0;color:var(--muted);font-size:9px;line-height:1.5}
.archive-meta{font:700 8px/1 var(--sans);letter-spacing:.12em;color:var(--gold);align-self:start}
.archive-note{margin-top:40px;padding:22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.archive-note h2{margin:0 0 8px;font:600 44px/.95 var(--serif)}
body:not(.ltr) .archive-note h2{font-family:var(--arabic);font-size:36px;line-height:1.55}
.archive-note p{margin:0;color:var(--muted);font-size:12px;line-height:2}

/* special exhibit */
.exhibit-hero{background:#100306}
.exhibit-grid{display:grid;grid-template-columns:1.2fr .8fr;min-height:640px}
.exhibit-image{position:relative;min-height:640px;overflow:hidden}
.exhibit-image img{width:100%;height:100%;object-fit:cover;filter:brightness(.66);transform:scale(1.02)}
.exhibit-image::after{content:"";position:absolute;inset:9%;border:1px solid rgba(213,173,103,.42);border-radius:50% 50% 0 0}
.exhibit-copy{background:#180409;padding:55px;display:flex;flex-direction:column;justify-content:center}
.exhibit-copy h1{margin:0;font:600 clamp(54px,6vw,94px)/.92 var(--serif);max-width:8ch}
body:not(.ltr) .exhibit-copy h1{font-family:var(--arabic);font-size:clamp(42px,5.5vw,72px);line-height:1.55;max-width:9ch}
.exhibit-copy p{margin:18px 0 0;color:var(--muted);font-size:13px;line-height:2}
.exhibit-cards{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}
.exhibit-card{padding:22px 18px;min-height:205px;border-inline-start:1px solid var(--line)}
.exhibit-card:first-child{border-inline-start:0}
.exhibit-card .n{font:500 44px/1 var(--serif);color:rgba(243,230,220,.6)}
.exhibit-card h3{margin:22px 0 8px;font:600 25px/1 var(--serif)}
body:not(.ltr) .exhibit-card h3{font-family:var(--arabic);font-size:24px;line-height:1.5}
.exhibit-card p{margin:0;color:var(--muted);font-size:10px;line-height:1.8}

/* contact */
.contact-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:44px}
.contact-panel{border:1px solid var(--line);background:#180409;padding:26px}
.contact-items{display:grid;gap:0;margin-top:18px}
.contact-item{padding:15px 0;border-top:1px solid var(--line)}
.contact-item span{display:block;color:var(--gold);font:700 8px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}
body:not(.ltr) .contact-item span{font:700 9px/1.4 var(--arabic-sans);letter-spacing:0;text-transform:none}
.contact-item strong{font:600 20px/1 var(--serif)}
body:not(.ltr) .contact-item strong{font-family:var(--arabic);font-size:19px;line-height:1.5}
.contact-form{background:var(--cream);color:var(--ink);padding:28px}
.contact-form h2{margin:0 0 18px;font:600 44px/.95 var(--serif)}
body:not(.ltr) .contact-form h2{font-family:var(--arabic);font-size:37px;line-height:1.55}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field{display:grid;gap:7px}
.field.full{grid-column:1/-1}
.field span{font:700 8px/1.2 var(--sans);letter-spacing:.12em;color:rgba(18,7,10,.62);text-transform:uppercase}
body:not(.ltr) .field span{font:700 9px/1.4 var(--arabic-sans);letter-spacing:0;text-transform:none}
.field input,.field textarea{width:100%;border:0;border-bottom:1px solid rgba(18,7,10,.2);background:transparent;padding:10px 0;outline:none;color:var(--ink);resize:vertical}
.field textarea{min-height:150px}
.field input:focus,.field textarea:focus{border-color:var(--gold)}
.form-note{min-height:20px;margin-top:9px;font-size:10px;color:#6b2937}

/* footer */
.footer{background:#090204;padding:58px 0 18px;border-top:1px solid rgba(213,173,103,.22)}
.footer-grid{display:grid;grid-template-columns:1.1fr .75fr .75fr;gap:36px}
.footer-name{font:600 52px/.88 var(--serif)}
body:not(.ltr) .footer-name{font-family:var(--arabic);font-size:42px;line-height:1.35}
.footer-sub{margin:10px 0 0;color:var(--muted-2);font-size:10px;line-height:1.7}
.footer-sign{width:210px;margin-top:24px;filter:brightness(1.15) sepia(.16)}
.footer-links{display:grid;gap:9px;align-content:start}
.footer-links a{font:600 9px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:rgba(243,230,220,.9)}
body:not(.ltr) .footer-links a{font:700 10px/1.4 var(--arabic-sans);letter-spacing:0;text-transform:none}
.footer-contact{display:grid;gap:7px;color:rgba(243,230,220,.86);font-size:10px}
.footer-bottom{display:flex;justify-content:space-between;gap:18px;margin-top:38px;padding-top:14px;border-top:1px solid rgba(243,230,220,.09);font:600 8px/1.4 var(--sans);letter-spacing:.08em;color:var(--muted-2);text-transform:uppercase}
body:not(.ltr) .footer-bottom{font-family:var(--arabic-sans);letter-spacing:0;text-transform:none}

/* lightbox */
.lightbox{position:fixed;inset:0;background:rgba(7,1,3,.94);z-index:90;display:grid;place-items:center;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease;padding:28px}
.lightbox.open{opacity:1;visibility:visible}
.lightbox-panel{width:min(1180px,100%);max-height:92vh;display:grid;grid-template-columns:1.35fr .65fr;background:#0f0307;position:relative;border:1px solid rgba(213,173,103,.25);overflow:hidden}
.lightbox-panel img{width:100%;height:92vh;max-height:92vh;object-fit:contain;background:#080103}
.lightbox-copy{padding:28px;display:flex;flex-direction:column;justify-content:flex-end}
.lightbox-copy h2{margin:8px 0 0;font:600 48px/.9 var(--serif)}
body:not(.ltr) .lightbox-copy h2{font-family:var(--arabic);font-size:33px;line-height:1.55}
.lightbox-copy p{margin:10px 0 0;color:var(--muted);font-size:10px;line-height:1.8}
.lightbox-close{position:absolute;top:12px;inset-inline-end:12px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(243,230,220,.25);background:rgba(0,0,0,.28);color:var(--cream);font-size:22px;z-index:2}
.lightbox-nav{position:absolute;top:12px;inset-inline-start:12px;display:flex;gap:7px;z-index:2}
.lightbox-nav button{width:42px;height:42px;border-radius:50%;border:1px solid rgba(243,230,220,.18);background:rgba(0,0,0,.22);color:var(--cream)}

/* cursor */
.cursor{position:fixed;left:0;top:0;width:10px;height:10px;border:1px solid var(--gold);border-radius:50%;pointer-events:none;opacity:0;z-index:120;transform:translate(-50%,-50%);transition:width .25s ease,height .25s ease,opacity .25s ease,background .25s ease}
.cursor.on{opacity:1}
.cursor.big{width:40px;height:40px;background:rgba(213,173,103,.07)}

/* reveal */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.reveal.in{opacity:1;transform:none}
.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}
.page-exiting main,.page-exiting .site-header,.page-exiting .footer{opacity:0;transform:translateY(10px);transition:opacity .28s ease,transform .28s ease}

/* responsive */
@media (max-width:1100px){
  .site-shell,.header-inner{width:min(calc(100% - 56px),var(--shell))}
  .nav{gap:18px}
  .hero-grid{grid-template-columns:1fr .9fr}
  .hero-title{font-size:clamp(66px,8vw,110px)}
  .featured-grid{gap:9px}.approach-card{padding:18px 13px}
  .collab-grid{grid-template-columns:1fr 1fr 1fr}.collab-intro{grid-column:1/-1;border-bottom:1px solid var(--line)}
  .collection-copy{padding:42px 38px}
}
@media (max-width:820px){
  .site-shell,.header-inner{width:min(calc(100% - 38px),var(--shell))}
  .header-inner{grid-template-columns:1fr auto;height:70px}
  .brand-meta{display:none}.nav{display:none}.menu-toggle{display:grid}
  .hero{padding-top:95px;min-height:auto}.hero-grid,.page-hero-grid,.final-grid,.contact-grid,.exhibit-grid{grid-template-columns:1fr}
  .hero-copy{padding:48px 0 20px;order:2}.hero-art{min-height:560px;order:1}.hero-portrait{height:88%}.hero-art::before{width:82%;right:9%}
  body:not(.ltr) .hero-art::before{left:9%;right:auto}
  .hero-ring{right:0;bottom:20%;width:110px;height:110px}.hero-ring::after{inset:11px;font-size:28px}.hero-ring span{width:85px;transform:translateY(-38px)}
  .signature{max-width:60%}.scroll-cue{position:static;transform:none;text-align:center;padding:0 0 28px}
  .info-grid{grid-template-columns:1fr 1fr}.info-item{border-top:1px solid var(--line);border-inline-start:0}.info-item:nth-child(odd){border-inline-end:1px solid var(--line)}
  .section{padding:68px 0}.section-head{align-items:flex-start;flex-direction:column}.side-note{align-self:flex-start}
  .featured-grid{grid-template-columns:1fr}.featured-card{min-height:370px}.feature-media{height:265px}
  .approach-grid{grid-template-columns:1fr 1fr}.approach-card:nth-child(odd){border-inline-start:0}.approach-card{border-top:1px solid var(--line)}
  .case-grid{grid-template-columns:1fr}.collection-grid{grid-template-columns:1fr}.collection-art{min-height:460px}.collection-copy{min-height:480px}
  .journal-grid{grid-template-columns:1fr}.journal-card{border-inline-start:0;border-top:1px solid var(--line)}.journal-card:first-child{border-top:0}
  .page-hero{padding-top:110px}.page-hero-grid{gap:20px}.page-hero-media{min-height:420px}
  .editorial-split,.editorial-split.reverse{grid-template-columns:1fr;gap:26px}.editorial-note{position:static}
  .archive-grid{grid-template-columns:1fr}.archive-card,.archive-card:nth-child(n){grid-column:auto}.archive-media{height:260px}
  .exhibit-cards{grid-template-columns:1fr}.exhibit-card{border-inline-start:0;border-top:1px solid var(--line)}.exhibit-card:first-child{border-top:0}
  .final-visual{min-height:330px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid > :first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}
  .lightbox-panel{grid-template-columns:1fr;max-height:94vh}.lightbox-panel img{height:62vh}.lightbox-copy{padding:18px}
}
@media (max-width:520px){
  .site-shell,.header-inner{width:min(calc(100% - 28px),var(--shell))}
  .brand-mark{font-size:33px}
  .hero-art{min-height:430px}.hero-title{font-size:58px;max-width:7.2ch}.hero-copy{padding-bottom:34px}.hero-sub{font-size:12px}.hero-actions .button{flex:1 1 auto}
  body:not(.ltr) .hero-title{font-size:46px;line-height:1.1;max-width:7.2ch}.hero-ring{width:92px;height:92px}.hero-ring::after{font-size:23px}.hero-ring span{width:72px;transform:translateY(-31px)}
  .info-grid{grid-template-columns:1fr}.info-item{border-inline-end:0!important}
  .featured-card{min-height:350px}.approach-grid{grid-template-columns:1fr}.approach-card{border-inline-start:0!important}
  .collab-grid{grid-template-columns:1fr}.collab-item{border-inline-start:0;border-top:1px solid var(--line)}
  .page-hero-copy h1{font-size:58px}.page-hero-media{min-height:360px}
  body:not(.ltr) .page-hero-copy h1{font-size:44px;line-height:1.3}
  .final-copy h2{font-size:58px}.final-portrait{height:300px}
  .footer-grid{grid-template-columns:1fr}.footer-grid > :first-child{grid-column:auto}
  .form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .reveal{opacity:1;transform:none}
}


/* V9 luxury editorial refinement — applied on top of the complete V7 stylesheet */
:root{
  --wine:#250712;--wine-2:#320b18;--wine-3:#16040b;--wine-4:#451322;
  --ink:#0f0307;--cream:#f2e3d8;--ivory:#f5eee6;--rose:#b96f72;--rose-2:#d39a96;
  --gold:#c9a35b;--gold-soft:#dfc690;--muted:#d3bdb4;--muted-2:#a58d86;--line:rgba(245,238,230,.14);--line-gold:rgba(201,163,91,.42);
  --text-dark:#2a151b;--shell:1280px;
  --serif:'Cormorant Garamond',Georgia,serif;--arabic-display:'Noto Serif Arabic','Amiri',Georgia,serif;
  --sans:'Manrope','Cairo',system-ui,sans-serif;--arabic-sans:'Cairo',system-ui,sans-serif;
}
html{font-synthesis:none}
body{background:radial-gradient(circle at 12% 0%,rgba(201,163,91,.055),transparent 22%),linear-gradient(180deg,#210611 0%,#260712 48%,#1b050d 100%);color:var(--ivory);font-family:var(--arabic-sans)}
body.ltr{font-family:var(--sans)}
.site-shell,.header-inner{width:min(calc(100% - 96px),var(--shell))}
.hero-title,.section-title,.page-hero-copy h1,.editorial-copy h2,.collection-copy h2,.exhibit-copy h1,.archive-note h2,.contact-form h2,.final-copy h2,.feature-copy h3,.approach-card h3,.case-card h3,.collab-intro h2,.collab-item h3,.journal-card h3,.exhibit-card h3,.archive-info h3,.lightbox-copy h2{text-wrap:balance}
body:not(.ltr) :is(h1,h2,h3,p,a,span,button,label){text-rendering:optimizeLegibility}
body:not(.ltr) :is(h1,h2,h3){word-break:normal;overflow-wrap:normal;hyphens:none}
body:not(.ltr) :is(.hero-title,.section-title,.page-hero-copy h1,.editorial-copy h2,.collection-copy h2,.exhibit-copy h1,.archive-note h2,.contact-form h2,.final-copy h2,.feature-copy h3,.approach-card h3,.case-card h3,.collab-intro h2,.collab-item h3,.journal-card h3,.exhibit-card h3,.archive-info h3,.lightbox-copy h2){font-family:var(--arabic-display);letter-spacing:0}
body:not(.ltr) .hero-title{font-size:clamp(48px,5.2vw,88px);line-height:1.38;font-weight:700;max-width:11em;margin:22px 0}
body:not(.ltr) .section-title{font-size:clamp(34px,4.2vw,58px);line-height:1.5;font-weight:700}
body:not(.ltr) .page-hero-copy h1{font-size:clamp(52px,7vw,92px);line-height:1.34;font-weight:700}
body:not(.ltr) .editorial-copy h2{font-size:clamp(34px,4vw,56px);line-height:1.5;font-weight:700}
body:not(.ltr) .collection-copy h2{font-size:clamp(35px,4vw,58px);line-height:1.5;font-weight:700;max-width:12em}
body:not(.ltr) .exhibit-copy h1{font-size:clamp(42px,5vw,70px);line-height:1.48;font-weight:700;max-width:12em}
body:not(.ltr) .archive-note h2{font-size:clamp(34px,4vw,54px);line-height:1.5}
body:not(.ltr) .contact-form h2{font-size:clamp(30px,3.5vw,48px);line-height:1.5}
body:not(.ltr) .final-copy h2{font-size:clamp(42px,5vw,76px);line-height:1.48;max-width:11em}
body:not(.ltr) .feature-copy h3{font-size:clamp(22px,2vw,28px);line-height:1.5}
body:not(.ltr) .approach-card h3,body:not(.ltr) .case-card h3,body:not(.ltr) .collab-item h3,body:not(.ltr) .exhibit-card h3{font-size:clamp(21px,1.7vw,25px);line-height:1.5}
body:not(.ltr) .journal-card h3{font-size:clamp(22px,1.9vw,28px);line-height:1.5}
body:not(.ltr) .archive-info h3{font-size:clamp(22px,1.9vw,27px);line-height:1.5}
body:not(.ltr) .lightbox-copy h2{font-size:clamp(27px,3.2vw,42px);line-height:1.5}
body:not(.ltr) .hero-title span,body:not(.ltr) :is(.section-title,.page-hero-copy h1,.editorial-copy h2,.collection-copy h2,.exhibit-copy h1,.archive-note h2,.contact-form h2,.final-copy h2,.feature-copy h3,.approach-card h3,.case-card h3,.collab-intro h2,.collab-item h3,.journal-card h3,.exhibit-card h3,.archive-info h3,.lightbox-copy h2){padding-block:.04em}
body:not(.ltr) .hero-sub{font-size:15px;line-height:2.05;max-width:560px}
body:not(.ltr) .section-brief{font-size:14px;line-height:2}
body:not(.ltr) .page-hero-copy p,body:not(.ltr) .editorial-copy p,body:not(.ltr) .collection-copy p,body:not(.ltr) .exhibit-copy p{font-size:14px;line-height:2.05}
body:not(.ltr) .approach-card p,body:not(.ltr) .case-card p,body:not(.ltr) .collab-item p,body:not(.ltr) .journal-card p,body:not(.ltr) .exhibit-card p,body:not(.ltr) .archive-info p{font-size:11px;line-height:1.95}
body:not(.ltr) .info-item p{font-size:11px;line-height:1.9}

.site-header{background:linear-gradient(180deg,rgba(15,3,7,.55),transparent)}
.site-header.scrolled{background:rgba(28,6,15,.92);backdrop-filter:blur(18px) saturate(120%);border-bottom-color:rgba(201,163,91,.16);box-shadow:0 10px 35px rgba(0,0,0,.15)}
.header-inner{height:88px}.brand-mark{font-size:41px}.brand-meta strong{font-size:14px}.nav{gap:26px}.nav a{font-size:9.5px;color:rgba(245,238,230,.9);padding:14px 0}.nav a::after{background:var(--gold-soft)}
body:not(.ltr) .nav a{font-size:11px;line-height:1.55;font-weight:700}
.lang{border-color:rgba(201,163,91,.45);color:var(--ivory);padding:10px 13px}.menu-toggle{border-color:rgba(201,163,91,.32)}

.hero{min-height:740px;padding-top:116px;background:radial-gradient(circle at 76% 26%,rgba(188,101,109,.14),transparent 24%),radial-gradient(circle at 8% 76%,rgba(201,163,91,.06),transparent 20%)}
.hero-grid{min-height:650px;grid-template-columns:1.02fr .98fr;gap:28px}.hero-copy{padding:54px 0 74px}.hero-kicker{color:var(--gold-soft)}.hero-title{font-size:clamp(72px,7.2vw,132px);line-height:.86;max-width:8.4ch}.hero-sub{font-size:14px;line-height:1.95;color:var(--muted)}
.button{min-height:46px;padding:13px 22px;border-radius:2px;border-color:rgba(245,238,230,.3);font-size:9.5px}.button.solid{background:linear-gradient(135deg,#c7a05a,#d8bc7e);color:#1a0b10;box-shadow:0 10px 26px rgba(201,163,91,.12)}
body:not(.ltr) .button{font-size:11px;line-height:1.5}.signature{width:205px;margin-top:34px;opacity:.94}
.hero-art::before{width:78%;height:81%;right:10%;top:5%;border-color:rgba(201,163,91,.36)}body:not(.ltr) .hero-art::before{left:10%;right:auto}.hero-arch{inset:11% 13% 0;background:linear-gradient(180deg,rgba(183,104,109,.26),rgba(53,7,19,.08));border-color:rgba(245,238,230,.08)}.hero-portrait{height:86%;filter:drop-shadow(0 28px 60px rgba(0,0,0,.42))}.hero-ring{border-color:rgba(201,163,91,.65);background:radial-gradient(circle,rgba(201,163,91,.07),transparent 65%)}

.info-rail{background:rgba(12,2,6,.34);border-color:rgba(201,163,91,.14)}.info-item{min-height:98px;padding:23px 24px}.info-item small{color:var(--gold-soft)}.info-item p{color:var(--muted-2)}
.section{padding:104px 0}.section.dark{background:linear-gradient(180deg,#16040b 0%,#120308 100%)}.section.rose{background:linear-gradient(180deg,#3b0c1b,#2a0712)}.section.black{background:#0f0307}
.section-head{padding-bottom:22px;margin-bottom:34px;border-bottom-color:rgba(201,163,91,.2);position:relative}.section-head::before{content:"";position:absolute;inset-inline-start:0;bottom:-1px;width:72px;height:1px;background:var(--gold);opacity:.8}body:not(.ltr) .section-head::before{inset-inline-start:auto;inset-inline-end:0}
.eyebrow{color:var(--gold-soft)}body:not(.ltr) .eyebrow{font-size:11px;line-height:1.55}.side-note{color:#a78f85}
.featured-grid{gap:18px}.featured-card{min-height:410px;border-color:rgba(201,163,91,.18);background:linear-gradient(180deg,#1c050d,#130309);box-shadow:0 18px 50px rgba(0,0,0,.16)}.featured-card:hover{transform:translateY(-7px);border-color:rgba(201,163,91,.56);box-shadow:0 28px 60px rgba(0,0,0,.26)}.feature-media{height:270px}.feature-number{font-size:56px}.feature-copy{padding:17px 18px 21px}.feature-tag{color:var(--gold-soft)}.feature-copy h3{font-size:28px;line-height:.98}.feature-arrow{width:34px;height:34px;border-color:rgba(201,163,91,.35)}
.approach-grid,.journal-grid,.exhibit-cards,.collab-grid{border-color:rgba(201,163,91,.18)}.approach-card{min-height:228px;padding:24px 20px 26px;background:rgba(255,255,255,.015)}.approach-card:hover,.collab-item:hover,.journal-card:hover,.exhibit-card:hover{background:rgba(201,163,91,.045)}.approach-icon{color:var(--gold-soft)}.case-grid{gap:18px}.case-card{min-height:238px;background:linear-gradient(145deg,#1b050d,#130309);border-color:rgba(201,163,91,.16);box-shadow:0 14px 38px rgba(0,0,0,.1)}.case-card::before{background:linear-gradient(130deg,transparent 0 55%,rgba(211,154,150,.10) 55% 66%,transparent 66%)}.case-label,.archive-meta{color:var(--gold-soft)}.case-link{border-color:rgba(201,163,91,.55)}
.collection{background:linear-gradient(135deg,#3a0d1b 0%,#2b0714 70%,#1c050d 100%)}.collection-grid{min-height:670px;border-color:rgba(201,163,91,.22);box-shadow:var(--shadow)}.collection-art{min-height:670px}.collection-art img{filter:brightness(.64) saturate(.88) contrast(1.05)}.collection-art::after{border-color:rgba(201,163,91,.55)}.collection-copy{padding:70px 60px;background:linear-gradient(180deg,rgba(22,3,9,.98),rgba(26,4,11,.98))}.tag{border-color:rgba(201,163,91,.32);border-radius:2px;padding:8px 11px;color:var(--gold-soft)}
.collab-intro{padding:32px 26px}.collab-item{min-height:270px;padding:30px 20px;background:rgba(255,255,255,.01)}.journal-card{min-height:260px;padding:27px 20px;background:rgba(255,255,255,.008)}
.final-cta{background:linear-gradient(120deg,#efe3d9 0%,#f5eee7 58%,#ead9ce 100%);color:var(--text-dark);padding:84px 0 56px;border-top:1px solid rgba(201,163,91,.24)}.final-copy h2{color:var(--text-dark)}.final-copy p{color:#634c53;font-size:13px;line-height:1.95}.final-visual::before{border-color:rgba(137,93,71,.38)}.final-visual::after{border-color:rgba(137,93,71,.16)}
.page-hero{padding:150px 0 62px;background:linear-gradient(180deg,#300915 0%,#240610 100%);border-bottom-color:rgba(201,163,91,.18)}.page-hero-grid{min-height:470px;gap:58px}.page-hero-copy p{max-width:620px;color:var(--muted)}.page-hero-media::before{border-color:rgba(201,163,91,.36)}.page-hero-media img{filter:drop-shadow(0 26px 60px rgba(0,0,0,.4))}.editorial-split{gap:72px}.editorial-note{border-top-color:rgba(201,163,91,.24)}.editorial-note .big{color:rgba(201,163,91,.22)}
.archive-toolbar{padding:8px 0 2px}.filter{border-color:rgba(201,163,91,.3);border-radius:2px;padding:10px 13px}.archive-grid{gap:18px}.archive-card{background:linear-gradient(145deg,#1b050d,#120309);border-color:rgba(201,163,91,.17);box-shadow:0 18px 44px rgba(0,0,0,.12)}.archive-card:hover{border-color:rgba(201,163,91,.54);transform:translateY(-5px);transition:transform .45s var(--ease),border-color .35s ease}.archive-media{height:300px}.archive-info{padding:16px 17px 20px}.archive-note{border-color:rgba(201,163,91,.2)}
.exhibit-hero{background:#0d0206}.exhibit-grid{min-height:670px}.exhibit-image{min-height:670px}.exhibit-image::after{border-color:rgba(201,163,91,.55)}.exhibit-copy{background:linear-gradient(180deg,#19040a,#130309);padding:62px}
.contact-grid{gap:54px}.contact-panel{background:linear-gradient(160deg,#18040a,#110207);border-color:rgba(201,163,91,.18);padding:30px;box-shadow:var(--shadow)}.contact-item span{color:var(--gold-soft)}.contact-form{padding:34px;background:var(--ivory);box-shadow:var(--shadow)}
.footer{background:#0b0205;padding:64px 0 20px;border-top-color:rgba(201,163,91,.24)}.footer-grid{gap:44px}.footer-name{font-size:56px}.footer-sub{color:#bfa69e;font-size:11px}.footer-links a{color:rgba(245,238,230,.9)}.footer-links a:hover{color:var(--gold-soft)}.footer-contact{color:rgba(245,238,230,.82);font-size:10.5px;line-height:1.7}.footer-bottom{color:#9e8780;border-top-color:rgba(201,163,91,.16);padding-top:16px;margin-top:42px}
.lightbox{background:rgba(7,1,3,.965);backdrop-filter:blur(4px)}.lightbox-panel{border-color:rgba(201,163,91,.35);box-shadow:0 32px 100px rgba(0,0,0,.5)}.lightbox-copy{padding:34px;background:linear-gradient(180deg,#120207,#0f0206)}.lightbox-close,.lightbox-nav button{border-color:rgba(201,163,91,.36)}
.reveal{transform:translateY(24px);transition-duration:.9s}
body:not(.ltr) a[href^="mailto:"],body:not(.ltr) a[href^="tel:"],body:not(.ltr) .contact-item strong{direction:ltr;unicode-bidi:plaintext;text-align:start}
.feature-copy h3,.case-card h3,.journal-card h3,.collab-item h3,.approach-card h3,.exhibit-card h3,.archive-info h3{max-width:18ch}
body:not(.ltr) .feature-copy h3,body:not(.ltr) .case-card h3,body:not(.ltr) .journal-card h3,body:not(.ltr) .collab-item h3,body:not(.ltr) .approach-card h3,body:not(.ltr) .exhibit-card h3,body:not(.ltr) .archive-info h3{max-width:13em}
@media (max-width:1100px){.site-shell,.header-inner{width:min(calc(100% - 60px),var(--shell))}.hero-title{font-size:clamp(64px,7.8vw,104px)}body:not(.ltr) .hero-title{font-size:clamp(46px,6vw,78px);line-height:1.36;max-width:11em}.featured-grid{gap:14px}.collection-copy{padding:52px 42px}}
@media (max-width:820px){.site-shell,.header-inner{width:min(calc(100% - 38px),var(--shell))}.hero-copy{padding:42px 0 28px}.hero-title{font-size:clamp(56px,12vw,86px);line-height:.9;max-width:8.4ch}body:not(.ltr) .hero-title{font-size:clamp(42px,10.5vw,64px);line-height:1.4;max-width:11em;margin-top:18px}.hero-sub{font-size:13px}body:not(.ltr) .hero-sub{font-size:14px;line-height:2}.section{padding:78px 0}.section-title{max-width:13em}body:not(.ltr) .section-title{font-size:clamp(31px,8.2vw,48px);line-height:1.52}.feature-copy h3,.journal-card h3,.case-card h3,.collab-item h3,.approach-card h3,.exhibit-card h3{font-size:24px}body:not(.ltr) .feature-copy h3,body:not(.ltr) .journal-card h3,body:not(.ltr) .case-card h3,body:not(.ltr) .collab-item h3,body:not(.ltr) .approach-card h3,body:not(.ltr) .exhibit-card h3{font-size:22px;line-height:1.52}.collection-copy{padding:48px 30px}.page-hero{padding-top:116px}body:not(.ltr) .page-hero-copy h1{font-size:clamp(46px,10vw,72px);line-height:1.36}body:not(.ltr) .editorial-copy h2{font-size:clamp(32px,8vw,48px);line-height:1.52}body:not(.ltr) .final-copy h2{font-size:clamp(40px,10vw,60px);line-height:1.5}.footer-name{font-size:48px}}
@media (max-width:520px){.site-shell,.header-inner{width:min(calc(100% - 28px),var(--shell))}.hero{padding-top:88px}.hero-art{min-height:420px}body:not(.ltr) .hero-title{font-size:44px;line-height:1.42;max-width:12em}.section{padding:66px 0}body:not(.ltr) .section-title{max-width:14em}.collection-copy{padding:42px 24px}body:not(.ltr) .page-hero-copy h1{font-size:44px;line-height:1.42}body:not(.ltr) .editorial-copy h2{font-size:33px;line-height:1.55}body:not(.ltr) .final-copy h2{font-size:43px;line-height:1.52}.contact-form{padding:24px}body:not(.ltr) .contact-form h2{font-size:31px;line-height:1.55}.footer-name{font-size:42px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}


/* V10 — accessible luxury editorial system: contrast, rhythm, artwork breathing room, RTL/LTR parity */
:root{
  --wine:#2a0814;
  --wine-2:#3a1020;
  --wine-3:#19050d;
  --wine-4:#4a1a2b;
  --ink:#13070b;
  --cream:#fffaf5;
  --ivory:#f6efe7;
  --paper:#f7f2ec;
  --paper-2:#eee5dc;
  --text-dark:#27151b;
  --text-dark-2:#503943;
  --rose:#b56f73;
  --rose-2:#d99a95;
  --gold:#e1bb6f;
  --gold-soft:#efcf92;
  --muted:#eadbd3;
  --muted-2:#ceb8b1;
  --light-muted:#6c555d;
  --line:rgba(255,250,245,.16);
  --line-gold:rgba(225,187,111,.48);
  --paper-line:rgba(39,21,27,.14);
  --shadow:0 24px 70px rgba(26,7,14,.16);
}
html,body{min-height:100%;}
body{background:linear-gradient(180deg,#290815 0%,#260712 46%,#1f0610 100%);color:var(--cream)}
body:not(.ltr) :is(h1,h2,h3,h4,p,a,span,button,label){text-rendering:optimizeLegibility}
body:not(.ltr) :is(h1,h2,h3){font-kerning:normal;word-break:normal;overflow-wrap:break-word;hyphens:none}

/* Readability */
body:not(.ltr) .hero-title{font-size:clamp(48px,5.4vw,92px);line-height:1.32;max-width:10.5em;margin:18px 0 20px}
body:not(.ltr) .section-title{font-size:clamp(36px,4.4vw,60px);line-height:1.48;max-width:12em}
body:not(.ltr) .page-hero-copy h1{font-size:clamp(50px,6.6vw,90px);line-height:1.34;max-width:12em}
body:not(.ltr) .editorial-copy h2{font-size:clamp(35px,4.1vw,58px);line-height:1.52;max-width:13em}
body:not(.ltr) .collection-copy h2{font-size:clamp(37px,4.1vw,60px);line-height:1.5;max-width:12em}
body:not(.ltr) .exhibit-copy h1{font-size:clamp(43px,5vw,74px);line-height:1.48;max-width:12em}
body:not(.ltr) .archive-note h2{font-size:clamp(36px,4.1vw,56px);line-height:1.5;max-width:13em}
body:not(.ltr) .contact-form h2{font-size:clamp(31px,3.7vw,50px);line-height:1.5;max-width:13em}
body:not(.ltr) .final-copy h2{font-size:clamp(44px,5.1vw,78px);line-height:1.45;max-width:11em}

/* No cramped secondary copy anywhere */
.hero-sub,.section-brief,.page-hero-copy p,.editorial-copy p,.collection-copy p,.exhibit-copy p,.final-copy p{font-size:15px;line-height:1.95;color:var(--muted)}
.info-item p,.feature-copy p,.approach-card p,.case-card p,.collab-item p,.journal-card p,.exhibit-card p,.archive-info p,.footer-sub,.footer-contact{font-size:12px;line-height:1.85;color:var(--muted)}
body:not(.ltr) .hero-sub,body:not(.ltr) .section-brief,body:not(.ltr) .page-hero-copy p,body:not(.ltr) .editorial-copy p,body:not(.ltr) .collection-copy p,body:not(.ltr) .exhibit-copy p,body:not(.ltr) .final-copy p{font-size:15px;line-height:2.05}
body:not(.ltr) .info-item p,body:not(.ltr) .feature-copy p,body:not(.ltr) .approach-card p,body:not(.ltr) .case-card p,body:not(.ltr) .collab-item p,body:not(.ltr) .journal-card p,body:not(.ltr) .exhibit-card p,body:not(.ltr) .archive-info p{font-size:12.5px;line-height:1.95}
body:not(.ltr) .footer-sub,body:not(.ltr) .footer-contact{font-size:12px;line-height:1.9}
.side-note{font-size:10px;line-height:1.45;color:#d8c4bc}
.eyebrow{font-size:11px;line-height:1.4;color:var(--gold-soft)}
body:not(.ltr) .eyebrow{font-size:12px;line-height:1.65}
.feature-tag,.case-label,.archive-meta,.tag,.info-item small,.contact-item span,.field span{font-size:10px;line-height:1.45}
body:not(.ltr) .feature-tag,body:not(.ltr) .case-label,body:not(.ltr) .archive-meta,body:not(.ltr) .tag,body:not(.ltr) .info-item small,body:not(.ltr) .contact-item span,body:not(.ltr) .field span{font-size:11px;line-height:1.6}

/* Stronger dark-section contrast */
.site-header.scrolled{background:rgba(25,5,13,.95);border-bottom-color:rgba(225,187,111,.22)}
.brand-sub{color:#e5d4cc;font-size:10px}
.nav a{color:#fbf4ee}
.nav a:hover,.nav a.active{color:#fffdf9}
.mobile-menu{background:#17040c}
.mobile-menu-foot{color:#dcc7bf}
.mobile-nav small{color:var(--gold-soft)}
.mobile-nav span{color:#fffaf5}
.info-rail{background:rgba(14,3,8,.45);border-color:rgba(225,187,111,.24)}
.info-item small{color:var(--gold-soft)}
.info-item strong{color:#fffaf5}
.case-no,.journal-no,.exhibit-card .n{color:rgba(255,250,245,.75)}
.case-label,.archive-meta,.feature-tag,.tag{color:var(--gold-soft)}
.case-card,.collab-item,.approach-card,.journal-card,.exhibit-card{color:#fffaf5}
.approach-card p,.case-card p,.collab-item p,.journal-card p,.exhibit-card p{color:#e5d2ca}
.case-link,.footer-links a{color:#fffaf5}
.footer{background:#12040a;border-top-color:rgba(225,187,111,.25);padding-bottom:18px;margin-bottom:0}
.footer-sub{color:#ddc9c1}
.footer-links a{font-size:11px}
.footer-contact{color:#e5d5ce}
.footer-bottom{color:#c2aaa2;border-top-color:rgba(225,187,111,.19);margin-bottom:0}

/* Consistent vertical rhythm */
.section{padding-block:96px}
.section-head{margin-bottom:38px;padding-bottom:22px}
.page-hero{padding-block:148px 66px}
.final-cta{padding:88px 0 72px}

/* Neutral, gallery-first presentation */
.light-section{background:linear-gradient(180deg,var(--paper) 0%,#fbf7f2 100%);color:var(--text-dark);position:relative}
.light-section::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0 49.8%,rgba(151,108,81,.045) 50%,transparent 50.2%);opacity:.7}
.light-section .site-shell{position:relative;z-index:1}
.light-section .section-head{border-bottom-color:var(--paper-line)}
.light-section .section-head::before{background:#9e7650}
.light-section .section-title,.light-section .editorial-copy h2{color:var(--text-dark)}
.light-section .section-brief,.light-section .editorial-copy p,.light-section .section-brief{color:var(--text-dark-2)}
.light-section .eyebrow{color:#85593f}
.light-section .eyebrow::before{color:#9e7650}
.light-section .side-note{color:#6f575d}

/* Home featured artworks: bigger images, more air, lighter cards */
.art-showcase{padding-top:104px;padding-bottom:104px}
.art-showcase .featured-grid{grid-template-columns:1.08fr 1fr 1fr;gap:28px;align-items:start}
.art-showcase .featured-card{min-height:0;background:#fffdf9;border:1px solid rgba(73,42,43,.13);box-shadow:0 18px 42px rgba(38,16,21,.08);color:var(--text-dark);transform:none}
.art-showcase .featured-card:nth-child(2){margin-top:48px}
.art-showcase .featured-card:nth-child(3){margin-top:96px}
.art-showcase .feature-media{height:340px;background:#e9e0d7}
.art-showcase .feature-media img{filter:saturate(1.02) contrast(1.02)}
.art-showcase .feature-number{top:15px;inset-inline-start:15px;color:rgba(255,250,245,.9);font-size:58px;text-shadow:0 2px 10px rgba(0,0,0,.18)}
.art-showcase .feature-copy{padding:19px 20px 24px;background:#fffdf9}
.art-showcase .feature-copy h3{font-size:27px;line-height:1.1;color:var(--text-dark)}
body:not(.ltr) .art-showcase .feature-copy h3{font-size:24px;line-height:1.62}
.art-showcase .feature-copy p{color:#5f4a52}
.art-showcase .feature-arrow{background:#2a0b16;color:var(--gold-soft);border-color:#c6a467;bottom:14px;inset-inline-end:14px}
.art-showcase .featured-card.no-image .feature-media{background:linear-gradient(145deg,#eadfd6,#f8f2ec);}
.art-showcase .featured-card.no-image .feature-media::before{border-color:rgba(126,84,64,.38)}
.art-showcase .featured-card.no-image .feature-media::after{color:rgba(60,28,36,.10)}

/* Works archive: gallery should feel like an exhibition wall */
.works-gallery{padding-top:104px;padding-bottom:104px}
.works-gallery .archive-toolbar{margin-bottom:30px}
.works-gallery .filter{background:#fffdf9;color:#472c35;border-color:rgba(95,54,54,.2);font-size:11px;min-height:42px;padding:10px 15px}
.works-gallery .filter:hover,.works-gallery .filter.active{background:#2a0b16;color:#fffaf5;border-color:#2a0b16}
.works-gallery .archive-grid{gap:24px;align-items:start}
.works-gallery .archive-card{background:#fffdf9;border:1px solid rgba(73,42,43,.14);box-shadow:0 18px 44px rgba(41,22,25,.08);color:var(--text-dark);min-height:0;transform:none}
.works-gallery .archive-card:nth-child(1){grid-column:span 8}
.works-gallery .archive-card:nth-child(2){grid-column:span 4;margin-top:70px}
.works-gallery .archive-card:nth-child(3){grid-column:span 5;margin-top:10px}
.works-gallery .archive-card:nth-child(4){grid-column:span 7;margin-top:68px}
.works-gallery .archive-card:nth-child(5){grid-column:span 7;margin-top:0}
.works-gallery .archive-card:nth-child(6){grid-column:span 5;margin-top:64px}
.works-gallery .archive-card:nth-child(7){grid-column:span 4;margin-top:18px}
.works-gallery .archive-card:nth-child(8){grid-column:span 8;margin-top:86px}
.works-gallery .archive-card:hover{border-color:#b89467;transform:translateY(-5px)}
.works-gallery .archive-media{height:360px;background:#f0e8df}
.works-gallery .archive-card:nth-child(1) .archive-media,.works-gallery .archive-card:nth-child(4) .archive-media,.works-gallery .archive-card:nth-child(8) .archive-media{height:430px}
.works-gallery .archive-info{padding:18px 19px 22px;display:grid;gap:14px}
.works-gallery .archive-info h3{font-size:27px;line-height:1.2;color:var(--text-dark)}
body:not(.ltr) .works-gallery .archive-info h3{font-size:24px;line-height:1.6}
.works-gallery .archive-info p{color:#5f4a52}
.works-gallery .archive-meta{color:#8a6245}
.works-gallery .archive-media .crop{background:linear-gradient(145deg,#e8ddd4,#f7f0e9);}
.works-gallery .archive-media .crop::before{color:rgba(67,34,45,.11)}
.works-gallery .archive-note{margin-top:48px;border-color:rgba(68,41,43,.14);padding:24px 2px}
.works-gallery .archive-note h2{color:var(--text-dark)}
.works-gallery .archive-note p{color:#5f4a52}

/* Neutral editorial pages */
.editorial-section .case-card,.story-section .case-card{background:#fffdf9;border:1px solid rgba(73,42,43,.14);box-shadow:0 18px 44px rgba(41,22,25,.07);color:var(--text-dark)}
.story-section .case-grid{grid-template-columns:1.15fr .85fr;gap:22px}
.story-section .case-card:first-child{grid-row:span 2;min-height:420px;display:flex;flex-direction:column;justify-content:flex-end}
.editorial-section .case-grid{gap:22px}
.editorial-section .case-card{min-height:240px}
.light-section .case-no{color:rgba(73,42,43,.45)}
.light-section .case-card h3{color:var(--text-dark)}
.light-section .case-card p{color:var(--text-dark-2)}
.light-section .case-link{color:#5a3540;border-bottom-color:rgba(141,98,68,.55)}
.case-card::before{display:none!important}

/* Replace repetitive boxed approach with a museum-style sequence */
.practice-section .approach-grid{border:0;display:grid;grid-template-columns:repeat(5,1fr);gap:0;background:transparent}
.practice-section .approach-card{background:transparent;border:0;border-inline-start:1px solid rgba(245,238,230,.16);padding:28px 22px 30px;min-height:270px}
.practice-section .approach-card:first-child{border-inline-start:0}
.practice-section .approach-card::after{content:"";position:absolute;top:0;inset-inline:22px auto;width:52px;height:2px;background:var(--gold-soft);opacity:.7}
.practice-section .approach-icon{margin:24px 0 28px}
.practice-section .approach-card h3{font-size:24px;line-height:1.12}
body:not(.ltr) .practice-section .approach-card h3{font-size:22px;line-height:1.62}

/* Collaboration and journal: visual variation without diagonal decorations */
.collab-section .collab-grid{border:0;grid-template-columns:1.2fr repeat(4,1fr)}
.collab-section .collab-intro{padding:20px 28px 26px 0}
.collab-section .collab-item{border:0;border-top:1px solid rgba(245,238,230,.18);border-inline-start:1px solid rgba(245,238,230,.18);padding:26px 20px 30px;min-height:300px;background:transparent}
.collab-section .collab-item:first-of-type{border-inline-start:1px solid rgba(245,238,230,.18)}
.collab-section .collab-item .num{color:var(--gold-soft);font-size:10px}
.collab-section .collab-item h3{font-size:25px;line-height:1.12}
body:not(.ltr) .collab-section .collab-item h3{font-size:22px;line-height:1.64}
.journal-section .journal-grid{border:0;grid-template-columns:repeat(3,1fr);gap:22px}
.journal-section .journal-card{background:#fffdf9;border:1px solid rgba(73,42,43,.14);min-height:250px;padding:28px 24px 30px;box-shadow:0 14px 34px rgba(41,22,25,.06);transition:transform .4s var(--ease),box-shadow .4s ease}
.journal-section .journal-card:hover{transform:translateY(-5px);box-shadow:0 22px 44px rgba(41,22,25,.1)}
.journal-section .journal-card h3{font-size:27px;line-height:1.15;color:var(--text-dark)}
body:not(.ltr) .journal-section .journal-card h3{font-size:23px;line-height:1.68}
.journal-section .journal-card p{color:#5f4a52}
.journal-section .journal-no{color:rgba(72,42,49,.38)}
.journal-section .feature-tag{color:#8a6245}

/* Royal image: protect original artwork color */
.royal-section{background:linear-gradient(135deg,#f5eee7 0%,#ede1d6 100%);color:var(--text-dark)}
.royal-section .collection-grid{border-color:rgba(73,42,43,.14);box-shadow:0 24px 60px rgba(41,22,25,.08)}
.royal-section .collection-art{background:#fbf7f2;padding:34px}
.royal-section .collection-art img{filter:none;object-fit:contain;background:#f5eee7}
.royal-section .collection-art::after{border-color:rgba(147,101,65,.5)}
.royal-section .collection-copy{background:linear-gradient(180deg,#2b0b17,#35101e);color:#fffaf5;padding:72px 62px}
.royal-section .collection-copy p{color:#eadbd3}
.royal-section .collection-copy h2{color:#fffaf5}
.royal-section .tag{color:#f0d39a;border-color:rgba(240,211,154,.4)}

/* Contact and final CTA */
.contact-section .contact-panel{background:linear-gradient(160deg,#2b0b16,#1b050d);border-color:rgba(225,187,111,.22)}
.contact-section .contact-item strong{color:#fffaf5;font-size:21px}
.contact-section .contact-form{background:#fffdf9;color:var(--text-dark);border:1px solid rgba(73,42,43,.12);box-shadow:0 20px 44px rgba(41,22,25,.08)}
.contact-section .contact-form h2{color:var(--text-dark)}
.contact-section .field span{color:#59404a}
.contact-section .field input,.contact-section .field textarea{border-bottom-color:rgba(39,21,27,.24);font-size:15px}
.final-cta{background:linear-gradient(180deg,#f0e5dd 0%,#f9f4ee 68%,#fbf8f3 100%);color:var(--text-dark);border-top:0;position:relative}
.final-cta::before{content:"";position:absolute;inset:0 0 auto;height:110px;background:linear-gradient(180deg,#2b0b16 0%,rgba(43,11,22,.56) 18%,rgba(43,11,22,0) 100%);opacity:.18;pointer-events:none}
.final-copy h2{color:var(--text-dark)}
.final-copy p{color:#5f4a52}
.final-visual::before{border-color:rgba(126,84,64,.4)}
.final-visual::after{border-color:rgba(126,84,64,.18)}

/* Buttons: stronger contrast and larger touch area */
.button{min-height:50px;padding:14px 24px;border-radius:2px;font-size:10px;border-color:rgba(245,238,230,.42)}
body:not(.ltr) .button{min-height:52px;padding:14px 26px;font-size:12px;line-height:1.5}
.button.solid{background:linear-gradient(135deg,#e0b96e,#f0d08f);color:#1b0a10;border-color:#e0b96e;box-shadow:0 12px 28px rgba(172,124,48,.2)}
.button.solid:hover{background:#f2d79d;color:#16070b;transform:translateY(-3px);box-shadow:0 16px 34px rgba(172,124,48,.28)}
.button:focus-visible,.filter:focus-visible,.lang:focus-visible,.menu-toggle:focus-visible,.lightbox-close:focus-visible,.lightbox-nav button:focus-visible{outline:2px solid #f0cf8e;outline-offset:4px}
.light-section .button{border-color:rgba(60,32,40,.35)}
.light-section .button:not(.solid){color:#412732}

/* Lightbox: neutral artwork stage */
.lightbox-panel{background:#fbf7f2;border-color:rgba(225,187,111,.38)}
.lightbox-panel img{background:#f7f2ec}
.lightbox-copy{background:linear-gradient(180deg,#260914,#17050b);padding:34px}
.lightbox-copy p{color:#e8d8d0;font-size:12px;line-height:1.85}

/* Remove any pseudo diagonal visual noise */
.case-card::before,.case-card::after{display:none!important}

/* Mobile parity */
@media (max-width:1100px){
  .site-shell,.header-inner{width:min(calc(100% - 58px),var(--shell))}
  .art-showcase .featured-grid{gap:20px}
  .art-showcase .featured-card:nth-child(2){margin-top:32px}
  .art-showcase .featured-card:nth-child(3){margin-top:64px}
  .works-gallery .archive-card:nth-child(n){grid-column:auto}
  .works-gallery .archive-grid{grid-template-columns:repeat(2,1fr)}
  .works-gallery .archive-card:nth-child(2n){margin-top:42px}
  .works-gallery .archive-media,.works-gallery .archive-card:nth-child(n) .archive-media{height:330px}
}
@media (max-width:820px){
  .site-shell,.header-inner{width:min(calc(100% - 38px),var(--shell))}
  .section{padding:80px 0}
  .page-hero{padding-block:120px 52px}
  body:not(.ltr) .hero-title{font-size:clamp(43px,10.5vw,66px);line-height:1.42;max-width:12em}
  body:not(.ltr) .section-title{font-size:clamp(31px,8.2vw,48px);line-height:1.56}
  body:not(.ltr) .page-hero-copy h1{font-size:clamp(44px,10vw,70px);line-height:1.42}
  body:not(.ltr) .editorial-copy h2{font-size:clamp(32px,8vw,48px);line-height:1.58}
  body:not(.ltr) .final-copy h2{font-size:clamp(41px,10vw,60px);line-height:1.52}
  .art-showcase .featured-grid{grid-template-columns:1fr}
  .art-showcase .featured-card:nth-child(2),.art-showcase .featured-card:nth-child(3){margin-top:0}
  .art-showcase .feature-media{height:300px}
  .works-gallery .archive-grid{grid-template-columns:1fr}
  .works-gallery .archive-card:nth-child(n){margin-top:0!important}
  .works-gallery .archive-media,.works-gallery .archive-card:nth-child(n) .archive-media{height:330px}
  .story-section .case-grid,.editorial-section .case-grid{grid-template-columns:1fr}
  .story-section .case-card:first-child{grid-row:auto;min-height:300px}
  .practice-section .approach-grid{grid-template-columns:1fr 1fr}
  .practice-section .approach-card{border-top:1px solid rgba(245,238,230,.16);border-inline-start:0}
  .practice-section .approach-card:nth-child(even){border-inline-start:1px solid rgba(245,238,230,.16)}
  .practice-section .approach-card::after{inset-inline-start:22px}
  body:not(.ltr) .practice-section .approach-card:nth-child(even)::after{inset-inline-start:auto;inset-inline-end:22px}
  .royal-section .collection-grid{grid-template-columns:1fr}
  .royal-section .collection-art{min-height:460px;padding:20px}
  .royal-section .collection-copy{padding:48px 32px;min-height:460px}
  .collab-section .collab-grid{grid-template-columns:1fr 1fr}
  .collab-section .collab-intro{grid-column:1/-1;padding:0 0 24px}
  .journal-section .journal-grid{grid-template-columns:1fr}
  .contact-section .contact-grid{grid-template-columns:1fr}
  .final-cta{padding:76px 0 54px}
}
@media (max-width:520px){
  .site-shell,.header-inner{width:min(calc(100% - 28px),var(--shell))}
  .section{padding:66px 0}
  .page-hero{padding-top:104px}
  .hero-sub,.section-brief,.page-hero-copy p,.editorial-copy p,.collection-copy p,.exhibit-copy p,.final-copy p{font-size:14px;line-height:1.95}
  body:not(.ltr) .hero-sub,body:not(.ltr) .section-brief,body:not(.ltr) .page-hero-copy p,body:not(.ltr) .editorial-copy p,body:not(.ltr) .collection-copy p,body:not(.ltr) .exhibit-copy p,body:not(.ltr) .final-copy p{font-size:14px;line-height:2.05}
  body:not(.ltr) .feature-copy h3,body:not(.ltr) .archive-info h3,body:not(.ltr) .journal-section .journal-card h3,body:not(.ltr) .collab-section .collab-item h3,body:not(.ltr) .practice-section .approach-card h3{font-size:21px;line-height:1.7}
  .info-item p,.feature-copy p,.approach-card p,.case-card p,.collab-item p,.journal-card p,.exhibit-card p,.archive-info p{font-size:12px;line-height:1.85}
  body:not(.ltr) .info-item p,body:not(.ltr) .feature-copy p,body:not(.ltr) .approach-card p,body:not(.ltr) .case-card p,body:not(.ltr) .collab-item p,body:not(.ltr) .journal-card p,body:not(.ltr) .exhibit-card p,body:not(.ltr) .archive-info p{font-size:12.5px;line-height:1.95}
  .button{width:auto;min-height:52px;padding:14px 20px}
  .hero-actions .button{flex:1 1 auto}
  .works-gallery .archive-media,.works-gallery .archive-card:nth-child(n) .archive-media{height:290px}
  .royal-section .collection-art{min-height:390px}
  .footer{padding-bottom:16px}
}
@media (prefers-reduced-motion:reduce){
  .lightbox-panel,.featured-card,.archive-card,.journal-card,.button{transform:none!important}
}


/* V10.1 structural correction: dark content stays dark; bio layout remains balanced */
.bio-section .case-grid{grid-template-columns:repeat(2,1fr);gap:22px}
.bio-section .case-card:first-child{grid-row:auto;min-height:240px;display:block}
.bio-section .case-card{min-height:240px}
@media (max-width:820px){
  .bio-section .case-grid{grid-template-columns:1fr}
  .bio-section .case-card{min-height:220px}
}


/* =========================================================
   V11 — Arabic Hero Balance / RTL Editorial Refinement
   Purpose: eliminate unnecessary line fragmentation, reduce
   dead space, and establish a comfortable Arabic type scale.
   ========================================================= */
body:not(.ltr) .hero-grid{
  grid-template-columns:1.12fr .88fr;
}
body:not(.ltr) .hero-copy{
  padding:54px 0 66px;
  align-items:stretch;
  text-align:right;
  transform:translateY(-4px);
}
body:not(.ltr) .hero-kicker{
  font-family:var(--arabic-sans);
  font-size:12px;
  line-height:1.7;
  font-weight:700;
  color:#eadccd;
}
body:not(.ltr) .hero-title{
  display:grid;
  width:100%;
  max-width:760px;
  margin:20px 0 22px;
  gap:2px;
  font-family:'Noto Serif Arabic', 'Amiri', serif;
  font-size:clamp(68px,6.2vw,104px);
  font-weight:700;
  line-height:1.14;
  letter-spacing:0;
  text-transform:none;
  white-space:normal;
  text-wrap:balance;
}
body:not(.ltr) .hero-title span{
  display:block;
  padding-block:.06em .11em;
  min-height:1.15em;
}
body:not(.ltr) .hero-title .accent{
  color:#dfbb73;
}
body:not(.ltr) .hero-sub{
  max-width:640px;
  margin:4px 0 30px;
  color:#eadfd7;
  font-family:var(--arabic-sans);
  font-size:clamp(16px,1.35vw,18px);
  font-weight:500;
  line-height:2.05;
}
body:not(.ltr) .hero-actions{
  gap:14px;
}
body:not(.ltr) .button{
  min-height:48px;
  padding:14px 24px;
  font-size:11px;
  font-weight:700;
}
body:not(.ltr) .signature{
  width:210px;
  margin-top:34px;
}
body:not(.ltr) .hero-number{
  bottom:18px;
  font-size:9px;
}
body:not(.ltr) .info-item strong{
  font-family:'Noto Serif Arabic','Amiri',serif;
  font-size:20px;
  line-height:1.5;
}
body:not(.ltr) .info-item p{
  font-family:var(--arabic-sans);
  font-size:12px;
  line-height:1.9;
  color:#d8c7bf;
}
body:not(.ltr) .section-title,
body:not(.ltr) .page-hero-copy h1,
body:not(.ltr) .editorial-copy h2,
body:not(.ltr) .collection-copy h2,
body:not(.ltr) .exhibit-copy h1,
body:not(.ltr) .archive-note h2,
body:not(.ltr) .final-copy h2,
body:not(.ltr) .contact-form h2{
  font-family:'Noto Serif Arabic','Amiri',serif;
  font-weight:700;
  letter-spacing:0;
}
body:not(.ltr) .feature-copy p,
body:not(.ltr) .journal-card p,
body:not(.ltr) .case-card p,
body:not(.ltr) .collab-item p,
body:not(.ltr) .approach-card p,
body:not(.ltr) .exhibit-card p,
body:not(.ltr) .editorial-copy p,
body:not(.ltr) .collection-copy p,
body:not(.ltr) .final-copy p{
  font-family:var(--arabic-sans);
  font-size:clamp(12px,1.05vw,14px);
  line-height:1.95;
}
body:not(.ltr) .feature-tag,
body:not(.ltr) .side-note,
body:not(.ltr) .eyebrow{
  font-family:var(--arabic-sans);
  font-weight:700;
}

@media (max-width:1100px){
  body:not(.ltr) .hero-grid{grid-template-columns:1.06fr .94fr}
  body:not(.ltr) .hero-title{font-size:clamp(58px,7vw,88px);line-height:1.16;max-width:720px}
  body:not(.ltr) .hero-sub{font-size:16px;max-width:600px}
}
@media (max-width:820px){
  body:not(.ltr) .hero-grid{display:flex;flex-direction:column;min-height:0}
  body:not(.ltr) .hero-copy{padding:34px 0 22px;transform:none}
  body:not(.ltr) .hero-title{font-size:clamp(46px,9.8vw,72px);line-height:1.2;max-width:100%;margin:14px 0 18px}
  body:not(.ltr) .hero-sub{font-size:15px;line-height:2;max-width:100%;margin-bottom:24px}
  body:not(.ltr) .hero-art{min-height:430px}
}
@media (max-width:520px){
  body:not(.ltr) .hero-title{font-size:clamp(39px,10.7vw,54px);line-height:1.24}
  body:not(.ltr) .hero-sub{font-size:14px;line-height:2.05}
  body:not(.ltr) .button{min-height:46px;padding:13px 19px}
  body:not(.ltr) .signature{width:180px}
}

/* V12 — hero portrait scale only: enlarge the artist portrait to meet the upper white guide line. */
.hero .hero-portrait{
  height:100%;
}
@media (max-width:820px){
  .hero .hero-portrait{height:94%;}
}
@media (max-width:520px){
  .hero .hero-portrait{height:92%;}
}

/* V13 — Featured gallery equal three-card alignment */
.art-showcase .featured-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:26px;
  align-items:stretch;
}
.art-showcase .featured-card{
  min-width:0;
  height:100%;
  min-height:0;
  display:flex;
  flex-direction:column;
  margin-top:0!important;
  overflow:hidden;
}
.art-showcase .feature-media{
  flex:0 0 320px;
  height:320px!important;
  min-height:320px;
  position:relative;
}
.art-showcase .feature-media img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.art-showcase .feature-copy{
  flex:1 1 auto;
  min-height:148px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:20px 22px 34px;
}
.art-showcase .feature-copy h3{
  margin:0;
  max-width:none;
}
.art-showcase .feature-copy p{
  margin:8px 0 0;
}
.art-showcase .feature-number{
  top:16px;
  inset-inline-start:auto;
  inset-inline-end:16px;
  font-size:54px;
}
.art-showcase .feature-arrow{
  bottom:16px;
  inset-inline-end:16px;
}
.art-showcase .featured-card.no-image .feature-media{
  background:
    radial-gradient(circle at 72% 28%,rgba(126,84,64,.12),transparent 23%),
    linear-gradient(145deg,#e7ddd4 0%,#f8f2ec 100%);
}
.art-showcase .featured-card.no-image .feature-media::before{
  width:180px;
  height:210px;
  position:absolute;
  right:50%;
  bottom:24px;
  transform:translateX(50%);
  border-color:rgba(126,84,64,.34);
  opacity:.85;
}
.art-showcase .featured-card.no-image .feature-media::after{
  top:50%;
  inset-inline-end:50%;
  transform:translate(50%,-50%);
  color:rgba(60,28,36,.14);
  font-size:132px;
}

@media (max-width:1100px){
  .art-showcase .featured-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
  .art-showcase .feature-media{flex-basis:280px;height:280px!important;min-height:280px}
  .art-showcase .feature-copy{min-height:142px;padding:18px 18px 34px}
  .art-showcase .feature-copy h3{font-size:25px;line-height:1.18}
  body:not(.ltr) .art-showcase .feature-copy h3{font-size:22px;line-height:1.6}
}
@media (max-width:820px){
  .art-showcase .featured-grid{grid-template-columns:1fr;gap:22px}
  .art-showcase .feature-media{flex-basis:300px;height:300px!important;min-height:300px}
  .art-showcase .feature-copy{min-height:136px}
}


/* V14.2 — Practice / Approach editorial density and hierarchy
   Enlarged step numbers/icons, stronger Arabic readability, and tighter
   vertical rhythm so the five-column method feels intentionally composed. */
.practice-section .section-head{margin-bottom:24px;padding-bottom:16px}
.practice-section .approach-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border-top:1px solid rgba(245,238,230,.12);border-bottom:1px solid rgba(245,238,230,.12)}
.practice-section .approach-card{
  min-height:292px;
  padding:30px 24px 34px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  border-inline-start:1px solid rgba(245,238,230,.16);
  position:relative;
}
.practice-section .approach-card:first-child{border-inline-start:0}
.practice-section .approach-card .num{
  display:block;
  font:700 46px/1 var(--serif);
  color:#e0bf77;
  letter-spacing:.035em;
  text-shadow:0 4px 18px rgba(0,0,0,.12);
}
body:not(.ltr) .practice-section .approach-card .num{
  font-family:var(--arabic-sans);
  font-size:44px;
  line-height:1;
  letter-spacing:0;
}
.practice-section .approach-card::after{
  content:"";
  position:absolute;
  top:28px;
  inset-inline-end:24px;
  inset-inline-start:auto;
  width:34px;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--gold-soft));
  opacity:.75;
}
body:not(.ltr) .practice-section .approach-card::after{
  inset-inline-start:24px;
  inset-inline-end:auto;
  background:linear-gradient(270deg,transparent,var(--gold-soft));
}
.practice-section .approach-icon{
  width:68px;
  height:68px;
  margin:30px 0 24px;
  display:grid;
  place-items:center;
  border:1px solid rgba(213,173,103,.48);
  border-radius:50%;
  color:#e8c77f;
  background:radial-gradient(circle at 35% 30%,rgba(224,191,119,.10),rgba(255,255,255,0) 66%);
  font-size:42px;
  line-height:1;
  transition:transform .4s var(--ease),background .4s ease,border-color .4s ease;
}
.practice-section .approach-card:hover .approach-icon{
  transform:translateY(-4px) scale(1.03);
  border-color:#e0bf77;
  background:radial-gradient(circle at 35% 30%,rgba(224,191,119,.18),rgba(255,255,255,0) 68%);
}
.practice-section .approach-card h3{
  margin:0;
  font-size:27px;
  line-height:1.28;
  color:#fff8f3;
}
body:not(.ltr) .practice-section .approach-card h3{
  font-family:'Noto Serif Arabic','Amiri',serif;
  font-size:29px;
  line-height:1.55;
  font-weight:700;
  letter-spacing:0;
}
.practice-section .approach-card p{
  margin:10px 0 0;
  max-width:24ch;
  color:#e2d2ca;
  font-size:12px;
  line-height:1.85;
}
body:not(.ltr) .practice-section .approach-card p{
  max-width:none;
  font-family:var(--arabic-sans);
  font-size:14px;
  line-height:1.95;
  color:#eadbd4;
}

@media (max-width:1100px){
  .practice-section .approach-card{min-height:280px;padding:28px 20px 30px}
  .practice-section .approach-card .num{font-size:42px}
  .practice-section .approach-icon{width:62px;height:62px;font-size:38px;margin:26px 0 22px}
  body:not(.ltr) .practice-section .approach-card h3{font-size:26px}
}
@media (max-width:820px){
  .practice-section .approach-grid{grid-template-columns:1fr 1fr}
  .practice-section .approach-card{min-height:250px;padding:26px 22px 30px;border-top:1px solid rgba(245,238,230,.14);border-inline-start:0}
  .practice-section .approach-card:nth-child(even){border-inline-start:1px solid rgba(245,238,230,.14)}
  .practice-section .approach-card .num{font-size:40px}
  body:not(.ltr) .practice-section .approach-card .num{font-size:38px}
  .practice-section .approach-icon{width:58px;height:58px;font-size:34px;margin:22px 0 18px}
  body:not(.ltr) .practice-section .approach-card h3{font-size:24px;line-height:1.55}
  body:not(.ltr) .practice-section .approach-card p{font-size:13.5px;line-height:1.9}
}
@media (max-width:520px){
  .practice-section .section-head{margin-bottom:20px}
  .practice-section .approach-grid{grid-template-columns:1fr}
  .practice-section .approach-card,
  .practice-section .approach-card:nth-child(even){min-height:230px;border-inline-start:0;border-top:1px solid rgba(245,238,230,.14);padding:24px 18px 28px}
  .practice-section .approach-card:first-child{border-top:0}
  .practice-section .approach-card .num{font-size:38px}
  body:not(.ltr) .practice-section .approach-card .num{font-size:36px}
  .practice-section .approach-icon{width:54px;height:54px;font-size:31px;margin:20px 0 16px}
  body:not(.ltr) .practice-section .approach-card h3{font-size:23px;line-height:1.52}
  body:not(.ltr) .practice-section .approach-card p{font-size:13.2px;line-height:1.9}
}

/* V17: add artwork imagery inside the existing V15 story-card geometry only.
   No grid dimensions, card positions, card heights, or outer shape are changed. */
.story-section .story-image-card{
  background-repeat:no-repeat;
  background-size:cover,cover;
  background-position:center,center;
}
.story-section .story-portrait{
  background-image:linear-gradient(to right,transparent 0 45%,#fffdf9 45.5% 100%),url("../images/portrait-riham.webp");
}
.story-section .story-work-02{
  background-image:linear-gradient(to right,transparent 0 43%,#fffdf9 43.5% 100%),url("../images/gallery-07.webp");
}
.story-section .story-work-03{
  background-image:linear-gradient(to right,transparent 0 43%,#fffdf9 43.5% 100%),url("../images/gallery-09.webp");
}
body.ltr .story-section .story-portrait{
  background-image:linear-gradient(to left,transparent 0 45%,#fffdf9 45.5% 100%),url("../images/portrait-riham.webp");
}
body.ltr .story-section .story-work-02{
  background-image:linear-gradient(to left,transparent 0 43%,#fffdf9 43.5% 100%),url("../images/gallery-07.webp");
}
body.ltr .story-section .story-work-03{
  background-image:linear-gradient(to left,transparent 0 43%,#fffdf9 43.5% 100%),url("../images/gallery-09.webp");
}
.story-section .story-image-card .case-no,
.story-section .story-image-card .case-label,
.story-section .story-image-card h3,
.story-section .story-image-card p,
.story-section .story-image-card .case-link{
  position:relative;
  z-index:1;
}
@media (max-width:820px){
  .story-section .story-image-card{background-size:cover,cover;background-position:center,center;}
  .story-section .story-portrait,.story-section .story-work-02,.story-section .story-work-03,
  body.ltr .story-section .story-portrait,body.ltr .story-section .story-work-02,body.ltr .story-section .story-work-03{
    background-image:linear-gradient(to top,rgba(255,253,249,.98) 0 48%,rgba(255,253,249,.22) 64%,transparent 100%),var(--story-mobile-image);
  }
}

@media (max-width:820px){
  .story-section .story-portrait{--story-mobile-image:url("../images/portrait-riham.webp");}
  .story-section .story-work-02{--story-mobile-image:url("../images/gallery-07.webp");}
  .story-section .story-work-03{--story-mobile-image:url("../images/gallery-09.webp");}
}


/* STRICT V17 CTA-ONLY PATCH: no global typography/layout changes */
.final-cta .final-visual{
  position:relative;
  display:grid;
  place-items:end center;
  min-height:340px;
  overflow:visible;
  isolation:isolate;
}
.final-cta .final-visual::before{
  content:"";
  position:absolute;
  z-index:0;
  left:50%;
  bottom:-18px;
  width:300px;
  height:300px;
  transform:translateX(-50%);
  border-radius:50%;
  border:1px solid rgba(213,173,103,.48);
  background:rgba(112,48,64,.08);
  pointer-events:none;
}
.final-cta .final-visual::after{
  content:"";
  position:absolute;
  z-index:0;
  left:50%;
  bottom:2px;
  width:236px;
  height:236px;
  transform:translateX(-50%);
  border-radius:50%;
  border:1px solid rgba(243,230,220,.18);
  pointer-events:none;
}
.final-cta .final-portrait{
  position:relative;
  z-index:2;
  height:360px;
  width:auto;
  max-width:none;
  object-fit:contain;
  filter:drop-shadow(0 24px 50px rgba(0,0,0,.38));
  transform:translateY(0);
}
@media (max-width:820px){
  .final-cta .final-visual{min-height:330px}
  .final-cta .final-visual::before{width:286px;height:286px;bottom:-16px}
  .final-cta .final-visual::after{width:224px;height:224px;bottom:1px}
  .final-cta .final-portrait{height:348px}
}
@media (max-width:520px){
  .final-cta .final-visual{min-height:300px}
  .final-cta .final-visual::before{width:254px;height:254px;bottom:-10px}
  .final-cta .final-visual::after{width:202px;height:202px;bottom:2px}
  .final-cta .final-portrait{height:320px}
}


/* V20 CARD GRID REPAIR — scoped to the homepage story/steps section only.
   Uses semantic image/content columns and removes background-image overlay hacks. */
.story-section .story-card-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  grid-template-rows:repeat(2,minmax(0,1fr));
  gap:22px;
  align-items:stretch;
}
.story-section .story-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  grid-template-rows:1fr;
  min-height:0;
  height:100%;
  margin:0;
  padding:0;
  overflow:hidden;
  position:relative;
  background:#fffdf9;
  border:1px solid rgba(76,45,47,.15);
  box-shadow:0 14px 32px rgba(76,45,47,.07);
}
.story-section .story-card:first-child{
  grid-column:1;
  grid-row:1 / span 2;
  min-height:420px;
}
.story-section .story-card:nth-child(2){grid-column:2;grid-row:1;}
.story-section .story-card:nth-child(3){grid-column:2;grid-row:2;}
.story-section .story-media{
  position:relative;
  grid-column:1;
  grid-row:1;
  min-width:0;
  min-height:100%;
  overflow:hidden;
  background:#ece5de;
}
.story-section .story-media img{
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center;
  transition:transform .8s cubic-bezier(.2,.65,.2,1),filter .8s ease;
}
.story-section .story-card:hover .story-media img{
  transform:scale(1.025);
  filter:saturate(1.03) contrast(1.02);
}
.story-section .story-index{
  position:absolute;
  inset-block-start:20px;
  inset-inline-start:20px;
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:50%;
  background:rgba(34,9,15,.82);
  color:#f3e6dc;
  border:1px solid rgba(213,173,103,.72);
  font:500 25px/1 var(--serif);
  z-index:2;
}
.story-section .story-content{
  grid-column:2;
  grid-row:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  gap:0;
  padding:28px 30px;
  background:#fffdf9;
  color:var(--text-dark);
  position:relative;
  z-index:1;
}
.story-section .story-content h3{
  margin:9px 0 10px;
  color:var(--text-dark);
  font-family:var(--serif);
  font-size:clamp(22px,2.1vw,30px);
  line-height:1.22;
}
.story-section .story-content p{
  margin:0;
  max-width:42ch;
  color:var(--text-dark-2);
  font-size:clamp(11px,.9vw,14px);
  line-height:1.85;
}
.story-section .story-content .case-link{
  margin-top:18px;
  color:#5a3540;
  border-bottom-color:rgba(141,98,68,.55);
  font-size:10px;
}
.story-section .story-content .case-label{
  margin-top:0;
  color:#c89d52;
  font-size:10px;
  font-weight:700;
  line-height:1.5;
  letter-spacing:0;
  text-transform:none;
}
body:not(.ltr) .story-section .story-card-grid{direction:rtl;}
body:not(.ltr) .story-section .story-card .story-media{grid-column:1;}
body:not(.ltr) .story-section .story-card .story-content{grid-column:2;text-align:right;align-items:flex-start;}
body:not(.ltr) .story-section .story-index{
  inset-inline-start:auto;
  inset-inline-end:20px;
}
body.ltr .story-section .story-card-grid{direction:ltr;}
body.ltr .story-section .story-card .story-content{text-align:left;align-items:flex-start;}

@media (max-width:1100px){
  .story-section .story-card-grid{
    grid-template-columns:1fr 1fr;
    gap:18px;
  }
  .story-section .story-content{padding:24px;}
  .story-section .story-index{width:44px;height:44px;font-size:22px;}
}

@media (max-width:820px){
  .story-section .story-card-grid{
    grid-template-columns:1fr;
    grid-template-rows:none;
    gap:16px;
  }
  .story-section .story-card,
  .story-section .story-card:first-child,
  .story-section .story-card:nth-child(2),
  .story-section .story-card:nth-child(3){
    grid-column:1;
    grid-row:auto;
    min-height:300px;
    height:auto;
  }
  .story-section .story-card{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  }
  .story-section .story-media{min-height:300px;}
}

@media (max-width:560px){
  .story-section .story-card{
    grid-template-columns:1fr;
    grid-template-rows:auto auto;
  }
  .story-section .story-media{
    grid-column:1 !important;
    grid-row:1;
    min-height:260px;
    aspect-ratio:16 / 10;
  }
  .story-section .story-content{
    grid-column:1 !important;
    grid-row:2;
    padding:22px 20px 24px;
  }
  .story-section .story-content h3{
    font-size:24px;
    line-height:1.28;
  }
  .story-section .story-content p{
    max-width:none;
    font-size:13px;
    line-height:1.8;
  }
}

/* V22 — Collection section spacing only: remove excessive empty bands around the artwork */
.royal-section{
  padding-block:34px;
}
@media (max-width:1100px){
  .royal-section{padding-block:30px}
}
@media (max-width:820px){
  .royal-section{padding-block:28px}
}
@media (max-width:520px){
  .royal-section{padding-block:22px}
}

/* V23 — Royal collection: remove oversized top/bottom bands and let the artwork define the row height */
.royal-section{
  padding-block:28px;
}
.royal-section .collection-grid{
  min-height:0;
}
.royal-section .collection-art{
  min-height:0;
  padding:24px 28px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.royal-section .collection-art img{
  position:static;
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  max-height:none;
  object-fit:contain;
}
.royal-section .collection-copy{
  min-height:0;
  padding:52px 54px;
}
@media (max-width:1100px){
  .royal-section{padding-block:26px}
  .royal-section .collection-art{padding:20px 24px}
  .royal-section .collection-copy{padding:46px 42px}
}
@media (max-width:820px){
  .royal-section{padding-block:24px}
  .royal-section .collection-art{min-height:0;padding:20px}
  .royal-section .collection-copy{min-height:0;padding:42px 32px}
}
@media (max-width:520px){
  .royal-section{padding-block:18px}
  .royal-section .collection-art{padding:14px}
  .royal-section .collection-copy{padding:34px 22px}
}


/* V24 — CTA portrait scale only: enlarge the artist image to span the marked visual height.
   Scoped strictly to the final CTA portrait; no global typography, grid, or other image rules changed. */
.final-cta .final-portrait{
  height:500px;
  width:auto;
  max-width:none;
  object-fit:contain;
  transform:translateY(0);
}
.final-cta .final-visual{
  min-height:500px;
}
@media (max-width:820px){
  .final-cta .final-portrait{height:455px}
  .final-cta .final-visual{min-height:465px}
}
@media (max-width:520px){
  .final-cta .final-portrait{height:390px}
  .final-cta .final-visual{min-height:400px}
}

/* V25 — viewport balance + remove CTA portrait circles only
   Purpose: keep major visual sections comfortably within the viewport on shorter desktop displays
   and remove the decorative circles behind the CTA portrait. No content or image assets changed. */
.final-cta .final-visual::before,
.final-cta .final-visual::after{
  display:none !important;
}
.final-cta .final-visual{
  min-height:0 !important;
}
.final-cta .final-portrait{
  height:360px;
  max-height:min(360px,52svh);
}

/* Make major visual sections fit more comfortably on shorter desktop viewports. */
@media (min-width:821px){
  .hero{
    min-height:min(740px,calc(100svh - 82px));
  }
  .hero-grid{
    min-height:min(650px,calc(100svh - 176px));
  }
  .collection-grid{
    min-height:min(670px,calc(100svh - 150px));
  }
  .collection-art{
    min-height:0;
  }
  .collection-copy{
    min-height:0;
  }
  .exhibit-grid,
  .exhibit-image{
    min-height:min(670px,calc(100svh - 150px));
  }
  .page-hero-grid{
    min-height:min(470px,calc(100svh - 230px));
  }
}

@media (min-width:821px) and (max-height:760px){
  .hero{padding-top:92px;}
  .hero-copy{padding-top:40px;padding-bottom:46px;}
  .hero-grid{min-height:calc(100svh - 150px);}
  .hero-art{min-height:calc(100svh - 150px);}
  .section{padding-block:72px;}
  .art-showcase,
  .works-gallery{padding-top:76px;padding-bottom:76px;}
  .page-hero{padding-block:108px 46px;}
  .page-hero-grid{min-height:calc(100svh - 205px);}
  .collection-grid{min-height:calc(100svh - 126px);}
  .exhibit-grid,
  .exhibit-image{min-height:calc(100svh - 150px);}
  .final-cta{padding-block:64px 46px;}
}

@media (max-width:820px){
  .final-cta .final-visual::before,
  .final-cta .final-visual::after{display:none !important;}
  .final-cta .final-visual{min-height:0 !important;}
  .final-cta .final-portrait{height:auto;max-height:62svh;width:auto;}
}

@media (max-width:520px){
  .final-cta .final-portrait{max-height:56svh;}
}


/* V26 — Compact viewport rhythm across the complete portfolio.
   Purpose: prevent major sections from becoming taller than the viewing area on common desktop/tablet screens,
   while preserving content, typography hierarchy, imagery, card geometry, RTL/LTR behavior and all previous scoped fixes.
   This is a spacing/height system only; no content is removed or rewritten. */
:root{--vp-section-py:clamp(46px,5.2vh,72px)}

/* Global section rhythm */
.section{padding-block:var(--vp-section-py)}
.section-head{margin-bottom:clamp(22px,3vh,32px);padding-bottom:clamp(14px,2vh,20px)}

/* Hero: keep it screen-friendly without forcing oversized empty height */
@media (min-width:821px){
  .hero{
    min-height:clamp(590px,calc(100svh - 82px),720px);
    padding-top:88px;
  }
  .hero-grid{
    min-height:clamp(500px,calc(100svh - 178px),640px);
  }
  .hero-art{min-height:clamp(500px,calc(100svh - 178px),640px)}
  .hero-portrait{height:clamp(74%,78vh,84%)}
  .info-item{padding:16px 18px;min-height:78px}
}

/* Featured / home cards: preserve 3-column geometry but reduce vertical mass */
.art-showcase{padding-block:clamp(58px,6.2vh,78px)}
.art-showcase .featured-card:nth-child(2){margin-top:clamp(24px,3vh,38px)}
.art-showcase .featured-card:nth-child(3){margin-top:clamp(42px,5vh,72px)}
.art-showcase .feature-media{height:clamp(250px,31vh,320px)}

/* Practice / approach */
.practice-section .approach-card{min-height:0;padding:clamp(20px,2.8vh,28px) 18px clamp(22px,3vh,30px)}
.practice-section .approach-icon{margin:clamp(18px,2.6vh,24px) 0 clamp(18px,2.8vh,26px)}

/* Story/case studies */
.story-section .case-card:first-child{min-height:0}
.story-section .case-card{min-height:0}
.editorial-section .case-card{min-height:0}

/* Royal collection */
.royal-section{padding-block:clamp(24px,3.8vh,44px)}
.royal-section .collection-grid{min-height:0;}
.royal-section .collection-art{min-height:0;padding:clamp(18px,2.4vh,28px)}
.royal-section .collection-copy{min-height:0;padding:clamp(34px,4vh,52px) clamp(34px,3.5vw,54px)}

/* Collaboration */
.collab-section .collab-intro{padding:clamp(18px,2.4vh,28px) 24px}
.collab-section .collab-item{min-height:0;padding:clamp(22px,2.8vh,28px) 18px clamp(24px,3vh,30px)}

/* Journal */
.journal-section .journal-card{min-height:0;padding:clamp(22px,2.8vh,28px) 22px clamp(24px,3vh,30px)}
.journal-section{padding-block:clamp(56px,6vh,76px)}

/* Inner page hero */
.page-hero{padding-block:clamp(108px,12vh,132px) clamp(34px,4.2vh,50px)}
@media (min-width:821px){
  .page-hero-grid{min-height:clamp(360px,calc(100svh - 250px),440px);gap:clamp(30px,3vw,46px)}
  .page-hero-media{min-height:clamp(360px,calc(100svh - 250px),440px)}
}

/* Editorial body blocks */
@media (min-width:821px){
  .editorial-split{gap:clamp(42px,4.5vw,62px)}
  .editorial-note{top:108px}
}

/* Works archive */
.works-gallery{padding-block:clamp(64px,7vh,82px)}
.works-gallery .archive-grid{gap:18px}
@media (min-width:821px){
  .works-gallery .archive-media{height:clamp(300px,34vh,350px)}
  .works-gallery .archive-card:nth-child(1) .archive-media,
  .works-gallery .archive-card:nth-child(4) .archive-media,
  .works-gallery .archive-card:nth-child(8) .archive-media{height:clamp(360px,41vh,410px)}
  .works-gallery .archive-card:nth-child(2),
  .works-gallery .archive-card:nth-child(4),
  .works-gallery .archive-card:nth-child(6),
  .works-gallery .archive-card:nth-child(8){margin-top:clamp(24px,4vh,60px)}
}

/* Exhibitions */
@media (min-width:821px){
  .exhibit-grid{min-height:clamp(420px,calc(100svh - 220px),560px)}
  .exhibit-image{min-height:clamp(420px,calc(100svh - 220px),560px)}
  .exhibit-copy{padding:clamp(36px,4vh,54px)}
}
.exhibit-card{min-height:0;padding:20px 18px}

/* Contact */
.contact-section .contact-grid{align-items:stretch}
.contact-section .contact-panel{padding:clamp(22px,2.8vh,30px)}
.contact-section .contact-form{padding:clamp(22px,2.8vh,30px)}
.field textarea{min-height:120px}

/* Final CTA */
.final-cta{padding-block:clamp(52px,6vh,72px) clamp(32px,4vh,48px)}
.final-cta .final-visual{min-height:0!important}
.final-cta .final-portrait{height:clamp(290px,42vh,360px)}

/* Footer — no artificial extra bottom space */
.footer{padding-top:clamp(44px,5.5vh,58px);padding-bottom:12px;margin-bottom:0}
.footer-bottom{margin-top:28px;padding-top:12px;padding-bottom:0}

/* Tablet: keep sections compact without making type too small */
@media (max-width:820px){
  .section{padding-block:58px}
  .section-head{margin-bottom:24px;padding-bottom:16px}
  .page-hero{padding-block:100px 42px}
  .page-hero-grid{min-height:0}
  .page-hero-media{min-height:360px}
  .art-showcase{padding-block:58px}
  .art-showcase .feature-media{height:280px}
  .royal-section{padding-block:26px}
  .royal-section .collection-art{min-height:0}
  .royal-section .collection-copy{min-height:0;padding:38px 28px}
  .exhibit-grid,.exhibit-image{min-height:0}
  .works-gallery{padding-block:58px}
  .final-cta{padding-block:58px 40px}
}

/* Small phones: prioritize complete section visibility and readable text */
@media (max-width:520px){
  .section{padding-block:48px}
  .section-head{margin-bottom:20px;padding-bottom:14px}
  .art-showcase{padding-block:48px}
  .art-showcase .feature-media{height:250px}
  .royal-section{padding-block:20px}
  .royal-section .collection-copy{padding:30px 22px}
  .works-gallery{padding-block:50px}
  .page-hero{padding-block:90px 34px}
  .final-cta{padding-block:48px 32px}
}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important}
}


/* V27 — tighter visual rhythm across all pages.
   Spacing-only refinement: reduce vertical whitespace without changing content,
   global typography, card geometry, or artwork crops. */
:root{--vp-section-py-tight:clamp(34px,4.1vh,54px)}
.section{padding-block:var(--vp-section-py-tight)}
.section-head{margin-bottom:clamp(16px,2.2vh,24px);padding-bottom:clamp(10px,1.6vh,16px)}

@media (min-width:821px){
  .hero{padding-top:64px;min-height:clamp(500px,calc(100svh - 86px),640px)}
  .hero-grid{min-height:clamp(430px,calc(100svh - 154px),560px)}
  .hero-art{min-height:clamp(430px,calc(100svh - 154px),560px)}
  .info-item{padding:12px 16px;min-height:68px}

  .art-showcase{padding-block:clamp(42px,4.8vh,60px)}
  .art-showcase .featured-card:nth-child(2){margin-top:clamp(18px,2.2vh,28px)}
  .art-showcase .featured-card:nth-child(3){margin-top:clamp(28px,3.2vh,44px)}
  .art-showcase .feature-media{height:clamp(220px,27vh,280px)}

  .practice-section .approach-card{padding:18px 16px 22px}
  .practice-section .approach-icon{margin:14px 0 16px}

  .royal-section{padding-block:18px}
  .royal-section .collection-art{padding:14px 18px}
  .royal-section .collection-copy{padding:28px 34px}

  .story-section,.editorial-section{padding-block:clamp(38px,4.5vh,58px)}
  .collab-section{padding-block:clamp(38px,4.5vh,58px)}
  .collab-section .collab-intro{padding:16px 20px}
  .collab-section .collab-item{padding:18px 16px 22px}
  .journal-section{padding-block:clamp(42px,4.8vh,60px)}
  .journal-section .journal-card{padding:18px 18px 22px}

  .works-gallery{padding-block:clamp(46px,5.2vh,64px)}
  .page-hero{padding-block:76px 30px}
  .page-hero-grid{min-height:clamp(300px,calc(100svh - 280px),390px)}
  .page-hero-media{min-height:clamp(300px,calc(100svh - 280px),390px)}
  .editorial-split{gap:clamp(32px,3.4vw,48px)}

  .exhibit-grid,.exhibit-image{min-height:clamp(380px,calc(100svh - 250px),500px)}
  .exhibit-copy{padding:28px 30px}
  .exhibit-card{padding:16px}

  .contact-section .contact-panel,
  .contact-section .contact-form{padding:18px 20px}
  .final-cta{padding-block:42px 28px}
  .final-cta .final-portrait{height:clamp(260px,36vh,320px)}
  .footer{padding-top:36px;padding-bottom:8px}
  .footer-bottom{margin-top:20px;padding-top:10px;padding-bottom:0}
}

@media (min-width:821px) and (max-height:820px){
  .section{padding-block:34px}
  .hero{padding-top:54px;min-height:calc(100svh - 78px)}
  .hero-grid,.hero-art{min-height:calc(100svh - 140px)}
  .page-hero{padding-block:62px 26px}
  .page-hero-grid,.page-hero-media{min-height:300px}
  .final-cta{padding-block:36px 24px}
}

@media (max-width:820px){
  .section{padding-block:46px}
  .section-head{margin-bottom:20px;padding-bottom:14px}
  .page-hero{padding-block:76px 30px}
  .art-showcase{padding-block:46px}
  .royal-section{padding-block:22px}
  .works-gallery{padding-block:46px}
  .journal-section{padding-block:46px}
  .final-cta{padding-block:46px 30px}
  .footer{padding-top:38px;padding-bottom:8px}
}

@media (max-width:520px){
  .section{padding-block:38px}
  .section-head{margin-bottom:18px;padding-bottom:12px}
  .page-hero{padding-block:68px 26px}
  .art-showcase,.works-gallery,.journal-section{padding-block:38px}
  .royal-section{padding-block:18px}
  .final-cta{padding-block:38px 26px}
  .footer{padding-top:32px}
}

/* V31 — French uses the exact shared viewport/section sizing system as Arabic.
   No French-only spacing/height overrides remain; direction and language-specific typography stay unchanged. */
html[lang="fr"] .section,
html[lang="fr"] .section-head,
html[lang="fr"] .hero,
html[lang="fr"] .hero-grid,
html[lang="fr"] .hero-art,
html[lang="fr"] .art-showcase,
html[lang="fr"] .practice-section,
html[lang="fr"] .royal-section,
html[lang="fr"] .story-section,
html[lang="fr"] .editorial-section,
html[lang="fr"] .collab-section,
html[lang="fr"] .journal-section,
html[lang="fr"] .works-gallery,
html[lang="fr"] .page-hero,
html[lang="fr"] .exhibit-grid,
html[lang="fr"] .exhibit-image,
html[lang="fr"] .final-cta,
html[lang="fr"] .footer{box-sizing:border-box;}

/* V32 — French geometry parity with Arabic desktop composition.
   Typography/content remain French LTR; only shared spatial geometry is normalized. */
@media (min-width:821px){
  html[lang="fr"] .royal-section .collection-grid{
    height:670px;
    min-height:670px;
    max-height:670px;
    overflow:hidden;
  }
  html[lang="fr"] .royal-section .collection-art{
    height:100%;
    min-height:0;
    max-height:100%;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:34px;
  }
  html[lang="fr"] .royal-section .collection-art img{
    position:static;
    display:block;
    width:100%;
    height:auto;
    max-width:100%;
    max-height:100%;
    object-fit:contain;
  }
  html[lang="fr"] .royal-section .collection-copy{
    height:100%;
    min-height:0;
    max-height:100%;
    overflow:hidden;
    padding:52px 54px;
    justify-content:center;
  }
  html[lang="fr"] .royal-section .collection-copy h2{
    max-width:none;
    width:100%;
    font-size:clamp(48px,4.25vw,68px);
    line-height:1.04;
    margin:0 0 16px;
  }
  html[lang="fr"] .royal-section .collection-copy p{
    margin:0 0 18px;
    font-size:13px;
    line-height:1.85;
  }
  html[lang="fr"] .royal-section .collection-copy .tag-row{
    margin-bottom:18px;
  }
  html[lang="fr"] .page-hero-grid{
    min-height:clamp(300px,calc(100svh - 280px),390px);
  }
  html[lang="fr"] .exhibit-grid,
  html[lang="fr"] .exhibit-image{
    min-height:clamp(380px,calc(100svh - 250px),500px);
  }
}

@media (max-width:820px){
  html[lang="fr"] .royal-section .collection-grid{
    min-height:0;
  }
  html[lang="fr"] .royal-section .collection-art{
    min-height:0;
    max-height:none;
    overflow:hidden;
    padding:20px;
  }
  html[lang="fr"] .royal-section .collection-art img{
    position:static;
    width:100%;
    height:auto;
    max-width:100%;
    object-fit:contain;
  }
  html[lang="fr"] .royal-section .collection-copy{
    min-height:0;
    max-height:none;
    overflow:visible;
    padding:42px 32px;
  }
  html[lang="fr"] .royal-section .collection-copy h2{
    max-width:none;
    width:100%;
  }
}

@media (max-width:520px){
  html[lang="fr"] .royal-section .collection-art{padding:14px}
  html[lang="fr"] .royal-section .collection-copy{padding:34px 22px}
}


/* V33 — Exact French royal-collection geometry match with Arabic.
   Scope: French collection section only. Content and all other sections remain unchanged. */
@media (min-width:821px){
  html[lang="fr"] .royal-section .collection-grid{
    grid-template-columns:1.1fr .9fr !important;
    height:670px !important;
    min-height:670px !important;
    max-height:670px !important;
    overflow:hidden !important;
  }
  html[lang="fr"] .royal-section .collection-art,
  html[lang="fr"] .royal-section .collection-copy{
    height:670px !important;
    min-height:0 !important;
    max-height:670px !important;
    box-sizing:border-box;
    overflow:hidden !important;
  }
  html[lang="fr"] .royal-section .collection-art{
    padding:24px 28px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
  html[lang="fr"] .royal-section .collection-art img{
    position:static !important;
    display:block !important;
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:contain !important;
  }
  html[lang="fr"] .royal-section .collection-copy{
    padding:42px 48px !important;
    justify-content:center !important;
  }
  html[lang="fr"] .royal-section .collection-copy h2{
    width:100% !important;
    max-width:100% !important;
    margin:0 0 16px !important;
    font-size:clamp(44px,3.5vw,56px) !important;
    line-height:1.08 !important;
    letter-spacing:-.01em !important;
  }
  html[lang="fr"] .royal-section .collection-copy p{
    max-width:48ch !important;
    margin:0 0 18px !important;
    font-size:13px !important;
    line-height:1.8 !important;
  }
}