/* One breakpoint for navigation and utilities, including long translations. */
.site-header{height:88px}.header-inner{gap:24px}.brand{margin-right:auto}.header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.header-actions .language-picker{order:0;margin:0;font-family:inherit}.language-picker summary{height:44px;min-width:68px;justify-content:center;border-color:var(--line);background:transparent}.language-picker[open] summary{background:var(--ink);color:var(--paper)}.header-contact{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:44px;padding:0 20px;border-radius:999px;background:var(--ink);color:var(--paper);font-size:13px;font-weight:600;transition:background .2s}.header-contact:hover{background:var(--orange)}.header-contact[aria-current]{box-shadow:0 0 0 3px var(--paper),0 0 0 4px var(--orange)}.nav{gap:5px;padding:5px;border:1px solid var(--line);border-radius:999px;font-size:13px}.nav a{padding:12px 16px;border-radius:999px;transition:background .2s}.nav a:hover{background:#17221f08;color:var(--ink)}.nav a[aria-current=page]{background:#17221f0c;font-weight:600}.nav a[aria-current=page]:after{left:16px;right:16px;width:auto;bottom:5px;height:2px}.header-actions .menu-toggle{width:44px;height:44px;border-radius:50%;padding:0;font-size:21px}.language-picker nav{box-shadow:0 16px 48px #17221f26}.language-picker small{display:block}.language-picker a{min-height:44px}
.engagement-section{padding-bottom:64px}.engagement-section .intro-grid{padding:48px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(120deg,#e8ecdf,var(--paper));gap:40px;grid-template-columns:minmax(160px,1fr) minmax(0,2fr)}.engagement-section h2{font-size:clamp(2rem,3.5vw,3.6rem);margin-bottom:24px}.engagement-section .lead{margin-bottom:0}.project-faq{border-top:1px solid var(--line);padding-top:64px}.project-faq h2{font-size:clamp(2rem,3.1vw,3.2rem);max-width:900px;margin-bottom:40px}.project-faq .faq{margin-top:0}.faq summary{padding-right:38px;line-height:1.35}.faq details{scroll-margin-top:110px}
@media(max-width:1100px){.site-header{height:80px}.header-inner{gap:14px}.header-actions .menu-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:80px;width:100%;border-radius:0 0 24px 24px;border:1px solid var(--line);padding:18px max(24px,calc((100vw - 900px)/2));background:var(--paper);color:var(--ink);box-shadow:0 18px 30px #0001}.nav.open{display:flex;flex-direction:column;align-items:stretch;gap:6px}.nav a{padding:17px 20px;white-space:normal;min-height:52px;border-radius:12px}.nav a[aria-current=page]:after{left:20px;right:auto;width:32px}.language-picker{order:0}.header-contact{gap:10px;padding:0 16px}html:not(.js) .site-header{height:auto;position:relative}html:not(.js) .header-inner{flex-wrap:wrap;padding-block:16px}html:not(.js) .nav{order:3;display:flex;position:static;box-shadow:none;width:100%;border-radius:16px;padding:8px}html:not(.js) .menu-toggle{display:none}}
@media(max-width:600px){.header-inner{width:calc(100% - 32px);gap:8px}.brand{gap:7px}.brand img{width:28px;height:34px}.brand-word{font-size:14px}.brand-word small{font-size:8px}.header-actions{gap:6px}.header-contact{width:44px;padding:0}.contact-caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.header-actions .language-picker summary{min-width:56px;padding:8px;gap:4px}.engagement-section{padding-bottom:40px}.engagement-section .intro-grid{grid-template-columns:1fr;padding:26px;gap:10px;border-radius:20px}.engagement-section .eyebrow{margin-bottom:10px}.project-faq{padding-top:40px}.project-faq h2{margin-bottom:28px}}
@media(max-width:350px){.brand-word{font-size:11px}.brand-word small{font-size:7px}.brand{gap:5px}.brand img{width:24px}.header-inner{width:calc(100% - 24px)}}
@media(prefers-reduced-motion:reduce){.nav a,.header-contact{transition:none}}

.games-page .header-contact,.game-page .header-contact{background:#d5f575;color:#17221f}.games-page .header-contact:hover,.game-page .header-contact:hover{background:#fff}.games-page .language-picker[open] summary,.game-page .language-picker[open] summary{background:#d5f575;color:#17221f}@media(max-width:1100px){.site-header .nav{background:#f4f3ed;color:#17221f}.site-header .nav a,.site-header .nav a:hover{color:#17221f}}