/* Header */
 #aboutHome {
     margin-bottom:0;
}
/* Intro section */
 #introSection {
     text-align:center;
     background-color:var(--gfColors-slate15);
     padding:4rem 0;
     margin-top:0;
}
 #introSection :first-child, {
     margin-top:0;
}
 #introSection :last-child, {
     margin-bottom:0;
}
/* What we do */
 #whatWeDo {
     display:grid;
     grid-template-columns:1fr auto 1fr;
}
/*#whatWeDo::after*/
/*{
    */
    /* content:"";
    */
    /* grid-column:3;
    */
    /* background-color:var(--gfColors-gold);
    */
    /*
}
*/
 .whatWeDo {
     display:grid;
     grid-template-columns:1fr auto;
     gap:2rem;
     align-items:center;
     grid-column:2;
}
 .whatWeDo-content :first-child {
     margin-top:0;
}
 .whatWeDo-content :last-child {
     margin-bottom:0;
}
 @media(max-width:991.98px) {
     #whatWeDo {
         grid-template-columns:1fr auto 1fr;
    }
     #whatWeDo::after {
         content:none;
    }
     .whatWeDo {
         grid-template-columns:1fr;
    }
     .whatWeDo-image {
         grid-row:1;
    }
     .whatWeDo-content {
         grid-row:2;
    }
}
 @media(max-width:767.98px){
}
/* Quick Facts */
 .quickFacts-header {
     font-family:var(--gfVars-thirstyFont);
     display:grid;
     grid-template-columns:auto 1fr;
     gap:2rem;
     align-items:center;
     margin-top:0;
     margin-bottom:1em;
}
 .quickFacts-header::after {
     content:"";
     height:2px;
     background-color:var(--gfColors-gold);
}
 .quickFacts-factSheet {
     display:grid;
     grid-template-columns:1fr auto auto;
     grid-template-areas: "fact1 fact3 staff" "fact2 fact3 staff" "fact4 fact4 fact4";
     font-size:2.5rem;
     text-transform:uppercase;
     letter-spacing:0.01em;
}
 .quickFacts-factSheet > * {
     margin:0;
     padding:2rem;
     display:grid;
     align-content:center;
}
 .quickFacts-factSheet p {
     line-height:1.2;
}
 .quickFacts-factSheet-number {
     font-family:var(--gfVars-headerFont);
     letter-spacing:0;
     font-size:2em;
}
 .quickFacts-factSheet-fact1 {
     grid-area:fact1;
     text-align:left;
     background-color:var(--gfColors-slate15);
     color:var(--gfColors-slateText);
     grid-template-columns: auto auto;
     font-size: 2rem;
     align-items: center;
     gap: 0.5rem 0;
}
 .quickFacts-factSheet-fact1 img {
     width: clamp(100px, 18vw, 1000px);
     justify-self: end;
}
 @media(max-width:992.98px){
     .quickFacts-factSheet-fact1 img {
         width: clamp(200px, 56vw, 1030px);
    }
}
 .quickFacts-factSheet-fact1 .quickFacts-factSheet-text {
     max-width: 100%;
     height: auto;
     color: var(--gfColors-navy);
     font-size: clamp(0px, 2.2vw, 100vw);
     grid-column: 1/-1;
     letter-spacing: .05em;
     text-align: center;
}
 .quickFacts-factSheet-fact1 .quickFacts-factSheet-number {
     grid-column: 2;
     font-size: clamp(0rem, 7vw, 107px);
     font-weight: 500;
     align-self: end;
     margin-bottom: -1.3rem;
     padding-left: 1rem;
     display: block;
     text-align: left;
     height: auto;
}
 .quickFacts-factSheet-fact2 .quickFacts-factSheet-number {
     letter-spacing: .05em;
     margin-top: 0.25em;
     font-size: clamp(0px, 4.7vw, 500px);
}
 @media(max-width:980px) {
     .quickFacts-factSheet-fact1 .quickFacts-factSheet-number {
         font-size: clamp(0rem, 17vw, 114px);
    }
     .quickFacts-factSheet-fact1 .quickFacts-factSheet-text {
         font-size: clamp(16px, 4.5vw, 100vw);
    }
}
 .quickFacts-factSheet-fact2 {
     grid-area:fact2;
     text-align:left;
     background-color:var(--gfColors-gold);
     color:var(--gfColors-navy);
     display: grid;
     align-items: center;
     text-align: center;
     font-weight:500;
}
 .quickFacts-factSheet-fact2 .quickFacts-factSheet-text {
     font-family:var(--gfVars-headerFont);
}
 .quickFacts-factSheet-fact3 {
     grid-area:fact3;
     background-color:var(--gfColors-slate45);
     color:var(--gfColors-navy);
     max-width:10em;
}
 .quickFacts-factSheet-fact3 .quickFacts-factSheet-text strong {
     font-family:var(--gfVars-thirstyFont);
     font-size:1.5em;
     font-weight:normal;
     text-transform:none;
     display:block;
}
 .quickFacts-factSheet-fact3 .quickFacts-factSheet-number {
     position:relative;
}
 .quickFacts-factSheet-fact3 .quickFacts-factSheet-number::after {
     content:"";
     position:absolute;
     bottom:0;
     right:-4rem;
     width:8rem;
     height:3rem;
     background-image:url(/__template/t1/images/doodle-illustrations/arrow-white-curl.png);
     background-position:center;
     background-repeat:no-repeat;
     z-index: 20;
     background-size: contain;
}
 .quickFacts-factSheet-staff {
     grid-area:staff;
     padding:0;
     font-size:1rem;
     text-transform:none;
     letter-spacing:0;
     position:relative;
}
 @media(max-width:767.98px) {
     .quickFacts-factSheet-staff{
         height: 230px;
         overflow: hidden;
    }
}
 .quickFacts-factSheet-staff .quickFacts-factSheet-text {
     position:absolute;
     bottom:0;
     left:0;
     padding: 1rem;
     color:white;
     background-image:linear-gradient(to top, var(--gfColors-coolBlack), transparent);
}
 .quickFacts-factSheet-fact4 {
     grid-area:fact4;
     text-align:center;
     font-family:var(--gfVars-headerFont);
     background-color:var(--gfColors-navy);
     background-image:url(/__template/t1/images/navy-on-navy-tiles.jpg);
     color:white;
     grid-template-columns:1fr auto 24rem 1fr;
     gap:2rem;
     align-items:center;
     padding:6rem 0;
}
 @media (max-width: 1199px) {
     .quickFacts-factSheet-fact4 {
         grid-template-columns: 1fr auto 19rem 1fr;
    }
}
 .quickFacts-factSheet-fact4 .quickFacts-factSheet-number {
     color:var(--gfColors-gold);
     grid-column:2;
     font-size:3em;
}
 .quickFacts-factSheet-fact4 .quickFacts-factSheet-text {
     grid-column:3;
     text-align:left;
}
 @media(min-width:992px) and (max-width:1199.98px){
     .quickFacts-factSheet {
         font-size:2rem;
    }
}
 @media(max-width:991.98px){
     .quickFacts-factSheet-fact3 {
         max-width:100%;
         font-size: clamp(1rem, 5vw, 100px);
    }
}
 @media(max-width:991.98px){
     .quickFacts-factSheet {
         grid-template-columns:1fr 1rem 1rem 1fr;
         grid-template-areas: "fact2 fact2 fact2 fact2" "fact1 fact1 fact1 fact1" "fact3 fact3 staff staff" "fact4 fact4 fact4 fact4";
         font-size: 1.9rem;
    }
     .quickFacts-factSheet-fact1 {
         grid-template-columns: 2fr 1fr;
         font-size: 2rem;
         align-items: center;
         gap: 1rem 0;
    }
     .quickFacts-factSheet-fact2 {
         display: grid;
         font-size: 4rem;
         text-align: center;
         padding: 1.5rem 1.5rem 0.8rem;
         font-weight: 500;
    }
     .quickFacts-factSheet-fact2 .quickFacts-factSheet-number {
         font-size: clamp(0px, 11.7vw, 500px);
         font-weight: 500;
         padding: 1rem;
         margin-top:0;
    }
     .quickFacts-factSheet-fact3 .quickFacts-factSheet-number {
         font-size: clamp(1rem, 5vw, 100px);
    }
     .quickFacts-factSheet-fact3 .quickFacts-factSheet-number::after {
         width:6rem;
    }
     .quickFacts-factSheet-staff .quickFacts-factSheet-text {
         font-size: 0.8rem;
         width: 100%;
    }
     .quickFacts-factSheet-fact4 {
         font-size:1.5rem;
         padding:2rem 0;
         grid-template-columns: 1fr;
         grid-template-rows: auto auto;
         justify-items: center;
         gap: 0;
    }
     .quickFacts-factSheet-fact4 .quickFacts-factSheet-number {
         grid-column: 1;
    }
     .quickFacts-factSheet-fact4 .quickFacts-factSheet-text{
         grid-column: 1;
         text-align: center;
    }
}
 @media(min-width:768px) and (max-width:991.98px) {
     .quickFacts-factSheet {
         grid-template-columns: 1fr 1rem 1rem 1fr;
         grid-template-areas: "fact2 fact2 fact2 fact2" "fact1 fact1 fact1 fact1" "fact3 fact3 staff staff" "fact4 fact4 fact4 fact4";
    }
}
/* Quick Facts Link */
 #quickFactsLink {
     display:grid;
     grid-template-columns:auto 1fr;
     gap:2rem;
     align-items: center;
}
 #quickFactsLink div {
     margin-top: 3rem;
}
 @media(max-width:980px){
     #quickFactsLink {
         grid-template-columns:1fr;
         justify-items: center;
         text-align: center;
         padding: 0 2rem;
    }
     #quickFactsLink div {
         margin-top: 0rem;
    }
     #quickFactsLink img {
         margin-left: -2rem;
         padding: 0 2rem;
    }
}
 #quickFactsLink p span {
     font-size:2em;
     line-height:0.8;
     color:var(--gfColors-slate100);
     font-family:var(--gfVars-headerFont);
}
 .quickFactsLink-link {
     text-transform:uppercase;
     letter-spacing:0.01em;
}
 .sideBySide--navy .sideBySide-content {
     padding-right: 2rem;
     border-right-width: 0;
     border-image-source: var(--gfColors-navy);
     align-content: center;
}

 .national-rankings-heading {
     text-transform: uppercase;
     margin-bottom: 1.5rem;
     margin-top: 0;
     letter-spacing: 0.1em;
     line-height: 1.3;
}
 @media (max-width: 767px) {
     .national-rankings-heading.u-lineHeaderBoth::after {
         display: none;
    }
}
 .u-navyBackground .nationalRankings-rankTitle {
     text-transform: uppercase;
     margin-block: 4.5px;
     margin-top: 0;
}
 .nationalRankings-holder.u-navyBackground p {
     margin-block: 0;
}
 .nationalRankings-holder.u-navyBackground .u-grid2Columns {
     grid-template-columns: 75px 1fr;
     align-items: center;
}
 @media (max-width: 767px) {
     .nationalRankings-holder.u-navyBackground .u-grid2Columns {
         grid-template-columns: 1fr;
         justify-items: center;
         text-align: center;
         padding: 1rem;
         background-color: var(--gfColors-navyAccent);
         margin-bottom: 1rem;
         gap: 0;
    }
}
 .national-rankings-heading.u-lineHeaderBoth::before {
     background-color: var(--gfColors-slate100);
}
 .national-rankings-heading.u-lineHeaderBoth::after {
     background-color: var(--gfColors-slate100);
}
 .nationalRankings-holder hr {
     margin-bottom: 1rem;
     color: var(--gfColors-bodyText);
     border: 0;
     border-top: 2px var(--gfColors-bodyText) solid;
     opacity: 100;
}
 @media (max-width: 767px) {
     .nationalRankings-holder hr {
         display: none;
    }
}
/* @media(max-width:768.98px) {
    */
    /* #nationalRankings*/
    /* {
        */
        /* padding:0 2rem !important;
        */
        /* 
    }
    */
    /* .nationalRankings-holder .container div + div*/
    /* {
        */
        /* margin:1rem 0 0 0;
        */
        /* padding:1rem 0 0 0;
        */
        /* border-left:none;
        */
        /* border-top:1px solid var(--gfColors-slateText);
        */
        /* 
    }
    */
    /* 
}
*/
/* About Nav Links */
 #aboutNavLinks {
     display:grid;
     grid-template-columns:repeat(6, auto);
     grid-template-areas: ". . location . president ." "leftCircle historyImage locationImage accreditationImage presidentImage rightCircle" ". history . accreditation . .";
     justify-content:space-between;
     justify-items:center;
     row-gap:4rem;
     align-items:start;
     text-align:center;
}
 #aboutNavLinks::before, #aboutNavLinks::after {
     content:"";
     width:5em;
     height:10em;
}
 #aboutNavLinks::before {
     background-color:var(--gfColors-gold);
     -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 600'%3E%3Ccircle cx='0' cy='300' r='300' fill='%23fdb814'%3E%3C/circle%3E%3C/svg%3E");
     mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 600'%3E%3Ccircle cx='0' cy='300' r='300' fill='%23fdb814'%3E%3C/circle%3E%3C/svg%3E");
     grid-area:leftCircle;
}
 #aboutNavLinks::after {
     background-color:var(--gfColors-slate100);
     -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 600'%3E%3Ccircle cx='300' cy='300' r='300' fill='%23fdb814'%3E%3C/circle%3E%3C/svg%3E");
     mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 600'%3E%3Ccircle cx='300' cy='300' r='300' fill='%23fdb814'%3E%3C/circle%3E%3C/svg%3E");
     grid-area:rightCircle;
}
 #aboutNavLinks > * {
     max-width:10em;
     display:grid;
}
 .aboutNavLinks-historyImage, .aboutNavLinks-locationImage, .aboutNavLinks-accreditationImage, .aboutNavLinks-presidentImage {
     box-shadow:none;
     border-radius:50%;
     border:1px solid white;
}
 .aboutNavLinks-historyImage:hover, .aboutNavLinks-locationImage:hover, .aboutNavLinks-accreditationImage:hover, .aboutNavLinks-presidentImage:hover {
     border:1px solid var(--gfColors-gold);
}
 .aboutNavLinks-historyImage, .aboutNavLinks-accreditationImage, #aboutNavLinks::after {
     margin-top:4rem;
}
 .aboutNavLinks-history {
     grid-area:history;
}
 .aboutNavLinks-historyImage {
     grid-area:historyImage;
}
 .aboutNavLinks-accreditation {
     grid-area:accreditation;
}
 .aboutNavLinks-accreditationImage {
     grid-area:accreditationImage;
}
 .aboutNavLinks-location {
     grid-area:location;
     align-self:end;
}
 .aboutNavLinks-locationImage {
     grid-area:locationImage;
}
 .aboutNavLinks-president {
     grid-area:president;
     align-self:end;
}
 .aboutNavLinks-presidentImage {
     grid-area:presidentImage;
}
 .aboutNavLinks-image {
     position:relative;
}
 .aboutNavLinks-image::after {
     content:"";
     height:6rem;
     width:2px;
     background-color:var(--gfColors-gold);
     position:absolute;
     left:50%;
     top:-3rem;
}
 .aboutNavLinks-historyImage::after, .aboutNavLinks-accreditationImage::after {
     top:auto;
     bottom:-3rem;
}
 .aboutNavLinks-text {
     font-size:1.25rem;
     text-transform:uppercase;
     letter-spacing:0.01em;
     line-height:1.2;
     font-family:var(--gfVars-headerFont);
     gap: 0.3rem;
     justify-items:center;
}
 .aboutNavLinks-text span {
     font-size:2em;
     text-transform:none;
     font-family:var(--gfVars-thirstyFont);
     color:var(--gfColors-navy);
}
 .aboutNavLinks-text a {
     line-height:1.2;
     box-shadow: none !important;
}
 .aboutNavLinks-text em {
     font-family:var(--gfVars-bodyFont);
     font-size:0.75em;
}
 @media(max-width:991.98px){
     #aboutNavLinks {
         grid-template-columns:auto auto;
         grid-template-areas: "historyImage history" "location locationImage" "accreditationImage accreditation" "president presidentImage";
         row-gap:2rem;
         column-gap:1rem;
         justify-content:center;
         align-items:center;
    }
     #aboutNavLinks::before, #aboutNavLinks::after, .aboutNavLinks-image::after {
         content:none;
    }
     .aboutNavLinks-location, .aboutNavLinks-president {
         align-self:center;
    }
     .aboutNavLinks-historyImage, .aboutNavLinks-accreditationImage {
         margin-top:0;
    }
     .aboutNavLinks-text {
         font-size:0.9rem;
    }
     .aboutNavLinks-text span {
         font-size:1.5em;
    }
}
 .bg-circle {
     position:relative;
}
 .bg-circle::before {
     content: "";
     height: 15rem;
     width: 15rem;
     display: block;
     background-color: var(--gfColors-slate15);
     border-radius: 50%;
     position: absolute;
     top: -5rem;
     left: -6rem;
     z-index: -1;
}
 @media(min-width:1024px) {
     #be-known {
         margin-bottom:10rem;
    }
     #be-known p {
         max-width:600px;
    }
}
 @media(min-width:767.98px) {
     #be-known .u-grid2Columns {
         grid-template-columns:auto 1fr;
    }
     #be-known img {
         transition:ease .75s;
    }
     #be-known img:hover {
         transform: rotate(2deg);
    }
}
/*MISSION*/
 #mission {
     background-image: url(/about/_assets-index/images/2404_commencement_3pm_gf15122.webp);
     background-size: cover;
     background-position-x: center;
     background-position-y: bottom;
     margin-bottom: 0;
     position: relative;
     background-repeat: no-repeat;
}
 @media (max-width: 575px) {
     #mission {
         background-size: 150%;
         background-position-y: bottom;
    }
}
 #mission::before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     height: 36px;
     width: 100%;
     background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
     margin-top: -0.1rem;
}
 @media (max-width: 575px) {
     #mission::before {
         height: 19rem;
         margin-top: 9rem;
    }
}
 #mission .container {
     width: 100%;
     height: max(100vh, 902px);
     justify-items: center;
     padding: 0;
}
 @media (max-width: 767px) {
     #mission .container {
         height: max(75vh, 807px);
    }
}
@media (max-width: 575px) {
     #mission .container {
         height: max(75vh, 700px);
    }
}
 #mission .card {
     padding: 3rem;
     width: auto;
     background-color: var(--gfColors-slate30);
     text-align: center;
     margin-top: 0;
}
 @media (max-width: 767px) {
     #mission .card {
         padding-inline: 1.5rem;
         padding-top: 2.5rem;
         padding-bottom: 2rem;
         margin-top: 4rem;
    }
}
 @media (max-width: 575px) {
     #mission .card {
         background-color: transparent;
         padding-top: 1rem;
         padding-bottom: 0rem;
    }
}
 #mission .card h2 {
     color: var(--gfColors-navy);
}
#mission .u-goldSparks::after {
    opacity: 0;
}
@media (max-width: 575px) {
        #mission .u-goldSparks::after {
        opacity: 100%;
        width: 40px;
        height: 40px;
        left: -1.5rem;
        top: -1rem;
}
}
 #mission .card p {
     color: var(--gfColors-bodyText);
}
 #mission .card .button {
     display: block;
}
 #mission .button--outline:hover {
     background-color: var(--gfColors-navy);
     border: 1.5px solid var(--gfColors-navy);
     color: var(--bs-white);
}
 @media (max-width: 575px) {
     #mission .card .button {
         background-color: var(--gfColors-navy);
         border: 1.5px solid var(--gfColors-navy);
         color: var(--bs-white);
    }
}