/**
 * isjac/summit-2027-hero — page-specific registration hero chrome.
 * Extracted from phase-1 .isjac-reg-hero design. Tokens only.
 */

.isjac-reg-hero {
	position: relative;
	min-height: min(68vh, 640px);
	display: flex;
	align-items: flex-end;
	overflow: hidden;
	color: var(--isjac-color-paper);
	background: var(--isjac-color-ink);
}

.isjac-reg-hero-img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 35%;
}

.isjac-reg-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(
		135deg,
		var(--isjac-color-ink) 0%,
		rgba(21, 82, 111, 0.78) 55%,
		rgba(2, 7, 38, 0.55) 100%
	);
	opacity: var(--isjac-hero-overlay-opacity, 0.78);
}

.isjac-reg-hero-inner {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: var(--isjac-container);
	margin: 0 auto;
	padding: var(--isjac-section-lg) var(--isjac-gutter-edge) var(--isjac-section-md);
}

.isjac-reg-hero .isjac-eyebrow {
	font-family: var(--isjac-font-mono);
	font-size: 11px;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: rgba(255, 250, 252, 0.78);
	margin: 0 0 var(--isjac-space-3);
}

.isjac-reg-hero h1 {
	font-family: var(--isjac-font-family);
	font-weight: var(--isjac-font-weight-black);
	font-size: var(--isjac-font-size-display);
	line-height: 1.05;
	letter-spacing: -0.03em;
	margin: 0 0 var(--isjac-space-4);
	color: var(--isjac-color-paper);
	max-width: 18ch;
}

.isjac-reg-hero-deck {
	font-size: var(--isjac-font-size-body);
	color: rgba(255, 250, 252, 0.9);
	max-width: 52ch;
	margin: 0 0 var(--isjac-space-5);
}

.isjac-reg-hero-actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--isjac-gap-tight);
	align-items: center;
}

/*
 * Dark-surface brand buttons (brand-guide § buttons / on-dark matrix).
 * Mirrors .is-style-isjac-hero treatments so registration hero uses the
 * same isjac-btn primary/secondary/ghost system as homepage hero.
 */
.isjac-reg-hero .isjac-btn--primary {
	background: var(--isjac-color-paper);
	color: var(--isjac-color-brand-deep);
	border-color: var(--isjac-color-paper);
}

.isjac-reg-hero .isjac-btn--primary:hover,
.isjac-reg-hero .isjac-btn--primary:focus-visible {
	background: var(--isjac-color-brand-wash);
	color: var(--isjac-color-brand-deep);
	border-color: var(--isjac-color-brand-wash);
	text-decoration: none;
}

.isjac-reg-hero .isjac-btn--secondary {
	background: transparent;
	color: var(--isjac-color-paper);
	border-color: var(--isjac-color-paper);
}

.isjac-reg-hero .isjac-btn--secondary:hover,
.isjac-reg-hero .isjac-btn--secondary:focus-visible {
	background: color-mix(in oklch, transparent, var(--isjac-color-paper) var(--isjac-state-lift));
	color: var(--isjac-color-paper);
	border-color: var(--isjac-color-paper);
	text-decoration: none;
}

.isjac-reg-hero .isjac-btn--ghost {
	color: var(--isjac-color-paper);
	background: transparent;
	border-color: transparent;
	text-decoration: underline;
	text-decoration-color: rgba(255, 250, 252, 0.5);
	text-underline-offset: 0.25em;
}

.isjac-reg-hero .isjac-btn--ghost:hover,
.isjac-reg-hero .isjac-btn--ghost:focus-visible {
	color: var(--isjac-color-paper);
	text-decoration-color: var(--isjac-color-paper);
	background: transparent;
}

@media (max-width: 900px) {
	.isjac-reg-hero {
		min-height: 52vh;
	}
}