/**
 * Theme-only additions on top of the design's CSS.
 *
 * assets/css/landing.css is generated from the design canvas and is
 * overwritten whenever the design is rebuilt -- keep edits in this file.
 */

/* The conditional wrapper must be invisible to layout. */
k40-if {
	display: contents;
}

/* A configured unit photo replaces the design's labelled placeholder. */
.u-img.has-img {
	background-image: none;
}

.u-img.has-img .ph-cap {
	display: none;
}

.u-photo {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.u-img.has-img .u-badge {
	z-index: 2;
}

/*
 * The hero artwork is mirrored for left-to-right reading. The design states
 * this inline on the English artboard; expressing it by direction keeps one
 * template serving both languages.
 */
[dir="ltr"] .hero-art {
	transform: scaleX(-1);
}

/* Optional disclaimer line in the footer (Settings -> Katameya 40). */
.ft-disc {
	color: var(--onDarkMuted);
}

/* Respect a reduced-motion preference for the smooth scrolls. */
@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}