/*
 * The maintenance holding page (quick task 261018-m8s). Loaded on the holding
 * page only, enqueued by functions.php AFTER the main bundle. It is
 * deliberately NOT imported by main.css: the bundle stays untouched, so the
 * off-mode HTML (every ?ver= included) is byte-identical.
 *
 * LAYOUT AND TYPE ONLY. No colour, background, border-colour or shadow is
 * declared here: the paper ground, the ink and --pane-shadow all come from
 * `.glass` itself, which is what makes this page read as the signed-off
 * pane, and tools/tests/test-contrast-ratios.php scans every file under
 * assets/css.
 *
 * `@layer overrides` is the last layer main.css declares, so these rules win
 * over components/glass.css regardless of specificity.
 */
@layer overrides {
	body.is-holding .holding {
		display: block;
		padding-block: clamp(var(--space-md), 6vh, var(--space-3xl));
		padding-inline: var(--space-md);
	}

	body.is-holding .holding__pane {
		max-inline-size: 40rem;
		margin-inline: auto;
		margin-block: 0;
		inline-size: auto;
		overflow: visible;
		overflow-y: visible;
		padding: clamp(var(--space-lg), 5vw, var(--space-2xl));
		gap: var(--space-lg);
	}

	/* glass.css fixes the pane to the left 46vw from 1000px up; un-fix it. */
	@media (min-width: 1000px) {
		body.is-holding .holding__pane {
			position: relative;
			inset: auto;
			width: auto;
			overflow: visible;
			z-index: auto;
		}
	}

	/* The brand row is hidden below 1000px on the one-pager (the mobile lead
	   carries the logo there); the holding page has no mobile lead. */
	body.is-holding .holding__pane .glass__brand {
		display: flex;
	}

	body.is-holding .holding__title {
		font-family: var(--font-serif);
		font-weight: var(--weight-regular);
		font-size: clamp(2rem, 1.4rem + 2.4vw, 3.25rem);
		line-height: 1.1;
		letter-spacing: -0.02em;
		margin: 0;
	}

	body.is-holding .holding__contact {
		margin: 0;
	}
}