@font-face{font-family:Tajawal;src:url('assets/tajawal-regular.woff') format('woff');font-weight:400;font-display:swap}@font-face{font-family:Tajawal;src:url('assets/tajawal-bold.woff') format('woff');font-weight:700;font-display:swap}
:root{--bg:#11120f;--paper:#e8e0cf;--dim:#a49f91;--red:#a74b3b;--line:#ffffff1c;--serif:'Amiri','Traditional Arabic','Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--paper);font-family:Tajawal,sans-serif;font-size:17px;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}body:after{content:'';position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.7' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--paper);outline-offset:7px}::selection{background:#833b32;color:#fff}h1,h2,p{margin:0}h1,h2{font-family:var(--serif);font-weight:400}em{font-style:normal;color:var(--red)}.skip{position:fixed;top:-80px;right:20px;background:var(--paper);color:#111;padding:15px;z-index:100}.skip:focus{top:10px}.progress{position:fixed;top:0;right:0;height:2px;width:100%;transform:scaleX(0);transform-origin:right;background:var(--red);z-index:50}.header{position:absolute;inset:0 0 auto;z-index:20;height:108px;display:flex;align-items:center;justify-content:space-between;padding:0 5.4%;border-bottom:1px solid #ffffff18;background:linear-gradient(#0a0b09a6,transparent)}.brand{display:flex;align-items:center;gap:14px;font-family:var(--serif);font-size:20px;line-height:1.15}.header nav{display:flex;gap:42px;font-size:14px}.header nav a{padding:12px 0;position:relative}.header nav a:after{content:'';position:absolute;bottom:0;right:0;width:0;height:1px;background:var(--red);transition:width .3s}.header nav a:hover:after{width:100%}.header-cta{border:1px solid #b8ad9160;padding:13px 22px;font-size:14px;display:flex;gap:32px;align-items:center}.header-cta:hover{background:#e8e0cf14}.hero{min-height:850px;height:100svh;max-height:1180px;position:relative;isolation:isolate;overflow:hidden}.hero-image{position:absolute;inset:0;background:url('assets/house-hero.webp') center center/cover no-repeat;z-index:-3;animation:arrival 2s ease-out both}.hero-shade{position:absolute;inset:0;background:linear-gradient(270deg,#0c0e0beb 0%,#0c0e0bc9 30%,#10120f40 60%,#0c0e0b05 100%),linear-gradient(0deg,#11120f 0%,transparent 32%,#0c0e0b20 80%);z-index:-2}.hero-content{position:relative;padding:190px 10% 110px 0;width:62%;animation:enter 1.1s .15s both}.eyebrow{font-size:13px;display:flex;align-items:center;gap:13px;color:#c7c0b0}.eyebrow>span{height:5px;width:5px;background:var(--red)}.eyebrow i{font-style:normal;color:#777465;margin:0 4px}h1{font-size:clamp(76px,7.5vw,126px);line-height:1.15;letter-spacing:-3px;margin:30px 0 22px}h1 em{color:#c2b393;position:relative}h1 em:after{content:'';position:absolute;right:0;bottom:7px;left:-4px;height:1px;background:var(--red);transform:rotate(-4deg)}.title-dot{color:var(--red)}.hero-line{font-size:20px;line-height:1.8;color:#b6b3a6;margin-bottom:30px}.button{border:0;display:inline-flex;justify-content:space-between;align-items:center;gap:42px;padding:18px 25px;font-size:15px;min-width:190px;transition:background .25s,transform .25s}.button-light{background:var(--paper);color:#171914}.button-light:hover{background:#fff4de;transform:translateY(-3px)}.button span{font-size:23px}.hero-caption{position:absolute;left:9%;bottom:19%;text-align:right;max-width:300px}.tiny{font-size:11px;letter-spacing:.5px;color:#b4ad99}.hero-caption p{font:25px/1.7 var(--serif);margin:10px 0 15px}.hairline{display:block;width:40px;height:1px;background:var(--red)}.hero-bottom{position:absolute;bottom:30px;right:5.4%;left:5.4%;border-top:1px solid #ffffff25;padding-top:24px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#aaa597}.hero-bottom a{display:flex;gap:16px}.english{font-family:Georgia,serif;font-size:9px;letter-spacing:2px}.muted{color:#716e61;margin:0 9px}.vertical-note{position:absolute;left:28px;top:40%;writing-mode:vertical-rl;font-size:10px;letter-spacing:3px;color:#aaa492}.warning{padding:58px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.warning>span{font-size:12px;color:var(--dim)}.warning p{font-family:var(--serif);font-size:clamp(25px,3vw,42px);color:#b9b3a3}.section-wrap{padding:90px 10%}.section-label{display:flex;justify-content:space-between;font-size:12px;color:var(--dim);border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:70px}.section-label>span:first-child{color:#d4c7ae}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%}.small-red{font-size:12px;color:#bd7865;display:block;margin-bottom:22px}h2{font-size:clamp(48px,4.8vw,78px);line-height:1.25;letter-spacing:-1px}.story-copy{padding-top:34px}.story-copy p{font-size:17px;line-height:2.1;color:#aaa99b;margin-bottom:22px}.story-copy .lead{font-size:21px;color:#ddd5c4;line-height:1.9}.text-link{display:inline-flex;justify-content:space-between;align-items:center;gap:55px;font-size:14px;border-bottom:1px solid #947c5a;padding:12px 0}.text-link span{transition:transform .25s}.text-link:hover span{transform:translateX(-6px)}.mini-door{width:45px;height:67px;border:1px solid #7e7460;margin-top:35px;position:relative}.mini-door:before{content:'';position:absolute;inset:5px;border:1px solid #7e7460}.mini-door:after{content:'';position:absolute;width:2px;height:2px;background:var(--paper);top:35px;left:12px}.mini-door span{position:absolute;inset:6px;background:linear-gradient(70deg,#a44c3a3b,transparent 60%)}.motifs{display:grid;grid-template-columns:repeat(3,1fr);margin-top:85px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.motifs>div{padding:34px 30px;position:relative}.motifs>div+div{border-right:1px solid var(--line)}.motif-no{font-family:Georgia,serif;color:#836a54;font-size:12px;position:absolute;left:28px;top:35px}.motifs strong{font-family:var(--serif);font-weight:400;font-size:30px}.motifs p{font-size:13px;color:var(--dim);margin-top:10px}.fragments{background:#1b1c17;border-top:1px solid #fff1;border-bottom:1px solid #fff1}.fragment-head{display:flex;justify-content:space-between;align-items:end;gap:40px}.fragment-head h2{font-size:clamp(40px,4.3vw,67px)}.fragment-head p{color:var(--dim);font-size:14px;line-height:1.9}.quote-room{margin-top:55px;position:relative;padding:56px 8% 0;border:1px solid #897d5d42;background:radial-gradient(ellipse at center,#65583b16,transparent 70%)}.quote-mark{position:absolute;right:24px;top:8px;font:110px/1 Georgia,serif;color:#7b654849}.quote-stage{min-height:195px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px}.quote-stage p{font:clamp(28px,3.3vw,48px)/1.6 var(--serif);max-width:780px}.quote-stage>span{font-size:12px;color:var(--dim)}.quote-controls{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:32px;padding:20px 0}.quote-dots{display:flex;gap:22px;direction:ltr}.quote-dots button{border:0;background:none;color:#797a6d;font-family:Georgia,serif;padding:8px 0;font-size:12px}.quote-dots button.active{color:#e9dfc8;border-bottom:1px solid var(--red)}.next-quote{background:none;border:1px solid #77725b6b;width:42px;height:42px;font-size:24px}.next-quote:hover{background:#ffffff0d}.book-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.book-art{position:relative;min-height:490px;display:flex;align-items:center;justify-content:center;flex-direction:column;perspective:1200px}.book-halo{position:absolute;width:350px;height:350px;border:1px solid #b3a08020;border-radius:50%;z-index:-1}.book-halo:after{content:'';position:absolute;inset:-35px;border:1px solid #b3a0800b;border-radius:50%}.book-object{width:248px;position:relative;transform:rotateY(-13deg) rotateZ(-5deg);box-shadow:-20px 30px 40px #0009,4px 3px 0 #5c594d,8px 5px 0 #b2a995;transition:transform .7s}.book-object:hover{transform:rotateY(-5deg) rotateZ(-2deg)}.book-object:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0005,transparent 6%,#ffffff14 9%,transparent 12%);pointer-events:none}.book-object img{width:100%;height:auto;display:block}.book-caption{font-size:10px;color:#8d897a;margin-top:40px}.author-copy>p{font-size:17px;color:var(--dim);line-height:2;margin-top:28px}.author-copy dl{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin:28px 0}.author-copy dl>div{padding:16px 0;border-bottom:1px solid var(--line)}dt{font-size:11px;color:#928d7e;margin-bottom:8px}dd{margin:0;font-size:14px}.threshold{position:relative;isolation:isolate;overflow:hidden;text-align:center;padding:110px 20px 85px;border-top:1px solid var(--line);background:radial-gradient(ellipse at 50% 100%,#55352620,transparent 70%)}.threshold-lines{position:absolute;z-index:-1;top:55px;bottom:-2px;left:50%;transform:translateX(-50%);width:470px;border:1px solid #a8996d25}.threshold-lines:after{content:'';position:absolute;inset:15px;border:1px solid #a8996d15}.threshold h2{font-size:clamp(65px,6.8vw,104px);line-height:1.2}.threshold>p{font-size:16px;line-height:1.9;color:#aaa595;margin:25px 0 28px}.threshold .button{min-width:220px}.share-button{display:block;margin:24px auto 0;background:transparent;border:0;font-size:12px;color:var(--dim)}.share-button span{padding-right:12px}.threshold .share-status{margin:8px 0 0;min-height:20px;font-size:12px}footer{padding:30px 5.4%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);gap:24px;font-size:11px;color:#908b7c}.footer-title{font:22px var(--serif);color:var(--paper)}dialog{background:#e8e0cf;color:#27281f;border:0;max-width:660px;width:calc(100% - 36px);padding:65px 55px;box-shadow:0 20px 100px #0009}dialog::backdrop{background:#050706d9;backdrop-filter:blur(8px)}.dialog-close{position:absolute;left:20px;top:15px;border:0;background:none;font:30px Georgia,serif;padding:5px 12px}dialog h2{font-size:48px}.dialog-label{display:block;font-size:12px;color:#77705d;margin:8px 0 28px}dialog p{font:28px/1.9 var(--serif)}.dialog-footer{border-top:1px solid #27281f33;padding-top:20px;margin-top:30px;display:flex;justify-content:space-between;font-size:13px}.dialog-footer span{color:#726b5b}.will-reveal{opacity:0;transform:translateY(20px);transition:opacity .85s,transform .85s}.will-reveal.visible{opacity:1;transform:none}@keyframes arrival{from{transform:scale(1.035);filter:blur(3px)}to{transform:scale(1);filter:blur(0)}}@keyframes enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1700px){.hero-content{padding-top:220px}.section-wrap{padding-left:max(10%,calc((100% - 1300px)/2));padding-right:max(10%,calc((100% - 1300px)/2))}}
@media(max-width:1000px){.hero-content{padding-right:7%;width:75%}h1{font-size:90px}.hero-caption{left:6%;bottom:17%}.story-grid,.book-grid{gap:7%}.section-wrap{padding:75px 7%}.header nav{gap:25px}.warning{padding:40px 6%}.warning>span{max-width:90px;line-height:1.7}.hero-bottom .english{display:none}.book-object{width:215px}.fragment-head{align-items:start;flex-direction:column;gap:20px}.quote-stage{min-height:220px}}
@media(max-width:650px){.header{height:86px;padding:0 6%}.brand{font-size:18px;gap:9px}.brand img{width:25px}.header nav{gap:18px;font-size:12px}.header nav a:last-child{display:none}.header-cta{display:none}.hero{min-height:780px;height:100svh;max-height:950px}.hero-content{padding:155px 8% 0 6%;width:100%}.hero-image{background-position:34% center}.hero-shade{background:linear-gradient(270deg,#0b0e0bd9,#0b0e0b50),linear-gradient(0deg,#11120f,transparent 55%)}h1{font-size:clamp(70px,17vw,100px);letter-spacing:-2px;margin:32px 0 20px}.eyebrow{font-size:11px;gap:9px}.hero-line{font-size:18px;margin-bottom:25px}.button{font-size:14px;padding:15px 22px}.hero-caption{bottom:106px;left:8%;right:8%;max-width:none;text-align:left}.hero-caption p{font-size:23px}.hero-caption .tiny{font-size:10px}.hero-caption .hairline{margin-right:auto}.hero-bottom{font-size:10px;bottom:24px;padding-top:18px;right:8%;left:8%}.vertical-note{display:none}.warning{flex-direction:column;gap:15px;padding:36px 20px}.warning>span{max-width:none;font-size:10px}.warning p{font-size:29px;text-align:center}.section-wrap{padding:58px 8%}.section-label{margin-bottom:40px;font-size:10px;padding-bottom:18px}.story-grid,.book-grid{grid-template-columns:1fr;gap:30px}h2{font-size:55px}.story-title{position:relative}.mini-door{position:absolute;bottom:10px;left:10px;width:33px;height:55px}.story-copy{padding-top:0}.story-copy p{font-size:16px;line-height:2}.story-copy .lead{font-size:20px}.motifs{margin-top:45px}.motifs>div{padding:30px 12px 24px}.motif-no{position:static;display:block;margin-bottom:14px;font-size:10px}.motifs strong{font-size:25px}.motifs p{font-size:11px;line-height:1.7}.fragment-head h2{font-size:41px}.fragment-head p{font-size:13px}.quote-room{margin-top:30px;padding:48px 8% 0}.quote-stage{min-height:230px}.quote-stage p{font-size:32px;line-height:1.65}.quote-stage>span{font-size:10px}.quote-mark{font-size:85px;right:15px}.book-art{min-height:420px;order:2}.book-object{width:215px}.book-halo{width:280px;height:280px}.author-copy{order:1}.author-copy h2{font-size:51px}.author-copy p{font-size:16px}.threshold{padding:85px 20px 65px}.threshold-lines{width:82%;top:35px}.threshold h2{font-size:77px}.threshold .small-red{font-size:11px}footer{padding:28px 8%;flex-wrap:wrap;justify-content:space-between;font-size:10px}.footer-title{font-size:23px;width:100%}footer p{font-size:10px}dialog{padding:58px 28px 35px}dialog h2{font-size:40px}dialog p{font-size:25px}.dialog-footer{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.will-reveal{opacity:1;transform:none}}