/* L44 Event Page — the temporary exhibition layout.
 * -------------------------------------------------------------------------
 * Almost nothing, and that is the point. The header is the case studies'
 * header and arrives with their stylesheet; the prints are the gallery's and
 * arrive with theirs; the writing is set by the case studies' own paragraph
 * classes. What is left for this file is the space between those three and the
 * address at the foot — the parts that belong to this page and to no other.
 *
 * Anything added here that the case studies also have is a second copy of a
 * decision, and the two will part company the first time one of them changes.
 */

.l44epx {
	font-family: "CoFoSans Regular", "CoFo Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
	color: #181617;
}

/* The space around the scatter is deliberately not set here.

   It was, and it should not have been. Two class names beat the gallery's one,
   so this rule quietly won: the gallery's own Space above and Space below were
   read, written onto the section as custom properties, and then overruled.
   Nothing looked broken — the figures simply did nothing, which is the worst
   way for a setting to fail, because there is nothing to notice.

   The spacing belongs to the gallery, where it can be seen and changed without
   touching a file. It is left there. */

/* ---- the address ----
 *
 * At the foot, against the right, in the measure everything else keeps. The
 * same two lines and the same setting as the redesigned event pages, so a
 * show and a workshop end the same way.
 */
.l44epx-foot {
	margin: 60px 0 80px;
}

.l44epx__address {
	text-align: right;
	text-transform: uppercase;
	letter-spacing: .02em;
	line-height: 1.35;
	font-size: clamp( 16px, 1.5vw, 22px );
}

/* The case studies are not installed and the header came through bare. Not a
   design — a legible fallback, so the fault reads as a missing plugin rather
   than as a broken page. */
.l44epx-header--bare {
	max-width: 1000px;
	margin: 40px auto;
	padding: 0 15px;
	box-sizing: border-box;
}

.l44epx-header--bare h1 {
	margin: 0 0 6px;
	text-transform: uppercase;
	line-height: 1.05;
}

.l44epx-header--bare p {
	margin: 0 0 4px;
	text-transform: uppercase;
}

@media (max-width: 700px) {
	/* The scatter's phone spacing is the gallery's too — same reason as above. */

	.l44epx-foot {
		margin: 40px 0 56px;
	}
}