/**
 * LP 2026 Summit — hero + CTA sections.
 */

.summit-2026-hero {
	position: relative;
	overflow: hidden;
	min-height: 70vh;
	padding: clamp(3rem, 8vw, 6rem) 1.25rem clamp(2.5rem, 6vw, 4rem);
	color: #fff;
	text-align: center;
	/* Tweak stripe placement without editing PHP */
    --summit-stripe-left-left: max(-14vw, -25rem);
    --summit-stripe-left-top: 8%;
    --summit-stripe-left-width: min(42vw, 31rem);
    --summit-stripe-right-right: max(0vw, 0rem);
    --summit-stripe-right-top: 10%;
    --summit-stripe-right-width: min(40vw, 44rem);
}

.summit-2026-hero__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    background-size: cover;
    background-position: center 70%;
    background-repeat: no-repeat;
    background-blend-mode: lighten;
}

.summit-2026-hero--has-bg-image .summit-2026-hero__bg {
	background-color: #101e42;
}

.summit-2026-hero__stripe {
	position: absolute;
	z-index: 1;
	width: var(--summit-stripe-left-width);
	height: auto;
	pointer-events: none;
	user-select: none;
}

.summit-2026-hero__stripe--left {
	left: var(--summit-stripe-left-left);
	top: var(--summit-stripe-left-top);
}

.summit-2026-hero__stripe--right {
	right: var(--summit-stripe-right-right);
	top: var(--summit-stripe-right-top);
	width: var(--summit-stripe-right-width);
}

.summit-2026-hero__inner {
	position: relative;
	z-index: 2;
	max-width: 52rem;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: clamp(1.5rem, 4vw, 2.5rem);
}

.summit-2026-hero__coin {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.summit-2026-hero__top-coin-text {
	margin: 0 0 clamp(0.75rem, 3vw, 1.25rem);
	padding: 0 0.5rem;
	font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
	font-size: clamp(0.65rem, 2.8vw, 0.75rem);
	font-weight: 500;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	text-align: center;
	color: #c0a47f;
}

.summit-2026-hero__coin-stack {
	position: relative;
	display: inline-block;
	line-height: 0;
	max-width: min(92vw, 40rem);
	width: 100%;
	isolation: isolate;
}

.summit-2026-hero__coin-img--base {
	display: block;
	width: 100%;
	height: auto;
	vertical-align: top;
}

/* Duplicate layer: same asset, composited with plus-lighter at 50% opacity (Figma-style). */
.summit-2026-hero__coin-img--plus-lighter {
	display: none;
}

@supports (mix-blend-mode: plus-lighter) {
	.summit-2026-hero__coin-img--plus-lighter {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: auto;
		pointer-events: none;
		mix-blend-mode: plus-lighter;
		opacity: 0.5;
	}
}

.summit-2026-hero__countdown {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 0;
	width: 100%;
	max-width: 36rem;
	padding-top: 1.25rem;
}

.summit-2026-hero__countdown-cell {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.35rem;
	padding: 0 0.5rem;
}

.summit-2026-hero__countdown-cell + .summit-2026-hero__countdown-cell::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0.15rem;
	bottom: 0.35rem;
	width: 1px;
	background: rgba(255, 255, 255, 0.12);
}

.summit-2026-hero__countdown-value {
	font-family: "Taviraj", serif;
	font-size: clamp(2rem, 6vw, 3rem);
	font-weight: 500;
	line-height: 1.1;
	letter-spacing: 0.02em;
}

.summit-2026-hero__countdown-label {
	font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
	font-size: 0.65rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.85);
}

.summit-2026-hero__meta {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	gap: clamp(1.5rem, 5vw, 3.5rem);
	width: 100%;
}

.summit-2026-hero__meta-item {
	display: flex;
	align-items: flex-start;
	gap: 0.75rem;
	text-align: left;
	max-width: 20rem;
}

