/* School Visits v0.4.0-rc18 final mobile story-arrow refinement. */

.al-school-visits {
	--al-sv-cream: var(--wp--preset--color--cream, #f4f1e8);
	--al-sv-ink: var(--wp--preset--color--ink, #111111);
	--al-sv-teal: var(--wp--preset--color--core-teal, #084f55);
	--al-sv-rust: var(--wp--preset--color--core-rust, #b7421e);
	background-color: var(--al-sv-cream);
	background-image: radial-gradient(rgba(17, 17, 17, .035) .45px, transparent .7px);
	background-size: 7px 7px;
	color: var(--al-sv-ink);
	margin: 0;
	overflow: clip;
}

.al-school-visits :where(h1, h2, p, figure, ul) { margin: 0; }
.al-school-visits :where(button, a) { font: inherit; }
.al-school-visits .screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}

.al-sv-hero__inner,
.al-sv-story__inner,
.al-sv-formats__inner,
.al-sv-impact__inner,
.al-sv-planning__inner {
	margin-inline: auto;
	max-width: 75rem;
	position: relative;
}

/* Visits That Fit Your School
 * The approved desktop lock is retained as one compositional layer so its
 * ink drawings, brush labels, and measured spacing are not approximated.
 * The same information is present in semantic markup for assistive technology.
 */
.al-sv-formats {
	padding: calc(1rem + 15px) 0 1rem;
}

.al-sv-formats__desktop-art {
	display: block;
	height: auto;
	width: 100%;
}

.al-sv-formats__mobile,
.al-sv-impact__mobile { display: none; }

/* The Impact */
.al-sv-impact {
	padding: 0 0 1rem;
}

.al-sv-impact__desktop-art {
	display: block;
	height: auto;
	width: 100%;
}

/* Built Around Your School */
.al-sv-planning {
	padding: 2.4rem 1.75rem 2.75rem;
}

.al-sv-planning__inner {
	display: grid;
	gap: 2.25rem;
	grid-template-columns: minmax(17rem, .78fr) minmax(0, 1.65fr);
}

.al-sv-planning__intro {
	align-self: start;
	padding: 3.125rem 0 0 .6rem;
}

.al-sv-planning__eyebrow {
	color: var(--al-sv-teal);
	font-family: var(--wp--preset--font-family--inter, Inter, sans-serif);
	font-size: .72rem;
	font-weight: 800;
	letter-spacing: .08em;
	margin-bottom: .55rem !important;
	text-transform: uppercase;
}

.al-sv-planning h2 {
	font-family: var(--wp--preset--font-family--inter, Inter, sans-serif);
	font-size: clamp(2rem, 3.1vw, 2.75rem);
	font-weight: 900;
	letter-spacing: -.055em;
	line-height: .94;
	text-transform: uppercase;
}

.al-sv-planning h2 span {
	color: var(--al-sv-teal);
	display: inline-block;
	position: relative;
}

.al-sv-planning h2 span::after {
	background: url("../images/school-visits/art/brush-underline-teal.svg") center / 100% 100% no-repeat;
	bottom: -.13em;
	content: "";
	height: .18em;
	left: -.02em;
	position: absolute;
	width: 104%;
}

.al-sv-planning__lead {
	font-family: var(--wp--preset--font-family--space-grotesk, "Space Grotesk", sans-serif);
	font-size: .9rem;
	line-height: 1.5;
	margin-top: 1.2rem !important;
	max-width: 35ch;
}

.al-sv-planning__reassurance {
	background: url("../images/school-visits/art/paper-note-wide-v2.webp") center / 100% 100% no-repeat;
	filter: drop-shadow(.15rem .2rem .2rem rgba(17, 17, 17, .12));
	font-family: var(--wp--preset--font-family--space-grotesk, "Space Grotesk", sans-serif);
	font-size: .76rem;
	line-height: 1.45;
	margin: 1.35rem 0 0 -.45rem !important;
	padding: 1.05rem 1.2rem 1.1rem;
	transform: rotate(-.7deg);
}

.al-sv-planning__reassurance strong {
	color: var(--al-sv-rust);
	display: block;
	font-weight: 700;
}

.al-sv-planning__board {
	padding-top: 3.125rem;
	position: relative;
}

.al-sv-planning__inputs {
	display: grid;
	gap: .75rem;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.al-sv-planning__inputs article {
	align-items: center;
	background: url("../images/school-visits/art/paper-card-v2.webp") center / 100% 100% no-repeat;
	display: flex;
	flex-direction: column;
	min-height: 10.9rem;
	padding: 1.3rem 1.5rem 1.1rem;
	text-align: center;
}

.al-sv-planning__inputs article:nth-child(1) { transform: rotate(-.45deg); }
.al-sv-planning__inputs article:nth-child(2) { transform: translateY(-.2rem) rotate(.35deg); }
.al-sv-planning__inputs article:nth-child(3) { transform: rotate(-.3deg); }

.al-sv-planning__inputs svg {
	fill: none;
	height: 3.25rem;
	margin-bottom: .55rem;
	stroke: var(--al-sv-ink);
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2.4;
	width: 3.25rem;
}

.al-sv-planning__inputs article:nth-child(1) svg { stroke: var(--al-sv-teal); }
.al-sv-planning__inputs article:nth-child(2) svg { stroke: var(--al-sv-rust); }
.al-sv-planning__inputs article:nth-child(3) svg { stroke: #aa7a11; }

.al-sv-planning__inputs h3 {
	font-family: var(--wp--preset--font-family--inter, Inter, sans-serif);
	font-size: .72rem;
	font-weight: 800;
	margin: 0 0 .42rem;
	text-transform: uppercase;
}

.al-sv-planning__inputs p {
	font-family: var(--wp--preset--font-family--space-grotesk, "Space Grotesk", sans-serif);
	font-size: .68rem;
	line-height: 1.42;
	margin-inline: auto !important;
	max-width: 29ch;
}

.al-sv-planning__schedule {
	margin-top: 2.2rem;
	padding: 1.35rem .75rem .35rem;
	position: relative;
}

.al-sv-planning__schedule > p {
	background: url("../images/school-visits/art/story-heading-brush-lock.webp") center / 100% 100% no-repeat;
	color: #ffffff;
	font-family: var(--wp--preset--font-family--inter, Inter, sans-serif);
	font-size: .69rem;
	font-weight: 800;
	left: 1rem;
	letter-spacing: .04em;
	padding: .38rem 1.35rem .48rem;
	position: absolute;
	text-align: center;
	top: 0;
	text-transform: uppercase;
	width: 21rem;
}

.al-sv-planning__schedule > p span { color: var(--al-sv-rust); }

.al-sv-planning__schedule > div {
	align-items: center;
	display: grid;
	gap: .45rem;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	padding-top: 1.425rem;
}

.al-sv-planning__schedule button {
	align-items: center;
	appearance: none;
	background: url("../images/school-visits/art/paper-strip.svg") center / 100% 100% no-repeat;
	border: 0;
	color: var(--al-sv-ink);
	cursor: pointer;
	display: inline-flex;
	font-family: var(--wp--preset--font-family--inter, Inter, sans-serif);
	font-size: .58rem;
	font-weight: 800;
	justify-content: center;
	min-height: 3.35rem;
	padding: .65rem .75rem;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	white-space: nowrap;
}

.al-sv-planning__schedule button::before {
	background: url("../images/school-visits/art/story-selection-brush-lock.webp") center / 100% 100% no-repeat;
	content: "";
	inset: -.2rem;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transition: opacity 150ms ease;
}

.al-sv-planning__schedule button:hover::before,
.al-sv-planning__schedule button:focus-visible::before,
.al-sv-planning__schedule button.is-selected::before { opacity: 1; }

.al-sv-planning__schedule button:nth-child(1) { transform: rotate(-1.2deg); }
.al-sv-planning__schedule button:nth-child(2) { transform: rotate(.8deg); }
.al-sv-planning__schedule button:nth-child(3) { transform: rotate(-.6deg); }
.al-sv-planning__schedule button:nth-child(4) { transform: rotate(1deg); }
.al-sv-planning__schedule button:nth-child(5) { transform: rotate(-.7deg); }

.al-sv-planning__book {
	align-items: center;
	background: url("../images/school-visits/art/brush-underline-teal.svg") center bottom / 100% .42rem no-repeat;
	color: var(--al-sv-teal);
	display: inline-flex;
	font-family: var(--wp--preset--font-family--inter, Inter, sans-serif);
	font-size: 1.44rem;
	font-weight: 800;
	gap: .8rem;
	justify-content: center;
	min-height: 3.2rem;
	padding: .4rem .3rem .8rem;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}

.al-sv-planning__book:hover,
.al-sv-planning__book:focus-visible { color: var(--al-sv-rust); }

.al-sv-planning__footer {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	justify-content: center;
	margin-top: .75rem;
	padding: 0 .8rem;
}

.al-sv-planning__virtual {
	color: rgba(17, 17, 17, .76);
	font-family: var(--wp--preset--font-family--space-grotesk, "Space Grotesk", sans-serif);
	font-size: .68rem;
	line-height: 1.4;
	margin: 0 !important;
	max-width: none;
	text-align: center;
}

.al-sv-planning__virtual strong { color: var(--al-sv-teal); }

/* Hero */
.al-sv-hero__inner {
	align-items: center;
	display: grid;
	grid-template-columns: 23.5% 51.5% 25%;
	height: min(32rem, 42.667vw);
}

.al-sv-hero__copy {
	align-self: center;
	padding: .4rem .4rem 0 1.75rem;
	position: relative;
	z-index: 8;
}

.al-sv-eyebrow {
	align-items: center;
	background: none;
	color: var(--al-sv-teal);
	display: inline-flex;
	font-family: var(--wp--preset--font-family--inter, Inter, sans-serif);
	font-size: .78rem;
	font-weight: 800;
	gap: 5px;
	justify-content: center;
	letter-spacing: .055em;
	margin-bottom: .5rem;
	min-height: 1.8rem;
	padding-inline: 0;
	text-transform: uppercase;
	white-space: nowrap;
}

.al-sv-eyebrow::before,
.al-sv-eyebrow::after {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	flex: 0 0 1.35rem;
	height: .75rem;
}

.al-sv-eyebrow::before { background-image: url("../images/school-visits/art/school-visits-arrow-left.svg"); }
.al-sv-eyebrow::after { background-image: url("../images/school-visits/art/school-visits-arrow-right.svg"); }

.al-sv-hero h1 {
	font-family: var(--wp--preset--font-family--inter, Inter, sans-serif);
	font-size: clamp(2.3rem, 3.5vw, 2.62rem);
	font-weight: 900;
	letter-spacing: -.065em;
	line-height: .9;
	margin-bottom: .72rem;
	text-transform: uppercase;
}

.al-sv-hero h1 > span:not(.screen-reader-text),
.al-sv-hero h1 strong,
.al-sv-hero h1 em { display: inline-block; }

.al-sv-title--mobile { display: none !important; }
.al-sv-title--desktop { white-space: nowrap; }

.al-sv-hero h1 strong {
	color: var(--al-sv-teal);
	font-style: normal;
	font-weight: 900;
	position: relative;
}

.al-sv-hero h1 strong::after,
.al-sv-hero h1 em::after,
.al-sv-subhead span::after {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	content: "";
	pointer-events: none;
	position: absolute;
}

.al-sv-hero h1 strong::after {
	background-image: url("../images/school-visits/art/brush-underline-teal.svg");
	bottom: -.06em;
	height: .14em;
	left: -.03em;
	width: 104%;
}

.al-sv-hero h1 em {
	font-style: normal;
	position: relative;
}

.al-sv-hero h1 em::after {
	background-image: url("../images/school-visits/art/brush-underline-rust.svg");
	bottom: -.04em;
	height: .14em;
	left: -.02em;
	width: 103%;
}

.al-sv-subhead {
	font-family: var(--wp--preset--font-family--space-grotesk, "Space Grotesk", sans-serif);
	font-size: 1rem;
	line-height: 1.25;
	margin-bottom: .78rem;
}

.al-sv-subhead span { position: relative; }
.al-sv-subhead span::after {
	background-image: url("../images/school-visits/art/brush-underline-teal.svg");
	bottom: -.3em;
	height: .36em;
	left: -.03em;
	width: 106%;
}

.al-sv-intro {
	font-family: var(--wp--preset--font-family--inter, Inter, sans-serif);
	font-size: .68rem;
	line-height: 1.5;
	max-width: 29ch;
}

.al-sv-actions {
	align-items: center;
	display: flex;
	gap: .75rem;
	margin-top: .9rem;
}

.al-sv-primary-action,
.al-sv-secondary-action {
	align-items: center;
	display: inline-flex;
	font-family: var(--wp--preset--font-family--inter, Inter, sans-serif);
	font-size: .62rem;
	font-weight: 800;
	gap: .6rem;
	letter-spacing: .03em;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
}

.al-sv-primary-action {
	background: var(--al-sv-teal);
	box-shadow: .16rem .25rem .6rem rgba(17, 17, 17, .15);
	color: #ffffff;
	justify-content: center;
	min-height: 2.5rem;
	min-width: 9.65rem;
	padding: .65rem .9rem;
}

.al-sv-secondary-action { color: var(--al-sv-ink); }
.al-sv-primary-action:hover,
.al-sv-primary-action:focus-visible { background: var(--al-sv-ink); color: #ffffff; }

.al-sv-collage {
	height: 100%;
	overflow: visible;
	position: relative;
}

.al-sv-material {
	height: 100%;
	left: -10%;
	max-width: none;
	object-fit: contain;
	object-position: center;
	opacity: .94;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 108%;
	z-index: 0;
}

.al-sv-presenter {
	bottom: -10px;
	height: 108%;
	left: calc(3% - 10px);
	max-width: none;
	object-fit: contain;
	object-position: center bottom;
	position: absolute;
	clip-path: inset(0 0 60px 0);
	width: 54%;
	z-index: 2;
}

.al-sv-photo {
	background: #e7d9bd;
	filter: drop-shadow(.28rem .38rem .48rem rgba(17, 17, 17, .18));
	margin: 0;
	padding: .32rem .32rem .32rem .5rem;
	position: absolute;
	z-index: 3;
}

.al-sv-photo::before,
.al-sv-photo::after,
.al-sv-note::before {
	background: rgba(216, 191, 139, .7);
	content: "";
	height: .65rem;
	position: absolute;
	width: 2.9rem;
	z-index: 5;
}

.al-sv-photo::before { left: 37%; top: -.38rem; transform: rotate(-4deg); }
.al-sv-photo::after { bottom: -.35rem; right: 11%; transform: rotate(3deg); }
.al-sv-photo img { display: block; height: 100%; object-fit: cover; width: 100%; }
.al-sv-photo--audience { height: 25%; right: 2.5%; top: 3%; transform: rotate(-1deg); width: 40%; }
.al-sv-photo--mic { height: 29%; right: .5%; top: 26.5%; transform: rotate(.7deg); width: 37%; }
.al-sv-photo--group { height: 28%; right: 2%; top: 56%; transform: rotate(-1.2deg); width: 41%; }

.al-sv-photo img {
	clip-path: none;
}

.al-sv-photo--audience { -webkit-mask: url("../images/school-visits/art/photo-tear-mask-1.png") center / 100% 100% no-repeat; mask: url("../images/school-visits/art/photo-tear-mask-1.png") center / 100% 100% no-repeat; }
.al-sv-photo--mic { -webkit-mask: url("../images/school-visits/art/photo-tear-mask-2.png") center / 100% 100% no-repeat; mask: url("../images/school-visits/art/photo-tear-mask-2.png") center / 100% 100% no-repeat; }
.al-sv-photo--group { -webkit-mask: url("../images/school-visits/art/photo-tear-mask-3.png") center / 100% 100% no-repeat; mask: url("../images/school-visits/art/photo-tear-mask-3.png") center / 100% 100% no-repeat; }

.al-sv-note {
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	color: var(--al-sv-ink);
	font-family: var(--wp--preset--font-family--space-grotesk, "Space Grotesk", sans-serif);
	font-size: .88rem;
	filter: drop-shadow(.2rem .28rem .28rem rgba(17, 17, 17, .14));
	line-height: 1.35;
	padding: .85rem 1rem;
	position: absolute;
	text-align: center;
	z-index: 6;
}

.al-sv-note::before { left: 50%; top: -.33rem; transform: translateX(-50%) rotate(-3deg); }
.al-sv-note strong { color: var(--al-sv-rust); font-weight: 500; }
.al-sv-note--question { background-image: url("../images/school-visits/art/paper-note-question-v2.webp"); left: 46%; top: 20%; transform: rotate(-2deg); }
.al-sv-note--change { background-image: url("../images/school-visits/art/paper-note-wide-v2.webp"); bottom: 15%; left: 15%; padding: .9rem 1.35rem 1rem; transform: rotate(-1.4deg); }

.al-sv-arrow {
	filter: grayscale(1) brightness(.3);
	height: auto;
	pointer-events: none;
	position: absolute;
	width: 4.2rem;
	z-index: 5;
}
.al-sv-arrow--question { left: 44%; top: 7%; transform: rotate(120deg); }
.al-sv-arrow--change { bottom: 22%; left: 52%; transform: rotate(-28deg) scaleX(-1); }

.al-sv-outcomes {
	align-self: center;
	list-style: none;
	padding: .2rem 1.7rem 0 2rem;
	position: relative;
	z-index: 8;
}

.al-sv-outcomes li {
	align-items: center;
	border-bottom: 1px solid rgba(17, 17, 17, .22);
	display: grid;
	gap: .65rem;
	grid-template-columns: 3rem 1fr;
	padding: .8rem 0;
}

.al-sv-outcomes li:last-child { border-bottom: 0; }
.al-sv-outcomes img { height: 2.65rem; object-fit: contain; width: 2.65rem; }
.al-sv-outcomes strong,
.al-sv-outcomes span { display: block; font-family: var(--wp--preset--font-family--inter, Inter, sans-serif); }
.al-sv-outcomes strong { font-size: .62rem; font-weight: 800; text-transform: uppercase; }
.al-sv-outcomes span { font-size: .62rem; line-height: 1.42; margin-top: .18rem; }

/* You Change the Story */
.al-sv-story { margin-top: 21px; padding-bottom: .3rem; }
.al-sv-story__inner { min-height: 12.25rem; }
.al-sv-story h2 {
	font-family: var(--wp--preset--font-family--inter, Inter, sans-serif);
	font-size: .92rem;
	font-weight: 800;
	left: 50%;
	letter-spacing: .025em;
	position: absolute;
	top: -5px;
	transform: translate(-50%, -8%);
	z-index: 6;
}

.al-sv-story h2 span {
	background: url("../images/school-visits/art/story-heading-brush-lock.webp") center / 100% 100% no-repeat;
	color: #ffffff;
	display: block;
	min-width: 22rem;
	padding: .48rem 2rem .58rem;
	text-align: center;
	text-transform: uppercase;
}

.al-sv-story__board {
	display: grid;
	grid-template-columns: 19.0667% 62.9333% 18%;
	min-height: 11.7rem;
	padding-top: 3rem;
}

.al-sv-story__prompt,
.al-sv-story__try {
	align-items: center;
	background: url("../images/school-visits/art/paper-side-panel-v2.webp") center / 100% 100% no-repeat;
	display: flex;
	font-family: var(--wp--preset--font-family--space-grotesk, "Space Grotesk", sans-serif);
	font-size: .82rem;
	justify-content: center;
	line-height: 1.55;
	padding: 1rem;
	position: relative;
	text-align: center;
}

.al-sv-story__prompt::after,
.al-sv-story__try::after {
	background: url("../images/school-visits/art/arrow-curved-teal.svg") center / contain no-repeat;
	content: "";
	height: 3.2rem;
	position: absolute;
	width: 5.4rem;
}

.al-sv-story__prompt::after { bottom: 1.15rem; right: -.3rem; transform: rotate(-8deg); }
.al-sv-story__try { color: var(--al-sv-teal); }
.al-sv-story__try > span { display: block; }
.al-sv-story__try strong,
.al-sv-story__try > span > span { display: block; }
.al-sv-story__try strong { font-size: 1rem; line-height: 1.15; margin-bottom: .35rem; }
.al-sv-story__try > span > span { line-height: 1.45; }
.al-sv-story__try::after { left: -.8rem; top: 2.6rem; transform: rotate(186deg); width: 4.6rem; }

.al-sv-story__choices {
	display: grid;
	gap: .5rem;
	grid-template-columns: repeat(4, 1fr);
}

.al-sv-choice {
	align-items: center;
	appearance: none;
	background: transparent;
	background-image: url("../images/school-visits/art/paper-card-v2.webp");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	border: 0;
	color: var(--al-sv-ink);
	cursor: pointer;
	display: flex;
	flex-direction: column;
	font-family: var(--wp--preset--font-family--inter, Inter, sans-serif);
	justify-content: center;
	min-height: 10.3rem;
	padding: 1.25rem .4rem .65rem;
	position: relative;
	text-align: center;
}

.al-sv-choice::before {
	background: url("../images/school-visits/art/story-selection-brush-lock.webp") center / 100% 100% no-repeat;
	content: "";
	inset: -.15rem;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transform: rotate(-.35deg);
	transition: opacity 150ms ease;
}

.al-sv-choice:hover::before,
.al-sv-choice:focus-visible::before,
.al-sv-choice.is-active::before { opacity: 1; }

.al-sv-choice__number {
	align-items: center;
	background: var(--al-sv-ink);
	border-radius: 50%;
	color: #ffffff;
	display: flex;
	font-size: .55rem;
	font-weight: 800;
	height: 1.2rem;
	justify-content: center;
	left: 1rem;
	position: absolute;
	top: .8rem;
	width: 1.2rem;
}

.al-sv-choice img {
	height: 3.6rem;
	margin-bottom: .2rem;
	object-fit: contain;
	width: 4.2rem;
}

.al-sv-choice strong {
	font-size: .65rem;
	font-weight: 800;
	line-height: 1.2;
	text-transform: uppercase;
}

.al-sv-choice.is-active strong { color: var(--al-sv-teal); }
.al-sv-choice > span:last-child { font-size: .6rem; line-height: 1.35; margin-top: .22rem; }

@media (max-width: 760px) {
	.al-sv-hero__inner,
	.al-sv-story__inner,
	.al-sv-formats__inner,
	.al-sv-impact__inner,
	.al-sv-planning__inner { max-width: none; }

	.al-sv-hero__inner {
		display: block;
		height: auto;
		padding: 1.35rem 1rem 0;
	}

	.al-sv-hero__copy { padding: 0 .35rem; }
	.al-sv-eyebrow { font-size: .88rem; margin-bottom: .5rem; min-height: 1.8rem; padding-inline: 1.35rem; }
	.al-sv-hero h1 { font-size: clamp(2.65rem, 12.5vw, 3.35rem); line-height: .91; margin-bottom: .7rem; max-width: 9.1em; }
	.al-sv-title--desktop { display: none !important; }
	.al-sv-title--mobile { display: inline-block !important; }
	.al-sv-subhead { font-size: clamp(.98rem, 4.8vw, 1.2rem); white-space: nowrap; }
	.al-sv-intro { display: none; }
	.al-sv-actions {
		display: flex;
		margin-top: 1rem;
	}
	.al-sv-primary-action {
		font-size: .62rem;
		min-height: 2.65rem;
		min-width: 10.5rem;
		padding: .7rem 1rem;
	}
	.al-sv-secondary-action { display: none; }

	.al-sv-collage {
		height: 32.5rem;
		margin: -.15rem -1rem 0;
		overflow: visible;
	}

	.al-sv-material { height: 91%; left: -20%; object-fit: contain; top: 10%; width: 138%; }
	.al-sv-presenter { bottom: 0; clip-path: none; height: 85%; left: -14%; width: 68%; }
	.al-sv-photo { padding: .22rem .22rem .22rem .3rem; }
	.al-sv-photo::before,
	.al-sv-photo::after { height: .48rem; width: 2.15rem; }
	.al-sv-photo--audience { height: 24%; right: 0; top: 5%; width: 52%; }
	.al-sv-photo--mic { height: 27%; right: -1%; top: 30%; width: 46%; }
	.al-sv-photo--group { bottom: 6%; height: 24%; right: 0; width: 52%; }
	.al-sv-note { font-size: .72rem; line-height: 1.3; padding: .62rem .65rem; }
	.al-sv-note--question { left: 38%; top: 24%; }
	.al-sv-note--change { bottom: 1.5%; left: 10%; padding: .72rem .85rem .78rem; }
	.al-sv-arrow { display: none; }

	.al-sv-outcomes {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		padding: 1.25rem .35rem .5rem;
	}
	.al-sv-outcomes li {
		align-items: start;
		border-bottom: 1px solid rgba(17, 17, 17, .18);
		gap: .45rem;
		grid-template-columns: 2.25rem 1fr;
		padding: .8rem .55rem;
	}
	.al-sv-outcomes li:nth-child(odd) { border-right: 1px solid rgba(17, 17, 17, .18); }
	.al-sv-outcomes img { height: 2rem; width: 2rem; }
	.al-sv-outcomes strong { font-size: .54rem; }
	.al-sv-outcomes span { font-size: .54rem; }

	.al-sv-story { margin-top: 2rem; padding: .5rem 0 1.5rem; }
	.al-sv-story__inner { min-height: 0; padding: 0 .85rem; }
	.al-sv-story h2 { font-size: .88rem; position: static; transform: none; }
	.al-sv-story h2 span { margin-inline: auto; min-width: min(22rem, 96vw); padding: .64rem 1.5rem .74rem; }
	.al-sv-story__board { display: block; min-height: 0; padding-top: .85rem; }
	.al-sv-story__prompt {
		background: none;
		font-size: .92rem;
		line-height: 1.35;
		min-height: 4rem;
		padding: .1rem 3.4rem .8rem 1rem;
	}
	.al-sv-story__prompt br { display: block; }
	.al-sv-story__prompt::after { display: none; }
	.al-sv-story__choices { gap: .65rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.al-sv-choice { min-height: 9.7rem; padding: 1rem .45rem .7rem; }
	.al-sv-choice::before { inset: -.14rem; }
	.al-sv-choice__number { display: flex; left: .85rem; top: .75rem; }
	.al-sv-choice img { height: 3.7rem; margin-bottom: .12rem; width: 4.2rem; }
	.al-sv-choice strong { font-size: .67rem; line-height: 1.12; }
	.al-sv-choice > span:last-child { display: block; font-size: .59rem; line-height: 1.35; }
	.al-sv-story__try {
		background-size: 100% 100%;
		display: flex;
		font-size: .72rem;
		margin: .75rem auto 0 !important;
		min-height: 4.5rem;
		padding: .65rem 1rem;
		width: min(17rem, 90%);
	}
	.al-sv-story__try strong { font-size: .9rem; margin-bottom: .15rem; }
	.al-sv-story__try > span > span { line-height: 1.25; }
	.al-sv-story__try > span > span br { display: none; }
	.al-sv-story__try::after { display: none; }

	.al-sv-formats { padding: 2.5rem 1rem 2.25rem; }
	.al-sv-formats__desktop-art { display: none; }
	.al-sv-formats__mobile { display: block; }
	.al-sv-mobile-kicker {
		color: var(--al-sv-teal);
		font-family: var(--wp--preset--font-family--inter, Inter, sans-serif);
		font-size: .68rem;
		font-weight: 800;
		letter-spacing: .08em;
		text-align: center;
		text-transform: uppercase;
	}
	.al-sv-formats__mobile > h2 {
		font-family: var(--wp--preset--font-family--inter, Inter, sans-serif);
		font-size: 1.65rem;
		font-weight: 900;
		letter-spacing: -.045em;
		line-height: .98;
		margin: .4rem auto 1.2rem;
		max-width: 12em;
		text-align: center;
		text-transform: uppercase;
	}
	.al-sv-format-grid { display: grid; gap: .65rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.al-sv-format-grid article {
		align-items: center;
		background: url("../images/school-visits/art/paper-card-v2.webp") center / 100% 100% no-repeat;
		display: flex;
		flex-direction: column;
		justify-content: center;
		min-height: 9rem;
		padding: .85rem .65rem;
		text-align: center;
	}
	.al-sv-format-grid article:nth-child(1) { transform: rotate(-.55deg); }
	.al-sv-format-grid article:nth-child(2) { transform: rotate(.5deg); }
	.al-sv-format-grid article:nth-child(3) { transform: rotate(.4deg); }
	.al-sv-format-grid article:nth-child(4) { transform: rotate(-.45deg); }
	.al-sv-format-grid img { height: 2.75rem; margin-bottom: .35rem; object-fit: contain; width: 3.2rem; }
	.al-sv-format-grid h3,
	.al-sv-format-family h3 {
		font-family: var(--wp--preset--font-family--inter, Inter, sans-serif);
		font-size: .7rem;
		font-weight: 800;
		margin: 0 0 .3rem;
		text-transform: uppercase;
	}
	.al-sv-format-grid p,
	.al-sv-format-family p { font-family: var(--wp--preset--font-family--space-grotesk, "Space Grotesk", sans-serif); font-size: .62rem; line-height: 1.4; }
	.al-sv-format-family {
		align-items: center;
		background: url("../images/school-visits/art/paper-note-wide-v2.webp") center / 100% 100% no-repeat;
		display: flex;
		gap: .75rem;
		margin: .8rem auto 0;
		max-width: 20rem;
		padding: .85rem 1.4rem;
		transform: rotate(-.45deg);
	}
	.al-sv-format-family img { height: 2.7rem; object-fit: contain; width: 3rem; }

	.al-sv-impact { padding: 1rem .9rem 2.4rem; }
	.al-sv-impact__desktop-art { display: none; }
	.al-sv-impact__mobile { display: block; }
	.al-sv-impact__mobile h2 { font-family: var(--wp--preset--font-family--inter, Inter, sans-serif); font-size: 1rem; font-weight: 800; margin: 0 0 .7rem; text-align: center; text-transform: uppercase; }
	.al-sv-impact__mobile h2 span { background: url("../images/school-visits/art/story-heading-brush-lock.webp") center / 100% 100% no-repeat; color: #fff; display: block; margin-inline: auto; max-width: 17rem; padding: .65rem 2rem .75rem; }
	.al-sv-impact__mobile > div { display: grid; gap: .6rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.al-sv-impact__mobile article { background: var(--al-sv-ink); color: #fff; min-height: 7.5rem; padding: .9rem .8rem; position: relative; }
	.al-sv-impact__mobile article::after { background: var(--al-sv-rust); bottom: .55rem; content: ""; height: .16rem; left: .8rem; position: absolute; width: 2.4rem; }
	.al-sv-impact__mobile article:nth-child(even)::after { background: var(--al-sv-teal); }
	.al-sv-impact__mobile strong { display: block; font-family: var(--wp--preset--font-family--inter, Inter, sans-serif); font-size: .65rem; line-height: 1.25; text-transform: uppercase; }
	.al-sv-impact__mobile p { font-family: var(--wp--preset--font-family--space-grotesk, "Space Grotesk", sans-serif); font-size: .64rem; line-height: 1.4; margin-top: .45rem !important; }
	.al-sv-impact__mobile article span { bottom: .5rem; font-family: var(--wp--preset--font-family--inter, Inter, sans-serif); font-size: .48rem; font-weight: 800; letter-spacing: .06em; position: absolute; right: .7rem; text-transform: uppercase; }

	.al-sv-planning { display: block; padding: 2.7rem 1rem 3rem; }
	.al-sv-planning__inner { display: block; }
	.al-sv-planning__intro { padding: 0 .25rem; }
	.al-sv-planning__eyebrow { font-size: .68rem; }
	.al-sv-planning h2 { font-size: 2.15rem; }
	.al-sv-planning__lead { font-size: .82rem; max-width: none; }
	.al-sv-planning__reassurance { font-size: .72rem; margin-top: 1rem !important; padding: .9rem 1rem; }
	.al-sv-planning__board { padding-top: 1rem; }
	.al-sv-planning__inputs { display: grid; gap: .65rem; grid-template-columns: 1fr; }
	.al-sv-planning__inputs article {
		align-items: center;
		display: grid;
		gap: .15rem .8rem;
		grid-template-columns: 3.5rem 1fr;
		grid-template-rows: auto auto;
		min-height: 7.3rem;
		padding: 1.05rem 1.35rem;
		text-align: left;
	}
	.al-sv-planning__inputs article:nth-child(2) { transform: rotate(.35deg); }
	.al-sv-planning__inputs svg { grid-row: 1 / 3; height: 2.9rem; margin: 0; width: 2.9rem; }
	.al-sv-planning__inputs h3 { align-self: end; font-size: .72rem; margin-bottom: .15rem; }
	.al-sv-planning__inputs p { align-self: start; font-size: .66rem; margin: 0 !important; max-width: none; }
	.al-sv-planning__schedule { margin-top: 1.45rem; padding: 2.35rem 0 .2rem; }
	.al-sv-planning__schedule > p { font-size: .58rem; left: 50%; padding: .55rem .7rem .65rem; transform: translateX(-50%); width: min(21rem, 100%); }
	.al-sv-planning__schedule > div { gap: .55rem; grid-template-columns: repeat(2, minmax(0, 1fr)); padding-top: 0; }
	.al-sv-planning__schedule button { font-size: .56rem; min-height: 3.4rem; padding: .6rem .45rem; white-space: normal; }
	.al-sv-planning__schedule button:last-child { grid-column: 1 / -1; }
	.al-sv-planning__footer { gap: 1.25rem; margin-top: 1.1rem; padding: 0; }
	.al-sv-planning__book { font-size: 1.05rem; gap: .55rem; white-space: normal; }
	.al-sv-planning__virtual { font-size: .64rem; max-width: 32em; }
}

@media (max-width: 380px) {
	.al-sv-hero h1 { font-size: 2.65rem; }
	.al-sv-subhead { font-size: .95rem; }
	.al-sv-collage { height: 31rem; }
	.al-sv-choice strong { font-size: .62rem; }
}

@media (prefers-reduced-motion: reduce) {
	.al-sv-choice::before,
	.al-sv-planning__schedule button::before { transition: none; }
}

@media (forced-colors: active) {
	.al-sv-choice:hover::before,
	.al-sv-choice:focus-visible::before,
	.al-sv-choice.is-active::before,
	.al-sv-planning__schedule button:hover::before,
	.al-sv-planning__schedule button:focus-visible::before,
	.al-sv-planning__schedule button.is-selected::before { background: none; border: 3px solid CanvasText; }
}

@media print {
	.al-sv-actions,
	.al-sv-story__choices { display: none !important; }
}