:root{--bg:#070807;--bg2:#0d0e0c;--panel:#10110f;--ink:#eee8dc;--muted:#aaa396;--gold:#c4a268;--gold2:#755a31;--line:rgba(196,162,104,.23);--stone:#d8cdbb;--paper:#d8ccb9;--max:1280px;--ease:cubic-bezier(.2,.75,.25,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:Georgia,'Times New Roman',serif;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}img{max-width:100%;display:block}.grain:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.grain:after{content:'';position:fixed;inset:0;pointer-events:none;z-index:98;background:radial-gradient(circle at 50% 15%,transparent 0 35%,rgba(0,0,0,.32) 100%)}

.topbar{position:fixed;inset:0 0 auto;z-index:50;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4vw,70px);border-bottom:1px solid rgba(255,255,255,.055);background:linear-gradient(#070807ee,#0708079a);backdrop-filter:blur(18px)}.monogram{font-size:23px;letter-spacing:.18em;color:var(--gold);position:relative}.monogram:after{content:'';position:absolute;left:50%;bottom:-10px;width:18px;height:1px;background:var(--gold);transform:translateX(-50%) scaleX(0);transition:.35s}.monogram:hover:after{transform:translateX(-50%) scaleX(1)}.nav{display:flex;gap:clamp(15px,1.7vw,28px);font-family:Arial,sans-serif;font-size:10px;text-transform:uppercase;letter-spacing:.19em;color:#c5beb1;white-space:nowrap}.nav a{padding:30px 0 27px;position:relative;transition:.3s}.nav a:after{content:'';position:absolute;left:0;right:0;bottom:20px;height:1px;background:var(--gold);transform:scaleX(0);transition:.35s var(--ease)}.nav a:hover,.nav .active{color:var(--gold)}.nav a:hover:after,.nav .active:after{transform:scaleX(1)}.tools{display:flex;gap:10px}.tool{border:1px solid var(--line);padding:9px 13px;font:10px Arial,sans-serif;letter-spacing:.15em;background:rgba(5,5,5,.25);color:var(--ink);cursor:pointer;border-radius:999px;transition:.3s}.tool:hover{border-color:var(--gold);color:var(--gold)}.menu{display:none}.mobile-nav{display:none}
.hero{min-height:100svh;position:relative;display:flex;align-items:center;justify-content:flex-end;padding:120px clamp(24px,7vw,115px) 70px;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,4,.08) 0%,rgba(4,5,4,.2) 43%,rgba(4,5,4,.88) 70%,#070807 100%),linear-gradient(0deg,#070807 0%,transparent 30%),url('assets/hero-final.png') 42% center/cover no-repeat;filter:saturate(.72) contrast(1.05) brightness(.86);transform:scale(1.015);animation:heroBreath 18s ease-in-out infinite alternate}.hero:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 35% 47%,rgba(210,167,91,.12),transparent 22%),linear-gradient(90deg,transparent 0 62%,rgba(0,0,0,.1));pointer-events:none}@keyframes heroBreath{to{transform:scale(1.045) translateX(-.4%)}}
.hero-content{position:relative;z-index:2;width:min(620px,47vw);text-align:center;margin-top:20px}.eyebrow,.kicker{font:10px Arial,sans-serif;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}h1{font-size:clamp(56px,7.3vw,112px);line-height:.9;font-weight:400;letter-spacing:-.035em;margin:22px 0;text-shadow:0 12px 40px rgba(0,0,0,.4)}h1 span{display:block;font-size:.25em;letter-spacing:.27em;color:#ddd4c6;margin-top:22px}.lead{font-size:clamp(16px,1.4vw,21px);max-width:590px;margin:30px auto;color:#cbc3b6;line-height:1.9}.scroll{margin-top:36px;display:inline-flex;gap:14px;align-items:center;font:9px Arial,sans-serif;letter-spacing:.25em;text-transform:uppercase;color:#d7c7aa}.scroll i{display:block;width:42px;height:1px;background:linear-gradient(90deg,var(--gold),transparent);transition:.4s}.scroll:hover i{width:65px}
main{overflow:hidden}.section{padding:clamp(90px,10vw,150px) clamp(24px,5vw,80px);position:relative}.section:not(.light):before{content:'';position:absolute;left:5vw;right:5vw;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent)}.wrap{max-width:var(--max);margin:auto}.section-head{display:grid;grid-template-columns:100px 1fr;gap:38px;margin-bottom:70px}.num{font-size:12px;color:var(--gold);padding-top:13px;letter-spacing:.12em}.section h2{font-size:clamp(42px,5.9vw,82px);line-height:1.02;margin:0;font-weight:400;letter-spacing:-.03em}.intro{max-width:760px;font-size:20px;color:#c2bbaf;margin:28px 0 0;line-height:1.9}
.portal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.portal{min-height:460px;background:#0c0d0b;position:relative;padding:30px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;isolation:isolate}.portal:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,rgba(6,7,6,.97) 0%,rgba(6,7,6,.3) 60%,rgba(6,7,6,.12)),url('assets/moi3-1.jpg') center/cover;filter:grayscale(.55) sepia(.25) brightness(.62);transition:1s var(--ease)}.portal:nth-child(2):before{background-image:linear-gradient(0deg,rgba(6,7,6,.97),rgba(6,7,6,.3)),url('assets/per1.jpg')}.portal:nth-child(3):before{background-image:linear-gradient(0deg,rgba(6,7,6,.97),rgba(6,7,6,.3)),url('assets/moi7.jpg')}.portal:nth-child(4):before{background-image:linear-gradient(0deg,rgba(6,7,6,.97),rgba(6,7,6,.3)),url('assets/Book1.jpg')}.portal:after{content:'';position:absolute;inset:18px;border:1px solid transparent;z-index:-1;transition:.5s}.portal:hover:before{transform:scale(1.06);filter:grayscale(.25) sepia(.2) brightness(.72)}.portal:hover:after{border-color:rgba(196,162,104,.38)}.portal .glyph{display:none}.portal small{font:9px Arial,sans-serif;letter-spacing:.24em;color:var(--gold);position:relative}.portal h3{font-size:30px;font-weight:400;margin:9px 0 7px;position:relative}.portal p{color:#aaa397;font-size:14px;position:relative;margin-bottom:0}
.light{background:var(--paper);color:#171815}.light:before{display:none!important}.light .intro,.light .muted{color:#4e4a43}.timeline{border-top:1px solid #a99b84}.event{display:grid;grid-template-columns:175px 1fr 190px;gap:40px;padding:34px 0;border-bottom:1px solid #b8aa92;align-items:start;transition:.3s}.event:hover{padding-left:12px;padding-right:12px;background:rgba(255,255,255,.2)}.event time{font:11px Arial,sans-serif;letter-spacing:.16em}.event h3{margin:0;font-size:27px;font-weight:400}.event p{margin:8px 0 0;color:#625c52}.event .place{text-align:right;font-style:italic;color:#6e665b}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{border:1px solid var(--line);padding:34px;min-height:250px;background:linear-gradient(145deg,#131510,#0a0b09);transition:.45s var(--ease)}.card:hover{transform:translateY(-6px);border-color:rgba(196,162,104,.55);box-shadow:0 25px 60px rgba(0,0,0,.28)}.card h3{font-size:25px;font-weight:400;margin:13px 0}.card p{color:var(--muted)}
.books{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;perspective:1200px}.book{aspect-ratio:.68;background:linear-gradient(125deg,#263427,#111510);border:1px solid rgba(255,255,255,.12);padding:28px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-shadow:18px 24px 40px rgba(0,0,0,.3);transition:.55s var(--ease);overflow:hidden}.book:before{content:'';position:absolute;inset:10px;border:1px solid rgba(196,162,104,.28)}.book:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.08),transparent 60%);transform:translateX(-100%);transition:.8s}.book:hover{transform:translateY(-10px) rotateY(-5deg);box-shadow:30px 35px 60px rgba(0,0,0,.42)}.book:hover:after{transform:translateX(100%)}.book:nth-child(2){background:linear-gradient(125deg,#5b351e,#24140d)}.book:nth-child(3){background:linear-gradient(125deg,#cbc1ac,#817762);color:#191a17}.book:nth-child(4){background:linear-gradient(125deg,#242525,#050505)}.book small{font:8px Arial;letter-spacing:.22em}.book h3{font-size:26px;font-weight:400;line-height:1.25}.book b{position:absolute;bottom:24px;font-weight:400;color:var(--gold)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stat{padding:42px 24px;border-right:1px solid var(--line);text-align:center}.stat:last-child{border-right:0}.stat b{display:block;font-size:48px;font-weight:400;color:var(--gold)}.stat span{font:9px Arial,sans-serif;letter-spacing:.2em;color:var(--muted)}
.page-hero{padding:190px 5vw 90px;min-height:62vh;display:flex;align-items:flex-end;position:relative;overflow:hidden;background:#0b0c0a}.page-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080908 0%,rgba(8,9,8,.77) 48%,rgba(8,9,8,.3)),url('assets/hero-final.png') center/cover;filter:saturate(.65) brightness(.58)}.page-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#070807,transparent 45%)}.page-hero .wrap{position:relative;z-index:2;width:100%}.page-hero h1{font-size:clamp(58px,9vw,124px);margin:18px 0}.page-hero p{max-width:770px;font-size:20px;color:#c5beb1}.two{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.prose{font-size:18px;color:#c8c0b3}.prose p{margin:0 0 24px}.quote{font-size:clamp(29px,4vw,55px);line-height:1.3;color:#e5dccd;border-left:1px solid var(--gold);padding-left:34px}.big{font-size:clamp(48px,7vw,90px);font-weight:400;line-height:1}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:38px}.filter{background:none;border:1px solid var(--line);color:var(--ink);padding:10px 17px;font:9px Arial;letter-spacing:.17em;text-transform:uppercase;cursor:pointer}.filter.on,.filter:hover{background:var(--gold);color:#111;border-color:var(--gold)}.pub{display:grid;grid-template-columns:105px 1fr 95px;gap:25px;padding:28px 0;border-bottom:1px solid var(--line)}.pub .type,.pub .year{font:9px Arial;letter-spacing:.15em;color:var(--gold)}.pub h3{font-size:22px;font-weight:400;margin:0}.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.contact input,.contact textarea{width:100%;padding:15px 0;background:none;color:var(--ink);border:0;border-bottom:1px solid var(--line);outline:none;margin-bottom:18px}.contact textarea{min-height:130px}.contact button{background:var(--gold);border:0;padding:15px 25px;letter-spacing:.15em;cursor:pointer}
footer{padding:34px 5vw;border-top:1px solid rgba(255,255,255,.07);display:flex;justify-content:space-between;color:#857f74;font:9px Arial,sans-serif;letter-spacing:.19em}

.reveal {
  opacity: 0;
  transform: translateY(42px) scale(0.985);
  filter: blur(8px);
  transition:
    opacity 1s ease,
    transform 1.1s cubic-bezier(0.22, 1, 0.36, 1),
    filter 1s ease;
  will-change: opacity, transform, filter;
}

.reveal.seen {
  opacity: 1;
  transform: translateY(0) scale(1);
  filter: blur(0);
}

.is-ar{font-family:Tahoma,Arial,sans-serif}.is-ar .nav,.is-ar .eyebrow,.is-ar .kicker,.is-ar .tool,.is-ar .scroll,.is-ar .stat span,.is-ar .filter,.is-ar .pub .type,.is-ar .pub .year,.is-ar footer{font-family:Tahoma,Arial,sans-serif;letter-spacing:0}.is-ar h1,.is-ar h2,.is-ar h3,.is-ar .quote{letter-spacing:0}.is-ar .hero-content{text-align:right}.is-ar .lead{margin-right:0}.is-ar .section-head{grid-template-columns:1fr 100px}.is-ar .section-head .num{order:2}.is-ar .event .place{text-align:right}.is-ar .quote{border-left:0;border-right:1px solid var(--gold);padding-left:0;padding-right:34px}.is-ar .stat{border-right:0;border-left:1px solid var(--line)}.is-ar .stat:last-child{border-left:0}
@media(max-width:1120px){.nav{display:none}.menu{display:block}.mobile-nav{position:fixed;z-index:49;top:82px;right:18px;left:18px;padding:20px;background:#0c0d0cf5;border:1px solid var(--line);display:none;grid-template-columns:repeat(2,1fr);gap:10px;backdrop-filter:blur(18px)}.mobile-nav.open{display:grid}.mobile-nav a{padding:10px;font:10px Arial;letter-spacing:.1em}.hero{justify-content:center}.hero:before{background-position:42% center}.hero-content{width:min(650px,90vw);margin-top:48vh;background:linear-gradient(90deg,transparent,rgba(0,0,0,.5),transparent);padding:30px}

.portal-grid .portal,
.books .book,
.stats .stat,
.timeline .event {
  transition-delay: calc(var(--delay, 0) * 90ms);
}



cards{grid-template-columns:repeat(2,1fr)}.books{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.topbar{height:70px}.mobile-nav{top:70px}.hero{min-height:900px;padding:110px 20px 45px;align-items:flex-end}.hero:before{background-position:37% center;background-image:linear-gradient(0deg,#070807 0%,rgba(7,8,7,.2) 55%,rgba(7,8,7,.15)),url('assets/hero-final.png')}

.hero-content{width:100%;margin:0;padding:0;text-align:left;will-change: transform, opacity;}


.is-ar .hero-content{text-align:right}h1{font-size:58px}.section{padding:80px 22px}.section-head{grid-template-columns:1fr;gap:10px;margin-bottom:45px}.is-ar .section-head{grid-template-columns:1fr}.is-ar .section-head .num{order:0}.portal-grid,.cards,.books,.stats,.two,.contact{grid-template-columns:1fr}.portal{min-height:390px}.event{grid-template-columns:1fr;gap:8px}.event .place,.is-ar .event .place{text-align:left}.is-ar .event .place{text-align:right}.stats{border:0}.stat,.is-ar .stat{border-right:0;border-left:0;border-bottom:1px solid var(--line)}.pub{grid-template-columns:75px 1fr}.pub .year{display:none}.page-hero{padding:140px 22px 60px;min-height:52vh}.page-hero h1{font-size:57px}.page-hero p{font-size:17px}.section h2{font-size:43px}footer{flex-direction:column;gap:12px}.books .book{max-width:330px;width:100%;margin:auto}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
.editorial-image{max-width:var(--max);margin:0 auto;padding:0 5vw;display:grid;grid-template-columns:1.15fr .85fr;gap:18px;transform:translateY(-34px);position:relative;z-index:3}.editorial-image.single{grid-template-columns:1fr}.editorial-frame{height:500px;position:relative;overflow:hidden;border:1px solid var(--line);background:#111}.editorial-frame.portrait{height:500px}.editorial-frame img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.05) brightness(.82);transition:1.1s var(--ease)}.editorial-frame:hover img{transform:scale(1.025);filter:saturate(.85) contrast(1.04) brightness(.9)}.editorial-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,4,3,.75),transparent 42%)}.editorial-frame span{position:absolute;z-index:2;left:25px;bottom:20px;color:#ddd2c0;font:9px Arial,sans-serif;letter-spacing:.23em}.is-ar .editorial-frame span{left:auto;right:25px;font-family:Tahoma,Arial,sans-serif;letter-spacing:0}@media(max-width:700px){.editorial-image{grid-template-columns:1fr;padding:0 22px;transform:translateY(-20px)}.editorial-frame,.editorial-frame.portrait{height:360px}}

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

  .reveal {
    opacity: 1;
    transform: none;
    filter: none;
  }

  .page-transition {
    display: none;
  }
}

/* =========================
   PAGE TRANSITIONS
========================= */

.page-transition {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: #070807;
  pointer-events: none;

  opacity: 1;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);

  transition:
    opacity 0.55s ease,
    backdrop-filter 0.55s ease;

  will-change: opacity, backdrop-filter;
}

/* بعد فتح الصفحة */
.page-transition.is-ready {
  opacity: 0;
  backdrop-filter: blur(0);
  -webkit-backdrop-filter: blur(0);
}

/* عند مغادرة الصفحة */
.page-transition.is-leaving {
  opacity: 1;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
body {
  transition:
    opacity 0.45s ease,
    transform 0.55s cubic-bezier(0.22, 1, 0.36, 1),
    filter 0.45s ease;
}

body.page-exit {
  opacity: 0.55;
  transform: scale(0.985);
  filter: blur(5px);
}