/* Content-sized actions and a full-panel imagination field. */
.cinema-actions .primary-button{padding:11px 16px;min-height:44px;min-width:0;width:fit-content;gap:12px;border-radius:12px;flex:0 0 auto;font-size:13px}
.cinema-actions{align-items:center}
a.primary-button:has([data-en="Download free demo"]){padding:11px 16px;min-height:44px;min-width:0;width:fit-content;gap:12px;border-radius:12px;font-size:13px}
.language{width:132px;max-width:38vw;padding:9px 12px;font-size:12px;text-overflow:ellipsis}
.community-maps{display:flex;min-height:420px;padding:65px 8%;justify-content:center;text-align:center;position:relative;isolation:isolate;gap:0}
.community-maps>.imagination-field{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;border-radius:inherit;cursor:default}
.community-maps>.community-copy{position:relative;z-index:1;width:100%;max-width:850px;padding:24px;border-radius:24px;background:radial-gradient(ellipse,#101513eb 25%,#101513a6 60%,transparent 78%)}
.community-copy h2{margin:18px auto 20px;text-wrap:balance;line-height:1.15}
.community-copy p{max-width:720px;margin-inline:auto;text-wrap:pretty;color:#d3d9d5}
.community-copy .primary-button{padding:13px 19px;gap:14px}
html[lang=ar] .community-maps :is(h2,p){text-align:center}
h1,h2,h3,h4{text-wrap:balance}
:is(html[lang=ja],html[lang=ko],html[lang^=zh]) :is(h1,h2,h3,h4,.cinema-kicker){letter-spacing:0;line-height:1.4;word-break:normal}
.header nav{gap:clamp(9px,2vw,34px)}
.header nav a{white-space:nowrap}
.scroll-reveal{opacity:1;translate:0 0;filter:blur(0);transition:opacity .8s ease,translate 1.05s cubic-bezier(.16,.7,.22,1),filter .9s ease}
.scroll-reveal[data-scroll-visible=false]{opacity:0;translate:0 var(--reveal-from,28px);filter:blur(4px)}
.scroll-reveal[data-scroll-visible=true][data-scroll-exit=true]{opacity:var(--edge-opacity,1);filter:blur(var(--edge-blur,0px));transition:opacity .12s linear,filter .12s linear,translate 1.05s cubic-bezier(.16,.7,.22,1)}
.headline-shimmer{animation:headline-shimmer 1.4s ease both}
@keyframes headline-shimmer{0%,100%{text-shadow:none}45%{text-shadow:0 0 24px #ffe00035}}
@media(max-width:700px){
 .header{width:calc(100% - 32px);gap:7px 12px;flex-wrap:wrap;padding-block:10px}
 .header-tools{gap:0}.language{width:140px;max-width:44vw;font-size:12px}
 .header nav{display:flex;width:100%;justify-content:space-between;gap:4px;overflow:visible;font-size:10px}.header nav a{white-space:normal;text-align:center;line-height:1.5}
 .home-cinema{width:calc(100% - 20px);margin-top:10px}
 .cinema-stage{display:flex;flex-direction:column;align-items:stretch;min-height:0;background:#101615;overflow:hidden}
 .cinema-background{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;object-position:center;z-index:0;scale:1;translate:none!important;transform:none!important;border-radius:0}
 .cinema-stage:after,.cinema-stage:before{display:none}
 .cinema-copy,.game-intro .cinema-copy{width:100%;padding:25px 22px 28px;max-width:none;position:relative;z-index:1;background:#101615}
 .cinema-logo{width:195px;max-width:75%;margin:19px 0 23px}
 .cinema-copy h2{font-size:19px;letter-spacing:1.2px;line-height:1.5}
 .cinema-copy p{font-size:15px;line-height:1.7;max-width:none}
 .cinema-actions{gap:10px;align-items:center}.cinema-actions .primary-button,.cinema-actions .trailer-button{padding:11px 13px;min-height:44px;width:fit-content;min-width:0;flex:0 1 auto;font-size:12px}
 .scene-director{position:relative;order:0;inset:auto;justify-content:flex-end;background:#101615;padding:10px 14px;border-bottom:1px solid #ffffff13;gap:7px}
 .scene-director .scene-mode{min-height:36px}.scene-director .scene-nav{width:36px;min-height:36px}
 .cinema-copy{order:1}.cinema-stage.explore-mode .cinema-copy{display:none;transform:none;opacity:1}
 .cinema-stage.explore-mode .scene-caption{position:relative;inset:auto;order:2;max-width:100%;padding:18px 22px;background:#101615}.cinema-stage.explore-mode .scene-caption strong{font-size:27px}
 .founder-portrait{aspect-ratio:auto;display:flex;flex-direction:column;overflow:hidden}
 .founder-portrait>img{position:relative;inset:auto;left:auto;width:100%;height:auto;aspect-ratio:1.1;object-fit:cover;object-position:82% center;transform:none!important}
 .founder-portrait:after{display:none}
 .handwritten{position:relative;inset:auto;width:100%;padding:17px 24px 24px;transform:none;text-align:center;background:#0b0c0d}
 .handwritten blockquote{font-size:27px;line-height:1.15}.handwritten blockquote br{display:none}.handwritten blockquote br:after{content:' '}.handwritten blockquote:after{width:100px}.handwritten .signature{font-size:23px}.handwritten .signature-role{font-size:9px}
 .studio-banner{display:flex;flex-direction:column;min-height:0}.studio-banner>img{position:relative;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;z-index:0}.studio-banner:after{display:none}.studio-copy{padding:28px 24px;background:#101615}
 .mechanics-visual{min-height:0;aspect-ratio:16/9}.mechanics-visual img{object-fit:contain;transform:none}.mechanics-watermark{font-size:23px;left:18px;bottom:16px}
 .showcase-open>img{aspect-ratio:16/9;object-fit:contain;scale:1;translate:none!important;transform:none!important}
 .showcase-overlay{position:relative;inset:auto;padding:20px 20px 77px;background:#101615}.showcase-caption{font-size:23px;margin:10px 0 14px}.showcase-arrows{right:18px;bottom:17px}.showcase-arrows button{width:40px;height:40px}
 .community-maps{min-height:400px;padding:35px 17px;margin-block:20px 40px}.community-maps>.community-copy{padding:24px 6px;background:radial-gradient(ellipse,#101513f2 25%,#101513c9 63%,transparent 85%)}.community-copy h2{font-size:34px}.community-copy p{font-size:15px;line-height:1.8}
 .game-ending{overflow:hidden}.game-ending>img{object-fit:contain}
}
@media(prefers-reduced-motion:reduce){.headline-shimmer{animation:none}.scroll-reveal,.scroll-reveal[data-scroll-visible=false],.scroll-reveal[data-scroll-visible=true][data-scroll-exit=true]{opacity:1;translate:none;filter:none;transition:none}}

/* Games is the single dropdown control; all five labels share one rhythm. */
.header nav{align-items:center;gap:clamp(18px,2.2vw,34px)}
.header .games-nav{gap:0;align-items:center;justify-content:center}
.header nav .games-trigger{appearance:none;position:relative;display:block;border:0;background:none;color:inherit;font:inherit;text-transform:inherit;line-height:inherit;padding:12px 0;min-height:44px;cursor:pointer;text-align:center}
.header nav .games-trigger:after{content:'';position:absolute;left:0;bottom:3px;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.header nav .games-trigger:hover,.header nav .games-trigger[aria-current=page],.header nav .games-trigger[aria-expanded=true]{color:var(--accent)}
.header nav .games-trigger:hover:after,.header nav .games-trigger[aria-current=page]:after,.header nav .games-trigger[aria-expanded=true]:after{transform:scaleX(1)}
.header .games-dropdown{left:50%;transform:translate(-50%,10px)}
.header .games-nav.is-open .games-dropdown{transform:translate(-50%,0)}
@media(max-width:700px){.header nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;align-items:center}.header nav>a,.header nav .games-trigger{width:100%;text-align:center}.header .games-dropdown{left:-25px;transform:translateY(10px);max-width:calc(100vw - 40px)}.header .games-nav.is-open .games-dropdown{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.header nav .games-trigger:after{transition:none}}

/* Size the photograph from its width, not the source's 1080px HTML height. */
.showcase-open>img{height:auto}
.showcase-arrows{align-items:center;direction:ltr}
.showcase-arrows button{display:grid;place-items:center;padding:0;line-height:1;flex:0 0 auto}
.showcase-arrows svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* One baseline and one label-sized underline for every top-level tab. */
.header nav>a,.header nav .games-trigger{display:inline-flex;align-items:center;justify-content:center;position:relative;width:max-content;justify-self:center;min-height:44px;height:44px;line-height:20px;padding:12px 0;text-decoration:none}
.header nav>a:after,.header nav .games-trigger:after{bottom:4px;left:0;width:100%;height:2px;transform-origin:center}
.header .games-nav{height:44px;justify-self:center}

/* Reveal the actual wordmark inside its original transparent canvas. */
.header .brand,.footer .brand{position:relative;display:block;flex:0 0 auto;width:180px;height:44px;overflow:hidden}
.header .brand img,.footer .brand img{position:absolute;left:-24.64%;top:50%;width:149.2%;max-width:none;height:auto;transform:translateY(-50%);object-fit:contain}
@media(max-width:700px){
 .header .brand{width:148px;height:42px}
 .footer .brand{width:160px;height:42px}
 .showcase{border-radius:20px}
 .showcase-open>img{width:100%;height:auto;aspect-ratio:16/9}
 .showcase-overlay{padding:18px 18px 16px}
 .showcase-count{font-size:11px;letter-spacing:2px}
 .showcase-caption{font-size:clamp(20px,5.6vw,26px);line-height:1.2;margin:9px 0 13px;text-wrap:balance}
 .showcase-expand{font-size:12px;line-height:1.5}
 .showcase-arrows{position:static;justify-content:flex-end;padding:0 16px 16px;gap:9px;background:#101615}
 .showcase-arrows button{width:44px;height:44px;min-height:44px;border-color:#ffffff35;background:#18201e}
 .showcase-arrows button:hover{transform:none}
}