/** * Small patches on top of the Digitics theme CSS. * * Linked from the root layout *after* style.css and brand.css so these rules * win the cascade — that ordering is the whole point of the file, so do not * move it into globals.css (which Next injects before the theme). * * Everything here exists to support a React port of markup that was originally * static HTML — mostly making interactive elements real buttons without * changing how they look. Keep this file tiny; visual design still belongs in * `public/assets/css/brand.css`. */ /** * The theme ships `body { position: fixed }` and relies on its preloader script * to flip it back to static once the DOM is ready — a flash of blank page * waiting to happen, and pointless without a blocking preloader. * * Deliberately nothing else here. `overflow-x: hidden` on the body looks like * the obvious way to contain the layout's off-screen decoration, but it makes * the body a scroll container, and that silently kills `position: sticky` for * every descendant — which is the whole about-section animation, where the * mission/vision/stories cards are meant to pin and stack on top of each other. * * The theme's own `html { overflow-x: hidden }` already handles the clipping; * the live site sets nothing on the body either. */ body { position: static; } /* next/image renders every image with `display: block`; the theme's markup was plain inline tags throughout, and its spacing was measured against that. An inline image sits on the text baseline, so its line box carries the font's descender space; as a block that space disappears and the surrounding layout tightens by a few pixels — enough to make the header 6px shorter, the footer's social row ride up, and blog cards lose 5px each. Applied site-wide rather than per-component: the mismatch is systemic (every image next/image renders), and an allow-list silently misses whichever section is added next. Utility overrides below still win where a specific image genuinely needs to be a block. */ img { display: inline; } /* The accordion header was a plain
in the theme. It is a