/* Keep the Leo story in a predictable square and remove the retired theme art. */
.message-section .message-art.byebyecar-leo-mounted {
	position: relative !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	aspect-ratio: 1 / 1 !important;
	border-radius: 24px !important;
	background: #211916 !important;
	overflow: hidden !important;
	isolation: isolate;
}

.message-section .message-art.byebyecar-leo-mounted::before,
.message-section .message-art.byebyecar-leo-mounted::after {
	content: none !important;
	display: none !important;
	background: none !important;
}

.message-section .message-art.byebyecar-leo-mounted > .byebyecar-leo-frame {
	z-index: 2;
}

@media (max-width: 700px) {
	.message-section .message-art.byebyecar-leo-mounted {
		border-radius: 18px !important;
	}
}

/* Replace the former CSS city car with Leo's lightweight waving animation. */
.flow-section .flow-city-scene.byebyecar-leo-wave-mounted {
	position: relative !important;
	width: min(720px, 100%) !important;
	height: auto !important;
	min-height: 0 !important;
	aspect-ratio: 5.4 / 1 !important;
	margin-inline: auto !important;
	border-radius: 18px !important;
	background: transparent !important;
	overflow: hidden !important;
	isolation: isolate;
}

.flow-section .flow-city-scene.byebyecar-leo-wave-mounted::before,
.flow-section .flow-city-scene.byebyecar-leo-wave-mounted::after {
	content: none !important;
	display: none !important;
}

@media (max-width: 700px) {
	.flow-section .flow-city-scene.byebyecar-leo-wave-mounted {
		border-radius: 12px !important;
	}
}
/* Smartphone hero photo: preserve the portrait source with a gentler crop. */
@media (max-width: 700px) {
  .hero .hero-photo-frame {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 5 !important;
    border-radius: 24px 34px 24px 24px !important;
  }

  .hero .hero-photo-frame > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 52% 47% !important;
    transform: none !important;
  }
}
