/* =========================================================================
   SKYLINE ACADEMY (609) — overview + mission/about/dates + program detail/video
   + questions form/partners. Owner: Ivy. Reuses shared .clipped-corner +
   .partner-heading. GF id2 CSS-skinned (D35). Built to
   data/qa_baseline/skyline-academy/*.
   ========================================================================= */

/* --- S1 Overview (white, 60/40) ---------------------------------------- */
.sky-overview {
	background: #fff;
	padding: clamp(50px, 5vw, 90px) 3vw clamp(50px, 5vw, 90px);
}
.sky-overview .wp-block-columns { gap: 4vw; align-items: flex-start; }
.sky-overview__photo { margin: 0 0 1.6vw; }
.sky-overview p { color: var(--creda-body); font-size: 1rem; line-height: 1.7; margin-bottom: 1vw; }
.sky-overview .wp-block-list { margin: 0; padding-left: 1.3em; list-style: disc; }
.sky-overview .wp-block-list li { color: var(--creda-body); list-style: disc; font-size: 1rem; line-height: 1.7; }
.sky-overview__logos .wp-block-image { margin: 0 auto 2.5vw; }
.sky-overview__logos img { height: auto; transition: transform .25s ease, opacity .25s ease; }
.sky-overview__logos .wp-block-image:hover img { transform: scale(1.05); }

