/* Shared type scale with one locally hosted font family for each language. */
@font-face{font-family:GitaText;src:url('assets/inter-variable.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
html[lang=en]{--font:GitaText,Arial,sans-serif}
body{font-size:16px;line-height:1.65}
h1,h2,h3{font-family:Gita,Arial,sans-serif;font-weight:700}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{font-family:Vazirmatn,Arial,sans-serif;letter-spacing:0}

html[lang=en] .hero-copy h1{font-size:clamp(38px,4.3vw,64px);font-weight:700;line-height:1.1;letter-spacing:-.035em;text-wrap:balance}
.games h2,.studio-copy h2,.baziness-heading h3{font-size:clamp(32px,3.1vw,46px);font-weight:700;line-height:1.18;letter-spacing:-.03em;text-wrap:balance}
.game-info h3,.baziness-card h3{font-size:clamp(22px,1.9vw,28px);font-weight:700;line-height:1.3;letter-spacing:-.025em;text-wrap:balance}
.game-card,.game-info>div{min-width:0}
.game-info .text-link{flex-shrink:0}
.hero-description,.section-heading p,.studio-copy p,.baziness-heading p,.contact-bottom p{font-size:clamp(16px,1.25vw,18px);font-weight:400;line-height:1.65;letter-spacing:0}
.hero-description{max-width:46ch}
.section-heading p{max-width:40ch}
.baziness-heading p{max-width:58ch}
.game-info p,.baziness-card p{font-size:16px;line-height:1.65;letter-spacing:0}
.baziness-card p{min-height:3.3em}

.eyebrow,.baziness-genre{font-size:11px;font-weight:650;line-height:1.6;letter-spacing:.1em}
.gallery-caption{font-size:10px;letter-spacing:.12em}
.tag,.availability{font-size:10px;font-weight:650;line-height:1.4;letter-spacing:.08em}
.hero-bottom,.hero-bottom a{font-size:10px;letter-spacing:.08em}
.studio-art-caption{font-size:14px;line-height:1.6}
.studio-principles{font-size:13px;line-height:1.75}
.studio-horizon .eyebrow{font-size:11px}
.studio-copy .studio-horizon p{font-size:16px;line-height:1.7}

.header nav{font-size:14px;font-weight:600;letter-spacing:0}
.pill,.game-launch,.text-link,.hero-studio-link,.baziness-card-actions .text-link{font-size:14px;font-weight:600;line-height:1.5;letter-spacing:0}
.contact-main h2{font-size:clamp(38px,4.7vw,68px);font-weight:700;line-height:1.12;letter-spacing:-.035em}
.contact-bottom p{max-width:48ch}
.footer-links{font-size:13px;line-height:1.7}
footer,.back-top{font-size:12px;line-height:1.6}
.dialog-title{font-size:clamp(28px,2.8vw,38px);line-height:1.2;letter-spacing:-.025em}
.dialog-copy{font-size:17px;line-height:1.7}
.dialog-gallery-heading,.dialog-source{font-size:12px;line-height:1.6}

html[dir=rtl] .hero-copy h1{font-size:clamp(38px,4vw,58px);font-weight:750;line-height:1.65;letter-spacing:0}
html[dir=rtl] .games h2,html[dir=rtl] .studio-copy h2,html[dir=rtl] .baziness-heading h3{font-size:clamp(30px,2.9vw,42px);line-height:1.6;letter-spacing:0}
html[dir=rtl] .game-info h3,html[dir=rtl] .baziness-card h3{font-size:clamp(22px,1.9vw,27px);line-height:1.65;letter-spacing:0}
html[dir=rtl] .hero-description,html[dir=rtl] .section-heading p,html[dir=rtl] .studio-copy p,html[dir=rtl] .baziness-heading p,html[dir=rtl] .contact-bottom p,html[dir=rtl] .game-info p,html[dir=rtl] .baziness-card p,html[dir=rtl] .dialog-copy{line-height:1.95;letter-spacing:0}
html[dir=rtl] .eyebrow,html[dir=rtl] .baziness-genre,html[dir=rtl] .tag,html[dir=rtl] .availability,html[dir=rtl] .gallery-caption{font-size:11px;letter-spacing:0}
html[dir=rtl] .studio-principles{font-size:13px;letter-spacing:0}
html[dir=rtl] .hero-bottom,html[dir=rtl] .hero-bottom a{font-size:11px;line-height:1.8;letter-spacing:0}
html[dir=rtl] .contact-main h2{font-size:clamp(34px,4.2vw,60px);line-height:1.65;letter-spacing:0}

@media(max-width:1100px){.header nav{font-size:12px}}
@media(max-width:800px){.header nav{font-size:10px}.game-launch,.baziness-card-actions .text-link{font-size:13px}}
@media(max-width:620px){
 html[lang=en] .hero-copy h1{font-size:clamp(30px,8.8vw,46px);line-height:1.13;letter-spacing:-.03em}
 .games h2,.studio-copy h2,.baziness-heading h3{font-size:32px;line-height:1.2;letter-spacing:-.025em}
 .game-info h3,.baziness-card h3{font-size:24px;line-height:1.3}
 .hero-description,.section-heading p,.studio-copy p,.baziness-heading p,.contact-bottom p,.game-info p,.baziness-card p,.dialog-copy{font-size:16px;line-height:1.7}
 .section-heading p{max-width:40ch}
 .baziness-card p{min-height:0}
 .studio-copy .studio-horizon p{font-size:15px}
 .eyebrow,.baziness-genre,.gallery-caption,.tag,.availability{font-size:10px}
 .studio-art-caption{font-size:13px}
 .header nav a{font-size:16px}
 .contact-main h2{font-size:clamp(36px,9.2vw,50px);line-height:1.15;letter-spacing:-.03em}
 .pill,.game-launch,.text-link,.hero-studio-link,.baziness-card-actions .text-link{font-size:14px}
 .hero-bottom,.hero-bottom a{font-size:9px;letter-spacing:.04em}
 html[dir=rtl] .hero-copy h1{font-size:clamp(30px,8.5vw,42px);line-height:1.7}
 html[dir=rtl] .games h2,html[dir=rtl] .studio-copy h2,html[dir=rtl] .baziness-heading h3{font-size:30px;line-height:1.6}
 html[dir=rtl] .game-info h3,html[dir=rtl] .baziness-card h3{font-size:24px;line-height:1.6}
 html[dir=rtl] .contact-main h2{font-size:clamp(30px,8vw,42px);line-height:1.65}
 html[dir=rtl] .hero-bottom,html[dir=rtl] .hero-bottom a{font-size:10px}
}

/* Studio cards retain their original artwork sizes and two-above-three layout. */
.primary-games-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));column-gap:28px;row-gap:42px;margin:0}
.primary-games-grid>.game-card{position:relative;grid-column:span 2;min-width:0;background:#191427;border-radius:10px;overflow:hidden;box-shadow:0 0 0 1px #3c304a;transition:box-shadow .2s}
.primary-games-grid>.game-card:hover,.primary-games-grid>.game-card:focus-within{box-shadow:0 0 0 1px #8f65bb}
.primary-games-grid>.game-card:nth-child(-n+2){grid-column:span 3}
.primary-games-grid .game-image{height:auto;min-height:0;aspect-ratio:890/395;background:transparent;border:0;padding:0;border-radius:10px 10px 0 0;transform:none}
.primary-games-grid .game-image img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}
.primary-games-grid .game-card:has(.game-title:hover) .game-image img,.primary-games-grid .game-card:has(.game-title:focus-visible) .game-image img{transform:scale(1.04)}
.primary-games-grid .hokm .game-image img{object-position:center 58%}
.primary-games-grid .mench .game-image img{object-position:center 40%}
.primary-games-grid .game-info{align-items:flex-start;margin-top:0;padding:10px 16px;gap:18px}
.primary-games-grid .game-info>div{min-width:0;flex:1}
.primary-games-grid .game-info h3{margin:0;text-wrap:pretty}
.primary-games-grid .game-info p{margin-top:9px}
@media(max-width:1000px){
 .primary-games-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 24px}
 .primary-games-grid>.game-card:nth-child(n){grid-column:auto}
 .primary-games-grid>.game-card:last-child{grid-column:1/-1;width:calc((100% - 24px)/2);justify-self:center}
 .primary-games-grid .game-info{flex-direction:column;gap:8px}
}
@media(max-width:620px){
 .primary-games-grid{grid-template-columns:minmax(0,1fr);row-gap:32px}
 .primary-games-grid>.game-card:last-child{grid-column:auto;width:100%}
 .primary-games-grid .game-info{padding-block:8px}
}

