/* =========================================================================== THE PAGES — הגלריה / חלל עבודה ואירוח / צור קשר ROUND 2, after Ilai: "make the pages more clean and simple. No scrolling in the PC experience, all in one page. On mobile almost no scrolling. Make the UI more simple. If you put a background image behind it, make sure it covers the whole screen." So each page is ONE SCREEN: the photograph fills the viewport behind everything, one even scrim sits over it, and a single centred column of type sits on that. No cards, no plates, no panels, no section bands. The only boxes left are the buttons, because a button has to look pressable. THE PAGE IS NOT PREVENTED FROM SCROLLING, IT IS SIZED NOT TO NEED TO. There is no `overflow: hidden` anywhere: type scales with whichever viewport dimension is tighter, so a short window shrinks the words instead of hiding them, and the one case that legitimately overflows — the 150% accessibility text step — scrolls, which is correct. Hiding content to keep a promise about scrolling is the blank-page law with extra steps. The chrome is still written TWICE, here and in index.html, so that the walk's opening bytes are not held up by a second request. Change a bar colour in one and it must change in the other. =========================================================================== */ :root{ --ground:#141210; --ink:#f3ece3; --dim:rgba(243,236,227,.78); /* The one accent, the walk's own madder. It appears on the rule under the title and on the primary button. Nowhere else. */ --accent:#ef9068; --accent-ink:#14100d; /* The only second hue on the site, and it earns its place: the date checker has to say free / partly / booked at a glance. Used for nothing else. */ --ok:#5fc281; /* Taken. A third hue, and it earns its place the same way --ok does: a visitor reading a day needs "this is gone" to be unmistakable. */ --busy:#e2564e; /* THE OPAQUE TWIN OF --glass OVER --ground (#312e2b, computed, not guessed). A