:root{--ink: #2B1A12;--cream: #FFF3DC;--sun: #FFC53D;--leaf: #6CC04A;--coral: #FF6B4A;--sky: #5CC8FF;--plum: #8A4FD6;--white: #FFFFFF;--soil: #3A2418;--soil-2: #4A2F1F;--ease-pop: cubic-bezier(.2, 1.8, .35, 1);--ease-out: cubic-bezier(.2, 1, .3, 1);--head: "DynaPuff", "Baloo 2", system-ui, sans-serif;--body: "Baloo 2", system-ui, sans-serif;--gutter: clamp(16px, 4vw, 48px);color-scheme: dark;}*{box-sizing: border-box;}html{scroll-behavior: smooth;}body{margin: 0;background: var(--soil);background-image:
radial-gradient(ellipse at 20% 0%, rgba(255, 197, 61, .10), transparent 55%),
radial-gradient(ellipse at 90% 40%, rgba(108, 192, 74, .08), transparent 50%),
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.17 0 0 0 0 0.1 0 0 0 0 0.07 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");color: var(--cream);font-family: var(--body);font-weight: 600;font-size: 1.125rem;line-height: 1.45;overflow-x: hidden;}img{max-width: 100%;height: auto;display: block;}a{color: inherit;}:focus-visible{outline: 4px solid var(--sun);outline-offset: 4px;border-radius: 12px;}.wrap{width: min(1200px, 100% - 2 * var(--gutter));margin-inline: auto;}h1, h2, h3, .head{font-family: var(--head);font-weight: 700;line-height: 1.05;margin: 0;}.outline{color: var(--sun);-webkit-text-stroke: .14em var(--ink);paint-order: stroke fill;text-shadow: .07em .07em 0 var(--ink);}.outline.white{color: var(--white);}.section-title{font-size: clamp(2.2rem, 5.5vw, 3.8rem);display: inline-block;transform: rotate(-2deg);margin-bottom: .6em;}.lede{font-size: clamp(1.15rem, 2.2vw, 1.4rem);max-width: 40ch;}p{margin: 0 0 1em;}.sticker{background: var(--cream);color: var(--ink);border: 6px solid var(--ink);border-radius: 38px 30px 44px 34px;box-shadow: 10px 10px 0 var(--ink);}.btn{--bg: var(--sun);display: inline-flex;align-items: center;gap: .55em;font-family: var(--head);font-weight: 700;font-size: 1.25rem;color: var(--ink);text-decoration: none;background: var(--bg);border: 5px solid var(--ink);border-radius: 22px 18px 24px 16px;padding: .55em 1.1em .6em;box-shadow: 6px 6px 0 var(--ink);transform: rotate(-1.5deg);transition: transform 180ms var(--ease-pop), box-shadow 180ms var(--ease-out);cursor: pointer;}.btn:hover{transform: rotate(-1.5deg) translateY(-5px) scale(1.04);box-shadow: 9px 11px 0 var(--ink);}.btn:active{transform: rotate(-1.5deg) translateY(2px) scale(.97, 1.03);box-shadow: 3px 3px 0 var(--ink);transition-duration: 120ms;}.btn.ghost{--bg: var(--cream);transform: rotate(1.5deg);}.btn.ghost:hover{transform: rotate(1.5deg) translateY(-5px) scale(1.04);}.btn[aria-disabled="true"]{cursor: default;}.btn svg{width: 1.2em;height: 1.2em;flex: none;}.badge{display: inline-block;font-family: var(--head);font-size: .8rem;font-weight: 700;color: var(--ink);background: var(--sun);border: 3px solid var(--ink);border-radius: 999px;padding: .1em .65em .15em;transform: rotate(4deg);white-space: nowrap;}.site-head{position: sticky;top: 0;z-index: 20;background: rgba(43, 26, 18, .88);backdrop-filter: blur(8px);border-bottom: 4px solid var(--ink);}.site-head .wrap{display: flex;align-items: center;gap: 1rem;min-height: 64px;}.brand{font-family: var(--head);font-size: 1.5rem;text-decoration: none;}.brand img{height: 46px;width: auto;}.nav{margin-left: auto;display: flex;align-items: center;gap: clamp(.6rem, 2vw, 1.4rem);}.nav a{font-family: var(--head);text-decoration: none;font-size: 1rem;}.nav a:hover{color: var(--sun);}.lang{font-family: var(--head);font-size: .9rem;font-weight: 700;background: var(--cream);color: var(--ink);border: 3px solid var(--ink);border-radius: 12px 10px 14px 9px;box-shadow: 3px 3px 0 var(--ink);padding: .15em .55em;cursor: pointer;}@media (max-width: 720px){.nav .hide-sm{display: none;}}.hero{position: relative;min-height: min(92vh, 860px);display: grid;align-items: center;overflow: hidden;border-bottom: 6px solid var(--ink);}.hero-bg{position: absolute;inset: 0;}.hero-bg img{position: absolute;inset: 0;width: 100%;height: 100%;max-width: none;object-fit: cover;object-position: 70% 85%;}.hero-bg::after{content: "";position: absolute;inset: 0;background:
linear-gradient(90deg, rgba(43, 26, 18, .92) 0%, rgba(43, 26, 18, .6) 38%, rgba(43, 26, 18, 0) 70%),
linear-gradient(0deg, rgba(43, 26, 18, .85) 0%, rgba(43, 26, 18, 0) 35%);}.hero-inner{position: relative;padding-block: 5rem 4rem;}.hero-logo{width: min(460px, 78%);filter: drop-shadow(8px 10px 0 rgba(43, 26, 18, .8));animation: logo-in 650ms var(--ease-pop) both;}.hero-tag{font-size: clamp(1.6rem, 4vw, 2.6rem);margin: .4em 0 .35em;transform: rotate(-1.5deg);display: inline-block;}.hero .lede{text-shadow: 0 2px 0 var(--ink);}.cta-row{display: flex;flex-wrap: wrap;gap: 1rem 1.2rem;margin-top: 1.6rem;align-items: center;}.meta-row{display: flex;flex-wrap: wrap;gap: .5rem;margin-top: 1.4rem;}.meta-row .badge:nth-child(2n){transform: rotate(-3deg);background: var(--cream);}.meta-row .badge:nth-child(3n){background: var(--leaf);}@keyframes logo-in{from{transform: scale(1.6) rotate(-6deg);opacity: 0;}to{transform: none;opacity: 1;}}section{padding-block: clamp(4rem, 9vw, 7rem);}.band-cream{background: var(--cream);color: var(--ink);border-block: 6px solid var(--ink);}.band-cream .outline{color: var(--sun);}.features{display: grid;grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));gap: 2rem;}.feature{padding: 1.6rem 1.5rem 1.3rem;}.feature:nth-child(4n+1){transform: rotate(-2deg);}.feature:nth-child(4n+2){transform: rotate(1deg);border-radius: 30px 44px 28px 40px;}.feature:nth-child(4n+3){transform: rotate(2.5deg);border-radius: 44px 34px 38px 30px;}.feature:nth-child(4n+4){transform: rotate(-1deg);}.feature h3{font-size: 1.6rem;margin-bottom: .45em;}.feature p{margin: 0;font-size: 1.05rem;}.feature .dot{width: 54px;height: 54px;border-radius: 48% 52% 45% 55%;border: 5px solid var(--ink);box-shadow: 4px 4px 0 var(--ink);display: grid;place-items: center;margin-bottom: .9rem;font-family: var(--head);font-size: 1.5rem;color: var(--white);-webkit-text-stroke: 4px var(--ink);paint-order: stroke fill;}.trailer{position: relative;aspect-ratio: 16 / 9;overflow: hidden;background: url("/assets/img/shot-mahzen-fight-sm.webp?v=2689f4a439") center / cover;transform: rotate(-1deg);display: grid;place-items: center;}.trailer::before{content: "";position: absolute;inset: 0;background: rgba(43, 26, 18, .55);}.trailer .soon{position: relative;text-align: center;}.trailer .play{width: 96px;height: 96px;margin: 0 auto .8rem;background: var(--sun);border: 6px solid var(--ink);border-radius: 50%;box-shadow: 6px 6px 0 var(--ink);display: grid;place-items: center;}.trailer .play svg{width: 40px;height: 40px;margin-left: 6px;}.trailer .soon .head{font-size: clamp(1.4rem, 3vw, 2rem);}.heroes{display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 1.8rem;}@media (max-width: 720px){.heroes{grid-template-columns: 1fr 1fr;gap: 1.4rem 1rem;}.hero-card h3{font-size: 1.45rem;}.hero-card .txt{padding: .7rem .8rem 0;}.hero-card p{font-size: .92rem;}.hero-bg{background-position: 55% 100%;}}.hero-card{--c: var(--leaf);padding: 0 0 1.2rem;overflow: hidden;transition: transform 180ms var(--ease-pop);}.hero-card:nth-child(odd){transform: rotate(-2deg);}.hero-card:nth-child(even){transform: rotate(2deg);border-radius: 30px 40px 34px 44px;}.hero-card:hover{transform: translateY(-14px) scale(1.04) rotate(0deg);}.hero-card .portrait{background: var(--c);border-bottom: 6px solid var(--ink);aspect-ratio: 1;}.hero-card .portrait img{width: 100%;height: 100%;object-fit: cover;}.hero-card .txt{padding: .9rem 1.1rem 0;}.hero-card h3{font-size: 1.9rem;color: var(--c);-webkit-text-stroke: .12em var(--ink);paint-order: stroke fill;text-shadow: 3px 3px 0 var(--ink);}.hero-card .role{margin: .35rem 0 .5rem;background: var(--c);color: var(--white);-webkit-text-stroke: 3px var(--ink);paint-order: stroke fill;font-size: .9rem;}.hero-card p{margin: 0;font-size: 1rem;line-height: 1.35;}.gallery{display: grid;grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr));gap: 1.6rem;}.shot{padding: 0;border: 6px solid var(--ink);border-radius: 26px 20px 30px 22px;box-shadow: 8px 8px 0 var(--ink);overflow: hidden;background: var(--ink);cursor: zoom-in;transition: transform 180ms var(--ease-pop);}.shot:nth-child(3n+1){transform: rotate(-1.5deg);}.shot:nth-child(3n+2){transform: rotate(1deg);}.shot:nth-child(3n){transform: rotate(-.5deg);}.shot:hover{transform: translateY(-8px) scale(1.03);}.shot img{width: 100%;aspect-ratio: 16 / 9;object-fit: cover;}.lightbox{position: fixed;inset: 0;z-index: 50;display: none;background: rgba(43, 26, 18, .92);padding: var(--gutter);place-items: center;cursor: zoom-out;}.lightbox.open{display: grid;}.lightbox img{max-height: 90vh;width: auto;border: 6px solid var(--ink);border-radius: 18px;box-shadow: 10px 10px 0 #000a;animation: pop-in 350ms var(--ease-pop);}@keyframes pop-in{from{transform: scale(.85);opacity: 0;}to{transform: none;opacity: 1;}}.worlds{display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 1.4rem;}.world{padding: 0;overflow: hidden;}.world img{aspect-ratio: 16 / 10;object-fit: cover;width: 100%;border-bottom: 5px solid var(--ink);}.world h3{font-size: 1.35rem;padding: .7rem 1rem .1rem;}.world p{padding: 0 1rem .9rem;margin: 0;font-size: .98rem;}.world:nth-child(odd){transform: rotate(1.2deg);}.world:nth-child(even){transform: rotate(-1.2deg);}.cta-band{text-align: center;}.cta-band .cta-row{justify-content: center;}.cta-band .lede{margin-inline: auto;}.facts{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);gap: 2rem;align-items: start;}@media (max-width: 860px){.facts{grid-template-columns: 1fr;}}.fact-list{padding: 1.4rem 1.6rem;margin: 0;transform: rotate(-1deg);}.fact-list dt{font-family: var(--head);font-size: .95rem;color: var(--coral);margin-top: .8rem;}.fact-list dt:first-child{margin-top: 0;}.fact-list dd{margin: 0;}.press-body h2{font-size: 1.8rem;margin: 1.6rem 0 .5rem;color: var(--sun);}.press-body h2:first-child{margin-top: 0;}.press-body ul{padding-left: 1.2em;margin: 0 0 1em;}.press-body li{margin-bottom: .3em;}.downloads{display: grid;grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));gap: 1.4rem;}.dl{display: block;text-decoration: none;padding: 0 0 .7rem;overflow: hidden;}.dl img{aspect-ratio: 16 / 9;object-fit: cover;width: 100%;border-bottom: 5px solid var(--ink);background: var(--soil-2);}.dl img.contain{object-fit: contain;padding: 1rem;}.dl span{display: block;padding: .5rem .9rem 0;font-family: var(--head);font-size: 1rem;}.dl:hover{transform: translateY(-6px) rotate(-1deg);}.site-foot{background: var(--ink);padding-block: 2.5rem;font-size: 1rem;}.site-foot .wrap{display: flex;flex-wrap: wrap;gap: 1rem 2rem;align-items: center;justify-content: space-between;}.site-foot nav{display: flex;flex-wrap: wrap;gap: 1rem 1.4rem;}.site-foot a{text-decoration: none;font-family: var(--head);}.site-foot a:hover{color: var(--sun);}.muted{opacity: .75;}.mt-m{margin-top: 1.6rem;}.mt-l{margin-top: 2.4rem;}.c-coral{--c: var(--coral);}.c-blue{--c: #4F7FE0;}.c-leaf{--c: var(--leaf);}.c-sky{--c: var(--sky);}.c-plum{--c: var(--plum);}.feature .dot[class*="c-"]{background: var(--c);}.btn.bg-sky{--bg: var(--sky);}@media (scripting: enabled){.reveal{opacity: 0;transform: translateY(40px) rotate(var(--r, 0deg));transition: opacity 650ms var(--ease-out), transform 650ms var(--ease-pop);}.reveal.in{opacity: 1;transform: none;}}@media (prefers-reduced-motion: reduce){*, *::before, *::after{animation: none !important;transition: none !important;}html{scroll-behavior: auto;}.reveal{opacity: 1 !important;transform: none !important;}}.skip{position: fixed;left: 1rem;top: -4rem;z-index: 100;background: var(--sun);color: var(--ink);padding: .6rem 1rem;font-family: var(--head);text-decoration: none;border: 4px solid var(--ink);border-radius: 12px;transition: top .2s;}.skip:focus{top: 1rem;}main:focus{outline: none;}.studio-bar{background: #0A0A0B;color: #F4F2EF;font: 600 .78rem/1 system-ui, sans-serif;letter-spacing: .06em;}.studio-bar .wrap{display: flex;align-items: center;justify-content: space-between;min-height: 34px;}.studio-bar a{display: inline-flex;align-items: center;gap: .5em;text-decoration: none;opacity: .85;}.studio-bar a:hover{opacity: 1;}.studio-bar .lang-switch{display: flex;gap: 2px;}.studio-bar .lang-switch a{padding: .45em .55em;border-radius: 3px;opacity: .6;}.studio-bar .lang-switch a[aria-current]{opacity: 1;background: rgba(255, 255, 255, .12);}.nav a[aria-current]{color: var(--sun);}.btn.is-disabled{cursor: default;opacity: .8;}.btn.is-disabled:hover{transform: none;box-shadow: 6px 6px 0 var(--ink);}.site-foot .foot-studio img{height: 24px;width: auto;}.site-foot nav a{font-size: .95rem;}.site-foot .legal-line{flex-basis: 100%;margin: .4rem 0 0;font-size: .85rem;opacity: .7;}.trailer .yt{position: absolute;inset: 0;z-index: 1;border: 0;padding: 0;background: none;cursor: pointer;display: grid;place-items: center;color: var(--cream);}.trailer .yt img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;}.trailer .yt .play{position: relative;}.trailer .yt .yt-note{position: absolute;bottom: 1rem;left: 0;right: 0;font-size: .85rem;text-align: center;text-shadow: 0 1px 4px #000;}.trailer .yt:hover .play{transform: scale(1.06);}.trailer iframe{position: absolute;inset: 0;width: 100%;height: 100%;border: 0;z-index: 2;}.lightbox[hidden]{display: none;}.lb-close{position: absolute;top: 1rem;right: 1rem;width: 48px;height: 48px;border: 4px solid var(--ink);border-radius: 50%;background: var(--sun);color: var(--ink);font: 700 1.6rem/1 var(--head);cursor: pointer;box-shadow: 4px 4px 0 var(--ink);}