*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.wrap{max-width:1320px;margin:0 auto;padding:0 40px;position:relative}
.px{image-rendering:pixelated;image-rendering:crisp-edges}
.deco{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.top,.hero,.filter-bar,main,.about,.foot{position:relative;z-index:1}
.top-in{display:flex;align-items:center;justify-content:space-between;height:68px}
.mark{display:inline-flex;align-items:center;gap:10px}
.mark img{width:40px;height:40px}
.soc{display:flex;gap:22px;align-items:center}
.soc a:hover{text-decoration:underline}
.filter-bar{position:sticky;top:0;z-index:40}
.filter-in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px}
.seg{position:relative;display:inline-flex;gap:4px;flex-wrap:wrap}
.tab{border:0;background:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font:inherit;color:inherit;transition:background .2s,color .2s,transform .2s}
.tab:hover{transform:translateY(-1px)}
.count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px}
.bento{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-flow:dense;gap:24px}
.item[hidden]{display:none!important}
.card{position:relative;display:flex;flex-direction:column;overflow:hidden}
.feat{grid-column:span 8;grid-row:span 2}.w4{grid-column:span 4}.w6{grid-column:span 6}
.mat{overflow:hidden;aspect-ratio:2.75/1;position:relative}
.feat .mat{aspect-ratio:auto;flex:1;min-height:340px}
.mat img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .4s}
.card:hover .mat img{transform:scale(1.06) translateY(-1%)}
.body{display:flex;flex-direction:column;flex:1;padding:20px 22px 22px}
.tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.tag{font-size:12px;padding:3px 10px}
.pitch{max-width:56ch}
.facts{display:grid;grid-template-columns:repeat(4,1fr);margin-top:18px}
.facts div{padding:10px 0}
.facts dt{font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.7}
.cta{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:18px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;white-space:nowrap;transition:background .2s,color .2s,transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-2px)}
.arr{display:inline-block;transition:transform .25s}.btn:hover .arr{transform:translate(2px,-2px)}
.idx{display:none}
.empty{padding:60px 0;text-align:center}
.about{display:grid;grid-template-columns:auto 1fr;gap:56px;align-items:center}
.jack{image-rendering:pixelated;height:auto}
.foot-in{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:32px 40px 40px;max-width:1320px;margin:0 auto}
/* scroll reveal */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.mat img{transition:none}}
/* filtered view: even grid */
body[data-filter]:not([data-filter="all"]) .bento .card{grid-column:span 4;grid-row:auto}
body[data-filter]:not([data-filter="all"]) .bento .feat .mat{aspect-ratio:2.75/1;flex:none;min-height:0}
@media (max-width:1100px){.feat{grid-column:span 12;grid-row:auto}.w4,.w6{grid-column:span 6}body[data-filter]:not([data-filter="all"]) .bento .card{grid-column:span 6}}
@media (max-width:720px){.wrap,.foot-in{padding-left:18px;padding-right:18px}.soc .hide-m{display:none}
 .bento{grid-template-columns:1fr;gap:18px}.bento .card,body[data-filter]:not([data-filter="all"]) .bento .card{grid-column:auto!important}
 .feat .mat{min-height:200px}.facts{grid-template-columns:1fr 1fr}.cta{flex-direction:column}.btn{width:100%}
 .seg{display:grid;grid-template-columns:repeat(4,1fr);width:100%}.tab{justify-content:center;padding-left:4px!important;padding-right:4px!important;font-size:12px!important;gap:4px}
 .about{grid-template-columns:1fr;gap:28px;justify-items:center}}

