:root{--bg:#08151c;--ink:#f5f1e8;--muted:#aab6bb;--gold:#d6a75d;--border:#416271;--deep:#09151d;--panel:#102631}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Cairo",Tahoma,Arial,sans-serif;line-height:1.65}button,a{font:inherit}a{color:inherit}button{cursor:pointer}::selection{background:var(--gold);color:var(--deep)}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.skip-link{position:absolute;top:-100px;right:20px;z-index:100;padding:10px 16px;background:var(--gold);color:#111}.skip-link:focus{top:12px}.site-shell{overflow:hidden}.section-wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto}
.topbar{height:88px;width:100%;position:absolute;inset:0 0 auto;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,4.5vw,80px);gap:24px;border-bottom:1px solid #b3c9ca24;background:linear-gradient(180deg,#07151ce3,#0c1d2790);backdrop-filter:blur(10px);direction:ltr}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font:900 24px/1 "Barlow Condensed",Impact,sans-serif;letter-spacing:.075em;white-space:nowrap}.brand b{color:var(--gold);font-weight:800}.brand small{display:block;font:500 9px/1.8 "Barlow Condensed",sans-serif;letter-spacing:.3em;color:#9bafae}.brand-sigil{font:normal 38px Georgia,serif;color:var(--gold);border:1px solid #c89e5766;display:grid;place-items:center;width:45px;height:48px;clip-path:polygon(50% 0,96% 25%,96% 75%,50% 100%,4% 75%,4% 25%)}.topbar nav{display:flex;align-items:center;gap:clamp(13px,2vw,35px);direction:rtl}.topbar nav a{text-decoration:none;font-size:13px;font-weight:800;white-space:nowrap;color:#c6d2d2;transition:color .2s}.topbar nav a:hover{color:var(--gold)}.nav-cta{text-decoration:none;color:#111a1b;background:var(--gold);font-size:13px;font-weight:900;padding:12px 20px;white-space:nowrap;transition:background .2s,transform .2s}.nav-cta:hover{background:#f0c57a;transform:translateY(-2px)}
.hero{height:min(850px,100svh);min-height:700px;position:relative;background:#071b24;overflow:hidden;isolation:isolate}.room{position:absolute;inset:0;background:linear-gradient(90deg,#122e37 0,#23444b 37%,#132c38 68%,#1b3840 100%);overflow:hidden;transform:translateZ(0)}.room:before{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 130px,#00000012 131px 133px),radial-gradient(circle at 50% 20%,transparent 2%,#0712197a 90%);mix-blend-mode:multiply}.room:after{content:"";position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(0deg,#0b151bda,transparent);z-index:8;pointer-events:none}.ceiling{position:absolute;inset:0 0 auto;height:115px;background:linear-gradient(180deg,#111d22 0%,#2e3b40 60%,#576469 100%);box-shadow:0 12px 28px #0009;z-index:1;transform:skewY(-1deg);transform-origin:top left}.ceiling:before,.ceiling:after{content:"";position:absolute;background:#141f26;box-shadow:0 0 15px #0008}.ceiling:before{height:24px;top:12px;width:100%;transform:rotate(-1deg)}.ceiling:after{width:360px;height:18px;top:48px;left:36%;transform:rotate(3deg)}.ceiling span{position:absolute;top:15px;width:180px;height:16px;background:#d1d9d6ab;filter:blur(2px);box-shadow:0 0 24px #f3ffff85;left:15%}.ceiling span:nth-child(2){left:70%;width:150px}.ceiling span:nth-child(3){top:50px;left:44%;width:140px;opacity:.6}
.room-banner{position:absolute;top:112px;left:25%;right:0;height:110px;background:linear-gradient(180deg,#162935,#1b3443);border-bottom:4px solid #c69b55;display:flex;direction:rtl;align-items:center;justify-content:center;gap:28px;z-index:2;box-shadow:0 8px 26px #0006;transform:skewY(-1.6deg)}.room-seal{font-size:60px;line-height:1;color:var(--gold)}.arabic-sign{font-size:clamp(28px,3.5vw,59px);font-weight:900;white-space:nowrap;text-shadow:0 2px 0 #0005}.sign-divider{height:60%;width:3px;background:#dbab56}.english-sign{font:800 clamp(21px,2.7vw,46px)/1 "Barlow Condensed",sans-serif;letter-spacing:.035em;text-align:left}.english-sign small{display:block;color:var(--gold);font:600 14px/1.9 "Barlow Condensed",sans-serif;letter-spacing:.13em;text-align:center}
.bulletin{position:absolute;top:145px;bottom:260px;left:-20px;width:25%;background:linear-gradient(180deg,#485a5d,#82918b 70%,#1a3e43);border:9px solid #1b2830;display:flex;align-items:center;justify-content:space-evenly;gap:7px;direction:ltr;box-shadow:0 3px 20px #0006;z-index:1}.bulletin b{position:absolute;top:8px;font-weight:900;font-size:24px;color:#18252b}.bulletin span{background:#ede9d5;color:#38474b;box-shadow:4px 6px 0 #0002;display:block;padding:32px 4px;width:30%;text-align:center;font:600 15px "Barlow Condensed",sans-serif;transform:rotate(-3deg)}.bulletin span:nth-of-type(2){transform:rotate(3deg)}.room-number{position:absolute;top:278px;left:33%;z-index:3;display:flex;flex-direction:column;align-items:center;width:145px;background:#173744;border:5px solid #40555d;padding:5px 0;color:#ecf1ed;box-shadow:0 15px 38px #0008}.room-number b{font:900 108px/.95 "Barlow Condensed",sans-serif}.room-number small{font:600 12px/2 "Barlow Condensed",sans-serif;letter-spacing:.12em;color:var(--gold)}.observation{position:absolute;top:240px;right:4%;width:39%;height:285px;border:14px solid #152832;outline:3px solid #48606a;background:radial-gradient(circle at 38% 49%,#26424a,#050d13 54%,#03080b);box-shadow:inset 0 0 80px #000,0 20px 30px #0008;z-index:2;text-align:center;color:#a6bec0;font-size:20px;font-weight:900}.observation span{display:block;opacity:.28;margin-top:13px}.observation small{font:600 11px "Barlow Condensed",sans-serif;letter-spacing:.22em;color:var(--gold);opacity:.25}.observer{position:absolute;bottom:0;left:42%;width:75px;height:120px;background:linear-gradient(90deg,#0b1219,#182530,#0b1219);clip-path:polygon(38% 0,62% 0,76% 22%,95% 34%,100% 100%,0 100%,4% 34%,23% 22%);opacity:.8}.observer:before{content:"";display:block;width:27px;height:40px;background:#253b3b;border-radius:50%;margin:0 auto;filter:brightness(.75)}
.floor-light{position:absolute;top:40%;left:25%;width:55%;height:38%;border-radius:50%;background:radial-gradient(ellipse,#d9ecde32,transparent 65%);filter:blur(35px);z-index:2}
.suspects{position:absolute;inset:41% 0 0;z-index:5;direction:ltr}.suspect{position:absolute;bottom:9%;width:20%;height:66%;border:0;background:transparent;padding:0;isolation:isolate;filter:drop-shadow(0 12px 15px #000a);transition:filter .2s}.suspect:hover,.suspect.is-selected{filter:drop-shadow(0 0 22px var(--mask-accent))}.suspect:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:14px}.far-left{left:3%;width:17%;transform:scale(.92);transform-origin:bottom center}.mid-left{left:27%;width:19%}.mid-right{left:50%;width:19%;transform:scale(1.08);transform-origin:bottom center}.far-right{right:3%;width:20%}.suspect-body{position:absolute;bottom:0;left:0;right:0;height:63%;background:linear-gradient(100deg,#0b111e,#20354c 45%,#09151e 100%);clip-path:polygon(30% 0,42% 0,50% 15%,58% 0,70% 0,88% 10%,100% 34%,94% 100%,6% 100%,0 34%,12% 10%);border-radius:38px 38px 8px 8px;box-shadow:inset 0 -15px 25px #000b}.suspect-emerald .suspect-body{background:linear-gradient(100deg,#151b31,#414a6c 48%,#151727)}.suspect-ivory .suspect-body{background:linear-gradient(100deg,#56656a,#d2d8d7 48%,#68777c)}.suspect-midnight .suspect-body{background:linear-gradient(100deg,#133152,#345d8b 48%,#102d49)}.suspect-bronze .suspect-body{background:linear-gradient(100deg,#151b1d,#30363a 48%,#0a1015)}.suit-shirt{position:absolute;top:0;left:34%;width:32%;height:40%;background:linear-gradient(90deg,#e5ded0,#faf9ed,#b9bec1);clip-path:polygon(0 0,50% 55%,100% 0,70% 100%,30% 100%)}.suit-tie{position:absolute;left:46%;top:6%;width:8%;height:26%;background:var(--mask-accent);clip-path:polygon(50% 0,100% 30%,66% 100%,34% 100%,0 30%)}.suspect-head{position:absolute;width:45%;min-width:85px;max-width:170px;top:1%;left:50%;transform:translateX(-50%);z-index:2;filter:drop-shadow(0 3px 10px #000c);will-change:transform}.mask-svg{display:block;width:100%;height:auto}.suspect-head:before{content:"";position:absolute;inset:8% 6% 6%;border-radius:48%;box-shadow:0 0 33px var(--mask-color);opacity:.7;z-index:-1}.suspect-number{position:absolute;bottom:7%;left:44%;font:700 23px "Barlow Condensed",sans-serif;color:#1e2a31;background:#c8c9bc;border:2px solid #49595b;padding:1px 8px;transform:rotate(-7deg)}
.interrogation-table{position:absolute;z-index:7;bottom:-90px;left:12%;right:5%;height:300px;background:repeating-linear-gradient(165deg,#1a262b 0,#2e3738 12px,#283236 28px,#1a252a 38px);clip-path:polygon(15% 2%,87% 2%,100% 100%,0 100%);border-top:11px solid #4c5d5f;box-shadow:0 -15px 38px #0009;transform:perspective(650px) rotateX(22deg)}.table-rim{position:absolute;inset:0;border-top:10px solid #172c32}.table-paper{position:absolute;width:95px;height:65px;background:#929587;box-shadow:7px 7px 8px #0008;opacity:.55}.p1{top:18%;left:25%;transform:rotate(-17deg)}.p2{top:35%;left:60%;transform:rotate(14deg)}.p3{top:8%;left:80%;transform:rotate(-4deg)}.table-number{position:absolute;top:10%;background:#c7c7b8;color:#303536;padding:0 10px;font:800 25px "Barlow Condensed",sans-serif}.n1{left:24%}.n2{right:20%}
.hero-scrim{position:absolute;z-index:9;inset:0;pointer-events:none;background:linear-gradient(90deg,#06121bcf 0,transparent 76%),linear-gradient(0deg,#061219f7 0,#0612198e 19%,transparent 68%)}.hero-content{position:absolute;z-index:11;left:clamp(25px,5vw,95px);right:clamp(22px,5vw,95px);bottom:clamp(66px,9vh,116px);text-align:left;pointer-events:none}.hero-content>*{pointer-events:auto}.hero-kicker{display:inline-flex;align-items:center;gap:12px;font:700 15px/1 "Barlow Condensed",sans-serif;letter-spacing:.14em;color:#edbd75;border:1px solid #bfa46b69;background:#0c2431cc;padding:9px 14px;direction:ltr}.pulsing-dot{background:#e5b463;width:7px;height:7px;border-radius:50%;box-shadow:0 0 10px #ffd990;animation:pulse 2s infinite}.hero-kicker-dash{color:#668a92}@keyframes pulse{50%{opacity:.3}}h1,h2,h3,p{margin-top:0}.hero h1{margin:15px 0 0;font:900 clamp(85px,12.2vw,220px)/.82 "Barlow Condensed",Impact,sans-serif;letter-spacing:-.018em;text-shadow:0 10px 38px #0008;white-space:nowrap}.hero h1 span{color:var(--gold)}.hero-content p{color:#e4eeee;font-size:clamp(15px,1.5vw,21px);font-weight:700;margin:24px 0 27px;direction:rtl;text-align:left}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;direction:rtl;justify-content:flex-end}.button{display:inline-flex;align-items:center;justify-content:center;gap:17px;text-decoration:none;font-weight:900;font-size:14px;padding:13px 24px;min-height:53px;transition:transform .23s,background .23s,box-shadow .23s;direction:rtl}.button:hover{transform:translateY(-3px)}.button-gold{background:var(--gold);color:#15242a;box-shadow:0 12px 28px #0005}.button-gold:hover{background:#f2cb84;box-shadow:0 13px 27px #d5a75a22}.button-glass{background:#15303ab8;color:#f6eee2;border:1px solid #b5c7c76b}.button-glass:hover{background:#2b4b53}.hero-rail{position:absolute;z-index:13;right:4%;bottom:85px;display:flex;align-items:center;gap:14px;writing-mode:vertical-rl;font:600 11px "Barlow Condensed",sans-serif;letter-spacing:.13em;color:#d8b174}.rail-line{height:55px;width:1px;background:#d8b174}
.case-ticker{height:58px;background:#c6a16a;color:#0c1c25;display:flex;align-items:center;overflow:hidden;white-space:nowrap;direction:ltr;border-block:1px solid #dfbd80}.ticker-content{font:800 18px "Barlow Condensed",sans-serif;letter-spacing:.21em;word-spacing:1em;animation:marquee 34s linear infinite}.ticker-content span{margin:0 22px}@keyframes marquee{to{transform:translateX(-28%)}}
.masks-section{padding-top:114px;padding-bottom:120px;scroll-margin-top:35px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:36px}.eyebrow{font:700 15px "Barlow Condensed",sans-serif;letter-spacing:.11em;color:#d8b275}.small-square{display:inline-block;width:8px;height:8px;background:#d8b275;margin-left:10px}.section-top h2,.about-text h2{font-size:clamp(34px,4.5vw,69px);line-height:1.3;font-weight:900;margin:10px 0}.section-top h2 em,.about-text h2 em{color:var(--gold);font-style:normal}.section-intro{font-size:15px;line-height:1.9;color:#a8b6bc;max-width:550px;margin:0}.section-index{text-align:left;color:#b89d70;font:700 18px "Barlow Condensed",sans-serif;letter-spacing:.13em;white-space:nowrap}.section-index small{display:block;font-size:12px;color:#728991;letter-spacing:.13em}.case-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;direction:ltr}.case-card{position:relative;text-align:left;padding:18px 19px 20px;border:1px solid #3a5360;background:linear-gradient(165deg,#142934,#071821 87%);min-height:375px;color:var(--ink);overflow:hidden;isolation:isolate;transition:border .24s,transform .24s,box-shadow .24s}.case-card:before{content:"";position:absolute;inset:-35% -50% 4%;z-index:-1;background:radial-gradient(ellipse at 50% 42%,var(--mask-color),transparent 59%);opacity:.25;transition:opacity .35s}.case-card:after{content:"";position:absolute;inset:0;border:1px solid transparent;pointer-events:none}.case-card:hover,.case-card.is-selected{border-color:var(--mask-accent);transform:translateY(-4px);box-shadow:0 18px 60px #0004}.case-card:hover:before,.case-card.is-selected:before{opacity:.41}.case-id{position:relative;z-index:2;font:700 13px "Barlow Condensed",sans-serif;letter-spacing:.16em;color:#bfcbca;display:flex;justify-content:space-between}.case-dot{font-size:10px;color:var(--mask-accent);filter:drop-shadow(0 0 5px var(--mask-accent))}.case-portrait{display:block;position:relative;isolation:isolate;width:clamp(95px,70%,185px);margin:16px auto 8px;filter:drop-shadow(0 9px 15px #0009)}.case-portrait:before{content:"";position:absolute;inset:5% 5%;background:var(--mask-color);opacity:.22;filter:blur(32px);z-index:-1}.case-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;direction:rtl;border-top:1px solid #6a7a783e;padding-top:18px;text-align:right}.case-name{font-size:19px;font-weight:900;display:block;white-space:nowrap}.case-bottom small{color:var(--mask-accent);font:700 13px "Barlow Condensed",sans-serif;letter-spacing:.1em}.case-arrow{font-size:28px;color:var(--mask-accent)}
.selected-file{margin-top:18px;border:1px solid #3d5c66;background:linear-gradient(100deg,#102b34,#0d212b);padding:21px 29px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative}.selected-file:before{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:var(--gold)}.selected-label{font-size:12px;color:var(--gold);letter-spacing:.03em}.selected-file h3{font-size:20px;margin:4px 0 0}.selected-file p{font-size:13px;color:#b5c2c7;margin:0}.file-stamp{font:700 17px/1.2 "Barlow Condensed",sans-serif;letter-spacing:.13em;color:#aa8970;border:3px solid #aa8970;padding:10px;transform:rotate(-6deg);opacity:.78;text-align:center}
.about-section{border-top:1px solid #46606b;background:radial-gradient(circle at 18% 50%,#2749555a,transparent 41%),linear-gradient(160deg,#0c2631,#071820);padding:95px 0 100px}.about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:8%;align-items:center}.about-text p{font-size:16px;color:#b4c6c8;line-height:2;max-width:620px}.about-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:25px}.privacy-link{color:#dbc099;font-weight:700;text-underline-offset:6px}.about-crest{grid-column:2;grid-row:1;border:2px solid #97794d;background:repeating-linear-gradient(-10deg,#09212b 0,#09212b 29px,#102e38 30px,#102e38 58px);min-height:340px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;clip-path:polygon(8% 0,92% 0,100% 14%,100% 86%,92% 100%,8% 100%,0 86%,0 14%);outline:5px solid #92734e}.about-crest>span{font:normal 100px Georgia,serif;color:var(--gold);line-height:1}.about-crest div{font:900 82px/.9 "Barlow Condensed",sans-serif;letter-spacing:.1em}.about-crest small{font:700 13px "Barlow Condensed",sans-serif;letter-spacing:.24em;color:var(--gold)}
footer{background:#061219;border-top:1px solid #395463;padding:32px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;direction:ltr;flex-wrap:wrap}.footer-logo{font:900 25px "Barlow Condensed",sans-serif;text-decoration:none;letter-spacing:.06em}.footer-logo span{color:var(--gold)}.footer-inner>span{font:500 12px "Barlow Condensed",sans-serif;letter-spacing:.04em;color:#8eaaae}.footer-inner>div{display:flex;gap:21px}.footer-inner>div a{font:600 13px "Barlow Condensed",sans-serif;color:#aec1c5;text-decoration:none}.footer-inner a:hover{color:var(--gold)}
/* Keep the separate privacy.html page readable after the redesign. */
body:has(.content) .shell{width:min(1020px,calc(100% - 52px));margin-inline:auto}body:has(.content) header{background:#0b2029}body:has(.content) .nav{display:flex;align-items:center;justify-content:space-between;padding:20px 0;gap:20px}body:has(.content) .nav .brand{font:900 26px "Barlow Condensed",sans-serif;text-decoration:none}body:has(.content) .nav .brand span{color:var(--gold)}body:has(.content) .nav nav{display:flex;gap:24px}body:has(.content) .nav nav a{font-size:14px;text-decoration:none}body:has(.content) .content{padding:70px 0 90px;max-width:820px}body:has(.content) .content h1{font-size:52px}body:has(.content) .content h2{font-size:24px;margin:35px 0 12px}body:has(.content) .content p{color:#bdc8cb}body:has(.content) .content a{color:var(--gold)}body:has(.content) .content .eyebrow{display:inline-block}body:has(.content) .note{padding:18px;border:1px solid #bc9b56;background:#8d743522;color:#e4d5b0}body:has(.content) .meta{color:var(--gold)}body:has(.content) footer .shell{padding:28px 0;display:flex;justify-content:space-between;gap:20px}
@media(max-width:1100px){.topbar nav{gap:14px}.section-wrap{width:min(100% - 58px,1200px)}.hero{min-height:670px}.room-banner{left:20%}.english-sign{font-size:26px}.arabic-sign{font-size:32px}.case-card{padding:16px 14px;min-height:330px}.case-name{font-size:16px}.hero h1{font-size:clamp(80px,13vw,155px)}}
@media(max-width:760px){.topbar{height:70px;padding-inline:17px}.brand{font-size:21px}.brand-sigil{width:35px;height:39px;font-size:30px}.topbar nav{display:none}.nav-cta{padding:8px 12px;font-size:12px}.hero{height:760px;min-height:680px}.ceiling{height:90px}.room-banner{top:95px;left:0;height:85px;gap:12px;padding-inline:10px}.room-seal{font-size:31px}.arabic-sign{font-size:24px}.sign-divider{height:44px}.english-sign{font-size:17px}.english-sign small{font-size:7px}.bulletin{display:none}.room-number{top:223px;left:7%;width:80px}.room-number b{font-size:65px}.room-number small{font-size:8px}.observation{top:215px;right:0;width:63%;height:215px;border-width:8px}.suspects{inset:37% -11% 0}.suspect{height:63%;bottom:17%}.far-left{left:10%}.mid-left{left:30%}.mid-right{left:51%}.far-right{right:3%}.suspect-head{min-width:54px;width:58%;top:4%}.suspect-number{font-size:14px}.interrogation-table{left:-10%;right:-10%;bottom:10px;height:200px}.hero-scrim{background:linear-gradient(0deg,#07151cfb 0,#07151ccf 30%,#07151c14 73%)}.hero-content{left:22px;right:22px;bottom:68px}.hero-kicker{font-size:12px}.hero h1{font-size:clamp(73px,18vw,136px);margin-top:14px}.hero-content p{font-size:14px;margin:17px 0}.hero-actions{justify-content:flex-end}.button{padding:11px 15px;min-height:49px;font-size:12px}.hero-rail{display:none}.case-ticker{height:46px}.ticker-content{font-size:15px}.section-wrap{width:calc(100% - 34px)}.masks-section{padding:70px 0}.section-top{align-items:flex-start}.section-index{display:none}.section-top h2,.about-text h2{font-size:36px}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.case-card{min-height:280px}.case-portrait{margin:12px auto;width:75%}.case-name{font-size:15px}.case-bottom small{font-size:10px}.case-arrow{font-size:21px}.case-id{font-size:11px}.selected-file{padding:16px}.selected-file p{font-size:12px}.file-stamp{font-size:12px}.about-section{padding:68px 0}.about-grid{grid-template-columns:1fr}.about-crest{display:none}.footer-inner{justify-content:center;text-align:center}.footer-logo{width:100%}}
@media(max-width:390px){.hero h1{font-size:70px}.hero-kicker{font-size:10px}.hero-actions .button{font-size:11px;padding:9px}.case-card{min-height:245px}.case-name{font-size:13px}.case-portrait{width:76%}.case-bottom{padding-top:12px}.file-stamp{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.suspect-head{will-change:auto}}