/** Presentation for the editable HYDA NSSN public overview page. */

.hyda-nssn-public { --hyda-nssn-navy: #001a4d; --hyda-nssn-deep: #000b31; --hyda-nssn-gold: #f3a716; --hyda-nssn-ink: #07183f; --hyda-nssn-mist: #f5f8fd; background: #fff; color: var(--hyda-nssn-ink); overflow: clip; }
.hyda-nssn-public :where(h1,h2,h3,p) { margin-top: 0; }
.hyda-nssn-public h1,.hyda-nssn-public h2,.hyda-nssn-public h3 { color: inherit; }
.hyda-nssn-public__hero { align-items: stretch; background: linear-gradient(118deg, var(--hyda-nssn-deep) 0%, var(--hyda-nssn-navy) 67%, #07316e 100%); display: grid; grid-template-columns: minmax(0,1.06fr) minmax(21rem,.94fr); min-height: 36rem; }
.hyda-nssn-public__hero-copy { color: #fff; display: flex; flex-direction: column; justify-content: center; padding: clamp(3.75rem,8vw,7rem) clamp(1.5rem,7vw,8rem); }
.hyda-nssn-public__eyebrow { color: currentColor; font-size: .78rem; font-weight: 900; letter-spacing: .12em; margin-bottom: 1rem; text-transform: uppercase; }
.hyda-nssn-public__eyebrow--gold { color: var(--hyda-nssn-gold); }
.hyda-nssn-public__hero h1 { font-size: clamp(3.2rem,6.2vw,6.3rem); letter-spacing: -.06em; line-height: .9; margin-bottom: .85rem; }
.hyda-nssn-public__full-name { color: var(--hyda-nssn-gold); font-size: clamp(1.05rem,2vw,1.45rem); font-weight: 800; letter-spacing: .04em; max-width: 34rem; text-transform: uppercase; }
.hyda-nssn-public__lead { font-size: clamp(1.05rem,1.7vw,1.3rem); line-height: 1.65; margin: 1.4rem 0 2rem; max-width: 38rem; }
.hyda-nssn-public__actions { align-items: center; display: flex; flex-wrap: wrap; gap: 1rem 1.5rem; }
.hyda-nssn-public__button { align-items: center; background: var(--hyda-nssn-gold); border: 2px solid var(--hyda-nssn-gold); border-radius: .55rem; box-shadow: 0 12px 24px rgba(0,0,0,.18); color: var(--hyda-nssn-deep); display: inline-flex; font-weight: 900; gap: 1.1rem; justify-content: center; min-height: 3.3rem; padding: .72rem 1.25rem; text-decoration: none; transition: transform .18s ease, background-color .18s ease; }
.hyda-nssn-public__button span,.hyda-nssn-public__text-link span,.hyda-nssn-public__pathway a span { font-size: 1.35em; line-height: 1; }
.hyda-nssn-public__button:hover,.hyda-nssn-public__button:focus-visible { background: #ffc043; border-color: #ffc043; transform: translateY(-2px); }
.hyda-nssn-public__text-link { color: #fff; font-weight: 800; text-decoration-color: var(--hyda-nssn-gold); text-decoration-thickness: 2px; text-underline-offset: .35rem; }
.hyda-nssn-public__hero-visual { align-items: center; background: url('../images/hyda-home-hero-students.png') center/cover; display: flex; flex-direction: column; justify-content: center; min-height: 24rem; padding: clamp(2rem,5vw,5rem); position: relative; }
.hyda-nssn-public__hero-visual::before { background: linear-gradient(135deg,rgba(0,11,49,.18),rgba(0,11,49,.65)); content: ''; inset: 0; position: absolute; }
.hyda-nssn-public__logo-card,.hyda-nssn-public__hero-note { position: relative; z-index: 1; }
.hyda-nssn-public__logo-card { background: rgba(255,255,255,.96); border: 1px solid rgba(243,167,22,.62); border-radius: 1rem; box-shadow: 0 20px 40px rgba(0,9,40,.35); max-width: 29rem; padding: clamp(1rem,3vw,2rem); }
.hyda-nssn-public__logo-card img { display: block; height: auto; width: 100%; }
.hyda-nssn-public__hero-note { color: #fff; font-size: .76rem; font-weight: 900; letter-spacing: .13em; margin: 1.5rem 0 0; text-align: center; text-transform: uppercase; }
.hyda-nssn-public__hero-note span { color: var(--hyda-nssn-gold); padding: 0 .45rem; }
.hyda-nssn-public__intro,.hyda-nssn-public__pillars,.hyda-nssn-public__access,.hyda-nssn-public__pathways { margin-inline: auto; max-width: 78rem; padding-left: clamp(1.25rem,5vw,3rem); padding-right: clamp(1.25rem,5vw,3rem); }
.hyda-nssn-public__intro { display: grid; gap: clamp(2rem,8vw,9rem); grid-template-columns: minmax(0,.9fr) minmax(0,1fr); padding-bottom: clamp(4rem,9vw,7.5rem); padding-top: clamp(4rem,9vw,7.5rem); }
.hyda-nssn-public__intro h2,.hyda-nssn-public__section-heading h2,.hyda-nssn-public__access h2 { font-size: clamp(2.25rem,4vw,4rem); line-height: 1; max-width: 17ch; }
.hyda-nssn-public__intro > div:last-child { font-size: 1.08rem; line-height: 1.78; }
.hyda-nssn-public__intro > div:last-child p + p { margin-bottom: 0; }
.hyda-nssn-public__pillars { background: var(--hyda-nssn-mist); border-radius: 1.25rem; margin-bottom: clamp(4rem,8vw,7rem); padding-bottom: clamp(2.5rem,5vw,4.25rem); padding-top: clamp(3rem,6vw,5rem); }
.hyda-nssn-public__section-heading { margin-bottom: clamp(2rem,4vw,3.5rem); }
.hyda-nssn-public__pillar-grid { display: grid; gap: 1rem; grid-template-columns: repeat(4,minmax(0,1fr)); }
.hyda-nssn-public__pillar { background: #fff; border: 1px solid #e0e6f1; border-radius: 1rem; padding: clamp(1.4rem,2.5vw,2rem); }
.hyda-nssn-public__pillar .dashicons,.hyda-nssn-public__pathway .dashicons { align-items: center; background: var(--hyda-nssn-navy); border-radius: 50%; color: var(--hyda-nssn-gold); display: inline-flex; font-size: 1.75rem; height: 3.8rem; justify-content: center; margin-bottom: 1.5rem; width: 3.8rem; }
.hyda-nssn-public__pillar h3 { font-size: 1.18rem; margin-bottom: .8rem; }
.hyda-nssn-public__pillar p { font-size: .95rem; line-height: 1.62; margin-bottom: 0; }
.hyda-nssn-public__access { align-items: stretch; background: var(--hyda-nssn-navy); color: #fff; display: grid; gap: clamp(2rem,6vw,5rem); grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); margin-bottom: clamp(4rem,8vw,7rem); max-width: none; padding-bottom: clamp(3rem,6vw,5rem); padding-top: clamp(3rem,6vw,5rem); }
.hyda-nssn-public__access-copy { max-width: 38rem; }
.hyda-nssn-public__access-copy > p:not(.hyda-nssn-public__eyebrow) { line-height: 1.72; margin-bottom: 1.8rem; }
.hyda-nssn-public__steps { counter-reset: nssn; display: grid; gap: 0; list-style: none; margin: 0; padding: 0; }
.hyda-nssn-public__steps li { align-items: flex-start; border-bottom: 1px solid rgba(255,255,255,.2); display: grid; gap: 1.1rem; grid-template-columns: auto 1fr; padding: 1.25rem 0; }
.hyda-nssn-public__steps li:first-child { padding-top: 0; }
.hyda-nssn-public__steps li:last-child { border-bottom: 0; padding-bottom: 0; }
.hyda-nssn-public__steps span { align-items: center; background: var(--hyda-nssn-gold); border-radius: 50%; color: var(--hyda-nssn-deep); display: flex; font-size: .8rem; font-weight: 900; height: 2.55rem; justify-content: center; width: 2.55rem; }
.hyda-nssn-public__steps h3 { font-size: 1.1rem; margin: .35rem 0 .5rem; }
.hyda-nssn-public__steps p { line-height: 1.55; margin-bottom: 0; }
.hyda-nssn-public__pathways { padding-bottom: clamp(4rem,8vw,7rem); }
.hyda-nssn-public__section-heading--center { margin-inline: auto; text-align: center; }
.hyda-nssn-public__section-heading--center h2 { margin-inline: auto; }
.hyda-nssn-public__pathway-grid { display: grid; gap: 1.25rem; grid-template-columns: repeat(3,minmax(0,1fr)); }
.hyda-nssn-public__pathway { border: 1px solid #dfe5f0; border-radius: 1rem; display: grid; grid-template-rows: auto auto auto minmax(0,1fr) auto; padding: clamp(1.5rem,3vw,2.5rem); }
.hyda-nssn-public__pathway .dashicons { background: #f6f8fc; color: var(--hyda-nssn-gold); }
.hyda-nssn-public__pathway-label { color: var(--hyda-nssn-gold); font-size: .75rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.hyda-nssn-public__pathway h3 { font-size: 1.5rem; margin-bottom: .8rem; }
.hyda-nssn-public__pathway p:not(.hyda-nssn-public__pathway-label) { line-height: 1.65; }
.hyda-nssn-public__pathway a { align-items: center; align-self: end; color: var(--hyda-nssn-navy); display: inline-flex; font-weight: 900; gap: .45rem; margin-top: 1rem; padding-bottom: .45rem; position: relative; text-decoration: none; white-space: nowrap; width: max-content; }
.hyda-nssn-public__pathway a::after { background: var(--hyda-nssn-gold); bottom: 0; content: ''; height: 2px; left: 0; position: absolute; right: 0; }
.hyda-nssn-public__cta { align-items: center; background: linear-gradient(105deg,#f1a514,#ffc455); color: var(--hyda-nssn-deep); display: grid; gap: 1.5rem; grid-template-columns: auto minmax(0,1fr) auto; margin-inline: auto; max-width: 78rem; padding: clamp(2rem,4vw,3.5rem) clamp(1.25rem,5vw,3rem); }
.hyda-nssn-public__cta > .dashicons { color: rgba(0,11,49,.82); font-size: clamp(3.25rem,6vw,5.5rem); height: auto; width: auto; }
.hyda-nssn-public__cta h2 { color: var(--hyda-nssn-deep); font-size: clamp(1.65rem,3vw,2.7rem); margin-bottom: .65rem; }
.hyda-nssn-public__cta p:not(.hyda-nssn-public__eyebrow) { margin-bottom: 0; }
.hyda-nssn-public__cta .hyda-nssn-public__button { background: var(--hyda-nssn-deep); border-color: var(--hyda-nssn-deep); color: #fff; }
.hyda-nssn-public__cta .hyda-nssn-public__button:hover,.hyda-nssn-public__cta .hyda-nssn-public__button:focus-visible { background: var(--hyda-nssn-navy); border-color: var(--hyda-nssn-navy); }
@media (max-width: 960px) { .hyda-nssn-public__hero,.hyda-nssn-public__access { grid-template-columns: 1fr; } .hyda-nssn-public__hero-visual { min-height: 22rem; } .hyda-nssn-public__pillar-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 720px) { .hyda-nssn-public__intro,.hyda-nssn-public__pathway-grid,.hyda-nssn-public__cta { grid-template-columns: 1fr; } .hyda-nssn-public__cta > .dashicons { display: none; } .hyda-nssn-public__cta .hyda-nssn-public__button { width: 100%; } }
@media (max-width: 500px) { .hyda-nssn-public__hero-copy { padding-bottom: 3.5rem; padding-top: 3.5rem; } .hyda-nssn-public__pillar-grid { grid-template-columns: 1fr; } .hyda-nssn-public__actions,.hyda-nssn-public__actions a { width: 100%; } .hyda-nssn-public__hero-visual { min-height: 18rem; } }