/* Cloud9 direct booking page. Built 1:1 against the Claude Design handoff bundle, project "Cloud9 Windy City Landing", file "Cloud9 Landing Page.dc.html", sha256 89ccb042..., plus the seven token files in _ds/c9wc-ds-1-0/tokens/. Numbers below are the design's own. The design carries NO media queries: the mobile layout IS the desktop layout at a narrower width, which is why almost every value here is a clamp or an auto-fit rather than a breakpoint. WHERE THIS PAGE IS DELIBERATELY NOT 1:1, AND WHY. Read this before "fixing" any of it. 1. LONG-STAYS TRACK is minmax(min(100%,300px),1fr), not minmax(300px,1fr). The design's own track overflows its card by 37px at 375. Same intent, no overflow. 2. FOOTER a:hover KEEPS colour --text-inverse. The design's hover colour is --text-link-hover, terracotta-900, which fails contrast on the forest ground. The underline and 3px offset the design pairs with it ARE built, on both header and footer. The header keeps the design's colour too: terracotta-900 over --glass-light passes. 3. GUESTY WIDGET INTERIOR is unreachable. We own two parameters, siteUrl and color, and the card around it. Nothing inside is ours to match. 4. AMENITY LIST CONTENT and the neighbourhood text are the verified factual record, not the design's array. The design still carries towels, unqualified fast Wi-Fi, a vary-by-building hedge and "parking options". A layout spec does not overrule a factual correction. Marcus's standing authorisation. See the provenance comment in index.html. 5. --text-muted is remapped from sand-600 to sand-700. The system's own alias computes 4.20:1 on its own page surface, below the 4.5:1 body floor. sand-700 is 7.29:1 and is still the system's own value, so the ramp stays coherent. 6. --accent stays #a54d26 where the design says --text-accent, terracotta-700 #a24f27. #a54d26 is the Guesty widget's own colour parameter, is already contrast-asserted by qa.py, and the two differ by three channel values. One source of truth beats a near-duplicate token that differs invisibly. 7. PHOTO HOVER is .apt:hover img, not img:hover. Identical hit area, and it cannot flicker when the scaling image moves under a stationary cursor. 8. ONE LAYOUT BREAKPOINT AT 768, where the design has none. Below it the photo figures stack full width and the panorama is dropped. Ruled by Marcus. The design's 12-column grid degenerates on a phone: a track is 3.9px at 375 and the portrait figure renders 88px wide. 9. FONT-DISPLAY IS FALLBACK, where the design uses swap. Ruled by Marcus, speed first. The reasoning is at the @font-face block and it is load-bearing: do not flip it back to swap in the name of 1:1. NOT a deviation, recorded because it was raised as one: the design's base.css does give every a 35% text-link border-bottom, but the page's own