/* ============================================================================ NAUTIKA · Public site chrome ---------------------------------------------------------------------------- Styles shared by every page of the public site, CMS-rendered and booking funnel alike. Page-specific styling stays in that page's own @section Styles; what lives here is only what more than one page needs. ========================================================================== */ /* ---- Page width ---- Every page's content — navbar, footer, each CMS block, the blog and the booking funnel — sits in the design system's .nk-container, which runs full width until it reaches --nk-container and then centres. The design system sets that at 1200px, which left a 1920px monitor with a third of its width empty and squeezed the seat step's deck plan and fare card together on an ordinary laptop. This site takes the design system's own wide size instead: full width on anything narrower than about 1500px, held at 1440px above that so a large monitor still gets a composed page rather than one stretched edge to edge. Set here rather than in Nautika.Components, which is shared and unversioned; everything that reads the token — every .nk-container, the parallax bands' inner width — follows it. */ :root{--nk-container:var(--nk-container-wide,1440px)} /* ---- Site navbar: full-width, secondary-color bar with a height-scaled logo ---- The outer