#home.hero{position:relative;isolation:isolate;display:block;min-height:0;background:#09213b}
#home .hero-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:-1}
#home .hero-copy{width:45%;height:50vw;min-height:0;margin-left:0;margin-right:auto;padding:3vw 4vw;text-align:start}
#home h1{font-size:clamp(2rem,3.5vw,4.5rem);line-height:1.3}
html[lang=ar] #home h1{font-size:clamp(2rem,3.5vw,4.5rem);line-height:1.5}
#home .hero-copy>p{font-size:clamp(.9rem,1.15vw,1.1rem);margin:20px 0 24px;line-height:1.9}
#home .eyebrow{font-size:clamp(.65rem,.85vw,.875rem);margin-bottom:18px}
#home .hero-note{margin-top:28px;color:#c4cfda}
@media(max-width:1050px) and (min-width:761px){#home .hero-note{display:none}#home .hero-copy{width:47%;padding:24px 3vw}#home .hero-copy>p{margin:14px 0 18px}}
@media(max-width:760px){
 #home.hero{display:flex;flex-direction:column}
 #home .hero-copy{width:100%;height:auto;padding:40px 24px 30px;order:1}
 #home .hero-scene{position:relative;height:auto;aspect-ratio:2/1;object-fit:contain;order:2;z-index:0}
 #home h1,html[lang=ar] #home h1{font-size:clamp(2.1rem,7vw,3rem)}
 #home .hero-copy>p{font-size:1rem}
 #home .eyebrow{font-size:.72rem}
 .header{gap:8px;padding-inline:14px}.brand .sannaa{width:110px}.brand{gap:8px}.languages button{padding:7px}
}