/* Full-width glass navigation and the first section of the main website. */
html{scrollbar-gutter:stable}
.home-premium .header{position:fixed;inset:0 0 auto;height:auto;min-height:82px;padding:max(18px,env(safe-area-inset-top)) max(clamp(24px,4vw,64px),env(safe-area-inset-right)) 18px max(clamp(24px,4vw,64px),env(safe-area-inset-left));display:flex;justify-content:space-between;align-items:center;gap:24px;background:transparent;border:0;z-index:40}
/* Keep backdrop-filter off the header itself so its fixed menu remains viewport-sized. */
.home-premium .header::before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(110deg,#f6eade94,#eee5ee85);border-bottom:1px solid #f6eddd63;box-shadow:0 3px 18px #21172910;backdrop-filter:blur(12px) saturate(105%);-webkit-backdrop-filter:blur(12px) saturate(105%)}
.home-premium .brand-trio{position:relative;z-index:2;gap:20px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.home-premium .brand-trio img{height:45px;width:73px!important;background:transparent}
.home-premium .brand-trio img:nth-child(2){width:81px!important}
.home-premium .brand-trio img:last-child{width:75px!important}
.home-premium .header-tools{position:relative;z-index:2;display:flex;gap:10px;margin:0}
.home-premium .language,.home-premium .menu{display:grid;place-items:center;width:46px;height:46px;border-radius:5px;border:1px solid #21172930;background:#ffffff08;color:#211729;box-shadow:none;transition:background .25s,border-color .25s}
.home-premium .language{font:500 12px/1 Arial,sans-serif;letter-spacing:.06em}
.home-premium .menu{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:12px}
.home-premium .menu span{width:20px;height:1px;background:currentColor;margin:0;transition:transform .25s,width .25s}
.home-premium .menu span:last-child{width:14px;align-self:flex-start}
.home-premium .language:hover,.home-premium .menu:hover{background:#ffffff2e;border-color:#21172966}
.home-premium .menu[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}
.home-premium .menu[aria-expanded=true] span:last-child{width:20px;transform:translateY(-3.5px) rotate(-45deg)}
.home-premium #navigation{position:fixed;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;margin:0;padding:125px 32px 45px;width:100%;height:100dvh;overflow-y:auto;overscroll-behavior:contain;white-space:normal;background:rgba(33,23,41,.58);color:#fffaf0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:none;visibility:hidden;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .3s,transform .3s,visibility .3s}
.home-premium #navigation.open{visibility:visible;opacity:1;transform:none;pointer-events:auto;transition-property:opacity,transform}
.home-premium #navigation a{position:relative;display:flex;align-items:center;justify-content:center;max-width:100%;min-height:48px;padding:8px 14px;border:0;font-size:22px;line-height:1.5;font-weight:400;text-align:center;letter-spacing:0;text-shadow:0 2px 14px #0006;transition:color .25s}
.home-premium #navigation a:hover{color:#dcb87e}
html[lang=en] .home-premium #navigation a{font-family:Georgia,'Times New Roman',serif}
html.home-menu-open,html.home-menu-open body{overflow:hidden}
.home-premium .hero{height:100svh;min-height:650px;max-height:none;background:#211729}
.home-premium .hero-photo{background:none;animation:home-image-settle 12s cubic-bezier(.16,1,.3,1) both}
.home-premium .hero-photo img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 48%}
.home-premium .hero-shade{background:linear-gradient(0deg,#211729ec 0%,#21172980 35%,#21172900 75%),linear-gradient(to left,#2117297a,transparent 68%)}
html[dir=ltr] .home-premium .hero-shade{background:linear-gradient(0deg,#211729ec 0%,#21172980 35%,#21172900 75%),linear-gradient(to right,#2117297a,transparent 68%)}
.home-premium .hero-content{inset-inline-start:clamp(32px,7vw,120px);inset-inline-end:32px;bottom:clamp(65px,10vh,120px);max-width:750px}
.home-premium .hero .hero-name{font-size:clamp(54px,5.6vw,82px);line-height:1.3;font-weight:500;letter-spacing:0;margin:0 0 14px;color:#fff9ef;animation:home-copy-reveal .9s .15s both}
html[lang=ar] .home-premium .hero .hero-name{font-synthesis:none}
.home-premium .hero-subtitle{font-size:clamp(28px,3vw,42px);line-height:1.5;font-weight:400;margin:0 0 20px;color:#efd6ad}
.home-premium .hero-title-line{display:block;overflow:hidden;padding-bottom:.05em}
.home-premium .hero-title-line>span{display:block;animation:home-title-reveal 1.15s .28s cubic-bezier(.16,1,.3,1) both}
.home-premium .hero-title-line:last-child>span{animation-delay:.44s;color:#efd6ad}
html[lang=en] .home-premium .hero .hero-name{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(48px,5.3vw,78px);line-height:1.15;letter-spacing:.065em;text-transform:uppercase}
html[lang=en] .home-premium .hero-subtitle{font-family:Georgia,'Times New Roman',serif;line-height:1.25}
.home-premium .hero-copy{font-size:16px;line-height:1.9;max-width:455px;color:#f6eee1dd;margin-bottom:30px;animation:home-copy-reveal 1s .64s both}
.home-premium .hero-actions{gap:14px;flex-wrap:nowrap;animation:home-copy-reveal 1s .83s both}
.home-premium .hero-button{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-width:200px;min-height:62px;padding:16px 24px;border:1px solid #e5c396a6;border-radius:3px;font-size:14px;font-weight:500;line-height:1.6;transition:background .25s,color .25s,border-color .25s,box-shadow .25s}
.home-premium .hero-button svg{width:29px;height:16px;flex:none;transition:transform .25s}
html[dir=rtl] .home-premium .hero-button svg{transform:scaleX(-1)}
.home-premium .hero-button-primary{color:#211729;background:linear-gradient(130deg,#e7c99c,#f2ddbd);box-shadow:0 8px 25px #21172933}
.home-premium .hero-button-primary::after{content:'';position:absolute;inset:4px;border:1px solid #705c7a38;border-radius:1px;pointer-events:none}
.home-premium .hero-button-secondary{background:#2117295c;color:#f4dfbf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.home-premium .hero-button:hover{border-color:#fbe2b8;box-shadow:0 10px 28px #21172945}
.home-premium .hero-button-primary:hover{background:#f5e1c2}
.home-premium .hero-button-secondary:hover{background:#211729d4}
.home-premium .hero-button:hover svg{transform:translateX(4px)}
html[dir=rtl] .home-premium .hero-button:hover svg{transform:translateX(-4px) scaleX(-1)}
@keyframes home-image-settle{from{transform:scale(1.035)}to{transform:scale(1)}}
@keyframes home-title-reveal{from{transform:translateY(105%);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes home-copy-reveal{from{transform:translateY(18px);opacity:0;filter:blur(3px)}to{transform:translateY(0);opacity:1;filter:blur(0)}}
@media(max-width:760px){
 .home-premium .header{min-height:72px;padding:max(14px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 14px max(16px,env(safe-area-inset-left));gap:12px}
 .home-premium .brand-trio{padding:0;gap:10px}
 .home-premium .brand-trio img{height:33px;width:49px!important}
 .home-premium .brand-trio img:nth-child(2){width:56px!important}
 .home-premium .brand-trio img:last-child{width:51px!important}
 .home-premium .header-tools{gap:8px}
 .home-premium .language,.home-premium .menu{width:44px;height:44px}
 .home-premium .language{font-size:11px}
 .home-premium .menu{padding:10px}
 .home-premium #navigation{padding:100px 24px 36px;gap:4px;justify-content:center}
 .home-premium #navigation a{font-size:19px;min-height:46px;padding:8px 12px}
 .home-premium .hero{min-height:540px}
 .home-premium .hero-photo img{object-position:30% 50%}
 .home-premium .hero-content{inset-inline:24px;bottom:max(62px,calc(env(safe-area-inset-bottom) + 40px));max-width:none}
 .home-premium .hero .hero-name{font-size:46px;line-height:1.3;margin-bottom:12px}
 .home-premium .hero-subtitle{font-size:28px;line-height:1.5;margin-bottom:18px}
 html[lang=en] .home-premium .hero .hero-name{font-size:36px;line-height:1.15;letter-spacing:.04em}
 html[lang=en] .home-premium .hero-subtitle{font-size:28px}
 .home-premium .hero-copy{font-size:14px;line-height:1.9;max-width:340px;margin-bottom:25px}
 .home-premium .hero-actions{gap:10px}
 .home-premium .hero-button{flex:1;min-width:0;min-height:57px;padding:14px 15px;font-size:12px;gap:10px;white-space:nowrap}
 .home-premium .hero-button svg{width:22px}
 .home-premium .hero-button-secondary{gap:8px}
 .home-premium .hero-button-secondary span{min-width:0;white-space:normal;text-wrap:balance}
}
@media(max-width:350px){
 .home-premium .header{padding-inline:12px;gap:8px}
 .home-premium .brand-trio{padding:0;gap:7px}
 .home-premium .brand-trio img{height:29px;width:42px!important}
 .home-premium .brand-trio img:nth-child(2){width:48px!important}
 .home-premium .brand-trio img:last-child{width:44px!important}
 .home-premium .header-tools{gap:6px}
 .home-premium .language,.home-premium .menu{width:44px;height:44px}
 .home-premium .hero-content{inset-inline:20px;bottom:48px}
 .home-premium .hero .hero-name{font-size:42px}
 .home-premium .hero-subtitle{font-size:25px}
 html[lang=en] .home-premium .hero .hero-name{font-size:31px}
 html[lang=en] .home-premium .hero-subtitle{font-size:25px}
 .home-premium .hero-copy{font-size:13px}
 .home-premium .hero-actions{flex-direction:column;gap:9px}
 .home-premium .hero-button{min-height:50px;font-size:12px;padding:12px 20px;gap:18px}
 .home-premium .hero-button svg{width:24px}
}
@media(max-height:500px) and (orientation:landscape){
 .home-premium .header{min-height:64px;padding-top:max(10px,env(safe-area-inset-top));padding-bottom:10px;padding-inline:max(22px,env(safe-area-inset-left))}
 .home-premium .brand-trio{padding:0;gap:12px}
 .home-premium .brand-trio img{height:27px;width:47px!important}
 .home-premium .brand-trio img:nth-child(2){width:53px!important}
 .home-premium .brand-trio img:last-child{width:48px!important}
 .home-premium .language,.home-premium .menu{width:44px;height:44px}
 .home-premium .hero{min-height:390px}
 .home-premium .hero-content{bottom:28px;inset-inline-start:38px;max-width:500px}
 .home-premium .hero .hero-name{font-size:42px;line-height:1.25;margin-bottom:8px}
 .home-premium .hero-subtitle{font-size:25px;line-height:1.3;margin-bottom:10px}
 html[lang=en] .home-premium .hero .hero-name{font-size:38px;line-height:1.1}
 html[lang=en] .home-premium .hero-subtitle{font-size:25px}
 .home-premium .hero-copy{font-size:12px;margin-bottom:14px;max-width:390px}
 .home-premium .hero-button{min-height:45px;min-width:165px;padding:10px 17px;font-size:11px;gap:18px}
 .home-premium .hero-actions{max-width:380px}
 .home-premium #navigation{padding:72px 40px 16px;gap:0;justify-content:center}
 .home-premium #navigation a{font-size:17px;line-height:1.4;min-height:38px;padding:7px 12px}
}
@media(prefers-reduced-motion:reduce){.home-premium .hero-photo,.home-premium .hero-title-line>span,.home-premium .hero .hero-name,.home-premium .hero-copy,.home-premium .hero-actions{animation:none;opacity:1;transform:none;filter:none}.home-premium #navigation{transition:none}}

/* Start hero entrances only after the gate handoff and initial localisation. */
html:not([data-home-entry=ready]) .home-premium .hero-photo,
html:not([data-home-entry=ready]) .home-premium .hero-name,
html:not([data-home-entry=ready]) .home-premium .hero-title-line>span,
html:not([data-home-entry=ready]) .home-premium .hero-copy,
html:not([data-home-entry=ready]) .home-premium .hero-actions{animation:none;opacity:1;transform:none;filter:none}
#gate-home .hero-content{visibility:hidden}
.home-premium .hero-photo img{object-position:50% 48%}
@media(max-width:600px){.home-premium .hero-photo img{object-position:50% 50%}}

/* A quiet language action, separate from the framed menu button. */
.home-premium .header-tools{align-items:center}
.home-premium .header-tools .language{width:36px;height:44px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:11px;letter-spacing:.035em}
.home-premium .header-tools .language:hover{background:transparent;border:0;color:#875282}
.home-premium .header-tools .language:focus-visible{outline:2px solid #875282;outline-offset:1px;border-radius:3px}

/* A quieter typographic hierarchy after the compound entrance. */
.home-premium .hero-content{max-width:850px;padding-block:22px}
.home-premium .hero .hero-name{font-size:clamp(48px,6.1vw,90px);font-weight:500;line-height:1.32;margin:0 0 14px}
.home-premium .hero-subtitle{font-size:clamp(26px,3.1vw,46px);font-weight:400;line-height:1.55;margin:0 0 20px}
.home-premium .hero-copy{font-size:clamp(14px,1.3vw,19px);line-height:1.9;margin:0;max-width:530px}
@media(max-width:600px){.home-premium .hero-content{bottom:65px;padding:0;max-width:calc(100% - 48px)}.home-premium .hero .hero-name{font-size:clamp(43px,12vw,60px);margin-bottom:8px}.home-premium .hero-subtitle{font-size:clamp(25px,6.6vw,33px);margin-bottom:16px}.home-premium .hero-copy{font-size:14px;max-width:320px}}
@media(max-height:500px) and (orientation:landscape){.home-premium .hero-content{bottom:32px;padding:0}.home-premium .hero .hero-name{font-size:43px;margin-bottom:5px}.home-premium .hero-subtitle{font-size:25px;margin-bottom:8px}.home-premium .hero-copy{font-size:12px}}

/* One hero entrance, independent of localisation and scroll choreography. */
.home-premium .hero .hero-name,.home-premium .hero-title-line>span,.home-premium .hero-copy{animation:none!important;opacity:1;transform:none;filter:none}
html[data-home-entry=ready] .home-premium .hero-content{animation:hero-enter-once .85s cubic-bezier(.16,1,.3,1) both}
@keyframes hero-enter-once{from{opacity:0;transform:translate3d(0,24px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(prefers-reduced-motion:reduce){html[data-home-entry=ready] .home-premium .hero-content{animation:none}}

/* Modest proportional increase for the Lajaf header mark on every viewport. */
.home-premium .header .brand-trio img:last-child{transform:scale(1.14);transform-origin:center}
