*{box-sizing:border-box}
html.gate-page,html.gate-page body{margin:0;height:100%;overflow:hidden;background:#211729;scrollbar-gutter:auto}
.gate-entry{font-family:Yasmu,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.gate{position:fixed;inset:0;height:100dvh;z-index:100;overflow:hidden;isolation:isolate;color:#fff4e6;background:#211729}
.gate-visual,.gate-photo,.gate-shade,.gate-reveal{position:absolute;inset:0}
.gate-visual{overflow:hidden;animation:compound-exposure 1.8s ease-out both}
.gate-photo{display:block;animation:compound-arrive 2.4s cubic-bezier(.16,1,.3,1) both}
.gate-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.gate-shade{background:linear-gradient(180deg,#1b122929 0%,#20132a05 50%,#17101b69 100%),radial-gradient(ellipse at 50% 32%,#17102030,transparent 65%)}
.gate-reveal{background:#211729;transform-origin:right;animation:compound-unveil 1.6s cubic-bezier(.76,0,.24,1) both;pointer-events:none}
.gate-header{position:absolute;top:0;left:0;right:0;min-height:94px;display:flex;align-items:center;justify-content:center;padding:18px max(30px,env(safe-area-inset-right));background:linear-gradient(180deg,#e5e8edba,#e5e8ed70);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #ffffff30;animation:compound-header 1.1s .25s both;z-index:5}
.gate-partners{display:flex;align-items:center;gap:clamp(25px,3vw,49px)}
.gate-partners img{display:block;object-fit:contain;width:94px;height:48px}
.gate-partners img:nth-child(2){width:98px;padding-inline:6px;border-inline:1px solid #392c4926}
.gate-partners img:nth-child(3){width:87px}
#gate-language{position:absolute;inset-inline-end:max(35px,env(safe-area-inset-right));top:26px;min-width:36px;height:40px;border:0;background:none;color:#2c2034;font:500 12px Yasmu,Arial,sans-serif;cursor:pointer}
.gate-copy{position:absolute;top:30%;left:50%;width:max-content;max-width:calc(100% - 48px);transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column;align-items:center;gap:26px;z-index:4}
#gate-name{margin:0;color:#fff5e5;font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(37px,4.5vw,78px);letter-spacing:.17em;line-height:1.2;padding-left:.17em;text-shadow:0 2px 25px #26132766;animation:compound-title 1.3s .4s cubic-bezier(.16,1,.3,1) both;white-space:nowrap}
.gate-discover{display:inline-flex;justify-content:center;align-items:center;gap:31px;color:#fff1dd;text-decoration:none;border:1px solid #e5c99ba6;border-radius:2px;padding:14px 24px;min-height:56px;min-width:255px;background:#261b3694;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:15px;font-weight:500;animation:compound-button 1s .8s cubic-bezier(.16,1,.3,1) both;transition:background .25s,border-color .25s}
.gate-discover:hover{background:#33213de3;border-color:#f3d7ab}.gate-discover svg{transition:transform .3s}.gate-discover:hover svg{transform:translateX(-4px)}
.gate-skip{position:absolute;bottom:max(22px,env(safe-area-inset-bottom));inset-inline-end:max(30px,env(safe-area-inset-right));font-size:12px;color:#fff2dfcc;text-decoration:none;padding:8px 0;z-index:5}
.gate a:focus-visible,.gate button:focus-visible{outline:2px solid #ffdfab;outline-offset:5px}
@keyframes compound-arrive{from{transform:scale(1.14) translate3d(0,1.5%,0)}to{transform:scale(1) translate3d(0,0,0)}}
@keyframes compound-exposure{from{opacity:.45}to{opacity:1}}
@keyframes compound-unveil{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@keyframes compound-title{from{opacity:0;transform:translate3d(0,30px,0);clip-path:inset(100% 0 0 0)}to{opacity:1;transform:none;clip-path:inset(0)}}
@keyframes compound-button{from{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:none}}
@keyframes compound-header{from{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:none}}
#gate-home{min-height:100vh;background:#211729}
#gate-home[hidden]{display:none!important}
#gate-home.is-revealing{animation:compound-home .9s cubic-bezier(.16,1,.3,1) both}
@keyframes compound-home{from{opacity:.45;transform:scale(1.025)}to{opacity:1;transform:none}}
.gate.is-entering .gate-copy{pointer-events:none;opacity:0;transition:opacity .3s,transform .9s;transform:translate(-50%,-65%)}
.gate.is-entering .gate-header,.gate.is-entering .gate-skip{opacity:0;transition:opacity .3s;animation:none}
.gate.is-entering .gate-photo{animation:compound-pass 1.08s cubic-bezier(.45,0,.18,1) both}
.gate.is-entering .gate-reveal{display:none}
.gate.is-entering.is-home-ready{background:transparent;opacity:0;transition:opacity .85s ease}
@keyframes compound-pass{from{transform:scale(1)}to{transform:scale(1.14)}}
.gate.is-reduced .gate-photo,.gate.is-reduced .gate-visual,.gate.is-reduced .gate-header,.gate.is-reduced #gate-name,.gate.is-reduced .gate-discover{animation:none;opacity:1;transform:none}
.gate.is-reduced .gate-reveal{display:none}.gate.is-reduced.is-entering.is-home-ready{transition:opacity .2s}
@media(max-width:900px) and (orientation:portrait){.gate-copy{top:30%;gap:24px}#gate-name{font-size:clamp(27px,7vw,44px);letter-spacing:.13em;padding-left:.13em}.gate-header{min-height:79px;padding:14px 55px 14px 18px}.gate-partners{gap:18px}.gate-partners img{width:65px;height:35px}.gate-partners img:nth-child(2){width:70px;padding-inline:4px}.gate-partners img:nth-child(3){width:58px}#gate-language{inset-inline-end:12px;top:20px;height:36px}.gate-discover{min-width:233px;min-height:52px;font-size:14px;padding:12px 21px}.gate-skip{inset-inline-end:23px;bottom:max(22px,env(safe-area-inset-bottom))}}
@media(max-height:500px) and (orientation:landscape){.gate-header{min-height:59px;padding-block:9px}.gate-partners{gap:20px}.gate-partners img{width:62px;height:35px}.gate-partners img:nth-child(2){width:68px}.gate-partners img:nth-child(3){width:59px}#gate-language{top:9px;height:36px}.gate-copy{top:34%;gap:12px}#gate-name{font-size:35px}.gate-discover{min-height:42px;padding:8px 19px;font-size:12px;min-width:217px}.gate-skip{bottom:9px}}
@media(prefers-reduced-motion:reduce){.gate-photo,.gate-visual,.gate-header,#gate-name,.gate-discover,#gate-home.is-revealing{animation:none!important;opacity:1;transform:none}.gate-reveal{display:none}.gate.is-entering.is-home-ready{transition:opacity .2s}.gate.is-entering .gate-copy{transition:opacity .2s;transform:translate(-50%,-50%)}}
/* Physical sides stay consistent in Arabic and English; desktop composition is unchanged. */
@media(max-width:600px),(max-width:900px) and (max-height:500px){
 .gate-header{direction:ltr;justify-content:flex-end;padding-left:max(66px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
 .gate-partners{direction:rtl}
 #gate-language{inset-inline-end:auto;right:auto;left:max(12px,env(safe-area-inset-left))}
}

/* Official project artwork; separate from the unchanged partner header. */
.gate-copy{top:40%;gap:18px;width:min(470px,calc(100% - 48px))}
#gate-name{width:100%;padding:0;line-height:0;letter-spacing:normal;white-space:normal;text-shadow:none}
.gate-project-logo{display:block;width:100%;height:auto;object-fit:contain;filter:none}
@media(max-width:900px) and (orientation:portrait){.gate-copy{top:35%;width:min(345px,calc(100% - 52px));gap:24px}}
@media(max-height:500px) and (orientation:landscape){.gate-copy{top:47%;width:240px;gap:14px}.gate-project-logo{max-height:135px}}

/* Modest proportional increase for the Lajaf header mark on every viewport. */
.gate-header .gate-partners img:last-child{transform:scale(1.14);transform-origin:center}

/* Phone-only placement. Centre the original ink, including its uneven alpha padding. */
@media(max-width:600px),(max-width:900px) and (max-height:500px){
 .gate .gate-copy{inset:0;width:100%;height:100%;max-width:none;display:block;transform:none}
 .gate #gate-name{position:absolute;left:50%;top:var(--mobile-logo-top,24%);width:var(--mobile-logo-width,min(345px,calc(100% - 52px)));translate:-50% 0}
 .gate .gate-project-logo{translate:4.285714% 0;max-height:none}
 .gate .gate-discover{position:absolute;left:50%;top:var(--mobile-road-anchor,73%);translate:-50% -100%;width:238px;max-width:calc(100% - 52px);min-width:0;min-height:52px;padding:12px 17px;gap:18px;line-height:1.4;font-size:13px;isolation:isolate;overflow:visible;border:1px solid #dbbb8b;border-radius:2px;background:linear-gradient(112deg,#20172a 0%,#493647 47%,#271c31 100%);color:#fff1dc;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:inset 0 1px 0 #fff2d554,inset 0 -2px 0 #17101dcc,5px 3px 0 #745337;transform-origin:50% 100%;text-shadow:0 1px 1px #100b18}
 .gate .gate-discover::before{content:"";position:absolute;left:-1px;right:-1px;top:100%;height:8px;pointer-events:none;background:linear-gradient(180deg,#a5794d,#513a2a);border:1px solid #a88154;border-top:0;border-radius:0 0 2px 2px;transform:skewX(-14deg);transform-origin:top center}
 .gate .gate-discover::after{content:"";position:absolute;left:50%;top:calc(100% + 5px);width:119%;height:26px;translate:-50% 0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse,#0b0913bb 0%,#0b091340 47%,transparent 72%);transform:scaleY(.5) skewX(-12deg);transform-origin:50% 0}
 .gate .gate-discover svg{flex:none;width:25px}
 .gate .gate-discover:active{transform:translateY(2px);box-shadow:inset 0 1px 0 #fff2d540,inset 0 -2px 0 #17101dcc,3px 2px 0 #745337}
 .gate.is-entering .gate-copy{transform:none;transition:opacity .3s}
}
@media(max-width:900px) and (max-height:500px) and (orientation:landscape){
 .gate .gate-discover{width:225px;min-height:44px;padding:9px 16px;font-size:12px;gap:16px}
}
@media(prefers-reduced-motion:reduce) and (max-width:600px),(prefers-reduced-motion:reduce) and (max-width:900px) and (max-height:500px){.gate .gate-discover:active{transform:none}}