@charset "UTF-8";

/* Vanilla CSS — migrated off the (now broken) style.scss build.
 * Base styles come from common.css; the layer ORDER is declared
 * inline and first by MoXoW itself (m:head-layers, html-head-body.xsl),
 * so no stylesheet states it. The exhibition theme is loaded
 * separately, into @layer theme, via data/layout/defaults.xml.
 * This file is @layer site, near the last of them, so it has the
 * last word without out-specifying anything. */
@import url("/common/style/common.css");

@layer site {


/* The poster scales as one object, artwork and annotations together.
 *
 * The address, the times placard and the way in are placed by hand on the
 * home page, in pixels measured against the picture at full size. Let the
 * picture shrink and they stay where they were: measured before this, at
 * 390 the artwork came down to 324x486 while the placard held its 239x145
 * at the same offset, and the page scrolled 62px sideways — 132px at 320.
 *
 * --poster-px is one pixel of that picture's own space: 1px while there is
 * room for it at full size, proportionally less once the column is
 * narrower. The frame adds 30px of mat and border, the same 30 at every
 * width, so the picture is what is left of the column after it.
 *
 * The artwork is 380x570 here, as on nacelles and carnaval — the theme
 * fixes its height and the 400x600 source keeps the ratio. The font-size
 * hands the space to every annotation inside, 16 poster-px being the 1rem
 * they inherited at full size. */
.m-exhibition-poster {
    --poster-px: min(1px, calc((100cqi - 30px) / 380));

    font-size: calc(16 * var(--poster-px));
}

} /* @layer site */