/* =========================================================================
   13 · SEASONAL FLAGSHIP BAND — full-bleed image + overlay copy
   Reference: V4-BUILD-SPEC §4 #9 + PAKISTAN-NGO-RESEARCH "Edhi pattern"
   ========================================================================= */

.jj-seasonal {
	background-color: var(--jj-primary-deep);
	background-size: cover;
	background-position: center;
	color: #fff;
	padding-block: clamp(4rem, 3rem + 6vw, 8rem);
	position: relative;
	overflow: hidden;
}

.jj-seasonal--pattern {
	background: linear-gradient(135deg, var(--jj-primary) 0%, var(--jj-primary-deep) 100%);
}

.jj-seasonal__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(6, 53, 53, 0.4) 0%, rgba(6, 53, 53, 0.85) 100%);
	pointer-events: none;
}
.jj-seasonal--pattern .jj-seasonal__overlay {
	background: transparent;
}
.jj-seasonal--pattern .jj-pattern--ajrak {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}

.jj-seasonal__inner {
	position: relative;
	z-index: 1;
	max-width: 720px;
}

.jj-seasonal__title {
	font-family: var(--jj-font-serif);
	font-size: var(--fs-3xl);
	font-weight: 600;
	line-height: 1.1;
	color: #fff;
	margin: 0 0 var(--sp-4);
	text-wrap: balance;
}

.jj-seasonal__sub {
	font-size: var(--fs-md);
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.92);
	max-width: 60ch;
	margin: 0 0 var(--sp-6);
}

.jj-seasonal__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--sp-4);
}