@font-face{font-family:PitArabic;src:url('/assets/NotoSansArabic.ttf') format('truetype');font-display:swap}
html[lang=ar] body{font-family:PitArabic,Arial,sans-serif}
html[lang=ar] .brand{font-family:Arial,Helvetica,sans-serif;direction:ltr;unicode-bidi:isolate;white-space:nowrap}
html[lang=ar] header nav{margin-left:0;margin-right:auto}
html[lang=ar] .hero-copy{margin-left:auto;margin-right:0}
html[lang=ar] .hero h1{font-family:PitArabic,Arial,sans-serif;font-style:normal;font-size:clamp(82px,8.2vw,128px);line-height:1.15;letter-spacing:-3px;margin:22px 0 18px}
html[lang=ar] .hero h1 em{font-style:normal}
html[lang=ar] .intro{line-height:1.55;font-size:24px;letter-spacing:0;margin-bottom:13px}
html[lang=ar] .edition,html[lang=ar] .section-label,html[lang=ar] .hero-foot{letter-spacing:0}
html[lang=ar] .description{max-width:380px;line-height:1.9}
html[lang=ar] .equipment{left:-2%;right:37%}
html[lang=ar] .stage-top{left:11%;right:28%}
html[lang=ar] .scene-caption{left:12%;right:auto}
html[lang=ar] .stage-choices{direction:rtl}
html[lang=ar] .type-art{font-family:PitArabic,Arial,sans-serif;font-style:normal;left:1%;right:auto;top:12%;width:58%;font-size:clamp(94px,12vw,195px);line-height:1.12;letter-spacing:-5px;transform:rotate(8deg);text-align:center;opacity:.13}
html[lang=ar] .type-art span:nth-child(2){margin-left:0;margin-right:-10%}
html[lang=ar] .type-art span:nth-child(3){margin-left:0;margin-right:7%}
html[lang=ar] h2,html[lang=ar] .setup-heading h2,html[lang=ar] .features-heading h2,html[lang=ar] .next h2{font-family:PitArabic,Arial,sans-serif;font-style:normal;font-size:clamp(34px,3.7vw,55px);line-height:1.45;letter-spacing:-1px}
html[lang=ar] .feature-list h3,html[lang=ar] .compatibility h3{font-family:PitArabic,Arial,sans-serif;font-style:normal;font-size:29px;line-height:1.6;letter-spacing:0}
html[lang=ar] .tour-caption h3{letter-spacing:0;line-height:1.7}
html[lang=ar] .tour-source{text-align:left}
html[lang=ar] #tour-count{direction:ltr;unicode-bidi:isolate}
html[lang=ar] .feature-list .feature-caveat{border-left:0;border-right:3px solid #a29036;padding-left:0;padding-right:12px}
html[lang=ar] .footer-links{margin-right:0}
@media(min-width:1600px){html[lang=ar] .equipment{right:40%}}
@media(max-width:850px){
 html[lang=ar] header nav{margin:0}
 html[lang=ar] .hero{min-height:1210px}
 html[lang=ar] .hero h1{font-size:90px;line-height:1.13;margin:12px 0 17px}
 html[lang=ar] .hero-copy{width:100%}
 html[lang=ar] .equipment{left:-3%;right:-3%;top:675px;height:450px}
 html[lang=ar] .stage-top{left:10%;right:10%}
 html[lang=ar] .scene-caption{left:8%;right:auto;bottom:0}
 html[lang=ar] .concept-art{top:560px;bottom:65px}
 html[lang=ar] .type-art{left:4%;top:0;width:92%;font-size:120px;line-height:1.05;opacity:.15}
 html[lang=ar] .tour-source{text-align:right}
 html[lang=ar] .feature-list h3{font-size:25px}
}
@media(max-width:520px){html[lang=ar] #tour-pause{left:0;right:auto}html[lang=ar] .tour-tabs{gap:20px}html[lang=ar] .hero-foot{font-size:8px}html[lang=ar] .setup-heading h2,html[lang=ar] .features-heading h2{font-size:33px}}
@media(max-width:430px){html[lang=ar] .brand{font-size:23px}html[lang=ar] header{gap:12px;padding-inline:4%}html[lang=ar] .header-actions{gap:7px}html[lang=ar] .theme-toggle{padding:8px 6px;font-size:10px}html[lang=ar] .buy-small{padding:8px 7px;font-size:10px}html[lang=ar] .language-link{font-family:Arial,sans-serif;font-size:11px}html[lang=ar] .hero h1{font-size:86px}html[lang=ar] .price span{font-size:10px}}
@media(max-width:360px){html[lang=ar] .brand{font-size:21px}html[lang=ar] .header-actions{gap:5px}html[lang=ar] .theme-toggle{padding:7px 4px;font-size:9px}html[lang=ar] .buy-small{padding:7px 5px;font-size:9px}html[lang=ar] .hero h1{font-size:78px}html[lang=ar] .edition{gap:12px}html[lang=ar] .actions{gap:15px}html[lang=ar] .button{font-size:13px;padding:15px}html[lang=ar] .hero{min-height:1130px}html[lang=ar] .equipment{top:595px}html[lang=ar] .concept-art{top:580px}}
html[lang=ar] .tax-note{line-height:1.9;font-size:11px} @media(max-width:360px){html[lang=ar] .hero{min-height:1240px}html[lang=ar] .equipment{top:705px}}
