/* ==========================================================================
   AGENT STUDIOS — base, every page.
   Colours, font and sizes are theme.json presets (--wp--preset--*); the few
   values presets can't hold are --wp--custom--* (settings.custom).
   ========================================================================== */

*,
*::before,
*::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body { -webkit-font-smoothing: antialiased; }

:focus-visible {
	outline: 2px solid var(--wp--preset--color--red);
	outline-offset: 3px;
}

/* Visually hidden, still read by screen readers. */
.as-sr {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px !important;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

/* ==== Other pages: lockup only, on the 760px column ====================== */

.as-page-header {
	max-width: var(--wp--style--global--content-size);
	margin: 0 auto;
	padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--20) 0;
}
.as-page-header .as-lockup {
	width: 160px;
	margin: 0 0 48px;
}
.as-page-header .as-lockup a { display: block; }
.as-page-header .as-lockup img {
	display: block;
	width: 100%;
	height: auto;
}
.wp-site-blocks > .as-page { margin-block-start: 0; }