/* One accessible detail button covers the entire card, including its text. */
.primary-games-grid .game-info h3{width:fit-content;max-width:100%;font-size:clamp(18px,1.55vw,22px);font-weight:700;line-height:1.4;letter-spacing:-.015em;text-shadow:none}
.primary-games-grid .game-title{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:44px;padding:10px 13px;border:0;border-radius:6px;background:transparent;color:var(--ink);font:inherit;letter-spacing:inherit;text-align:center;text-wrap:balance;cursor:pointer;transition:color .2s}
.primary-games-grid .game-title:hover{color:var(--orange)}
.primary-games-grid .game-title::after{content:"";position:absolute;inset:0;z-index:1;border-radius:10px;cursor:pointer}
.primary-games-grid .game-title:focus-visible{outline:0}
.primary-games-grid .game-title:focus-visible::after{outline:2px solid var(--orange);outline-offset:-3px}
html[dir=rtl] .primary-games-grid .game-info h3{font-size:clamp(18px,1.55vw,22px);line-height:1.7;letter-spacing:0}

/* Center game names and actions beneath their artwork in both catalogs. */
.primary-games-grid .game-info{display:block;text-align:center}
.primary-games-grid .game-info>div{width:100%}
.primary-games-grid .game-info h3{margin-inline:auto}
.more-games-grid .baziness-card-copy{text-align:center}
.more-games-grid .baziness-card-actions{justify-content:center}

