/* A brief brand arrival, with Saudi architectural and woven geometric cues. */
.ashal-intro{display:none;position:fixed;inset:0;z-index:100000;background:#f6f9f5;color:#0a2e4d;overflow:hidden;align-items:center;justify-content:center;isolation:isolate;opacity:1;transition:opacity .55s ease,visibility .55s;contain:layout paint}
html.ashal-preloading{overflow:hidden}
.ashal-preloading .ashal-intro{display:flex}
html.ashal-intro-leaving .ashal-intro{opacity:0;visibility:hidden;pointer-events:none}
.ashal-intro:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 45%,#ffffff 0%,#ffffff70 32%,transparent 68%),linear-gradient(145deg,#edf5ee45,transparent 60%,#d8e8dc40)}
.intro-orbit{position:absolute;width:700px;height:700px;border:1px solid #aac9b92e;border-radius:50%;z-index:-1;pointer-events:none;box-shadow:0 0 0 25px #b8cfbf0a,0 0 0 51px #b8cfbf08}
.intro-orbit-one{inset-inline-start:-470px;top:-340px}.intro-orbit-two{inset-inline-end:-430px;bottom:-390px}
.intro-composition{position:relative;width:360px;height:405px;flex:none;margin-top:-12px}
.intro-door{display:block;position:absolute;inset:0 0 auto;width:100%;height:370px;overflow:visible}
.intro-door-outer{stroke:#759e8d;stroke-width:1.1;stroke-dasharray:1;stroke-dashoffset:1;animation:intro-door-draw 1.05s cubic-bezier(.2,.6,.3,1) .05s forwards}
.intro-door-inner{stroke:#b8cbb6;stroke-width:.65;stroke-dasharray:1;stroke-dashoffset:1;animation:intro-door-draw 1.05s cubic-bezier(.2,.6,.3,1) .18s forwards}
.intro-door-base{stroke:#a6bfae;stroke-width:.8;opacity:0;animation:intro-soft-in .9s ease .45s forwards}
.intro-door-jewel{stroke:#ad925b;stroke-width:1;fill:#e4d9bf55;opacity:0;animation:intro-soft-in .8s ease .2s forwards}
.intro-brand{position:absolute;top:139px;inset-inline:54px;text-align:center;opacity:0;animation:intro-brand-in .8s ease .18s forwards}
.intro-brand img{display:block;width:84%;height:auto;object-fit:contain;margin:0 auto}
.intro-signature{font:500 15px/1.9 Cairo,sans-serif;color:#507265;white-space:nowrap;margin:17px -20px 0}
.intro-weave{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:25px;height:9px;direction:ltr}
.intro-weave:before,.intro-weave:after{content:"";height:1px;width:28px;background:#b5c6b6}
.intro-weave i{display:block;flex:none;width:5px;height:5px;background:#c5d4c5;transform:rotate(45deg);animation:intro-weave-light 1.65s ease-in-out infinite;animation-delay:calc(var(--j,0)*.12s)}
.intro-weave i:nth-child(2){--j:1}.intro-weave i:nth-child(3){--j:2}.intro-weave i:nth-child(4){--j:3}.intro-weave i:nth-child(5){--j:4}.intro-weave i:nth-child(6){--j:5}.intro-weave i:nth-child(7){--j:6}
.intro-destinations{position:absolute;top:357px;inset-inline:-20px;text-align:center;color:#6b897b;font:500 11px/1.8 Cairo,sans-serif;margin:0;opacity:0;animation:intro-soft-in .8s ease .5s forwards;letter-spacing:.3px}
html[lang=en] .intro-signature{font-family:Poppins,sans-serif;font-size:12px;letter-spacing:-.2px}html[lang=en] .intro-destinations{font-family:Poppins,sans-serif;font-size:9px;letter-spacing:2.5px}
@keyframes intro-door-draw{to{stroke-dashoffset:0}}@keyframes intro-soft-in{to{opacity:1}}@keyframes intro-brand-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes intro-weave-light{0%,75%,100%{background:#c5d4c5}35%{background:#0e7c77}}
@media(max-width:600px){.intro-composition{width:300px;height:350px;margin-top:-6px}.intro-door{height:auto}.intro-brand{top:116px;inset-inline:44px}.intro-signature{font-size:13px;margin-top:15px}.intro-weave{margin-top:23px;gap:10px}.intro-weave:before,.intro-weave:after{width:22px}.intro-destinations{top:301px;font-size:10px}.intro-orbit{width:500px;height:500px}.intro-orbit-one{inset-inline-start:-360px;top:-270px}.intro-orbit-two{inset-inline-end:-350px;bottom:-280px}html[lang=en] .intro-signature{font-size:11px}html[lang=en] .intro-destinations{font-size:8px;letter-spacing:2px}}
@media(max-height:450px){.intro-composition{transform:scale(.75);margin-top:0}}
@media(prefers-reduced-motion:reduce){.ashal-intro{transition-duration:.12s}.intro-door-outer,.intro-door-inner{animation:none;stroke-dashoffset:0}.intro-brand,.intro-door-base,.intro-door-jewel,.intro-destinations{animation:none;opacity:1;transform:none}.intro-weave i{animation:none;background:#87aa98}}