/* Generic interior-page intro. Same construction and measurements as
   vendors-intro (the built precedent for this block) — uppercase Cormorant H1,
   Brittany script line under it, centered body copy capped at 944px. Kept as a
   separate file rather than generalizing vendors-intro so the Preferred Vendors
   page keeps its verified-against-the-mock values untouched. */
.bsw-page-intro {
	background: #fff;
	padding-block: 59px 58px;
	padding-inline: 20px;
}

/* Title — Cormorant uppercase, wide-tracked. Stored in title case and uppercased
   here, so the editor shows readable copy. Wraps on long titles (line-height 1.1
   rather than vendors-intro's fixed 60px, which assumed one line). */
h1.bsw-page-intro__title {
	font-family: var(--wp--preset--font-family--cormorant, 'Cormorant', serif) !important;
	font-size: 60px !important;
	font-weight: 400 !important;
	font-style: normal !important;
	line-height: 1.1 !important;
	letter-spacing: 0.2em !important;
	text-transform: uppercase !important;
	color: var(--wp--preset--color--taupe, #8c857b) !important;
	/* margin-block only — margin-inline:auto from the constrained layout must
	   survive or the capped-width heading pins to the left edge */
	margin-block: 0 !important;
}

/* Script subtitle — Brittany Signature at the documented line-height 1.35. The
   design stacks it 20px under the title; 1.35 puts ~10px of that leading above
   the glyphs, so the margin carries the other 10px. */
p.bsw-page-intro__script {
	font-family: var(--wp--preset--font-family--brittany-signature, 'Brittany Signature', cursive) !important;
	font-size: 60px !important;
	font-weight: 400 !important;
	font-style: normal !important;
	line-height: 1.35 !important;
	color: var(--wp--preset--color--mauve, #ba878f) !important;
	margin-block: 10px 0 !important;
}

/* Body copy */
p.bsw-page-intro__body {
	font-family: var(--wp--preset--font-family--cardo, 'Cardo', serif);
	font-size: 16px;
	line-height: 1.75;
	color: var(--wp--preset--color--charcoal, #373737);
	max-width: 944px !important;
	margin-block: 44px 0 !important;
	margin-inline: auto !important;
}

/* Inline links (phone, email, external menus) — colour, underline animation and the
   tel: nowrap guard all live in assets/css/base/links.css */

@media (max-width: 767px) {
	.bsw-page-intro {
		padding-block: 40px 60px;
	}

	/* 34px/0.18em — the vendors-intro mobile value, kept here because these
	   titles are long uppercase lines that overflow the 440 canvas at 50px. */
	h1.bsw-page-intro__title {
		font-size: 34px !important;
		line-height: 38px !important;
		letter-spacing: 0.18em !important;
	}

	p.bsw-page-intro__script {
		font-size: 40px !important;
		margin-block-start: 7px !important;
	}

	p.bsw-page-intro__body {
		margin-block-start: 21px !important;
	}
}

/* Accommodations rhythm — the artboard leaves 37px between the intro and the
   section under it, against this pattern's usual 58. The section below owns the
   whole gap, so the intro gives up its bottom padding. Mobile keeps the
   standard 60px (the artboard agrees there). */
.bsw-page-intro--tight.wp-block-group.alignfull {
	padding-block-end: 0;
}

@media (max-width: 767px) {
	.bsw-page-intro--tight.wp-block-group.alignfull {
		padding-block-end: 60px;
	}
}