/* --- S2 Mission / About / Key Dates (bright teal, 3-col) ---------------- */
.sky-mission {
	background: var(--creda-secondary);
	color: #fff;
	padding: clamp(50px, 5vw, 90px) 3vw;
}
.sky-mission .wp-block-columns { gap: 4vw; align-items: flex-start; }
.sky-mission h3 {
	font-family: 'Inter', Helvetica, Arial, sans-serif;
	font-weight: 700;
	color: var(--creda-pale-blue);
	font-size: clamp(1.35rem, 1rem + 1vw, 1.875rem); /* ~30px */
	line-height: 1.2;
	margin-bottom: 1.2vw;
}
.sky-mission p { color: #fff; font-size: .95rem; line-height: 1.65; margin-bottom: .8vw; }
.sky-mission strong { color: #fff; font-weight: 700; }

/* --- S3 Program detail + video (dark teal, clipped corner) -------------- */
.sky-detail {
	background: var(--creda-primary);
	color: #fff;
	padding: clamp(60px, 6vw, 100px) 3vw clamp(80px, 8vw, 140px);
}
.sky-detail .wp-block-columns { gap: 5vw; }
.sky-detail h4 {
	font-family: 'Inter', Helvetica, Arial, sans-serif;
	font-weight: 700;
	color: var(--creda-pale-teal);
	font-size: clamp(1.9rem, 1.1rem + 2.2vw, 2.8125rem); /* ~45px */
	line-height: 1.15;
	margin-bottom: 1.4vw;
}
.sky-detail p { color: #fff; font-size: 1rem; line-height: 1.7; margin-bottom: 1.2vw; }
.sky-detail p a { color: var(--creda-pale-teal); text-decoration: underline; }
.sky-apply-btn .wp-block-button__link { text-decoration: none; }
.sky-apply-btn { margin-top: 1.6vw; }
.sky-apply-btn .wp-block-button__link {
	background: var(--creda-secondary);
	color: #fff;
	border-radius: 0;
	font-family: 'Inter', Helvetica, Arial, sans-serif;
	font-weight: 700;
	font-size: 1.1rem;
	padding: 1vw 2vw;
}
/* Responsive 16:9 YouTube embed. */
.sky-video {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	margin-bottom: 1.6vw;
	background: #000;
}
.sky-video iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/* --- S4 Questions form + partner logos (white, 50/50) ------------------- */
.sky-form {
	background: #fff;
	padding: clamp(50px, 5vw, 90px) 3vw clamp(60px, 6vw, 110px);
}
.sky-form .wp-block-columns { gap: 5vw; align-items: flex-start; }
.sky-form h4 {
	font-family: 'Inter', Helvetica, Arial, sans-serif;
	font-weight: 700;
	color: var(--creda-secondary);
	font-size: clamp(1.9rem, 1.1rem + 2.2vw, 2.8125rem);
	line-height: 1.15;
	margin-bottom: 1.6vw;
}

/* Partner column — shared .partner-heading rules + logos, generous spacing. */
.sky-partners .partner-heading { margin: 3vw 0 2vw; }
.sky-partners .partner-heading:first-child { margin-top: 0; }
.sky-partners .wp-block-image { margin: 0 auto 1vw; }
.sky-partners img { height: auto; transition: transform .25s ease, opacity .25s ease; }
.sky-partners .wp-block-image:hover img { transform: scale(1.06); }

/* Gravity Forms skin (match baseline — same as contact). */
.sky-form__fields .gform_wrapper,
.sky-form__fields .gform_wrapper * {
	font-family: 'Inter', Helvetica, Arial, sans-serif;
}
.sky-form__fields .gform_wrapper .gform_fields { gap: 1.4vw 2%; }
.sky-form__fields .gfield_label { font-weight: 700; color: #545454; font-size: 1rem; margin-bottom: 6px; }
.sky-form__fields .gfield_required { color: #c0392b; font-style: italic; font-weight: 400; }
.sky-form__fields .ginput_container input,
.sky-form__fields .ginput_container textarea {
	width: 100%;
	border: 1px solid #cfcfcf;
	border-radius: 0;
	padding: 10px 12px;
	font-size: 1rem;
	color: #545454;
	background: #fff;
}
.sky-form__fields .ginput_container textarea { min-height: 180px; resize: vertical; }
.sky-form__fields .ginput_container input:focus,
.sky-form__fields .ginput_container textarea:focus { outline: 0; border-color: var(--creda-secondary); }
.sky-form__fields .gfield_description,
.sky-form__fields .ginput_complex label,
.sky-form__fields .charleft { color: #8a8a8a; font-size: .82rem; }
.sky-form__fields .gform_footer { margin-top: 1.4vw; }
.sky-form__fields .gform_button {
	font-family: 'Inter', Helvetica, Arial, sans-serif;
	font-weight: 700;
	border-radius: 0;
	transition: background-color .25s ease, transform .25s ease, box-shadow .25s ease;
}
.sky-form__fields .gform_button:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0,0,0,.18); }

/* --- Responsive --------------------------------------------------------- */
@media screen and (max-width: 980px) {
	.sky-overview, .sky-mission, .sky-form { padding: 9vw 5vw; }
	.sky-detail { padding: 10vw 5vw 16vw; }
	.sky-overview .wp-block-columns,
	.sky-mission .wp-block-columns,
	.sky-detail .wp-block-columns,
	.sky-form .wp-block-columns { flex-wrap: wrap; gap: 8vw; }
	.sky-overview .wp-block-column,
	.sky-mission .wp-block-column,
	.sky-detail .wp-block-column,
	.sky-form .wp-block-column {
		flex-basis: 100% !important;
		max-width: 100% !important;
	}
	.sky-mission h3 { font-size: 3.6vw; }
	.sky-detail h4, .sky-form h4 { font-size: 5.4vw; }
	.sky-overview p, .sky-overview li,
	.sky-mission p, .sky-detail p { font-size: 2.6vw; }
	.sky-apply-btn .wp-block-button__link { font-size: 2.6vw; padding: 2vw 4vw; }
	.sky-form__fields .gform_wrapper .gform_fields { gap: 4vw 2%; }
}
@media screen and (max-width: 767px) {
	.sky-overview, .sky-mission, .sky-form { padding: 14vw 6vw; }
	.sky-detail { padding: 14vw 6vw 22vw; }
	.sky-mission h3 { font-size: 6vw; }
	.sky-detail h4, .sky-form h4 { font-size: 8vw; }
	.sky-overview p, .sky-overview li,
	.sky-mission p, .sky-detail p { font-size: 4.4vw; }
	.sky-apply-btn .wp-block-button__link { font-size: 4vw; padding: 3.5vw 6vw; }
}