/**
 * Keshet Corporate — home shell + skin typographic base.
 *
 * Structural + skin-wide defaults only. Per-section visuals live in their own
 * layer files (hero.css, about.css, properties.css, footer.css).
 */

.keshet-skin--keshet-corp {
	background: var(--keshet-corp-color-bg);
	color: var(--keshet-corp-color-text);
	font-family: var(--keshet-corp-font-body);
	font-weight: var(--keshet-corp-fw-light);
	font-size: var(--keshet-corp-fs-body);
	line-height: var(--keshet-corp-lh-tight);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

/* Mixed Hebrew + English (property names, phone numbers) — isolate bidi. */
.keshet-corp-main :where(h1, h2, h3) {
	unicode-bidi: isolate;
}

.keshet-corp-main {
	display: flow-root;
}

/* Shared centered container for contained sections. Header + hero are
   full-bleed (they set their own inline padding — see header.css / hero.css),
   and the footer owns its own container: Figma gives it 1685px of content at
   1920, not the 1350 Elementor width, so footer.css sizes it instead. */
.keshet-corp-about__inner,
.keshet-corp-properties__inner {
	max-inline-size: var(--keshet-corp-container);
	margin-inline: auto;
	padding-inline: var(--keshet-corp-container-padding);
}

/* FOUC guard for GSAP-animated elements (see Animations in CLAUDE.md). */
[data-keshet-animate] {
	opacity: 0;
}

.keshet-gsap-ready [data-keshet-animate] {
	/* GSAP takes over the reveal once registered. */
}