.institutional-hero { padding-block: clamp(4rem, 9vw, 8rem) 3rem; }.institutional-hero h1 { max-width: 13ch; }.content-grid { display: grid; gap: 1rem; }.content-panel { padding: clamp(1.4rem, 3vw, 2.3rem); border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--surface); }.content-panel h2, .content-panel h3 { font-family: var(--font-display); font-weight: 500; }.content-panel p, .content-panel li { color: var(--muted); }.content-panel ul { padding-left: 1.1rem; }.principle-grid, .team-grid, .plan-grid { display: grid; gap: 1rem; }.principle-card { padding: 1.4rem; border-top: 1px solid var(--gold); background: var(--surface); }.principle-card h3 { font-family: var(--font-display); font-size: 1.45rem; font-weight: 500; }.principle-card p { color: var(--muted); }.curriculum-list { display: grid; gap: .8rem; }.module { display: grid; grid-template-columns: auto 1fr; gap: 1rem; padding: 1.2rem; border: 1px solid var(--line); border-radius: var(--radius-sm); }.module__index { color: var(--gold); font-size: .75rem; font-weight: 800; letter-spacing: .1em; }.module h3 { margin: 0 0 .25rem; font-size: 1.2rem; }.module p { margin: 0; }.profile { padding: 1.7rem; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--surface); }.profile__initial { display: grid; width: 4rem; aspect-ratio: 1; place-items: center; border: 1px solid var(--gold); border-radius: 50%; color: var(--gold); font-family: var(--font-display); font-size: 1.8rem; }.profile h2 { margin: 1.4rem 0 .25rem; font-size: 2rem; }.profile p { color: var(--muted); }.plan { position: relative; display: flex; min-height: 26rem; flex-direction: column; padding: 1.7rem; border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--surface); }.plan--featured { border-color: var(--gold); box-shadow: 0 18px 50px color-mix(in srgb, var(--gold) 10%, transparent); }.plan__tag { position: absolute; right: 1rem; top: 1rem; color: var(--gold); font-size: .68rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }.plan h2 { margin: 1.4rem 0 .3rem; font-size: 2rem; }.plan__price { margin: 1.4rem 0; font-family: var(--font-display); font-size: 2.3rem; }.plan ul { margin-bottom: 1.8rem; padding-left: 1.1rem; color: var(--muted); }.plan .button { margin-top: auto; }
@media (min-width: 44rem) { .principle-grid, .team-grid, .plan-grid { grid-template-columns: repeat(3, 1fr); }.content-grid--two { grid-template-columns: 1fr 1fr; } }