@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800&family=Noto+Serif+Arabic:wght@400;500;600;700&display=swap');
:root{--paper:#f5efe7;--paper2:#eee6dc;--ink:#1a1513;--muted:#776d66;--line:#d6cabe;--wine:#7d1f35;--wine-dark:#42101b;--cream:#fffaf4;--black:#111214;--white:#fff;--shadow:0 20px 52px rgba(58,31,23,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding-top:80px;background:var(--paper);color:var(--ink);font-family:'Cairo',Tahoma,Arial,sans-serif;line-height:1.75}a{color:inherit}.wrap{width:min(1240px,calc(100% - 48px));margin:auto}
.sitebar{position:fixed;top:0;left:0;right:0;z-index:80;height:80px;background:rgba(255,250,244,.97);backdrop-filter:blur(14px);border-bottom:1px solid rgba(125,31,53,.13)}.nav-wrap{height:80px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}.brand img{display:block;width:52px;height:52px;object-fit:contain}.site-links{display:flex;align-items:center;justify-content:center;gap:2px;min-width:0}.site-links a{text-decoration:none;font-size:.77rem;font-weight:700;padding:10px 9px;border-bottom:2px solid transparent;white-space:nowrap}.site-links a:hover,.site-links a.active{color:var(--wine);border-color:var(--wine)}.nav-actions{display:flex;align-items:center;gap:7px}.nav-icon{display:grid;place-items:center;width:34px;height:34px;border:1px solid #e2d6ca;text-decoration:none;border-radius:10px;font:700 .66rem Arial}.login-link{padding:8px 12px;background:var(--wine);color:#fff;text-decoration:none;border-radius:10px;font-size:.73rem;font-weight:700}
.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#f8f3ec 0%,#f3ece3 100%);padding:54px 0 82px}.hero:before{content:"";position:absolute;top:0;bottom:0;right:0;width:38%;background:var(--wine-dark)}.hero-stage{position:relative;display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);min-height:590px;align-items:center}.hero-copy{position:relative;z-index:5;padding:34px 0 34px 44px}.hero-kicker{display:flex;align-items:center;gap:10px;color:var(--wine);font:800 .64rem Arial;letter-spacing:.19em}.hero-kicker span{width:42px;height:1px;background:var(--wine)}.hero h1{font-family:'Noto Serif Arabic',serif;font-size:clamp(4.2rem,7vw,7.8rem);line-height:.95;font-weight:600;letter-spacing:-.035em;margin:18px 0 16px}.hero h1 em{display:block;color:var(--wine);font-style:normal}.hero h2{font-family:'Noto Serif Arabic',serif;font-weight:400;font-size:clamp(1.3rem,2vw,1.9rem);margin:0 0 16px}.hero-copy>p{max-width:590px;margin:0;color:#5f5650;font-size:.94rem;line-height:1.95}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:27px}.primary-action{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-width:205px;padding:12px 18px;background:var(--wine);color:#fff;text-decoration:none;font-weight:800;font-size:.82rem}.primary-action:hover{background:var(--wine-dark)}.secondary-action{color:var(--wine);font-size:.78rem;font-weight:700;text-underline-offset:6px}.hero-meta{display:grid;grid-template-columns:repeat(3,1fr);max-width:570px;margin-top:42px;border-top:1px solid var(--line)}.hero-meta div{padding:17px 0 0;border-inline-end:1px solid var(--line)}.hero-meta div:last-child{border:0}.hero-meta strong{display:block;font:500 1.65rem Georgia,serif;color:var(--wine)}.hero-meta span{color:#81776f;font-size:.68rem}
.hero-art{position:relative;z-index:3;min-height:550px}.hero-portrait{position:absolute;margin:0;right:3%;top:1%;width:76%;height:92%;overflow:hidden;background:#bfb9b3;box-shadow:0 24px 55px rgba(50,25,20,.17)}.hero-portrait img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 34%;filter:grayscale(1) contrast(1.04)}.hero-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(20,12,12,.58))}.hero-portrait figcaption{position:absolute;z-index:2;bottom:22px;right:23px;left:23px;color:#fff;display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:end}.hero-portrait figcaption span{grid-row:1/3;font:300 2.2rem Georgia,serif;color:#e7c9bd}.hero-portrait figcaption strong{font:600 .8rem Arial;letter-spacing:.14em}.hero-portrait figcaption small{font:.62rem Arial;color:#d8cbc6}.hero-editorial{position:absolute;left:0;top:13%;z-index:4;width:30%;padding:25px;background:#151515;color:#fff;display:flex;flex-direction:column;font:600 .62rem/1.7 Arial;letter-spacing:.22em}.hero-editorial b{font:500 1.6rem/1 Georgia,serif;color:#d9b6a8;margin-top:16px}.hero-line{position:absolute;left:13%;bottom:3%;width:53%;height:1px;background:rgba(255,255,255,.5);z-index:4}
.tools-shell{position:relative;z-index:10;margin-top:-36px}.tools-card{background:rgba(255,250,244,.98);border:1px solid var(--line);box-shadow:var(--shadow);padding:18px;display:grid;grid-template-columns:auto minmax(300px,1.35fr) minmax(170px,.65fr) minmax(160px,.6fr) auto;gap:10px;align-items:center}.tools-title{padding:0 6px 0 18px;border-left:1px solid var(--line);min-width:160px}.tools-title span{display:block;color:var(--wine);font:700 .55rem Arial;letter-spacing:.14em}.tools-title strong{font-family:'Noto Serif Arabic',serif;font-size:.95rem}.search-field{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);min-height:48px;padding:0 13px}.search-field input{border:0;outline:0;background:transparent;width:100%;font:inherit;font-size:.8rem}.search-field span{color:#968a81}select{min-height:48px;border:1px solid var(--line);background:#fff;padding:0 12px;font:inherit;font-size:.78rem;color:var(--ink)}.count{font-size:.7rem;color:var(--muted);white-space:nowrap}
.featured,.archive,.disciplines{padding:86px 0}.featured{background:#f7f1e9}.archive{background:#eee6dc}.disciplines{background:#f7f1e9}.section-head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:30px;margin-bottom:32px}.section-eyebrow{display:block;color:var(--wine);font:800 .62rem Arial;letter-spacing:.18em}.section-head h2{font-family:'Noto Serif Arabic',serif;font-size:clamp(2.15rem,3.6vw,3.55rem);font-weight:600;line-height:1.2;margin:4px 0 6px}.section-head p{margin:0;color:var(--muted);font-size:.86rem}.section-index{font:300 4.5rem/1 Georgia,serif;color:#c6b4a8}
.featured-grid{display:grid;grid-template-columns:1.18fr .82fr;grid-template-rows:repeat(2,minmax(250px,1fr));gap:14px}.feature{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:250px;text-decoration:none;background:#fffaf5;border:1px solid var(--line);overflow:hidden}.feature-large{grid-row:1/3;grid-template-columns:1fr;grid-template-rows:1.2fr .8fr}.feature-image{overflow:hidden;background:#ccc}.feature-image img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:.45s}.feature:hover .feature-image img{filter:grayscale(.15);transform:scale(1.025)}.feature-copy{padding:24px;display:flex;flex-direction:column;justify-content:end}.feature-copy>span{color:var(--wine);font-size:.66rem;font-weight:800}.feature-copy h3{font-family:'Noto Serif Arabic',serif;font-size:1.8rem;margin:3px 0 7px}.feature-copy p{font-size:.78rem;color:#665d57;margin:0 0 15px;line-height:1.75}.feature-copy b{color:var(--wine);font-size:.72rem}.feature-dark{background:#191817;color:#fff;border-color:#191817}.feature-dark .feature-copy p{color:#c8c1bc}.feature-dark .feature-copy>span,.feature-dark .feature-copy b{color:#d9b3a4}
.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.icon{min-width:0;background:#faf6f0;border:1px solid #d5c8bb;padding:0 0 17px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:.25s}.icon:hover{transform:translateY(-4px);box-shadow:0 15px 34px rgba(50,30,24,.08);border-color:#b29d8c}.icon .top{order:3;padding:13px 15px 0;display:flex;justify-content:space-between;gap:8px}.discipline{font-size:.65rem;color:var(--wine);font-weight:800}.era{font-size:.63rem;color:#8b817a;white-space:nowrap}.portrait{order:1!important;width:100%!important;height:auto!important;aspect-ratio:4/3;border:0!important;border-radius:0!important;margin:0!important;box-shadow:none!important;background:#d6d0c9!important;overflow:hidden;display:grid;place-items:center;position:relative}.portrait img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:.35s}.icon:hover .portrait img{filter:grayscale(.1)}.portrait.is-pending{background:linear-gradient(145deg,#ded7cf,#b8afa6)!important;color:#534b46!important;font-family:'Noto Serif Arabic',serif;font-size:2rem!important}.portrait.is-pending:after{content:'قيد التوثيق';position:absolute;top:10px;left:10px;background:rgba(255,250,244,.9);padding:3px 7px;font-size:.55rem;color:#5f544d}.icon h2{order:4;font-family:'Noto Serif Arabic',serif;margin:2px 15px 0;font-size:1.16rem;line-height:1.35}.en{order:5;margin:2px 15px 0;color:#91867e;font:500 .66rem Arial;direction:ltr;text-align:right}.meta{order:6;margin:3px 15px 0;color:#7d736d;font-size:.66rem}.impact{order:7;margin:8px 15px 12px;color:#5f5751;font-size:.73rem;line-height:1.72;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.reviewed{order:8;margin:0 15px 8px;font-size:.62rem;color:#6c615b}.reviewed:before{content:"•";margin-left:5px;color:var(--wine)}.open{order:9;margin:auto 15px 0;text-decoration:none;color:var(--wine);background:transparent!important;border:0!important;padding:0!important;font:800 .7rem 'Cairo';text-align:right;cursor:pointer}.open:after{content:"  ←"}.empty{display:none;text-align:center;padding:40px;color:var(--muted)}
.discipline-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.discipline-grid>a{position:relative;min-height:185px;background:#fbf7f1;text-decoration:none;padding:25px;display:flex;flex-direction:column;justify-content:flex-end;transition:.2s}.discipline-grid>a:hover{background:var(--wine);color:#fff}.discipline-no{position:absolute;top:18px;right:22px;font:300 2.8rem Georgia,serif;color:#c8b7ab}.discipline-grid>a:hover .discipline-no{color:rgba(255,255,255,.22)}.discipline-grid strong{font-family:'Noto Serif Arabic',serif;font-size:1.2rem;max-width:85%}.discipline-grid small{color:#857a72;font-size:.7rem;margin-top:4px}.discipline-grid>a:hover small{color:#e7d7d0}.discipline-grid i{position:absolute;left:22px;bottom:22px;font-style:normal;font-size:1.1rem;color:var(--wine)}.discipline-grid>a:hover i{color:#fff}
.legacy-band{background:#141414;color:#fff;padding:0}.legacy-inner{display:grid;grid-template-columns:.82fr 1.18fr;min-height:380px}.legacy-copy{padding:58px 54px 58px 0;display:flex;flex-direction:column;justify-content:center}.legacy-copy .section-eyebrow{color:#b99182}.legacy-copy h2{font-family:'Noto Serif Arabic',serif;font-size:clamp(2.6rem,4.3vw,4.25rem);line-height:1.17;margin:4px 0 13px}.legacy-copy p{color:#c8c0bb;font-size:.83rem;line-height:1.9;max-width:500px}.legacy-copy a{color:#efdcd3;text-decoration:none;font-size:.76rem;font-weight:700;margin-top:10px}.legacy-art{position:relative;margin:0;overflow:hidden;min-height:380px}.legacy-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.48) contrast(1.08)}.legacy-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,20,20,.55),transparent 55%)}.legacy-art figcaption{position:absolute;z-index:2;left:28px;bottom:28px;text-align:left;direction:ltr}.legacy-art figcaption b{display:block;font:500 2.4rem/.95 Georgia,serif}.legacy-art figcaption span{font:500 .72rem Arial;letter-spacing:.24em;color:#d6b7aa}
dialog{width:min(700px,calc(100% - 28px));max-height:88dvh;border:0;padding:0;background:#fff;color:var(--ink);box-shadow:0 30px 90px #0008}dialog::backdrop{background:#12080bd6}.modal-head{background:var(--wine-dark);color:#fff;padding:24px 28px}.modal-head h2{font-family:'Noto Serif Arabic',serif;margin:4px 0}.modal-body{padding:26px 28px;overflow:auto}.modal-body h3{color:var(--wine);font-size:1rem;margin:20px 0 5px}.close{float:left;width:36px;height:36px;border:1px solid #ffffff55;border-radius:50%;background:transparent;color:#fff;font-size:1.2rem}.next{background:#f1e9df;padding:14px;margin-top:20px}.note{color:var(--muted);font-size:.85rem}
.foot{background:#0f1720;color:#c5cbd2;padding:48px 0 0}.footer-main{display:grid;grid-template-columns:1.35fr .9fr .9fr 1fr;gap:36px;padding-bottom:40px;border-bottom:1px solid #26313c}.footer-main>div{display:flex;flex-direction:column;align-items:flex-start}.footer-brand img{width:62px;height:62px;object-fit:contain;margin-bottom:12px}.footer-brand p{color:#99a4af;font-size:.76rem;line-height:1.9;margin:0 0 14px;max-width:280px}.footer-main h3{color:#fff;font-size:.9rem;margin:0 0 13px}.footer-main a{color:#aeb8c1;text-decoration:none;font-size:.74rem;margin:4px 0}.footer-main a:hover{color:#f0b45c}.footer-contact{padding:8px 10px!important;border:1px solid #3c4650;border-radius:10px}.footer-note{font-size:.7rem;color:#808b96}.footer-bottom{display:flex;justify-content:space-between;gap:25px;padding:20px 0 24px;font-size:.68rem;color:#818c96}.footer-bottom a{color:#aeb8c1;text-decoration:none}
@media(max-width:1080px){.site-links a:nth-child(3),.site-links a:nth-child(5){display:none}.tools-card{grid-template-columns:minmax(260px,1.4fr) repeat(2,minmax(160px,.65fr)) auto}.tools-title{display:none}.grid{grid-template-columns:repeat(3,1fr)}.footer-main{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){body{padding-top:68px}.sitebar,.nav-wrap{height:68px}.site-links{display:none}.nav-wrap{grid-template-columns:auto 1fr}.nav-actions{justify-self:end}.hero{padding:32px 0 70px}.hero:before{width:100%;height:34%;top:auto}.hero-stage{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:28px 0 36px}.hero-art{min-height:480px}.hero-portrait{right:0;width:82%;height:92%}.hero-editorial{left:auto;right:0;top:10%;width:28%}.tools-card{grid-template-columns:1fr 1fr}.search-field{grid-column:1/-1}.count{grid-column:1/-1}.featured-grid{grid-template-columns:1fr;grid-template-rows:auto}.feature-large{grid-row:auto;grid-template-columns:1fr 1fr;grid-template-rows:auto}.grid{grid-template-columns:repeat(2,1fr)}.discipline-grid{grid-template-columns:repeat(2,1fr)}.legacy-inner{grid-template-columns:1fr}.legacy-copy{padding:46px 0}.legacy-art{min-height:300px}.footer-main{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.wrap{width:min(100% - 28px,1240px)}.login-link{display:none}.hero h1{font-size:3.75rem}.hero-meta{grid-template-columns:repeat(3,1fr)}.hero-meta span{font-size:.57rem}.hero-art{min-height:380px}.hero-portrait{width:88%;height:90%}.hero-editorial{display:none}.tools-shell{margin-top:-26px}.tools-card{grid-template-columns:1fr;padding:12px}.search-field{grid-column:auto}.count{grid-column:auto}.featured,.archive,.disciplines{padding:58px 0}.section-head{grid-template-columns:1fr}.section-index{display:none}.feature,.feature-large{grid-template-columns:1fr;grid-template-rows:210px auto}.feature-copy{padding:18px}.feature-copy h3{font-size:1.45rem}.grid{grid-template-columns:1fr 1fr;gap:9px}.discipline-grid{grid-template-columns:1fr}.discipline-grid>a{min-height:145px}.legacy-copy{padding:38px 0}.legacy-art{min-height:250px}.footer-main{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom>div+div{margin-top:8px}}
@media(max-width:390px){.grid{grid-template-columns:1fr}.hero h1{font-size:3.25rem}.hero-portrait{width:94%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* ===== Live layout correction · 2026-09-21 =====
   Root cause: full-viewport hero accent escaped the content composition and
   intrinsic featured-card heights stretched the editorial grid. */
.hero{background:#f7f1e9;padding:46px 0 66px}
.hero:before{display:none}
.hero-stage{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);min-height:520px;gap:0}
.hero-copy{padding:30px 48px 30px 0}
.hero-art{min-height:520px;background:var(--wine-dark);padding:34px 34px 34px 0;overflow:hidden}
.hero-portrait{position:relative;right:auto;top:auto;width:calc(100% - 42px);height:452px;margin:0 auto 0 0;box-shadow:none}
.hero-editorial{left:auto;right:0;top:58px;width:150px;padding:22px 18px;background:#171515}
.hero-line{left:34px;right:auto;bottom:24px;width:54%}
.tools-shell{margin-top:-25px}

.featured{padding-top:74px}
.featured-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);
  grid-template-rows:280px 280px;
  gap:14px;
}
.feature{min-height:0;height:280px;grid-template-columns:minmax(0,.48fr) minmax(0,.52fr)}
.feature-large{
  grid-row:1 / 3;
  height:574px;
  grid-template-columns:1fr;
  grid-template-rows:390px 184px;
}
.feature-large .feature-image{height:390px}
.feature-large .feature-copy{min-height:184px}
.feature:not(.feature-large) .feature-image{height:280px}
.feature:not(.feature-large) .feature-copy{height:280px;padding:22px}
.feature-copy{justify-content:flex-end}
.feature-copy p{max-width:32rem}
.feature-dark{min-height:0}

@media(max-width:1080px){
  .hero-copy{padding-left:24px}
  .hero-art{padding-right:24px}
  .hero-portrait{width:calc(100% - 24px)}
  .featured-grid{grid-template-columns:1.2fr .8fr}
}
@media(max-width:820px){
  .hero-stage{grid-template-columns:1fr;min-height:auto}
  .hero-copy{padding:26px 0 34px}
  .hero-art{min-height:410px;padding:24px 0;background:var(--wine-dark)}
  .hero-portrait{width:88%;height:365px;margin:auto}
  .hero-editorial{right:2%;top:46px}
  .hero-line{display:none}
  .featured-grid{display:grid;grid-template-columns:1fr;grid-template-rows:auto;gap:12px}
  .feature,.feature-large{height:auto;min-height:0;grid-row:auto}
  .feature-large{grid-template-rows:330px auto}
  .feature-large .feature-image{height:330px}
  .feature-large .feature-copy{min-height:0}
  .feature:not(.feature-large){grid-template-columns:minmax(150px,.42fr) minmax(0,.58fr)}
  .feature:not(.feature-large) .feature-image,.feature:not(.feature-large) .feature-copy{height:250px}
}
@media(max-width:560px){
  .hero{padding-top:24px}
  .hero-copy{padding-bottom:26px}
  .hero-art{min-height:330px;padding:18px 0}
  .hero-portrait{width:94%;height:295px}
  .hero-editorial{display:none}
  .featured-grid{gap:10px}
  .feature,.feature-large,.feature:not(.feature-large){grid-template-columns:1fr;grid-template-rows:215px auto}
  .feature-large .feature-image,.feature:not(.feature-large) .feature-image{height:215px}
  .feature:not(.feature-large) .feature-copy{height:auto;min-height:145px}
  .feature-large .feature-copy{min-height:145px}
}