/* ================= VOLET v28 "four suits" theme ================= */
:root{--iv:#efe9dc;--ink:#0d0c0b;--spade:#0d0c0b;--diamond:#8a6116;--diamond-hi:#b8862f;--heart:#8e231c;--club:#3c4a32;--suit:var(--spade)}
body[data-suit=diamond]{--suit:var(--diamond)}body[data-suit=heart]{--suit:var(--heart)}body[data-suit=club]{--suit:var(--club)}
body{background:var(--iv);color:var(--ink);font:17px/1.55 "Manrope",sans-serif,system-ui,sans-serif}
:focus-visible{outline:3px solid var(--heart);outline-offset:3px}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:var(--iv);padding:10px 14px;z-index:99}.skip:focus{left:8px}
.top{border-bottom:2px solid var(--ink);background:var(--iv)}
.mark{font:900 22px "Oswald",sans-serif;font-stretch:70%;letter-spacing:.02em}
.soc{font:600 13px "Manrope",sans-serif;text-transform:uppercase;letter-spacing:.06em}.soc a[aria-current]{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
.legend{display:flex;gap:18px;font:600 12px "Manrope",sans-serif;text-transform:uppercase;letter-spacing:.08em}
.legend span b{font-size:15px}.legend .lg-d b{color:var(--diamond-hi)}.legend .lg-h b{color:var(--heart)}.legend .lg-c b{color:var(--club)}
/* hero: four suit columns */
.cols{position:relative;display:grid;grid-template-columns:repeat(4,1fr);height:760px;overflow:hidden;border-bottom:2px solid var(--ink)}
.c{position:relative;overflow:hidden;padding:22px 24px;display:flex;flex-direction:column;justify-content:flex-start;color:var(--iv);transition:filter .3s}
.c:hover{filter:brightness(1.12)}
.c b{position:relative;z-index:5;font:900 34px/1 "Oswald",sans-serif;font-stretch:70%;text-transform:uppercase}
.c small{position:relative;z-index:5;font:600 12px "Manrope",sans-serif;letter-spacing:.1em;text-transform:uppercase;opacity:.85;margin-top:6px}
.c .gl{position:absolute;font:400 620px/.75 "IM Fell English",serif;left:-40px;bottom:-60px;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.c:hover .gl{transform:translateY(-14px) rotate(-3deg)}
.s{background:var(--spade)}.s .gl{color:#2a2622}.d{background:var(--diamond-hi)}.d .gl{color:#9d711f}.h{background:var(--heart)}.h .gl{color:#6d1914}.cl{background:var(--club)}.cl .gl{color:#2b3724}
.d b,.d small{color:var(--ink)}
.cols .np{position:absolute;left:0;right:0;top:50%;transform:translateY(-58%);text-align:center;font:900 28vw/.8 "Oswald",sans-serif;font-stretch:62%;color:var(--iv);text-shadow:8px 8px 0 rgba(0,0,0,.45);z-index:3;pointer-events:none}
/* Jack sits centred on the ♦/♥ seam, below the labels (fixes v28 overlap) */
.cols .jack{position:absolute;height:560px;width:auto;left:50%;bottom:0;transform:translateX(-50%);z-index:4;filter:drop-shadow(10px 10px 0 rgba(0,0,0,.4));pointer-events:none}
.intro{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:28px;padding-bottom:28px;border-bottom:2px solid var(--ink)}
.intro .lede{font:400 30px/1.25 "PT Serif",serif;max-width:none}
/* filter tabs */
.filter-bar{background:var(--iv);border-bottom:2px solid var(--ink)}.filter-in{max-width:none;padding:0}
.seg{display:grid;grid-template-columns:repeat(4,1fr);width:100%;gap:0}
.tab{font:900 26px "Oswald",sans-serif;font-stretch:70%;text-transform:uppercase;padding:16px 24px;color:var(--iv);justify-content:space-between;position:relative}
.tab::after{content:"";position:absolute;left:0;right:0;bottom:0;height:0;background:var(--iv);transition:height .25s}
.tab.active::after{height:8px}.tab:not(.active){filter:saturate(.55) brightness(.92)}
.tab[data-filter=all]{background:var(--spade)}.tab[data-filter=tilesets]{background:var(--diamond)}.tab[data-filter=characters]{background:var(--heart)}.tab[data-filter=ui]{background:var(--club)}
.count{background:var(--iv);color:var(--ink);font:700 13px "Manrope",sans-serif}.hint{display:none}
/* catalog */
main.wrap{max-width:none;padding:0}.bento{gap:0}
.card{border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);border-top:12px solid var(--diamond-hi);background:var(--iv);transition:background .25s}
.card[data-cat=characters]{border-top-color:var(--heart)}.card[data-cat=ui]{border-top-color:var(--club)}
.card:hover{background:#fff}
.feat{background:var(--diamond-hi);color:var(--ink);border-top-color:var(--ink)}.feat:hover{background:#c3913a}
.mat{margin:22px 22px 0;outline:2px solid var(--ink);background:#fff;display:block}
.body{padding:20px 22px 24px}
.card h2{font:900 clamp(60px,6.6vw,110px)/.86 "Oswald",sans-serif;font-stretch:62%;text-transform:uppercase}
.card h3{font:900 46px/.9 "Oswald",sans-serif;font-stretch:62%;text-transform:uppercase;margin-bottom:8px}
.card h2 a:hover,.card h3 a:hover{text-decoration:underline;text-decoration-thickness:4px}
.tag{font:600 11px "Manrope",sans-serif;text-transform:uppercase;letter-spacing:.08em;border:1.5px solid currentColor}
.tag-acc{background:var(--ink);color:var(--iv);border-color:var(--ink)}
.facts{border-top:2px solid currentColor}.facts dd{font:900 24px "Oswald",sans-serif;font-stretch:70%}
.more{display:inline-block;margin-top:14px;font:700 13px "Manrope",sans-serif;text-transform:uppercase;letter-spacing:.08em;border-bottom:2px solid currentColor}
.btn{font:700 13px "Manrope",sans-serif;text-transform:uppercase;border:2px solid var(--ink)}
.btn-primary{background:var(--ink);color:var(--iv)}.btn-primary:hover{background:var(--heart);border-color:var(--heart)}
.btn-ghost:hover{background:var(--ink);color:var(--iv)}
/* about teaser / about page */
.about{grid-template-columns:1fr 1fr;gap:0;border-bottom:2px solid var(--ink)}
.ab-l{background:var(--club);min-height:500px;position:relative;overflow:hidden;display:grid;place-items:end center}
.ab-l .glyph{position:absolute;font:400 640px/.75 "IM Fell English",serif;left:-40px;bottom:-120px;color:#2b3724}
.ab-l .jack{position:relative;height:440px;width:auto;z-index:2}
.ab-r{padding:48px 40px}
.about h2,.page h1{font:900 clamp(80px,9vw,150px)/.85 "Oswald",sans-serif;font-stretch:62%;text-transform:uppercase;margin:12px 0 18px}
.kick{font:600 13px "Manrope",sans-serif;text-transform:uppercase;letter-spacing:.12em}
.prose p{max-width:62ch;margin-bottom:14px}.prose p:first-child::first-letter{float:left;font:400 84px/.8 "IM Fell English",serif;color:var(--heart);padding:6px 10px 0 0}
.suitkey{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--ink)}
.suitkey div{padding:24px;color:var(--iv);font:600 14px "Manrope",sans-serif}.suitkey b{display:block;font:900 40px "Oswald",sans-serif;font-stretch:70%;text-transform:uppercase}
.suitkey div:nth-child(1){background:var(--spade)}.suitkey div:nth-child(2){background:var(--diamond)}.suitkey div:nth-child(3){background:var(--heart)}.suitkey div:nth-child(4){background:var(--club)}
/* pack page */
.p-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:5fr 7fr;background:var(--suit);color:var(--iv);border-bottom:2px solid var(--ink);min-height:640px}
.p-suit{position:absolute;font:400 900px/.75 "IM Fell English",serif;left:-80px;bottom:-200px;color:rgba(0,0,0,.25);pointer-events:none}
.p-head{position:relative;padding:48px 40px;display:flex;flex-direction:column;justify-content:flex-end}
.p-head .kick a{border-bottom:1px solid currentColor}
.p-head h1{font:900 clamp(64px,7.4vw,124px)/.86 "Oswald",sans-serif;font-stretch:62%;text-transform:uppercase;margin:14px 0 18px}
.p-head .lede{font:400 24px/1.3 "PT Serif",serif;max-width:32ch}
.p-head .btn{border-color:var(--iv)}.p-head .btn-primary{background:var(--iv);color:var(--ink)}.p-head .btn-ghost{color:var(--iv)}.p-head .btn-ghost:hover{background:var(--iv);color:var(--ink)}
.p-shot{position:relative;padding:40px;display:grid;place-items:center}
.p-shot img{width:100%;image-rendering:pixelated;outline:2px solid var(--ink);background:#fff;box-shadow:14px 14px 0 rgba(0,0,0,.35);transition:transform .6s}
.p-shot img:hover{transform:scale(1.02)}
.p-gal{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:2px solid var(--ink)}
.p-gal figure{border-right:2px solid var(--ink);padding:22px;overflow:hidden}
.p-gal img{width:100%;aspect-ratio:1;object-fit:contain;background:#fff;outline:2px solid var(--ink);image-rendering:pixelated;transition:transform .6s}
.p-gal figure:hover img{transform:scale(1.04)}
.p-gal figcaption{font:400 18px "PT Serif",serif;margin-top:10px}
.p-info{display:grid;grid-template-columns:1fr 1fr;border-bottom:2px solid var(--ink)}
.p-info>div{padding:40px;border-right:2px solid var(--ink)}
.p-info h2,.p-rel h2{font:900 56px/.9 "Oswald",sans-serif;font-stretch:62%;text-transform:uppercase;margin-bottom:18px}
.p-info h3{font:900 28px "Oswald",sans-serif;font-stretch:70%;text-transform:uppercase;margin:24px 0 8px}
.inside{list-style:none}.inside li{padding:12px 0;border-bottom:1px solid var(--ink);font-size:19px}
.inside li::before{content:"■";color:var(--suit);margin-right:12px}
.specs{display:grid;grid-template-columns:1fr 1fr;border-top:2px solid var(--ink)}
.specs div{padding:12px 0;border-bottom:1px solid var(--ink)}.specs dt{font:600 11px "Manrope",sans-serif;letter-spacing:.1em;text-transform:uppercase;opacity:.75}.specs dd{font:900 24px "Oswald",sans-serif;font-stretch:70%}
.lic{max-width:56ch}
.p-rel{padding-top:40px}.p-rel h2{padding:0 40px}.p-rel h2 span{color:var(--suit)}
.rel .card{grid-column:span 6!important}
.rel{border-top:2px solid var(--ink)}
/* 404 */
.nf{position:relative;overflow:hidden;background:var(--heart);color:var(--iv);min-height:70vh;display:grid;place-items:center;text-align:center;padding:40px;border-bottom:2px solid var(--ink)}
.nf .big{font:900 34vw/.8 "Oswald",sans-serif;font-stretch:62%;opacity:.2;position:absolute;inset:auto 0 -4vw 0}
.nf h1{font:900 clamp(60px,9vw,140px)/.85 "Oswald",sans-serif;font-stretch:62%;text-transform:uppercase;position:relative}
.nf p{position:relative;font:400 26px "PT Serif",serif;margin:16px 0 24px}
.nf .btn{background:var(--iv);color:var(--ink);border-color:var(--iv);position:relative}
.foot{background:var(--ink);color:var(--iv);font:600 13px "Manrope",sans-serif;text-transform:uppercase}
.foot a:hover{text-decoration:underline}
@media (max-width:1100px){.cols .jack{height:440px}.p-hero{grid-template-columns:1fr}.p-info{grid-template-columns:1fr}.legend{display:none}}
@media (max-width:720px){.cols{grid-template-columns:1fr 1fr;height:660px}.c{padding:12px}.c b{font-size:20px}.c small{display:none}.c .gl{font-size:340px}
 .cols .np{font-size:34vw;top:46%}.cols .jack{height:330px}.intro .lede{font-size:22px}.intro{display:block}
 .tab{font-size:15px!important}.card h2{font-size:56px}.about{grid-template-columns:1fr}.ab-l{min-height:320px}.ab-l .glyph{font-size:380px}.ab-l .jack{height:300px}.ab-r{padding:24px 18px}
 .suitkey{grid-template-columns:1fr 1fr}.p-head{padding:28px 18px}.p-shot{padding:18px}.p-suit{font-size:500px}.p-gal{grid-template-columns:1fr}.p-gal figure{border-right:0;border-bottom:2px solid var(--ink)}
 .p-info>div{padding:24px 18px;border-right:0}.p-rel h2{padding:0 18px;font-size:44px}.rel .card{grid-column:auto!important}.about h2,.page h1{font-size:22vw}}
.rel .card:only-child{grid-column:1/-1!important}
.p-gal img{background:var(--ink)}
@media (max-width:720px){.cols .np{top:50%;transform:translateY(-50%)}.h,.cl{justify-content:flex-end}.cl{align-items:flex-end;text-align:right}.cols .jack{height:270px}}

/* ================= Volet: Pixel Conquistador launch ================= */
/* Jack: native 109×172, shown at integer scales only (×3 / ×2) */
.cols .jack{height:516px}
.ab-l .jack{height:516px}
@media (max-width:1100px){.cols .jack{height:344px}.ab-l .jack{height:344px}}
@media (max-width:720px){.cols .jack{height:344px}.ab-l .jack{height:344px}}
/* tags, notes, inline links */
.tag-ai{border-style:dashed}
.ai-note{margin-top:14px;font:500 14px/1.45 "Manrope",sans-serif;max-width:46ch;opacity:.92}
.ai-note a,.inl{border-bottom:1px solid currentColor}
.foot .mail{text-transform:none}
/* store buttons before the store pages are live */
.btn-soon{border:2px dashed currentColor;background:transparent;color:inherit;opacity:.6;cursor:default}
.btn-soon:hover{transform:none}
.p-head .btn-soon{border-color:var(--iv);color:var(--iv)}
/* one pack in the deck: full-width featured card, image beside text */
.bento .feat:only-child,body[data-filter] .bento .feat:only-child{grid-column:1/-1;grid-row:auto;flex-direction:row}
.bento .feat:only-child .mat,body[data-filter] .bento .feat:only-child .mat{flex:7 1 0;aspect-ratio:3/2;min-height:0;margin:22px 0 22px 22px}
.bento .feat:only-child .body{flex:5 1 0;padding:28px 32px 28px}
.bento .feat:only-child h2{font-size:clamp(48px,4.6vw,78px)}
.bento .feat:only-child .facts{grid-template-columns:repeat(2,1fr)}
@media (max-width:1100px){.bento .feat:only-child,body[data-filter] .bento .feat:only-child{flex-direction:column}
 .bento .feat:only-child .mat,body[data-filter] .bento .feat:only-child .mat{flex:none;margin:22px 22px 0}}
/* gallery: 3:2 plates, two per row when the count is even */
.p-gal img{aspect-ratio:auto;height:auto;object-fit:initial}
.p-gal.even{grid-template-columns:repeat(2,1fr)}
.p-gal.even figure{border-bottom:2px solid var(--ink)}
.p-gal.even figure:nth-last-child(-n+2){border-bottom:0}
@media (max-width:720px){.p-gal.even{grid-template-columns:1fr}.p-gal.even figure:nth-last-child(2){border-bottom:2px solid var(--ink)}}
/* licence page */
.doc{display:grid;grid-template-columns:5fr 7fr;border-bottom:2px solid var(--ink)}
.doc-l{position:relative;overflow:hidden;background:var(--spade);color:var(--iv);padding:48px 40px;min-height:520px;display:flex;flex-direction:column;justify-content:flex-end}
.doc-l .glyph{position:absolute;font:400 640px/.75 "IM Fell English",serif;left:-40px;bottom:-120px;color:#2a2622;pointer-events:none}
.doc-l h1{position:relative;font:900 clamp(80px,9vw,150px)/.85 "Oswald",sans-serif;font-stretch:62%;text-transform:uppercase;margin:12px 0 0}
.doc-l .kick{position:relative}
.doc-r{padding:48px 40px}
.doc-r h2{font:900 40px/.95 "Oswald",sans-serif;font-stretch:62%;text-transform:uppercase;margin:32px 0 12px}
.doc-r h2:first-child{margin-top:0}
.doc-r p{max-width:62ch;margin-bottom:12px}
.doc-r .inside li.no::before{content:"✕";color:var(--heart)}
.doc-r .inside li.yes::before{content:"✓";color:var(--club)}
@media (max-width:1100px){.doc{grid-template-columns:1fr}.doc-l{min-height:320px}}
@media (max-width:720px){.doc-l,.doc-r{padding:28px 18px}.doc-l .glyph{font-size:380px}}
@media (max-width:720px){.seg{grid-template-columns:repeat(4,minmax(0,1fr))}.suitkey{grid-template-columns:repeat(2,minmax(0,1fr))}.ab-r{min-width:0}}
.bento .feat:only-child .mat,body[data-filter] .bento .feat:only-child .mat{align-self:flex-start}
@media (max-width:1100px){.bento .feat:only-child .mat,body[data-filter] .bento .feat:only-child .mat{align-self:stretch}}
@media (max-width:720px){.bento .feat:only-child h2{font-size:clamp(36px,11vw,56px);overflow-wrap:anywhere}}
/* phones: nothing may be wider than the screen (otherwise the browser zooms the whole page out) */
@media (max-width:1100px){.p-hero,.p-info,.doc{grid-template-columns:minmax(0,1fr)}.p-head h1{overflow-wrap:anywhere}}
@media (max-width:720px){
 .cols{grid-template-columns:repeat(2,minmax(0,1fr))}.c b{overflow-wrap:anywhere}
 .about{grid-template-columns:minmax(0,1fr)}.about h2,.page h1,.doc-l h1{font-size:min(19vw,96px);overflow-wrap:anywhere}
 .seg{grid-template-columns:repeat(4,minmax(0,1fr))}
 .tab{min-width:0;flex-direction:column;justify-content:center;gap:6px;white-space:normal;text-align:center;line-height:1.05;padding:10px 2px!important;font-size:13px!important;overflow:hidden}
 .tab>span:first-child{overflow-wrap:anywhere}
 .p-head h1{font-size:clamp(40px,12vw,64px)}
 .btn{white-space:normal;height:auto;min-height:44px;padding:8px 14px;text-align:center}
 .suitkey b{font-size:30px;overflow-wrap:anywhere}
 .foot .soc{flex-wrap:wrap;gap:6px 18px}
}
/* pack video */
.p-video{background:var(--ink);border-bottom:2px solid var(--ink);padding:40px}
.p-video figure{max-width:1200px;margin:0 auto}
.p-video video{display:block;width:100%;aspect-ratio:16/9;background:#000;outline:2px solid #3a3530}
.p-video figcaption{color:var(--iv);opacity:.75;font:400 18px "PT Serif",serif;margin-top:10px}
@media (max-width:720px){.p-video{padding:18px}}
/* live previews (native sprites, integer scales) */
.mat .live{position:absolute;inset:0;display:grid;place-items:center;background:#e6ce9d;opacity:0;transition:opacity .25s;pointer-events:none}
.mat .live img{height:375px;width:auto;image-rendering:pixelated}
@media (hover:hover) and (prefers-reduced-motion:no-preference){.card:hover .mat .live,.mat:focus-visible .live{opacity:1}}
@media (max-width:1100px){.mat .live img{height:300px}}
.p-moves{border-bottom:2px solid var(--ink);padding:40px}
.p-moves-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;margin-bottom:22px}
.p-moves h2{font:900 56px/.9 "Oswald",sans-serif;font-stretch:62%;text-transform:uppercase}
.p-moves-head p{font:400 20px "PT Serif",serif}
.moves{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.moves figure{background:#e6ce9d;outline:2px solid var(--ink);padding:18px 12px 12px;display:flex;flex-direction:column;align-items:center}
.moves img{height:244px;width:auto;image-rendering:pixelated}
.moves figcaption{font:900 22px "Oswald",sans-serif;font-stretch:70%;text-transform:uppercase;margin-top:8px}
@media (max-width:1100px){.moves img{height:183px}}
@media (max-width:720px){.p-moves{padding:24px 18px}.p-moves h2{font-size:44px}.moves{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.moves img{height:122px}.moves figcaption{font-size:17px}}
.card:hover .mat .live img{transform:none}
.lic-full{border-top:2px solid var(--ink);padding-top:16px}
.lic-full h3{font:900 24px "Oswald",sans-serif;font-stretch:70%;text-transform:uppercase;margin:20px 0 6px}
.lic-full ol{padding-left:24px;max-width:62ch;margin-bottom:12px}.lic-full li{margin-bottom:6px}

/* Russian typography: fonts with Cyrillic and room for translated labels. */
.p-head,.body,.doc-r,.doc-l,.ab-r{min-width:0}
.card h2,.card h3{line-height:1.03;margin-bottom:14px}
.p-head h1{font-size:clamp(40px,4.8vw,72px);line-height:1.05;overflow-wrap:normal;word-break:normal}
.card h2,.card h3,.doc-l h1,.about h2,.page h1{overflow-wrap:anywhere}
.about h2,.page h1{font-size:clamp(60px,7vw,110px);line-height:1.05}
.prose h2.prose-title{font-size:28px;line-height:1.2;margin:24px 0 12px}
.doc-l h1{font-size:clamp(54px,6vw,92px);line-height:1.05}
.doc-l{align-self:start;position:sticky;top:0}
.p-info h2,.p-rel h2,.p-moves h2{font-size:clamp(36px,4.2vw,56px);line-height:1.1}
.doc-r h2{font-size:clamp(28px,3vw,40px);line-height:1.15}
.specs dd{font-size:21px;line-height:1.3;overflow-wrap:anywhere}
.p-hero{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
.intro .lede{font-size:clamp(22px,2.4vw,30px);line-height:1.4}
.prose p:first-child::first-letter{float:none;font:inherit;color:inherit;padding:0}
@media(max-width:1100px){.p-hero{grid-template-columns:minmax(0,1fr)}.doc-l{position:relative}}
@media(max-width:720px){
 .soc{gap:12px;font-size:11px;letter-spacing:.02em}
 .mark{font-size:20px;gap:6px}.mark img{width:32px;height:32px}
 .c b{font-size:clamp(16px,4.6vw,22px)}
 .tab{font-size:12px!important;letter-spacing:0}
 .suitkey b{font-size:26px}
 .about h2,.page h1{font-size:clamp(46px,14vw,76px)}
 .doc-l h1{font-size:clamp(44px,13vw,76px)}
 .p-head h1{font-size:clamp(42px,12vw,64px);line-height:1}
 .specs{grid-template-columns:minmax(0,1fr)}
 .moves figcaption{font-size:16px;text-align:center}
}

/* Localized product boards are page elements; source sprites remain untouched. */
.localized-visual{position:relative;display:block;width:100%;container-type:inline-size;isolation:isolate}
.localized-visual .ru-label{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;font-family:"Oswald",sans-serif;font-weight:600;line-height:1;text-align:center;white-space:pre-line;padding:0 .3%;overflow:hidden;pointer-events:none}
.mat>.localized-visual{height:100%}
.mat .live{z-index:2}
.video-shell{position:relative}
.video-shell>.localized-visual{position:absolute;inset:0;height:100%;pointer-events:none}
.video-shell>.localized-visual[hidden]{display:none}
.video-shell>.localized-visual>img{width:100%;height:100%;object-fit:contain}
.p-video video::cue{font-family:"Manrope",sans-serif;font-size:18px;background:rgba(13,12,11,.85);color:#efe9dc}
.card:hover .mat>.localized-visual>img,.p-shot .localized-visual>img:hover,.p-gal figure:hover .localized-visual>img{transform:none}