/* New site intro (opening screen). Four looks, picked with ?intro=teal|photo|light|3d (remembered in localStorage) or NEW_INTRO=<look> on the server. See akcc-intro.js. */
html.akcc-splash-on{overflow:hidden!important;background:#043e50!important}
html.akcc-splash-on #akcc-instant-loader{display:none!important}
#akcc-intro{position:fixed;inset:0;z-index:2147483647;overflow:hidden;background:#043e50;color:#f1ead9;transition:opacity .8s ease,transform 1s cubic-bezier(.7,0,.2,1),filter .8s ease}
#akcc-intro.ai-out{opacity:0;transform:scale(1.05);filter:blur(5px);pointer-events:none}
#akcc-intro *{box-sizing:border-box}
#akcc-intro .ai-bg,#akcc-intro .ai-photo,#akcc-intro .ai-pattern,#akcc-intro .ai-glow{position:absolute;inset:0;pointer-events:none}
/* looks */
#akcc-intro .ai-bg{background:radial-gradient(ellipse at 50% 45%,#0b6179 0%,#043e50 55%,#022b38 100%)}
#akcc-intro .ai-photo{display:none;background:url(/media/_local/intro-building.webp) 50% 58%/cover no-repeat;transform:scale(1.12);opacity:0;transition:opacity 1.4s ease}
#akcc-intro.ai-photo-look .ai-photo{display:block;animation:ai-kb 16s ease-out forwards}
#akcc-intro.ai-photo-look.ai-go .ai-photo{opacity:1}
#akcc-intro.ai-photo-look .ai-bg{background:linear-gradient(180deg,rgba(2,43,56,.78),rgba(4,62,80,.7) 50%,rgba(2,43,56,.88));z-index:1}
@keyframes ai-kb{from{transform:scale(1.12)}to{transform:scale(1.02)}}
#akcc-intro .ai-pattern{background:url(/media/_local/loader-pattern.webp) center/520px repeat;opacity:0;mix-blend-mode:soft-light;transition:opacity 1.6s ease;z-index:1}
#akcc-intro.ai-go .ai-pattern{opacity:.5}
#akcc-intro.ai-photo-look .ai-pattern{opacity:0!important}
#akcc-intro.ai-light{background:#f6f5f2;color:#0b3d47}
#akcc-intro.ai-light .ai-bg{background:#f6f5f2}
#akcc-intro.ai-light .ai-pattern{background:url(/media/images/atGMfZgVWazwIFiDTQ0af3FC2g.webp?scale-down-to=1400) center/min(900px,120vw) repeat;mix-blend-mode:normal;opacity:0}
#akcc-intro.ai-light.ai-go .ai-pattern{opacity:.95}
#akcc-intro .ai-glow{background:radial-gradient(circle at 50% 46%,rgba(199,171,110,.26),rgba(199,171,110,0) 46%);opacity:0;transition:opacity 1.8s ease .3s;z-index:2}
#akcc-intro.ai-go .ai-glow{opacity:1}
#akcc-intro.ai-light .ai-glow{display:none}
/* centre block: logo + ring + texts */
#akcc-intro .ai-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;display:flex;flex-direction:column;align-items:center;text-align:center}
#akcc-intro.ai-light .ai-card{background:rgba(255,255,255,.96);border-radius:30px;padding:46px clamp(34px,6vw,70px) 40px;box-shadow:0 30px 80px rgba(4,62,80,.18),0 0 0 1px rgba(199,171,110,.25)}
#akcc-intro .ai-center{position:relative;width:min(30vmin,260px);aspect-ratio:1;margin-bottom:clamp(42px,7.5vmin,76px)}
#akcc-intro .ai-ring{position:absolute;left:-16%;top:-16%;width:132%;height:132%;overflow:visible}
#akcc-intro .ai-ring circle{fill:none;stroke:#c7ab6e;stroke-linecap:round}
#akcc-intro .ai-logo,#akcc-intro .ai-shine{position:absolute;inset:6%;width:88%;height:88%}
#akcc-intro .ai-logo{display:block;object-fit:contain;--p:0;-webkit-mask-image:linear-gradient(100deg,#000 calc(var(--p)*140% - 40%),transparent calc(var(--p)*140% - 10%));mask-image:linear-gradient(100deg,#000 calc(var(--p)*140% - 40%),transparent calc(var(--p)*140% - 10%));filter:drop-shadow(0 0 16px rgba(199,171,110,.35))}
#akcc-intro.ai-light .ai-logo{filter:none}
#akcc-intro .ai-shine{opacity:0;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.95) 50%,transparent 62%) 120% 0/260% 100% no-repeat;-webkit-mask:var(--ai-logo) center/contain no-repeat;mask:var(--ai-logo) center/contain no-repeat;mix-blend-mode:soft-light}
#akcc-intro .ai-shine.ai-run{opacity:1;animation:ai-shine 1.5s ease .05s 1 forwards}
@keyframes ai-shine{from{background-position:120% 0}to{background-position:-30% 0}}
#akcc-intro .ai-cv{display:none;position:absolute;left:50%;top:50%;width:230%;aspect-ratio:1;transform:translate(-50%,-50%);opacity:0;transition:opacity 1s ease;pointer-events:none}
#akcc-intro.ai-3d-look .ai-cv{display:block}#akcc-intro.ai-3d-look.ai-go .ai-cv{opacity:1}
#akcc-intro.ai-3d-look .ai-logo,#akcc-intro.ai-3d-look .ai-shine{visibility:hidden}
#akcc-intro .ai-t1{font-size:clamp(11px,1.5vmin,14px);letter-spacing:.42em;color:#c7ab6e;text-transform:uppercase;opacity:0;transform:translateY(10px);transition:opacity .8s ease,transform .8s ease}
#akcc-intro .ai-t2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(18px,3vmin,28px);margin-top:10px;opacity:0;transform:translateY(12px);transition:opacity .8s ease,transform .8s ease}
#akcc-intro .ai-bar{width:min(46vw,300px);height:2px;margin:26px auto 0;background:rgba(255,255,255,.16);overflow:hidden;border-radius:2px;opacity:0;transition:opacity .6s ease}
#akcc-intro.ai-light .ai-bar{background:rgba(4,62,80,.12)}
#akcc-intro .ai-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#c7ab6e,#e8d3a1)}
#akcc-intro .ai-pct{margin-top:10px;font-size:11px;letter-spacing:.3em;color:rgba(241,234,217,.7);opacity:0;transition:opacity .6s ease;font-variant-numeric:tabular-nums}
#akcc-intro.ai-light .ai-pct{color:rgba(11,61,71,.6)}
#akcc-intro.ai-light .ai-t2{color:#0b3d47}
#akcc-intro.ai-r1 .ai-t1,#akcc-intro.ai-r2 .ai-t2{opacity:1;transform:none}
#akcc-intro.ai-r3 .ai-bar,#akcc-intro.ai-r3 .ai-pct{opacity:1}
#akcc-intro[dir=rtl] .ai-t1{letter-spacing:.05em}
@media (max-width:600px){#akcc-intro.ai-light .ai-card{padding:34px 28px 30px;border-radius:24px}}

/* blend look: the building photo shows through the teal (default look) */
#akcc-intro.ai-blend .ai-photo{display:block;animation:ai-kb 16s ease-out forwards;filter:saturate(.75) contrast(1.05)}
#akcc-intro.ai-blend.ai-go .ai-photo{opacity:1}
#akcc-intro.ai-blend .ai-bg{z-index:1;background:radial-gradient(ellipse at 50% 44%,rgba(11,97,121,var(--ai-veil-c,.80)) 0%,rgba(4,62,80,var(--ai-veil,.86)) 52%,rgba(2,43,56,.94) 100%)}
#akcc-intro.ai-blend .ai-pattern{opacity:0}#akcc-intro.ai-blend.ai-go .ai-pattern{opacity:.32}
/* tagline: letters rise in one by one, then a gold glint runs through them; "AL KHALEJIAH" tightens from wide tracking */
#akcc-intro .ai-t1{letter-spacing:.9em;margin-right:-.9em;transition:opacity 1.2s ease,transform 1.2s ease,letter-spacing 1.6s cubic-bezier(.2,.7,.2,1),margin .0s}
#akcc-intro.ai-r1 .ai-t1{letter-spacing:.42em;margin-right:-.42em}
#akcc-intro[dir=rtl] .ai-t1{margin-right:0}
#akcc-intro .ai-t2{opacity:1;transform:none;display:flex;justify-content:center;flex-wrap:wrap}
#akcc-intro .ai-t2 span{display:inline-block;opacity:0;transform:translateY(.7em);filter:blur(6px);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.8,.2,1),filter .8s ease;transition-delay:calc(var(--i)*40ms)}
#akcc-intro.ai-r2 .ai-t2 span{opacity:1;transform:none;filter:none}
#akcc-intro .ai-t2.ai-shimmer span{animation:ai-glint 1.2s ease calc(var(--i)*46ms) 1}
@keyframes ai-glint{0%,100%{color:inherit;text-shadow:none}35%{color:#f0d794;text-shadow:0 0 14px rgba(232,199,122,.75)}}
#akcc-intro.ai-light .ai-t2.ai-shimmer span{animation-name:ai-glint-l}
@keyframes ai-glint-l{0%,100%{color:inherit}35%{color:#b8923f}}
#akcc-intro .ai-rule{width:0;height:1px;margin:14px auto 0;background:linear-gradient(90deg,transparent,#c7ab6e,transparent);transition:width 1.2s cubic-bezier(.2,.7,.2,1)}
#akcc-intro.ai-r2 .ai-rule{width:min(46vw,220px)}

/* building motion: soft pull-back (zoom out) that settles, then a slow breathing zoom; gentle pointer parallax; one warm light sweep; fly-through on exit.
   Add ?bz=in for the opposite: a slow push-in (zoom in). */
#akcc-intro.ai-photo-look .ai-photo,#akcc-intro.ai-blend .ai-photo{will-change:transform;translate:var(--px,0) var(--py,0);transition:opacity 1.4s ease,translate .9s ease-out;animation:ai-settle 5s cubic-bezier(.16,.8,.2,1) forwards,ai-breathe 14s ease-in-out 5s infinite alternate}
#akcc-intro.ai-zin .ai-photo{animation:ai-push 14s cubic-bezier(.25,.6,.3,1) forwards}
@keyframes ai-settle{from{transform:scale(1.34);filter:blur(6px) saturate(.75)}to{transform:scale(1.06);filter:blur(0) saturate(.75)}}
@keyframes ai-breathe{from{transform:scale(1.06)}to{transform:scale(1.12)}}
@keyframes ai-push{from{transform:scale(1.0)}to{transform:scale(1.2)}}
#akcc-intro .ai-sweep{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;mix-blend-mode:soft-light;background:linear-gradient(104deg,transparent 30%,rgba(255,236,190,.55) 50%,transparent 70%) 130% 0/260% 100% no-repeat}
#akcc-intro.ai-photo-look .ai-sweep,#akcc-intro.ai-blend .ai-sweep{opacity:1;animation:ai-sweep 3.6s ease 1.1s 1 forwards}
@keyframes ai-sweep{from{background-position:130% 0}to{background-position:-40% 0}}
#akcc-intro.ai-photo-look.ai-out,#akcc-intro.ai-blend.ai-out{transform:scale(1.16);transition:opacity 1s ease .1s,transform 1.2s cubic-bezier(.6,0,.3,1),filter 1s ease}
@media (prefers-reduced-motion:reduce){#akcc-intro .ai-photo{animation:none!important;transform:scale(1.06)}#akcc-intro .ai-sweep{display:none}}

/* page opening: after the logo and texts lift away, the page opens through a circle growing from the logo, edged with gold; the first headings rise in as it passes */
@property --ai-r{syntax:'<length>';inherits:true;initial-value:0px}
#akcc-intro .ai-card{transition:opacity .45s ease,transform .55s cubic-bezier(.4,0,.2,1)}
#akcc-intro.ai-leave .ai-card{opacity:0;transform:translate(-50%,-55%) scale(1.07)}
#akcc-intro.ai-iris{pointer-events:none;-webkit-mask-image:radial-gradient(circle at var(--ai-cx) var(--ai-cy),transparent var(--ai-r),#000 calc(var(--ai-r) + 1.5px));mask-image:radial-gradient(circle at var(--ai-cx) var(--ai-cy),transparent var(--ai-r),#000 calc(var(--ai-r) + 1.5px));animation:ai-iris 1.4s cubic-bezier(.72,0,.2,1) forwards}
@keyframes ai-iris{from{--ai-r:0px}to{--ai-r:var(--ai-rmax)}}
.ai-iris-ring{display:block;position:fixed;z-index:2147483647;left:var(--ai-cx);top:var(--ai-cy);width:calc(var(--ai-r)*2)!important;height:calc(var(--ai-r)*2)!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;box-sizing:border-box!important;margin:0!important;padding:0!important;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;border:1.5px solid rgba(232,211,161,.95);box-shadow:0 0 34px rgba(199,171,110,.55),inset 0 0 34px rgba(199,171,110,.28);animation:ai-iris 1.4s cubic-bezier(.72,0,.2,1) forwards,ai-ringfade .5s ease 1.0s forwards}
@keyframes ai-ringfade{to{opacity:0}}
.ai-rise{animation:ai-rise 1s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:calc(var(--ai-k,0)*90ms + 350ms)}
@keyframes ai-rise{from{opacity:0;translate:0 28px;filter:blur(5px)}to{opacity:1;translate:0 0;filter:blur(0)}}

/* moves from page to page inside the site: same opening, quicker */
#akcc-intro.ai-nav.ai-iris{animation-duration:.95s}
.ai-iris-ring.ai-nav{animation-duration:.95s,.4s;animation-delay:0s,.6s}
#akcc-intro.ai-nav .ai-card{transition-duration:.3s,.4s}

#akcc-intro .ai-t2:not(.ai-ready){opacity:0!important}