/* Existing three worlds; a quiet brass language control and Arabic type. */
@font-face{font-family:LabArabic;src:url('fonts/Amiri-400-arabic.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:LabArabic;src:url('fonts/Amiri-700-arabic.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
/* Compact native disclosure; the same brass states on both public sites. */
.language-switch{--language-surface:#221b16;--language-selected:#594329;--language-gold:#d2aa68;position:relative;z-index:6;display:block;width:max-content;max-width:100%;padding:0;border:0;border-radius:0;background:none;font-family:Manrope,sans-serif;flex:none}
.language-switch>.language-trigger{display:flex;align-items:center;justify-content:center;gap:7px;min-width:90px;min-height:44px;padding:0 12px;border:1px solid #b88c59;border-radius:24px;background:var(--language-surface);color:#f8e8c9;font:700 12px/1.4 Manrope,sans-serif;list-style:none;cursor:pointer;user-select:none;box-shadow:0 3px 12px #140d0755}
.language-trigger::-webkit-details-marker{display:none}.language-trigger::marker{content:''}
.language-trigger svg{display:block;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.language-switch>.language-trigger:hover{background:#45352a;border-color:var(--language-gold)}
.language-switch[open]>.language-trigger{background:var(--language-selected);border-color:var(--language-gold)}
.language-switch[open] .language-chevron{transform:rotate(180deg)}
.language-panel{position:absolute;top:calc(100% + 8px);right:0;left:auto;display:grid;gap:3px;width:164px;max-width:calc(100vw - 32px);padding:6px;border:1px solid #b88c59;border-radius:16px;background:var(--language-surface);box-shadow:0 12px 28px #140d0766}
.language-switch:not([open])>.language-panel{display:none}
.language-switch .language-panel a{display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid transparent;border-radius:10px;color:#f8e8c9;font-size:12px;font-weight:700;line-height:1.4;text-align:start;text-decoration:none;white-space:nowrap}
.language-switch .language-panel a[lang=ar]{font-family:LabArabic,serif;font-size:20px}
.language-switch .language-panel a:hover{background:#45352a;border-color:#b88c59}
.language-switch .language-panel a[aria-current=page]{color:#fff3dc;background:var(--language-selected);border-color:var(--language-gold)}
.language-check{visibility:hidden;font:700 14px/1 Manrope,sans-serif;color:var(--language-gold)}
[aria-current=page]>.language-check{visibility:visible}
.language-switch :is(summary,a):focus-visible{outline:2px solid #fff1cf;outline-offset:3px;box-shadow:0 0 0 5px #221b16}
.site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;direction:ltr}
.site-header .language-switch{margin:0;justify-self:end}
.site-header .brand{margin:0;justify-self:start}
.games-intro-copy p{margin:0;text-wrap:balance}.games-intro-copy p+p{margin-top:.7em}
.games-intro-copy a{color:inherit;font-weight:700;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.games-intro-copy a:hover{text-decoration-thickness:2px}
.games-intro-copy a:focus-visible{outline:2px solid #fff2cb;outline-offset:4px;border-radius:2px}
html[lang=ar]{--body:LabArabic,Manrope,serif;--display:LabArabic,Cormorant,serif}
html[lang=ar] body{font-family:LabArabic,Manrope,serif}
html[lang=ar] :is(h1,h2,h3,h4,p,small,b,strong,li,.eyebrow,.button,.text-link,.knit-button,.lamp-state){letter-spacing:normal}
html[lang=ar] :is(h1,h2,h3,h4){font-family:LabArabic,Manrope,serif;line-height:1.3;font-weight:700}
html[lang=ar] .portal-intro h1{font-size:clamp(48px,6.3vw,88px);line-height:1.35}
html[lang=ar] .portal-intro h1[lang=en]{font-family:Cormorant,serif;line-height:1.03}
html[lang=ar] .intro-copy{font-size:21px;line-height:1.9;max-width:660px}
html[lang=ar] .lead{font-size:21px;line-height:1.9}
html[lang=ar] :is(.capabilities p,.card p,.section-lead>p,.tier-for,.tier ul,.note,.steps span,.portfolio-copy,.portfolio-terms,.media-description,.closing p){font-size:18px;line-height:1.85}
html[lang=ar] :is(.fine,.eyebrow,.head,.badge,.site-footer p){font-size:15px;line-height:1.7}
html[lang=ar] :is(.button,.text-link,.knit-button,.portfolio-cta){font-family:LabArabic,Manrope,serif;font-size:19px;line-height:1.7}
html[lang=ar] :is(.capabilities h3,.tier-top h3,.steps b,.card h2){font-family:LabArabic,Manrope,serif;font-size:25px;line-height:1.4}
html[lang=ar] .lamp-label b{font-size:32px;line-height:1.5}
html[lang=ar] .lamp-label small{font-size:16px;line-height:1.7;max-width:230px}
html[lang=ar] .lamp-state{font-size:14px;line-height:1.6}
html[lang=ar] .tier-price strong{font-family:LabArabic,Manrope,serif;font-size:31px;line-height:1.6}
html[lang=ar] .tier li{padding-inline:16px 0}
html[lang=ar] .tier li::before{left:auto;right:0}
html[lang=ar] .portfolio-terms ul{padding-inline:18px 0}
html[lang=ar] .site-footer>a:last-child{margin-left:0;margin-inline-start:auto}
html[lang=ar] .brand{font-family:Manrope,sans-serif;direction:ltr}
html[lang=ar] .brand small{font-family:LabArabic,serif;font-size:16px;direction:rtl;letter-spacing:normal;max-width:none}
html[lang=ar] .card .chip svg{direction:ltr}
html[lang=ar] .footer-brand{font-family:Manrope,sans-serif;direction:ltr}
html[lang=ar] .media-copy{text-align:start}
html[lang=ar] .closing-copy{direction:ltr}
html[lang=ar] .closing-copy :is(h2,p,.text-link){direction:rtl;text-align:right}
html[lang=ar] .closing-copy p{max-width:38%}
html[lang=ar] .closing-copy>.text-link{width:38%;justify-content:flex-start}
@media(max-width:760px){
 .site-header{gap:10px;padding-block:16px;min-height:88px}
 html[lang=ar] .brand small{font-size:13px;max-width:145px}
 html[lang=ar] .lamp-label b{font-size:26px}
 html[lang=ar] .lamp-label small{font-size:13px;max-width:130px}
 html[lang=ar] .lamp-state{font-size:12px}
 html[lang=ar] .portal-intro>.eyebrow{font-size:14px}
 html[lang=ar] .intro-copy{font-size:19px;max-width:500px}
 html[lang=ar] .studio-heading>h2{font-size:44px}
 html[lang=ar] .media-copy h2{font-size:46px;line-height:1.35}
 html[lang=ar] .tier-price strong{font-size:29px}
 html[lang=ar] .closing-copy p{max-width:100%}
 html[lang=ar] .closing-copy>.text-link{width:100%}
}
@media(max-width:520px){.site-header .brand small{display:none}}
@media(max-width:380px){.site-header .brand svg{display:none}}
@media(max-width:380px){html[lang=ar] .lamp-label b{font-size:23px}html[lang=ar] .lamp-label small{font-size:12px}html[lang=ar] .lamp-state{font-size:11px}html[lang=ar] .brand small{font-size:12px}html[lang=en] .lamp-label b{font-size:17px}}