/* Navigation sets the minimum reading size: 14px on desktop, 16px on phones. */
:root{--text-min:14px}
html[lang] :is(h1,h2,h3){font-family:var(--font)}
html[lang] .hero-copy h1{font-weight:700}
html[lang] :is(.eyebrow,.baziness-genre,.hero-gallery .gallery-caption,.hero-bottom,.hero-bottom a,.studio-principles,.studio-horizon .eyebrow,.header nav,.header nav a,.pill,.text-link,.hero-studio-link,.game-launch,.baziness-card-actions .text-link,.footer-links,footer,.back-top,.dialog-gallery-heading,.dialog-source,.baziness-site-copy,.baziness-domain,.contact-field,.contact-form-note,#contact-status){font-size:var(--text-min)}
html[lang] :is(.eyebrow,.baziness-genre,.gallery-caption,.header nav,.pill,.text-link,.hero-studio-link,.game-launch,.contact-field){font-weight:600}
html[lang] :is(.eyebrow,.baziness-genre,.hero-gallery .gallery-caption,.hero-bottom,.hero-bottom a){letter-spacing:.04em}
html[dir=rtl] :is(.eyebrow,.baziness-genre,.hero-gallery .gallery-caption,.hero-bottom,.hero-bottom a){letter-spacing:0}
html[lang] .studio-art-caption{font-family:var(--font);font-size:max(14px,var(--text-min))}
html[lang] :is(.contact-form-intro,.contact-field input,.contact-field textarea){font-size:max(15px,var(--text-min))}
html[lang] :is(.studio-copy .studio-horizon p,.lang,.lang span){font-size:16px}
html[lang] .hero-copy .hero-description{font-size:clamp(16px,1.25vw,18px)}
.lang{font-family:Vazirmatn,GitaText,Arial,sans-serif}
p,.studio-art-caption,.contact-form-note,#contact-status{text-wrap:pretty;overflow-wrap:break-word}
.section-heading p,.baziness-heading p{text-wrap:balance}
.section-heading>div,.hero-copy,.studio-copy,.contact-bottom p{min-width:0}
.dialog-gallery-heading{flex-wrap:wrap;row-gap:6px}
.dialog-gallery-heading>span:last-child{white-space:nowrap}
.hero-bottom{gap:12px 24px;align-items:flex-end}
.hero-bottom>span{max-width:75%;text-wrap:balance}
.hero-bottom a{flex-shrink:0}
@media(max-width:620px){
 :root{--text-min:16px}
 html[lang] .hero-bottom{position:static;grid-column:1/-1;flex-wrap:wrap;margin-top:24px;gap:12px;font-size:var(--text-min)}
 .hero-bottom>span{max-width:100%}
 .baziness-brand-link{flex-wrap:wrap}
 .baziness-site-copy{min-width:0}
}