/* Halls page — Figma «Зали театру» `3618:13611` (1440) and `4420:21576` (390), ТЗ §4.8, plan 06 task 7. The page is four kinds of block, in the frame's order: · the banner `3977:17449` / `4490:25798` — the shared section header in its `--banner` variant plus a card per hall (the photograph with the shared poster band across its bottom, `3618:13663` / `4420:26327`); · a section per hall, `3622:13686` (on its own textured band) and `4425:29082` (on the page's white): photograph, kind, name, description, specs, note, and the scheme; · the scheme itself, «Seating Chart» `3635:8683` / `3648:12381` — the SVG is built by `Podil\Core\Halls\SeatMapSvg`, this file only colours it; · «Яка схема застосовується до вистави» `3648:13091` / `4425:29093`. Widths come from the shared column (container.css): the frame draws the banner and the FAQ header at x=54 and everything else at x=56, so every block here sits on that column and the two 54s are a 2 px residual, recorded in task-7-report.md — the client's own ruling (ПР-3) is that centring wins over a frame's odd column. The column is the page's, not a 1328 block of this page's own: `__inner` used to carry `max-width: 1328px` from 1440 up, which held the whole page at the 1440 frame's width while the header went on to 1696 at 1920 (296… 1624 against 112…1808) — the second residual of client fix ПР-20. The ceiling is gone and the row's own fixed lengths — the two banner cards, the hall photograph and the text column beside it — are written as shares of the row, each computing to the frame's own number at exactly 1440. The seat map is NOT one of them: `.c-seat-map__svg` is `width: 100%` under a 800px ceiling, so the drawing keeps its size and its uniform scale, and the seat numbers keep the size they were fixed to (ПР-15); a wider panel only puts more of its own background around it. Vertical rhythm: 120 between blocks at 390, 180 at 1440 (measured between the frames' own boxes). Type comes from tokens.css, which already steps at the same breakpoints the file draws. Animations: the `.fig` has no prototype transition anywhere under these nodes; what it has instead are the designer's six annotation blocks (animations.md, «Зали театру»): parallax on the banner cards and on both hall photographs, zoom and a seat-view popup on the schemes, and a sticky FAQ heading. They are implemented with scroll-driven animations and `position: sticky` below, and every one of them is off under `prefers-reduced-motion` and `html[data-motion=reduced]`. */ /* ================================================================== банер */ .halls-hero { padding-inline: var(--page-gutter); } /* 4490:25797 — breadcrumbs → header, 24. */ .halls-hero__inner { display: flex; flex-direction: column; gap: 24px; } /* The shared breadcrumbs is a block `