:root{color-scheme:light;--navy:#080f38;--muted:#62666f;--line:#e3e3e3}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--navy);font-family:'IBM Plex Sans Arabic',Arial,sans-serif}.topbar{max-width:1440px;margin:auto;min-height:96px;padding:20px 5%;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line)}.wordmark{color:var(--navy);text-decoration:none;font-size:1.85rem;font-weight:600;display:flex;align-items:center;gap:18px}.wordmark span{font:600 .8rem Arial,sans-serif;letter-spacing:.15em;border-right:1px solid #ccc;padding-right:18px}.domain{color:var(--muted);font:.875rem Arial,sans-serif}main{display:grid;grid-template-columns:1fr 1fr;gap:6%;max-width:1440px;margin:auto;padding:44px 5%;min-height:calc(100svh - 172px);align-items:center}.message{text-align:center;padding:12px 0;min-width:0}.logo-stage{display:grid;place-items:center;margin:0 auto 14px;width:174px;height:174px}.logo{width:164px;height:164px;border-radius:50%;animation:rotate 45s linear infinite}.motion-toggle{font:inherit;font-size:.875rem;color:var(--muted);background:transparent;border:0;border-bottom:1px solid #ccc;cursor:pointer;padding:4px 0;margin-bottom:30px}.motion-toggle:focus-visible,a:focus-visible{outline:3px solid #b9242c;outline-offset:5px}.status{color:var(--muted);font-size:1rem}h1{font-size:clamp(1.9rem,3vw,2.75rem);font-weight:600;line-height:1.5;margin:12px 0 18px}.apology{font-size:1.0625rem;line-height:1.9;margin:0;color:var(--muted)}.english{max-width:410px;margin:28px auto 0;padding-top:24px;border-top:1px solid var(--line)}.english h2{font:600 1rem/1.6 Arial,sans-serif;margin:0 0 8px}.english p{font:400 1rem/1.7 Arial,sans-serif;color:var(--muted);margin:0}.signature{font-size:.9375rem;margin-top:30px}.signature span{display:block;margin-top:4px;font:.8125rem/1.6 Arial,sans-serif;color:var(--muted)}.visual{min-width:0}figure{margin:0}.city-photo img{display:block;width:100%;height:320px;object-fit:cover;object-position:center 60%}.city-photo figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:13px 0;font-size:.875rem;color:var(--muted);border-bottom:1px solid var(--line)}.city-photo figcaption span{font:.75rem/1.9 Arial,sans-serif;letter-spacing:.06em}.security-story{display:grid;grid-template-columns:44% 1fr;align-items:center;gap:24px;margin-top:25px}.guard-photo img{width:100%;height:220px;object-fit:cover;object-position:32% 48%;display:block}.guard-photo figcaption{font-size:.75rem;color:var(--muted);line-height:1.6;margin-top:7px}.security-copy .eyebrow{font-size:.8125rem;color:var(--muted);margin:0 0 8px}.security-copy h2{font-size:1.5rem;font-weight:600;margin:0}.security-copy .en-label{font:.875rem/1.6 Arial,sans-serif;margin:6px 0 20px;color:var(--muted);text-align:right}.security-copy>p:last-child{font-size:.9375rem;line-height:1.8;margin:0;color:var(--muted)}footer{max-width:1440px;margin:auto;min-height:76px;padding:20px 5%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;border-top:1px solid var(--line);color:var(--muted);font-size:.75rem}footer>span[lang]{font:.75rem/1.6 Arial,sans-serif}.paused .logo{animation-play-state:paused}@keyframes rotate{to{transform:rotate(360deg)}}@media(max-width:1000px){main{gap:4%;padding-inline:4%}.security-story{gap:16px}.security-copy h2{font-size:1.25rem}.city-photo img{height:290px}}@media(max-width:740px){.topbar{min-height:76px}.wordmark{font-size:1.6rem;gap:10px}.wordmark span{font-size:.7rem;padding-right:10px}.domain{font-size:.8125rem}main{grid-template-columns:1fr;padding:24px 6% 30px;gap:36px}.logo-stage{width:150px;height:150px}.logo{width:140px;height:140px}.motion-toggle{margin-bottom:24px}.city-photo img{height:auto;aspect-ratio:1.65}.security-story{grid-template-columns:42% 1fr;gap:20px}.guard-photo img{height:220px}footer{justify-content:center;text-align:center}}@media(max-width:370px){.wordmark span{display:none}.security-story{gap:12px}.security-copy h2{font-size:1.125rem}}@media(prefers-reduced-motion:reduce){.logo{animation:none}}
/* Wide photographic opening inspired by the reference's composition. */
body{background:#fff}.topbar{max-width:none;background:var(--navy);color:white;border:0;padding-inline:6%;min-height:92px}.wordmark{color:#fff}.wordmark span{border-color:#ffffff45}.header-name{font-size:1rem}.header-name span{display:block;font: .75rem/1.7 Arial,sans-serif;color:#cdd2df;margin-top:3px}main{display:block;max-width:none;min-height:0;padding:0}.hero{position:relative;isolation:isolate;overflow:hidden;background:#101c35;color:#fff;min-height:710px;display:flex;align-items:center;padding:45px 7% 100px}.hero-scenes,.hero-shade{position:absolute;inset:0;z-index:-2;overflow:hidden}.scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:32% 55%;opacity:0;transform:scale(1.04);transition:opacity 1.7s ease;animation:drift 20s ease-in-out infinite alternate}.scene.active{opacity:1}.scene:nth-child(2){animation-direction:alternate-reverse}.hero-shade{z-index:-1;background:linear-gradient(270deg,rgba(6,14,40,.94) 0%,rgba(6,14,40,.82) 33%,rgba(6,14,40,.23) 76%,rgba(6,14,40,.18)),linear-gradient(0deg,rgba(6,14,40,.78),transparent 30%)}.message{max-width:560px;width:100%;text-align:right;padding:0}.logo-stage{width:140px;height:140px;margin:0 0 24px;display:block}.logo{width:140px;height:140px;background:white;border:4px solid white}.status{color:#e5e8ee;font-size:.9375rem;border-right:3px solid #e32332;padding-right:12px}h1{font-size:clamp(2.2rem,4vw,3.6rem);margin:12px 0 18px}.apology{color:#eef0f5;font-size:1.125rem}.english{border-color:#ffffff30;max-width:470px;margin:26px 0 0;text-align:left}.english p{color:#e1e5ee}.signature{display:none}.hero-bottom{position:absolute;bottom:26px;left:7%;right:7%;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.location{font-size:.875rem}.location span{display:block;font:.75rem/1.8 Arial,sans-serif;letter-spacing:.12em;color:#d7dfeb}.slider-controls{display:flex;gap:10px;align-items:center}.slider-controls[hidden]{display:none}.slide-button{font: .875rem Arial,sans-serif;background:transparent;color:white;border:1px solid #ffffff60;min-width:44px;min-height:44px;cursor:pointer}.slide-button.selected{background:#c31b2c;border-color:#c31b2c}.motion-toggle{margin:0 10px 0 0;color:white;border-color:#ffffff60;min-height:44px;font-size:.875rem}.slide-button:focus-visible{outline:3px solid white;outline-offset:4px}.visual{max-width:1160px;margin:auto;padding:32px 6%}.security-story{display:grid;grid-template-columns:180px 1fr;gap:30px;margin:0}.guard-photo img{height:150px;object-position:32% 40%}.security-copy h2{font-size:1.4rem}.security-copy .en-label{margin-bottom:10px}.security-copy>p:last-child{font-size:.875rem}.security-copy .eyebrow{display:none}.paused .scene{animation-play-state:paused;transition:none}footer{max-width:none;padding-inline:6%}@keyframes drift{from{transform:scale(1.04) translateX(-.6%)}to{transform:scale(1.13) translateX(.6%)}}@media(max-width:740px){.topbar{min-height:82px;padding-inline:6%}.header-name{font-size:.75rem}.header-name span{font-size:.65rem}.hero{min-height:740px;padding:34px 6% 130px}.hero-shade{background:linear-gradient(270deg,#060e28e8,#060e28a6),linear-gradient(0deg,#060e28b3,transparent)}.logo-stage,.logo{width:118px;height:118px}.logo-stage{margin-bottom:24px}h1{font-size:2.2rem}.apology{font-size:1rem}.hero-bottom{left:6%;right:6%;bottom:22px;gap:16px}.location{font-size:.8125rem}.english p{font-size:.9375rem}.visual{padding:26px 6%}.security-story{grid-template-columns:125px 1fr;gap:20px}.guard-photo img{height:145px}.security-copy h2{font-size:1.2rem}}@media(max-width:370px){.header-name span{display:none}.hero{min-height:770px}.security-story{grid-template-columns:105px 1fr;gap:14px}.security-copy h2{font-size:1.1rem}}@media(prefers-reduced-motion:reduce){.scene{animation:none;transition:none}.logo{animation:none}}

/* Real Hemaya field photographs, obtained from the company Facebook gallery. */
.location #scene-caption-ar{font:inherit;letter-spacing:normal;color:inherit}.field-scene{object-position:30% 55%}.entry-scene{object-position:65% 55%}.security-story{grid-template-columns:minmax(220px,40%) 1fr}.guard-photo img{height:220px;object-position:75% center}.guard-photo figcaption{font-size:.75rem}@media(max-width:740px){.field-scene{object-position:40% center}.entry-scene{object-position:75% center}.security-story{grid-template-columns:1fr;gap:18px}.guard-photo img{height:auto;aspect-ratio:1.7;object-position:75% 55%}.hero{padding-bottom:150px}.slider-controls{gap:8px}.motion-toggle{margin-right:4px}}

/* User-selected replacement photographs. */
.photo-screening{object-position:35% 58%}.photo-team{object-position:25% 62%}.photo-checkpoint{object-position:30% 55%}.photo-event{object-position:35% 58%}.guard-photo img{height:auto;aspect-ratio:1;object-fit:contain}.slider-controls{flex-wrap:wrap}@media(max-width:740px){.photo-screening{object-position:48% center}.photo-team{object-position:38% 62%}.photo-checkpoint{object-position:50% center}.photo-event{object-position:42% center}.hero{padding-bottom:175px;min-height:780px}.guard-photo img{aspect-ratio:1;object-fit:contain}.slider-controls{gap:6px}.motion-toggle{font-size:.8125rem}}

/* A protective light circles the Hemaya mark while the national message stays readable. */
.logo-stage{position:relative;overflow:visible;isolation:isolate;margin-right:160px}
.logo{position:relative;z-index:2}
.logo-orbit{position:absolute;z-index:3;inset:-28px;pointer-events:none;animation:orbit-turn 12s linear infinite;transform-origin:center}
.orbit-beam{position:absolute;top:50%;right:50%;width:calc(50% + 34px);height:2px;transform:translateY(-50%);transform-origin:right center;background:linear-gradient(90deg,rgba(227,35,50,0),rgba(227,35,50,.42) 42%,#f2b84b 82%,#fff);filter:drop-shadow(0 0 5px rgba(227,35,50,.75))}
.orbit-beam::before{content:"";position:absolute;left:-4px;top:50%;width:9px;height:9px;border-radius:50%;background:#fff;transform:translateY(-50%);box-shadow:0 0 9px 3px rgba(227,35,50,.72)}
.orbit-message{position:absolute;top:50%;left:-220px;width:210px;transform:translateY(-50%);animation:orbit-counter-turn 12s linear infinite;color:#fff;font-size:.92rem;font-weight:600;line-height:1.5;text-align:center;white-space:nowrap;text-shadow:0 2px 10px #050d36,0 0 6px #050d36;background:rgba(5,13,54,.62);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:7px 13px;backdrop-filter:blur(5px)}
.paused .logo-orbit,.paused .orbit-message{animation-play-state:paused}
@keyframes orbit-turn{to{transform:rotate(360deg)}}
@keyframes orbit-counter-turn{to{transform:translateY(-50%) rotate(-360deg)}}
@media(max-width:740px){.logo-stage{margin-right:92px}.logo-orbit{inset:-22px}.orbit-beam{width:calc(50% + 25px)}.orbit-message{left:-174px;width:166px;font-size:.76rem;padding:6px 9px}}
@media(max-width:430px){.logo-stage{margin-right:72px}.orbit-message{left:-150px;width:145px;font-size:.7rem;white-space:normal}}
@media(prefers-reduced-motion:reduce){.logo-orbit,.orbit-message{animation:none}.logo-orbit{inset:-18px;transform:rotate(-24deg)}.orbit-message{transform:translateY(-50%) rotate(24deg)}}