/* Locally bundled Arabic type; scene artwork and brand marks are never flipped. */
@font-face{font-family:'Noto Sans Arabic';src:url('noto-sans-arabic.ttf') format('truetype');font-weight:100 900;font-display:swap}
.language-switch{white-space:nowrap;border:1px solid #414344;padding:7px 13px!important;font-size:13px!important;letter-spacing:0;font-family:Inter,'Noto Sans Arabic',Arial,sans-serif}
html[lang=ar] body{font-family:'Noto Sans Arabic',Arial,sans-serif;text-align:right;line-height:1.85}
html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{font-family:'Noto Sans Arabic',Arial,sans-serif;letter-spacing:0;line-height:1.45}
html[lang=ar] h1{font-size:clamp(44px,4.8vw,76px)}
html[lang=ar] h2{font-size:clamp(32px,3.3vw,52px)}
html[lang=ar] .eyebrow,html[lang=ar] .hero-caption,html[lang=ar] .slider-controls{letter-spacing:0}
html[lang=ar] .eyebrow>span{margin-right:0;margin-left:10px}
html[lang=ar] .nav-menu{left:auto;right:-25px;text-align:right;width:340px}
html[lang=ar] .nav-drop>button span{margin-left:0;margin-right:12px}
html[lang=ar] .hero-copy{margin-left:auto;margin-right:0;text-align:right;max-width:850px}
html[lang=ar] .hero-shade{background:linear-gradient(270deg,#050505 0%,#050505bc 22%,#05050533 46%,transparent 65%)}
html[lang=ar] .intro{margin-left:0;margin-right:0}
html[lang=ar] .solution-tabs button{text-align:right;line-height:1.7}
html[lang=ar] .capability-tabs button{font-size:13px;line-height:1.7}
html[lang=ar] .capability-detail{min-height:155px}
html[lang=ar] .solution-panel h3{font-size:36px}
html[lang=ar] .closing .button{right:auto;left:6%}
html[lang=ar] .cookie{left:auto;right:25px}
html[lang=ar] .advisor-launcher,html[lang=ar] .advisor-panel{right:auto;left:20px}
html[lang=ar] .form-notice{border-left:0;border-right:2px solid var(--cyan)}
html[lang=ar] input[type=email],html[lang=ar] input[type=tel],html[lang=ar] input[type=date],html[lang=ar] a[href^='tel:']{direction:ltr;text-align:right;unicode-bidi:isolate}
html[lang=ar] input::file-selector-button{margin-right:0;margin-left:10px}
html[lang=ar] #slide-count{direction:ltr;unicode-bidi:isolate}
html[lang=ar] [data-slide],html[lang=ar] [data-drift-direction]{transform:scaleX(-1)}
html[lang=ar] .advisor-panel,html[lang=ar] .advisor-launcher{font-family:'Noto Sans Arabic',Arial,sans-serif}
@media(min-width:901px){
 html[lang=ar] .scene-layout,html[lang=ar] .solution-panel{direction:ltr;grid-template-columns:minmax(0,1.25fr) minmax(320px,.9fr)}
 html[lang=ar] .scene-layout>img,html[lang=ar] .solution-panel>img{grid-column:1;grid-row:1}
 html[lang=ar] .scene-layout>div,html[lang=ar] .solution-panel>div{grid-column:2;grid-row:1;direction:rtl;text-align:right}
 html[lang=ar] .hero-copy{padding-top:7vh;padding-bottom:90px}
}
@media(max-width:900px){
 html[lang=ar] .hero-copy{margin:0;width:100%}
 html[lang=ar] .hero h1{font-size:clamp(34px,6vw,56px);line-height:1.45}
 html[lang=ar] header>.button.small{margin-left:0;margin-right:auto}
 html[lang=ar] .nav-menu{width:auto;right:auto;left:auto}
 html[lang=ar] .scene-layout>div,html[lang=ar] .solution-panel>div{direction:rtl;text-align:right}
 html[lang=ar] .cookie{left:12px;right:12px}
 .language-switch{display:inline-flex!important;align-self:flex-start}
}
@media(max-width:700px){html[lang=ar] .closing .button{position:static}html[lang=ar] .advisor-panel{left:10px;right:10px}html[lang=ar] .project-page h1,html[lang=ar] .legal h1{font-size:38px}}
@media(min-width:901px){
 /* Keep the complete original artwork clear of right-aligned Arabic headlines. */
 html[lang=ar] .hero{display:grid;direction:ltr;grid-template-columns:minmax(0,1.25fr) minmax(320px,.9fr);align-items:center;gap:3vw;padding:64px 6% 100px;height:auto;min-height:calc(100vh - 100px);max-height:none}
 html[lang=ar] .hero-art{position:relative;inset:auto;grid-column:1;grid-row:1;width:100%;height:auto;max-width:100%;object-fit:contain;opacity:1;z-index:0}
 html[lang=ar] .hero-copy{grid-column:2;grid-row:1;direction:rtl;margin:0;padding:0;width:100%;max-width:none}
 html[lang=ar] .hero h1{font-size:clamp(38px,3.7vw,66px)}
 html[lang=ar] .hero-shade{display:none}
}
