@font-face{font-family:'Luxury Signature';src:url('/assets/sf-nizar.otf') format('opentype');font-weight:400;font-style:normal;font-display:block}
.lux-welcome,.lux-welcome *{box-sizing:border-box}html.lux-welcome-active{overflow:hidden}.lux-site-page{display:block;min-width:0}.lux-welcome{position:fixed;z-index:10000;inset:0;width:100%;height:100dvh;min-height:100svh;display:grid;place-items:center;overflow:hidden;isolation:isolate;background:#f8f8f2;opacity:1;transition:opacity .7s ease,visibility .7s ease}.lux-welcome[hidden],.lux-review-tools[hidden]{display:none!important}.lux-welcome.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
.lux-atmosphere{position:absolute;inset:-20%;z-index:-1;background:radial-gradient(ellipse at 51% 49%,#ede5c953,transparent 37%),radial-gradient(ellipse at 39% 54%,#dbe2d02b,transparent 43%);animation:lux-breathe 11s ease-in-out infinite alternate;pointer-events:none}.lux-stage{position:relative;display:grid;place-items:center;grid-template-columns:minmax(0,1fr);width:min(780px,calc(100% - 40px));height:240px;min-width:0}
.lux-salaam,.lux-ahlan{grid-area:1/1;display:block;margin:0;padding:0;max-width:100%;font-family:'Luxury Signature',Tahoma,sans-serif;font-weight:400;line-height:1.3;white-space:nowrap;text-align:center;color:transparent;background:linear-gradient(108deg,#2e4938 12%,#2e4938 35%,#9e8b5d 46%,#d8c590 50%,#718366 55%,#2e4938 68%,#2e4938 100%);background-size:240% 100%;background-position:0 50%;background-clip:text;-webkit-background-clip:text;opacity:0;will-change:opacity,transform,clip-path}.lux-salaam{font-size:clamp(38px,13vw,96px)}.lux-ahlan{font-size:clamp(58px,19vw,144px)}
.is-playing .lux-salaam{animation:lux-salaam 3.65s cubic-bezier(.2,.7,.2,1) both,lux-champagne 4.7s ease .6s both}.is-playing .lux-ahlan{animation:lux-ahlan 3.3s cubic-bezier(.2,.7,.2,1) 3.2s both,lux-champagne 4.5s ease 3.7s both}
.lux-ink-line{position:absolute;left:50%;bottom:22px;width:64px;height:1px;background:linear-gradient(90deg,transparent,#bda46a80,transparent);transform:translateX(-50%);opacity:0}.is-playing .lux-ink-line{animation:lux-line 6.5s ease both}
.lux-logo{--logo-start:6.15s;grid-area:1/1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;opacity:0;text-align:center;width:100%;perspective:700px}.lux-emblem{position:relative;display:grid;place-items:center;width:220px;height:162px;isolation:isolate}.lux-logo-material{position:relative;width:220px;height:220px;grid-area:1/1;opacity:0;transform-origin:center;will-change:opacity,transform,filter,clip-path}.lux-logo-material img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 9px 10px #29453618)}.lux-metal-sheen{position:absolute;inset:0;mask:url('/assets/os-express-mark-v3.png') center/contain no-repeat;-webkit-mask:url('/assets/os-express-mark-v3.png') center/contain no-repeat;background:linear-gradient(112deg,transparent 36%,#fff8de35 43%,#fffef3 49%,#fffaf0b3 52%,transparent 59%);background-size:350% 100%;mix-blend-mode:screen;opacity:0;pointer-events:none}.lux-logo-aura{position:absolute;inset:-55px -45px;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,#d6c59730,transparent 64%);opacity:0;transform:scale(.7)}.lux-logo-ground{position:absolute;bottom:0;width:94px;height:8px;border-radius:50%;background:#3a493016;filter:blur(7px);opacity:0}.lux-orbit{position:absolute;left:50%;top:50%;width:280px;height:190px;transform:translate(-50%,-50%);pointer-events:none}.lux-orbit svg{display:block;width:100%;height:100%;overflow:visible}.lux-orbit path{stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}.lux-orbit-ghost{stroke:#b4a273;stroke-width:.65;opacity:0}.lux-orbit-light{stroke:#b79a51;stroke-width:1.5;filter:drop-shadow(0 0 3px #c3a35db0);opacity:0}.lux-orbit-echo{stroke:#83b4a5;stroke-width:.55;opacity:0}.lux-orbit-tip{position:absolute;top:0;left:0;width:4px;height:4px;border-radius:50%;background:#fffdf0;box-shadow:0 0 3px #fff,0 0 9px 3px #c4a86688;offset-path:path('M28 105C44 36 216 32 246 92C272 156 91 183 41 136');opacity:0}.lux-logo-line{width:30px;height:1px;background:linear-gradient(90deg,transparent,#b99e60,transparent);margin:19px 0 16px;opacity:0}.lux-logo strong{font:500 14px/1.6 Arial,sans-serif;letter-spacing:3.8px;color:#344a39;opacity:0}.lux-logo small{font:9px/1.8 Arial,sans-serif;letter-spacing:4px;margin-top:5px;color:#a08b57;opacity:0}
:is(.is-playing,.logo-inspection) .lux-logo{animation:lux-logo-stage .2s linear var(--logo-start) both}:is(.is-playing,.logo-inspection) .lux-logo-material{animation:lux-materialize 1.9s cubic-bezier(.16,.68,.24,1) calc(var(--logo-start) + .35s) both}:is(.is-playing,.logo-inspection) .lux-orbit-ghost{animation:lux-orbit-trace 2.4s cubic-bezier(.35,.05,.2,1) var(--logo-start) both}:is(.is-playing,.logo-inspection) .lux-orbit-light{animation:lux-orbit-trace 1.9s cubic-bezier(.35,.05,.2,1) var(--logo-start) both}:is(.is-playing,.logo-inspection) .lux-orbit-echo{animation:lux-orbit-trace 2s cubic-bezier(.35,.05,.2,1) calc(var(--logo-start) + .3s) both}:is(.is-playing,.logo-inspection) .lux-orbit-tip{animation:lux-orbit-tip 1.9s cubic-bezier(.35,.05,.2,1) var(--logo-start) both}:is(.is-playing,.logo-inspection) .lux-logo-aura{animation:lux-aura 3s ease var(--logo-start) both}:is(.is-playing,.logo-inspection) .lux-metal-sheen{animation:lux-metal-sweep 1.55s ease-in-out calc(var(--logo-start) + 1.25s) both}:is(.is-playing,.logo-inspection) .lux-logo-ground{animation:lux-ground 2s ease calc(var(--logo-start) + .9s) both}:is(.is-playing,.logo-inspection) .lux-logo-line{animation:lux-divider 1s cubic-bezier(.2,.7,.2,1) calc(var(--logo-start) + 1.5s) both}:is(.is-playing,.logo-inspection) .lux-logo strong{animation:lux-wordmark 1.4s cubic-bezier(.2,.7,.2,1) calc(var(--logo-start) + 1.65s) both}:is(.is-playing,.logo-inspection) .lux-logo small{animation:lux-wordmark 1.4s cubic-bezier(.2,.7,.2,1) calc(var(--logo-start) + 1.9s) both}
.lux-skip{position:absolute;bottom:17px;left:20px;display:flex;gap:12px;align-items:center;min-height:44px;padding:8px 12px;border:0;background:transparent;color:#87917e;font:11px/1.8 Tahoma,Arial,sans-serif;cursor:pointer}.lux-skip:focus-visible,.lux-review-tools button:focus-visible{outline:2px solid #bba368;outline-offset:4px;border-radius:8px}.lux-skip>span{font:18px/1 Arial,sans-serif}.lux-review-tools{position:fixed;z-index:1000;bottom:18px;left:18px;display:flex;flex-direction:column;align-items:center;gap:7px;padding:0}.lux-review-tools button{display:flex;align-items:center;gap:12px;min-height:45px;padding:9px 19px;background:#fcfcf7f5;border:1px solid #c4b27c80;box-shadow:0 5px 25px #28412b0d;border-radius:30px;color:#3b523d;font:600 12px/1.7 Tahoma,Arial,sans-serif;cursor:pointer}.lux-review-tools button>span{font:22px/1 Arial,sans-serif;color:#a18a52}.lux-review-tools>span{font:9px/1.7 Tahoma,sans-serif;color:#819078}
@keyframes lux-salaam{0%{opacity:0;clip-path:inset(0 0 0 100%);transform:translateY(4px)}12%{opacity:1;clip-path:inset(0 0 0 82%);transform:none}42%,82%{opacity:1;clip-path:inset(0);transform:none;filter:blur(0)}100%{opacity:0;clip-path:inset(0);transform:translateY(-6px);filter:blur(3px)}}
@keyframes lux-ahlan{0%{opacity:0;clip-path:inset(0 0 0 100%);transform:translateY(5px)}12%{opacity:1;clip-path:inset(0 0 0 82%);transform:none}44%,78%{opacity:1;clip-path:inset(0);transform:none;filter:blur(0)}100%{opacity:0;clip-path:inset(0);transform:translateY(-6px);filter:blur(3px)}}
@keyframes lux-champagne{0%{background-position:80% 50%}100%{background-position:5% 50%}}@keyframes lux-line{0%,15%{opacity:0;transform:translateX(-50%) scaleX(.2)}26%,86%{opacity:.65;transform:translateX(-50%) scaleX(1)}100%{opacity:0;transform:translateX(-50%) scaleX(.7)}}@keyframes lux-signature{from{opacity:0;transform:translateY(7px);filter:blur(3px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes lux-breathe{from{transform:translate(-1%,0) scale(1)}to{transform:translate(1%,-1%) scale(1.04)}}
@keyframes lux-logo-stage{from{opacity:0}to{opacity:1}}@keyframes lux-materialize{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(9px) scale(.91) rotateY(-16deg);filter:blur(7px)}35%{opacity:.8;filter:blur(1px)}72%,100%{opacity:1;clip-path:inset(0);transform:none;filter:blur(0)}}@keyframes lux-orbit-trace{0%{stroke-dashoffset:1;opacity:0}12%{opacity:.8}58%{stroke-dashoffset:0;opacity:.8}100%{stroke-dashoffset:-1;opacity:0}}@keyframes lux-orbit-tip{0%{offset-distance:0;opacity:0}12%,65%{opacity:1}100%{offset-distance:100%;opacity:0}}@keyframes lux-aura{0%{opacity:0;transform:scale(.6)}45%{opacity:1;transform:scale(1)}100%{opacity:.5;transform:scale(1.08)}}@keyframes lux-metal-sweep{0%{background-position:100% 50%;opacity:0}18%,72%{opacity:.95}100%{background-position:0 50%;opacity:0}}@keyframes lux-ground{from{opacity:0;transform:scaleX(.4)}to{opacity:.7;transform:scaleX(1)}}@keyframes lux-divider{from{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes lux-wordmark{from{opacity:0;transform:translateY(6px);filter:blur(4px);letter-spacing:8px}to{opacity:1;transform:none;filter:blur(0)}}
@media(max-width:600px){.lux-stage{width:calc(100% - 36px);height:240px}.lux-ink-line{bottom:32px}.lux-emblem{width:200px;height:148px}.lux-logo-material{width:200px;height:200px}.lux-logo-line{margin:18px 0 14px}.lux-logo strong{font-size:12px;letter-spacing:3.1px}.lux-logo small{font-size:8px;letter-spacing:3.4px}.lux-skip{left:10px;bottom:12px}}
@media(prefers-reduced-motion:reduce){.lux-welcome,.lux-welcome *{animation:none!important;transition:none!important;filter:none!important;transform:none!important}.lux-stage{height:auto;min-height:340px;display:flex;flex-direction:column;gap:20px}.lux-salaam,.lux-ahlan,.lux-logo,.lux-logo-material,.lux-logo strong,.lux-logo small{opacity:1;clip-path:none}.lux-salaam{font-size:44px}.lux-ahlan{font-size:64px}.lux-emblem{height:60px}.lux-logo-material{width:100px;height:100px}.lux-logo-line,.lux-ink-line,.lux-orbit,.lux-metal-sheen,.lux-logo-aura,.lux-logo-ground{display:none}.lux-logo strong{font-size:10px;margin-top:10px}.lux-logo small{font-size:7px}}
.lux-review-actions{display:flex;gap:8px;align-items:center}.lux-review-actions [data-lux-ending]{padding-inline:15px;font-size:11px;background:#f6f5eb}.lux-welcome.logo-inspection .lux-salaam,.lux-welcome.logo-inspection .lux-ahlan,.lux-welcome.logo-inspection .lux-ink-line{display:none}.lux-welcome.logo-inspection .lux-logo{--logo-start:0s}

/* The two ivory glass leaves reveal the already loaded page. */
.lux-welcome{background:transparent;transition:opacity .35s ease,visibility .35s ease}.lux-doors{position:absolute;inset:0;z-index:-2;pointer-events:none}.lux-door{position:absolute;top:0;bottom:0;width:calc(50% + 1px);background-color:#f8f8f2;will-change:transform;backface-visibility:hidden}.lux-door-left{left:0;background-image:radial-gradient(ellipse at 100% 49%,#ede5c941,transparent 67%);transform-origin:left center}.lux-door-right{right:0;background-image:radial-gradient(ellipse at 0 49%,#ede5c941,transparent 67%);transform-origin:right center}.lux-door:after{content:'';position:absolute;inset-block:0;width:22px;opacity:0;transition:opacity .4s ease}.lux-door-left:after{right:0;background:linear-gradient(90deg,transparent,#ddcfab23,#fffcf399);border-right:1px solid #c5ad7459;box-shadow:9px 0 20px #3141310d}.lux-door-right:after{left:0;background:linear-gradient(270deg,transparent,#ddcfab23,#fffcf399);border-left:1px solid #c5ad7459;box-shadow:-9px 0 20px #3141310d}.lux-portal-seam{position:absolute;left:50%;top:0;height:100%;width:1px;opacity:0;transform:scaleY(.02);background:linear-gradient(180deg,transparent 2%,#c2ad77 24%,#fffdf0 50%,#c2ad77 76%,transparent 98%);box-shadow:0 0 9px 2px #dfc88a66;pointer-events:none}.lux-portal-light{position:absolute;left:50%;top:0;width:65px;height:100%;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#fffae69c,transparent);opacity:0;pointer-events:none}.lux-site-page{transform-origin:center center;transition:none}.lux-welcome-active .lux-site-page{transform:scale(.975);opacity:.65}.lux-welcome-revealing .lux-site-page{animation:lux-enter-site 2.15s cubic-bezier(.2,.65,.2,1) .3s both}.is-opening{pointer-events:none}.is-opening .lux-stage{animation:lux-pass-logo .75s cubic-bezier(.3,0,.2,1) both}.is-opening .lux-atmosphere,.is-opening .lux-skip{opacity:0;transition:opacity .45s ease}.is-opening .lux-door:after{opacity:1}.is-opening .lux-door-left{animation:lux-open-left 2.15s cubic-bezier(.7,0,.18,1) .28s both}.is-opening .lux-door-right{animation:lux-open-right 2.15s cubic-bezier(.7,0,.18,1) .28s both}.is-opening .lux-portal-seam{animation:lux-open-seam 1.5s ease both}.is-opening .lux-portal-light{animation:lux-open-light 1.8s ease both}
@keyframes lux-pass-logo{0%{opacity:1;transform:scale(1);filter:blur(0)}35%{opacity:.9}100%{opacity:0;transform:scale(1.13);filter:blur(5px)}}@keyframes lux-open-left{from{transform:translateX(0)}to{transform:translateX(-102%)}}@keyframes lux-open-right{from{transform:translateX(0)}to{transform:translateX(102%)}}@keyframes lux-open-seam{0%{opacity:0;transform:scaleY(.02)}24%{opacity:1;transform:scaleY(.55)}55%{opacity:.8;transform:scaleY(1)}100%{opacity:0;transform:scaleY(1)}}@keyframes lux-open-light{0%{opacity:0;transform:translateX(-50%) scaleX(.1)}30%{opacity:.6}100%{opacity:0;transform:translateX(-50%) scaleX(3)}}@keyframes lux-enter-site{from{opacity:.65;transform:scale(.975)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.lux-site-page{animation:none!important;transform:none!important;opacity:1!important}.lux-welcome.is-opening{opacity:0}.lux-portal-light,.lux-portal-seam{display:none}}

/* Give the handwritten hamza and long strokes room beyond the reveal mask. */
.lux-salaam,.lux-ahlan{padding:.18em .23em;line-height:1.55;overflow:visible}
.lux-ahlan{font-size:clamp(56px,18vw,136px)}
.is-playing .lux-salaam{animation-duration:2.95s,3.8s}
.is-playing .lux-ahlan{animation-duration:2.85s,3.6s;animation-delay:2.6s,3s}
.lux-logo{--logo-start:5.15s}
.is-playing .lux-ink-line{animation-duration:5.45s}
.lux-doors{perspective:1400px;perspective-origin:center center}
.lux-door{transform-style:preserve-3d}
.lux-door:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,#fffdf766 39%,#eee6d641 44%,transparent 64%);opacity:0;pointer-events:none}
.is-opening .lux-door:before{animation:lux-glass-light 2.4s ease both}
.is-opening .lux-door-left,.is-opening .lux-door-right{animation-duration:2.4s;animation-timing-function:cubic-bezier(.62,0,.18,1)}
@keyframes lux-open-left{0%{transform:translateX(0) rotateY(0)}35%{transform:translateX(-14%) rotateY(-19deg)}100%{transform:translateX(-107%) rotateY(-48deg)}}
@keyframes lux-open-right{0%{transform:translateX(0) rotateY(0)}35%{transform:translateX(14%) rotateY(19deg)}100%{transform:translateX(107%) rotateY(48deg)}}
@keyframes lux-glass-light{0%{opacity:0;transform:translateX(-14%)}36%{opacity:.85}100%{opacity:.15;transform:translateX(20%)}}
.lux-welcome.text-inspection .lux-salaam,.lux-welcome.text-inspection .lux-logo,.lux-welcome.text-inspection .lux-ink-line{display:none}
.lux-welcome.text-inspection .lux-ahlan{opacity:1;clip-path:none;animation:none;background-position:5% 50%}

html:not(.lux-welcome-active) .lux-welcome{display:none!important}
