/* ============================================================ The Quiet AI — ENHANCE layer (shared by index.html + work.html) "Drafting table": the architectural signature — blueprint grid, a precise cursor, magnetic CTAs, pointer-tilt media, blueprint→render card reveals, a velocity marquee. ADDITIVE over each page's inline base. Everything motion-bearing is gated on (hover:hover)+(pointer:fine) and prefers-reduced-motion. ============================================================ */ /* ---- 1 · BLUEPRINT — a real architectural drawing, one per page -- Each page sets its own --bp-art on (home = villa archway elevation, work = rooftop pool & terrace plan). Source code is draughted into each drawing as the annotation callouts. */ .hero, .phero, .pov, .work, .tier, .route, .close { position:relative; isolation:isolate; } .hero > .wrap, .phero > .wrap, .pov > .wrap, .work > .wrap, .tier > .wrap, .route > .wrap, .close > .wrap { position:relative; z-index:1; } /* feature: the hero carries the drawing large — title block, dims, code and all. The background-IMAGE is set per page in each document's inline