/* Review corrections: stationary products, outward radio waves, full photos. */
.showcase, .showcase-stage { background: #fff; }
.showcase::before, .showcase::after, .stage-axis { display: none; }
.showcase-stage { transform: none; }
.showcase-caster, .showcase-dongle, .showcase .product-float {
	animation: none !important;
	transform: none !important;
	translate: none !important;
	opacity: 1;
}
.showcase-caster {
	width: 94%; height: 94%; right: -12%; top: 0;
	mix-blend-mode: normal;
}
.showcase-caster .product-float { height: 100%; display: flex; align-items: center; mix-blend-mode: normal; }
.showcase-caster img {
	width: 100%; height: auto; object-fit: contain; mix-blend-mode: normal;
	-webkit-mask-image: linear-gradient(to right, transparent, #000 12%, #000 88%, transparent), linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent);
	-webkit-mask-composite: source-in;
	mask-image: linear-gradient(to right, transparent, #000 12%, #000 88%, transparent), linear-gradient(to bottom, transparent, #000 12%, #000 88%, transparent);
	mask-composite: intersect;
}
.showcase-dongle { z-index: 4; width: 66%; left: -12%; bottom: 5%; }
.signal-field {
	z-index: 3; width: 100%; height: 44%; aspect-ratio: auto;
	left: -12%; top: auto; bottom: 9%; transform: rotate(-12deg);
	overflow: visible;
}
.signal-field i, .signal-field i:nth-child(2), .signal-field i:nth-child(3) {
	inset: 0; border: 1.5px solid rgba(230,0,18,.38); opacity: 0;
	transform: scale(.12); transform-origin: center;
}
@media (prefers-reduced-motion: no-preference) {
	.signal-field i { animation: radio-transmit 3.6s linear infinite; }
	.signal-field i:nth-child(2) { animation-delay: -1.2s; }
	.signal-field i:nth-child(3) { animation-delay: -2.4s; }
}
@keyframes radio-transmit {
	0% { transform: scale(.12); opacity: 0; }
	16% { opacity: .8; }
	72% { opacity: .3; }
	100% { transform: scale(1.12); opacity: 0; }
}
.portable-story-image { overflow: visible; }
.portable-story-image img.hero-product-image {
	display: block; width: 100%; height: auto; max-height: none;
	object-fit: contain; object-position: center top;
}
.scenes-photo { background: #fff; aspect-ratio: auto; }
.scenes-photo img {
	display: block; width: 100%; height: auto; max-height: 540px;
	object-fit: contain; object-position: center;
}
@media (max-width: 800px) {
	.showcase-caster { width: 72%; height: 100%; right: -1%; top: 0; }
	.showcase-dongle { width: 58%; left: -3%; bottom: 2%; }
	.signal-field { width: 88%; height: 42%; left: -8%; bottom: 5%; }
	.portable-story-image { max-width: 465px; }
}
@media (max-width: 480px) {
	.showcase-caster { width: 90%; right: -10%; }
	.showcase-dongle { width: 64%; left: -6%; bottom: 1%; }
	.signal-field { width: 100%; left: -12%; }
	.scenes-photo img { max-height: 430px; }
}
@media (prefers-reduced-motion: reduce) {
	.signal-field i { animation: none !important; transform: scale(.8) !important; opacity: .18 !important; }
	.signal-field i:nth-child(2), .signal-field i:nth-child(3) { display: none; }
}
/* Center the logo across phone and compact tablet widths. */
@media screen and (max-width: 1024px) {
	html { scroll-padding-top: 132px; }
	.site-header {
		grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
		grid-template-rows: auto auto;
		gap: 0 12px;
		padding: 6px 20px 0;
	}
	.site-header .brand { grid-column: 2; grid-row: 1; justify-self: center; width: 144px; }
	.site-header .lang-toggle { grid-column: 1; grid-row: 1; justify-self: start; padding: 8px 0; border: 0; }
	.site-header .header-cta { grid-column: 3; grid-row: 1; justify-self: end; padding: 8px 12px; font-size: .8125rem; }
	.site-header nav { grid-column: 1 / -1; grid-row: 2; justify-content: center; gap: 44px; border-top: 1px solid #e7e9ed; font-size: .8125rem; }
	.site-header nav a { padding: 8px 0; }
}
@media screen and (max-width: 480px) {
	.site-header { padding-left: 16px; padding-right: 16px; column-gap: 6px; }
	.site-header .brand { width: 112px; }
	.site-header .header-cta { padding: 8px; font-size: .75rem; }
}
@media print { .signal-field { display: none; } }