/* base.css — reset, design tokens, base elements, helpers */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } :root { --black: #08090f; --navy: #0e1422; --navy2: #070910; --indigo: #1E2A6E; --indigo3: #141d50; --orange: #E8621A; --orange2: #F5A623; --orange3: #c85010; --white: #FFFFFF; --off: #EEF0F4; --grey: #9CA3AF; --grey2: #6B7280; --green: #22c55e; --font-d: "Barlow Condensed", sans-serif; --font-b: "Barlow", sans-serif; --font-m: "DM Mono", monospace; --sp: clamp(4rem, 8vw, 7rem); --w: min(1200px, 100% - 3rem); --r: 6px; --tr: 0.25s cubic-bezier(0.4,0,0.2,1); } html { scroll-behavior: smooth; } body { font-family: var(--font-b); background: var(--black); color: var(--off); line-height: 1.6; overflow-x: hidden; -webkit-font-smoothing: antialiased; } img { display: block; max-width: 100%; } a { color: inherit; text-decoration: none; } button { cursor: pointer; font-family: inherit; border: none; background: none; } .wrap { width: var(--w); margin-inline: auto; } /* === LANGUAGE === */ /* JS sets data-lang="lt" or data-lang="en" on */ /* All lang spans are visible by default; JS hides the inactive ones */ .lang-hidden { display: none !important; } /* Reveal-on-scroll (relocated here; no selector conflicts) */ /* REVEAL */ .reveal { opacity: 0; transform: translateY(26px); transition: opacity 0.6s ease, transform 0.6s ease; } .reveal.visible { opacity: 1; transform: translateY(0); }