/* Scholarship page (templates/page-scholarship.php). Loaded only on that template. Scoped to .page-scholarship. */

.page-scholarship {
	--sch-navy: #09173a;
	--sch-hero: #092449;
	--sch-green: #13b317;
	--sch-green-dark: #0e8f12;
	--sch-ink: #1e1e1e;
	--sch-line: #dadada;
	font-family: Figtree, sans-serif;
	color: var(--sch-ink);
	background: #fff;
	overflow-x: clip;
}
.page-scholarship *, .page-scholarship *::before, .page-scholarship *::after { box-sizing: border-box; }
.page-scholarship ul, .page-scholarship ol { list-style: none; margin: 0; padding: 0; }
.page-scholarship li::before, .page-scholarship li::after { content: none; }
.page-scholarship p { margin: 0; }
.page-scholarship img { max-width: 100%; }

.page-scholarship .sch-wrap { width: 100%; max-width: 1070px; margin: 0 auto; padding: 0 20px; }
.page-scholarship .sch-wrap--wide { max-width: 1384px; }
.page-scholarship .sch-wrap--full { max-width: 1660px; }
.page-scholarship .sch-green { color: var(--sch-green); }

/* Shared type */
.page-scholarship .sch-h2 { font-family: Figtree, sans-serif; font-weight: 900; font-size: clamp(34px, 4.2vw, 64px); line-height: 1.15; letter-spacing: 0; text-transform: uppercase; text-align: center; color: var(--sch-navy); margin: 0; }
.page-scholarship .sch-h2--light { color: #fff; }
.page-scholarship .sch-btn { display: inline-flex; align-items: center; justify-content: center; padding: 22px 45px; border-radius: 999px; background: var(--sch-green); color: #fff; font: 800 16px/1 Figtree, sans-serif; text-transform: uppercase; text-decoration: none; letter-spacing: 0.02em; transition: background 0.2s; }
.page-scholarship .sch-btn:hover, .page-scholarship .sch-btn:focus-visible { background: var(--sch-green-dark); color: #fff; }
.page-scholarship a:focus-visible, .page-scholarship summary:focus-visible { outline: 3px solid var(--sch-green); outline-offset: 3px; }

/* Hero: slides under the transparent site header, same 236px overlap the internal banner uses */
/* the hero is positioned and comes later in the page, so it would paint over the top bar; lift the bar above it */
body.page-template-page-scholarship #top-header-bar { z-index: 2; }
.page-scholarship .sch-hero { position: relative; margin-top: -236px; padding: 300px 20px 90px; background: var(--sch-hero); color: #fff; text-align: center; overflow: hidden; }
.page-scholarship .sch-hero__art { position: absolute; left: 50%; top: 80px; width: min(1118px, 100%); aspect-ratio: 1118 / 872; transform: translateX(-50%); overflow: hidden; pointer-events: none; }
.page-scholarship .sch-hero__art img { display: block; width: 100%; height: 128.29%; max-width: none; }
.page-scholarship .sch-hero__sky { position: absolute; inset: 0; pointer-events: none; }
.page-scholarship .sch-cloud { position: absolute; display: block; max-width: none; height: auto; }
.page-scholarship .sch-cloud--a { left: 6%; top: 405px; width: 245px; }
.page-scholarship .sch-cloud--b { left: 85.5%; top: 409px; width: 151px; }
.page-scholarship .sch-cloud--c { left: 66%; top: 362px; width: 108px; }
.page-scholarship .sch-cloud--d { left: 29%; top: 325px; width: 108px; }
.page-scholarship .sch-hero__inner { position: relative; z-index: 1; max-width: 1070px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; }
.page-scholarship .sch-eyebrow { font: 700 clamp(14px, 1.25vw, 24px)/1.3 Figtree, sans-serif; letter-spacing: 0.2em; text-transform: uppercase; margin: 0 0 17px; }
.page-scholarship .sch-h1 { font-family: Figtree, sans-serif; font-weight: 900; font-size: clamp(34px, 4.4vw, 64px); line-height: 1.2; letter-spacing: 0; text-transform: uppercase; color: #fff; margin: 0 0 48px; }
.page-scholarship .sch-lede { font: 900 clamp(16px, 1.3vw, 20px)/1.8 Figtree, sans-serif; margin: 0 0 32px; width: min(914px, 100%); }
.page-scholarship .sch-lede::after { content: ""; display: block; height: 1px; margin-top: 8px; background: var(--sch-green); }
.page-scholarship .sch-hero__note { font: 500 clamp(15px, 1.2vw, 20px)/1.8 Figtree, sans-serif; margin-top: 8px; }
.page-scholarship .sch-hero .sch-btn { margin-bottom: 90px; }
.page-scholarship .sch-hero__note:nth-of-type(1) { margin-top: 0; }

/* The stakes */
.page-scholarship .sch-stakes { padding: 140px 0 0; }
.page-scholarship .sch-stakes p { font: 400 clamp(18px, 1.5vw, 24px)/1.8 Figtree, sans-serif; text-align: center; max-width: 1344px; margin: 0 auto; }
.page-scholarship .sch-rule { width: min(1070px, 100%); height: 1px; border: 0; background: var(--sch-line); margin: 32px auto 0; }

/* Previous winners */
.page-scholarship .sch-winners { padding: 140px 0 0; }
.page-scholarship .sch-winners .sch-wrap, .page-scholarship .sch-apply .sch-wrap { padding: 0 40px; }
.page-scholarship .sch-winners__list { display: grid; grid-template-columns: repeat(5, minmax(0, 270px)); justify-content: center; gap: 48px clamp(16px, 3vw, 58px); margin-top: 64px; }
.page-scholarship .sch-winner { width: 100%; display: flex; flex-direction: column; align-items: center; text-align: center; text-transform: uppercase; color: var(--sch-navy); }
.page-scholarship .sch-winner__photo { width: 100%; aspect-ratio: 1; border: 6.75px solid var(--sch-green); overflow: hidden; margin-bottom: 21px; }
.page-scholarship .sch-winner__photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.page-scholarship .sch-winner__who { display: flex; flex-direction: column; gap: 2px; line-height: 1.4; }
.page-scholarship .sch-winner__who strong { font-weight: 900; font-size: clamp(16px, 1.5vw, 21.6px); }
.page-scholarship .sch-winner__who span { font-weight: 400; font-size: clamp(14px, 1.36vw, 19.6px); }
.page-scholarship .sch-winner__label { font-weight: 400; font-size: clamp(15px, 1.55vw, 22.25px); line-height: 1.4; margin-top: 16px; }

/* The value */
.page-scholarship .sch-value { margin-top: 140px; padding: 120px 20px 100px; background: var(--sch-navy); color: #fff; }
.page-scholarship .sch-value .sch-wrap { padding: 0; }
.page-scholarship .sch-value__intro { font: 400 clamp(16px, 1.3vw, 20px)/1.8 Figtree, sans-serif; text-align: center; margin-top: 32px; }
.page-scholarship .sch-value__list { display: grid; grid-template-columns: repeat(3, 1fr); max-width: 1344px; margin: 80px auto 0; }
.page-scholarship .sch-value__list li { display: flex; flex-direction: column; align-items: center; gap: 42px; padding: 20px 24px; text-align: center; }
.page-scholarship .sch-value__list li + li { border-left: 1px solid rgba(255, 255, 255, 0.35); }
.page-scholarship .sch-value__list img { display: block; height: 100px; width: auto; }
.page-scholarship .sch-value__list h3 { font: 900 clamp(24px, 2.2vw, 36px)/1.2 Figtree, sans-serif; letter-spacing: -0.04em; text-transform: uppercase; color: #fff; margin: 0; }

/* Essay prompts */
.page-scholarship .sch-prompts { padding: 140px 20px 0; }
.page-scholarship .sch-prompts .sch-wrap { padding: 0; }
.page-scholarship .sch-prompts__intro { font: 400 clamp(16px, 1.3vw, 20px)/1.8 Figtree, sans-serif; text-align: center; margin-top: 32px; }
.page-scholarship .sch-prompts__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; max-width: 1620px; margin: 64px auto 0; }
.page-scholarship .sch-prompt { display: flex; flex-direction: column; align-items: center; text-align: center; border: 1px solid var(--sch-line); padding: 58px 32px 48px; }
.page-scholarship .sch-prompt h3 { font: 900 clamp(24px, 2.2vw, 36px)/1.2 Figtree, sans-serif; letter-spacing: -0.04em; text-transform: uppercase; color: var(--sch-navy); margin: 0 0 20px; }
.page-scholarship .sch-prompt__tag { font: 700 20px/1.8 Figtree, sans-serif; margin-bottom: 8px; }
.page-scholarship .sch-prompt p:last-child { font: 400 clamp(16px, 1.3vw, 20px)/1.8 Figtree, sans-serif; }

/* Why this scholarship exists */
.page-scholarship .sch-guide { padding: 140px 20px 0; }
.page-scholarship .sch-guide__inner { display: flex; max-width: 1344px; margin: 0 auto; background: var(--sch-navy); color: #fff; }
.page-scholarship .sch-guide__text { flex: 1 1 auto; display: flex; flex-direction: column; gap: 32px; padding: 64px 99px; }
.page-scholarship .sch-guide__text .sch-h2 { text-align: left; }
.page-scholarship .sch-guide__text p { font: 400 clamp(16px, 1.3vw, 20px)/1.8 Figtree, sans-serif; }
.page-scholarship .sch-guide__photo { flex: 0 0 381px; }
.page-scholarship .sch-guide__photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top; }

/* How to apply */
.page-scholarship .sch-apply { padding: 140px 0 0; }
.page-scholarship .sch-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0 50px; margin-top: 64px; }
.page-scholarship .sch-step { display: flex; flex-direction: column; gap: 26px; }
.page-scholarship .sch-step__num { display: flex; align-items: center; gap: 30px; font: 900 128px/1 Figtree, sans-serif; color: transparent; -webkit-text-stroke: 2px var(--sch-navy); text-transform: uppercase; }
.page-scholarship .sch-step__num::after { content: ""; flex: 1; height: 1px; background: #e4e4e4; }
.page-scholarship .sch-step p { font: 400 clamp(16px, 1.3vw, 20px)/1.8 Figtree, sans-serif; }
.page-scholarship .sch-step a { color: var(--sch-green); text-decoration: underline; word-break: break-word; }
.page-scholarship .sch-apply__flag { font: 700 clamp(20px, 2vw, 32px)/1.8 Figtree, sans-serif; text-align: center; margin-top: 32px; }
.page-scholarship .sch-steps + .sch-apply__flag { margin-top: 72px; }

/* Details accordion */
.page-scholarship .sch-details { padding: 140px 20px 0; }
.page-scholarship .sch-details__box { max-width: 1200px; margin: 0 auto; border: 1px solid var(--sch-line); background: #fff; padding: 16px 48px; }
.page-scholarship .sch-acc + .sch-acc { border-top: 1px solid var(--sch-line); }
.page-scholarship .sch-acc summary { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 32px 0; cursor: pointer; list-style: none; font: 900 clamp(22px, 2.2vw, 36px)/1.2 Figtree, sans-serif; letter-spacing: -0.04em; text-transform: uppercase; color: var(--sch-navy); }
.page-scholarship .sch-acc summary::-webkit-details-marker { display: none; }
.page-scholarship .sch-acc summary::after { content: ""; flex: 0 0 auto; width: 14px; height: 14px; margin-right: 10px; border-right: 3px solid var(--sch-navy); border-bottom: 3px solid var(--sch-navy); transform: rotate(-45deg); transition: transform 0.2s; }
.page-scholarship .sch-acc[open] summary::after { transform: rotate(45deg); }
.page-scholarship .sch-acc__body { padding: 0 0 36px; font: 400 18px/1.7 Figtree, sans-serif; }
.page-scholarship .sch-acc__body p { margin-top: 16px; }
.page-scholarship .sch-acc__body p:first-child { margin-top: 0; }
.page-scholarship .sch-acc__body ul { list-style: disc; padding-left: 22px; }
.page-scholarship .sch-acc__body li { margin-top: 8px; }
.page-scholarship .sch-acc__body h3 { font: 800 18px/1.4 Figtree, sans-serif; text-transform: uppercase; letter-spacing: 0.03em; color: var(--sch-navy); margin: 0 0 8px; }
.page-scholarship .sch-sources { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; margin-top: 20px; }
.page-scholarship .sch-table { width: 100%; border-collapse: collapse; margin-bottom: 8px; }
.page-scholarship .sch-table th, .page-scholarship .sch-table td { border: 1px solid var(--sch-line); padding: 12px 16px; text-align: left; }
.page-scholarship .sch-table th { background: #f4f6fa; color: var(--sch-navy); }
.page-scholarship .sch-table td:last-child, .page-scholarship .sch-table th:last-child { width: 110px; text-align: center; }

/* Closing CTA */
.page-scholarship .sch-cta { margin-top: 140px; padding: 104px 20px 112px; background: var(--sch-navy); color: #fff; text-align: center; }
.page-scholarship .sch-cta .sch-wrap { display: flex; flex-direction: column; align-items: center; gap: 32px; padding: 0; }
.page-scholarship .sch-cta p { font: 400 clamp(16px, 1.3vw, 20px)/1.8 Figtree, sans-serif; max-width: 880px; }
.page-scholarship .sch-cta a:not(.sch-btn) { color: var(--sch-green); text-decoration: underline; }
.page-scholarship .sch-cta .sch-cta__q { font-size: 16px; line-height: 1.5; margin-top: -16px; }
.page-scholarship .sch-cta .sch-cta__q a { color: #fff; }

/* Tablet */
@media (max-width: 1200px) {
	.page-scholarship .sch-guide__text { padding: 48px 48px; }
	.page-scholarship .sch-step__num { font-size: 96px; }
	.page-scholarship .sch-steps { gap: 0 32px; }
}
@media (max-width: 1100px) {
	.page-scholarship .sch-winners__list { display: flex; flex-wrap: wrap; justify-content: center; }
	.page-scholarship .sch-winner { width: 220px; }
}
@media (max-width: 1000px) {
	.page-scholarship .sch-prompts__grid { grid-template-columns: 1fr; max-width: 640px; }
	.page-scholarship .sch-steps { grid-template-columns: 1fr 1fr; gap: 48px 40px; }
	.page-scholarship .sch-hero .sch-btn { margin-bottom: 70px; }
	.page-scholarship .sch-guide__inner { flex-direction: column; }
	.page-scholarship .sch-guide__photo { flex-basis: auto; max-height: 480px; }
}

/* Phone */
@media (max-width: 767px) {
	.page-scholarship .sch-hero { padding: 270px 20px 56px; }
	.page-scholarship .sch-hero__art { top: 120px; width: 150%; }
	.page-scholarship .sch-hero .sch-btn { margin-bottom: 56px; padding: 20px 36px; }
	.page-scholarship .sch-h1 { margin-bottom: 28px; }
	.page-scholarship .sch-cloud { display: none; }
	.page-scholarship .sch-stakes, .page-scholarship .sch-winners, .page-scholarship .sch-guide, .page-scholarship .sch-apply, .page-scholarship .sch-details, .page-scholarship .sch-prompts { padding-top: 80px; }
	.page-scholarship .sch-value { margin-top: 80px; padding: 72px 20px 56px; }
	.page-scholarship .sch-cta { margin-top: 80px; padding: 72px 20px 80px; }
	.page-scholarship .sch-winners .sch-wrap, .page-scholarship .sch-apply .sch-wrap { padding: 0 20px; }
	.page-scholarship .sch-winners__list { gap: 36px 20px; margin-top: 40px; }
	.page-scholarship .sch-winner { width: calc(50% - 10px); }
	.page-scholarship .sch-value__list { grid-template-columns: 1fr; margin-top: 40px; }
	.page-scholarship .sch-value__list li + li { border-left: 0; border-top: 1px solid rgba(255, 255, 255, 0.35); }
	.page-scholarship .sch-value__list li { padding: 36px 0; gap: 24px; }
	.page-scholarship .sch-prompts__grid { margin-top: 40px; }
	.page-scholarship .sch-prompt { padding: 40px 22px 36px; }
	.page-scholarship .sch-guide__inner { flex-direction: column; }
	.page-scholarship .sch-guide__text { padding: 40px 24px; gap: 20px; }
	.page-scholarship .sch-guide__photo { flex-basis: auto; max-height: 420px; }
	.page-scholarship .sch-steps { grid-template-columns: 1fr; margin-top: 40px; gap: 40px; }
	.page-scholarship .sch-step__num { font-size: 80px; }
	.page-scholarship .sch-steps + .sch-apply__flag { margin-top: 48px; }
	.page-scholarship .sch-details__box { padding: 4px 22px; }
	.page-scholarship .sch-acc summary { padding: 24px 0; }
	.page-scholarship .sch-acc__body { font-size: 16px; }
	.page-scholarship .sch-sources { grid-template-columns: 1fr; gap: 24px; }
	.page-scholarship .sch-table th, .page-scholarship .sch-table td { padding: 10px 10px; }
}
@media (prefers-reduced-motion: reduce) {
	.page-scholarship .sch-btn, .page-scholarship .sch-acc summary::after { transition: none; }
}