/* About pattern: responsive refinements and optional frontend motion. */
.tt5ds-about-page,
.tt5ds-about-page * {
	box-sizing: border-box;
}

.tt5ds-about-page :where(h1, h2, h3, p) {
	letter-spacing: 0;
	overflow-wrap: break-word;
}

.tt5ds-about-page .tt5ds-eyebrow {
	letter-spacing: 0;
}

.tt5ds-about-page .wp-block-column {
	min-width: 0;
}

.tt5ds-about-page .wp-block-image {
	overflow: hidden;
}

.tt5ds-about-page .wp-block-image img {
	display: block;
	width: 100%;
	height: auto;
}

.tt5ds-about-page .tt5ds-about-intro-copy > p:last-child {
	max-width: 46rem;
}

.tt5ds-about-page .tt5ds-about-story-copy {
	max-width: 34rem;
}

.tt5ds-about-page .tt5ds-about-value {
	border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--base) 28%, transparent);
	padding-top: var(--wp--preset--spacing--30);
}

.tt5ds-about-page .tt5ds-about-value > p:first-child {
	opacity: 0.75;
}

.tt5ds-about-page .tt5ds-about-value > p:last-child {
	max-width: 25rem;
}

.tt5ds-about-page .tt5ds-about-person .wp-block-heading {
	margin-top: 0;
}

.tt5ds-about-page .tt5ds-about-visit-copy {
	flex: 1 1 25rem;
}

.tt5ds-about-page .tt5ds-about-visit .wp-block-buttons {
	flex-shrink: 0;
}

.tt5ds-about-page .tt5ds-about-motion {
	opacity: 0.92;
	transform: translateY(6px);
	transition: opacity 0.28s ease, transform 0.28s ease;
}

.tt5ds-about-page .tt5ds-about-motion.is-visible {
	opacity: 1;
	transform: none;
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
	.tt5ds-about-page .tt5ds-about-person img {
		transition: transform 0.28s ease;
	}

	.tt5ds-about-page .tt5ds-about-person:hover img {
		transform: scale(1.025);
	}
}

@media (max-width: 781px) {
	.tt5ds-about-page .tt5ds-about-section {
		padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--30) !important;
	}

	.tt5ds-about-page .wp-block-columns {
		gap: var(--wp--preset--spacing--40) !important;
	}

	.tt5ds-about-page .has-display-font-size {
		font-size: var(--wp--preset--font-size--xx-large) !important;
	}

	.tt5ds-about-page .tt5ds-about-room img {
		aspect-ratio: 4 / 3 !important;
	}

	.tt5ds-about-page .tt5ds-about-kitchen img {
		aspect-ratio: 4 / 3 !important;
	}

	.tt5ds-about-page .tt5ds-about-visit .wp-block-buttons {
		width: 100%;
		gap: var(--wp--preset--spacing--20);
	}

	.tt5ds-about-page .tt5ds-about-visit .wp-block-button {
		flex: 1 1 12rem;
	}

	.tt5ds-about-page .tt5ds-about-visit .wp-block-button__link {
		width: 100%;
		text-align: center;
	}
}

@media (prefers-reduced-motion: reduce) {
	.tt5ds-about-page .tt5ds-about-motion,
	.tt5ds-about-page .tt5ds-about-person img {
		opacity: 1;
		transform: none !important;
		transition: none;
	}
}