/* * DeXarEngine - Main Stylesheet (base + design tokens) * Author: Charlie Gackowski | Maxwell Digital Studio * Project: Flying Bison */ /* ---------- Design tokens ---------- */ :root { --color-accent: #bb2426; --color-dark-gray: #1f1f1f; --color-black: #000000; --color-white: #ffffff; --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; --font-head: 'Montserrat', var(--font-body); --header-h: 92px; --player-h: 96px; --gutter: 40px; --ease: cubic-bezier(0.22, 0.61, 0.36, 1); } /* ---------- Reset & base ---------- */ * { margin: 0; padding: 0; box-sizing: border-box; } html { /* min-height (not fixed height: 100%) so the page grows and scrolls once sections are added below the full-screen hero */ min-height: 100%; /* smooth scroll to in-page anchors instead of jumping */ scroll-behavior: smooth; } /* offset anchor targets so they aren't hidden behind the fixed header */ [id] { scroll-margin-top: 80px; } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } } /* ---- Bilingual text swap (no page reload) ---- Both languages are printed inside .fb-i18n; only the active one shows, toggled by the fb-lang-* class on . Because both variants occupy the same inline slot (one shown, one display:none) the swap causes no layout jump beyond the natural text-length difference. .fb-i18n uses display:contents so the wrapper itself is transparent to the box model — the visible language span behaves exactly like the raw text node it replaced (important for flex, line-clamp, ellipsis parents). */ .fb-i18n { display: contents; } .fb-i18n__pl, .fb-i18n__en { display: none; } html.fb-lang-pl .fb-i18n__pl { display: inline; } html.fb-lang-en .fb-i18n__en { display: inline; } /* Fallback if the html class is ever missing: show Polish (primary). */ html:not(.fb-lang-en):not(.fb-lang-pl) .fb-i18n__pl { display: inline; } /* Block-level variant (rich-HTML bodies): the active language shows as a block so paragraphs/lists/headings inside render normally. */ html.fb-lang-pl .fb-i18n--block .fb-i18n__pl { display: block; } html.fb-lang-en .fb-i18n--block .fb-i18n__en { display: block; } html:not(.fb-lang-en):not(.fb-lang-pl) .fb-i18n--block .fb-i18n__pl { display: block; } body { min-height: 100%; font-family: var(--font-body); line-height: 1.6; color: var(--color-white); background: var(--color-black); -webkit-font-smoothing: antialiased; overflow-x: hidden; } h1, h2, h3, h4, h5, h6 { font-family: var(--font-head); font-weight: 800; line-height: 1.1; } img { max-width: 100%; height: auto; display: block; } a { text-decoration: none; color: inherit; } ul { list-style: none; } button { font-family: inherit; background: none; border: none; cursor: pointer; color: inherit; }