.summit-2026-hero__meta-icon {
	flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 50%;
    border: 1px solid rgba(192, 164, 127, 0.55);
    background: #ffffff12;
}

.summit-2026-hero__meta-icon img {
	display: block;
	width: 1rem;
	height: 1rem;
}

.summit-2026-hero__meta-copy {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.summit-2026-hero__meta-label {
	font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
	font-size: 0.65rem;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #8fa3c4;
}

.summit-2026-hero__meta-value {
	font-family: "Taviraj", serif;
	font-size: clamp(1rem, 2.6vw, 1.25rem);
	color: #F6F2EC;
	line-height: 1.35;
}

.summit-2026-hero__actions {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
}

.summit-2026-hero__bottom p {
	font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
	font-size: 0.8rem;
	line-height: 1.5;
	color: rgba(255, 255, 255, 0.5);
	max-width: 40rem;
}

.summit-2026-hero__bottom--wysiwyg a {
	color: inherit;
	text-decoration: underline;
	text-underline-offset: 0.15em;
}

/* Optional: show bottom WYSIWYG on mobile (remove .d-none from PHP or override here) */
@media (max-width: 767.98px) {
	.summit-2026-hero__bottom.summit-2026-hero__bottom--force-mobile {
		display: block !important;
	}

	.summit-2026-hero__bg {
		background-size: 160%;
		background-position: center 8%;
	}
}

/* --- Summit 2026 CTA --- */

.summit-2026-cta {
    position: relative;
    overflow: hidden;
    padding: clamp(3.5rem, 13vw, 16rem) 1.25rem;
    color: #fff;
    text-align: center;
    --summit-cta-stripe-left-left: max(-12vw, -10rem);
    --summit-cta-stripe-left-bottom: -20%;
    --summit-cta-stripe-left-width: min(48vw, 25rem);
    --summit-cta-stripe-right-right: max(-17vw, -23rem);
    --summit-cta-stripe-right-bottom: -35%;
    --summit-cta-stripe-right-width: min(48vw, 38rem);
}

.summit-2026-cta__bg {
	position: absolute;
	inset: 0;
	z-index: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.summit-2026-cta--has-bg-image .summit-2026-cta__bg {
	background-color: #101e42;
}

.summit-2026-cta__stripe {
	position: absolute;
	z-index: 1;
	width: var(--summit-cta-stripe-left-width);
	height: auto;
	pointer-events: none;
	user-select: none;
}

.summit-2026-cta__stripe--left {
	left: var(--summit-cta-stripe-left-left);
	bottom: var(--summit-cta-stripe-left-bottom);
}

.summit-2026-cta__stripe--right {
	right: var(--summit-cta-stripe-right-right);
	bottom: var(--summit-cta-stripe-right-bottom);
	width: var(--summit-cta-stripe-right-width);
}

.summit-2026-cta__inner {
	position: relative;
	z-index: 2;
	max-width: 44rem;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: clamp(1rem, 3vw, 1.5rem);
}

.summit-2026-cta__pre-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.65rem;
	width: 100%;
}

.summit-2026-cta__pre {
	margin: 0;
	font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
	font-size: clamp(0.65rem, 2vw, 0.75rem);
	font-weight: 700;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: #fff;
}

.summit-2026-cta__pre-line {
	display: block;
	width: min(9.5625rem, 85vw);
	height: 1px;
	flex-shrink: 0;
	background: linear-gradient(90deg, #ffffff00 0%, #c0a47f 50%, #ffffff00 100%);
}

.summit-2026-cta__title {
	margin: 0;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: clamp(1.75rem, 5.5vw, 2.75rem);
	font-weight: 500;
	line-height: 1.2;
	color: #fff;
}

.summit-2026-cta__actions {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 0.25rem;
}


@media (max-width: 768px) {
	.summit-2026-cta {
		padding: clamp(1.5rem, 8vw, 16rem) 1.25rem clamp(2.5rem, 12vw, 16rem) 1.25rem;
	}
}