.audience-main { background: #fff; }
.aud-hero { min-height: 840px; padding: 178px 0 70px; overflow: hidden; }
.aud-hero--school { background: #edf2f5; color: #172745; }
.aud-hero--university { background: #f1eaf1; color: #321c32; }
.aud-hero-grid { display: grid; grid-template-columns: 51% 49%; align-items: center; gap: 20px; }
.aud-hero-copy { position: relative; z-index: 2; padding: 0 40px 0 0; }
.aud-hero .ip-crumb { margin-bottom: 48px; }
.aud-eyebrow { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 20px; font-size: .72rem; font-weight: 800; letter-spacing: .18em; }
.aud-eyebrow i { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.aud-hero--school .aud-eyebrow { color: #2d5bc0; }
.aud-hero--university .aud-eyebrow { color: #a34367; }
.aud-hero h1 { max-width: 860px; margin: 0; font-size: clamp(4.7rem, 6.7vw, 8.1rem); font-weight: 700; letter-spacing: -.079em; line-height: .99; }
.aud-hero--school h1 em { color: #315ed2; font-style: normal; }
.aud-hero--university h1 em { color: #a14468; font-style: normal; }
.aud-hero--university h1 { font-size: clamp(4.1rem, 5.2vw, 6.7rem); }
.aud-hero-copy > p { max-width: 580px; margin: 30px 0; font-size: clamp(1.08rem, 1.3vw, 1.25rem); line-height: 1.6; color: #566276; }
.aud-hero--university .aud-hero-copy > p { color: #6b596a; }
.aud-hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 25px; }
.aud-quiet-link { color: inherit; font-size: .84rem; font-weight: 800; text-decoration: underline; text-underline-offset: 5px; }
.aud-hero-foot { display: flex; align-items: center; gap: 12px; margin-top: 76px; font-size: .65rem; font-weight: 800; letter-spacing: .13em; }
.aud-hero-foot b { font-size: 1rem; font-weight: 400; }
.aud-portrait { position: relative; height: 610px; margin: 35px 18px 0 0; background: #d5dce2; }
.aud-portrait::after { content: ''; position: absolute; z-index: 0; inset: 22px -20px -20px 22px; border: 2px solid currentColor; opacity: .4; }
.aud-portrait img { position: relative; z-index: 1; width: 100%; height: 100%; object-fit: cover; }
.aud-portrait--school, .aud-portrait--school img { border-radius: 44% 4px 4px 4px; }
.aud-portrait--school { color: #315ed2; }
.aud-portrait--school img { object-position: 50% center; }
.aud-portrait--university, .aud-portrait--university img { border-radius: 5px 5px 46% 5px; }
.aud-portrait--university { color: #a14468; }
.aud-portrait--university img { object-position: 50% center; }
.aud-image-note { position: absolute; z-index: 2; right: -24px; bottom: 24px; display: grid; gap: 7px; width: 310px; padding: 25px 27px; background: #fff; color: #172745; border: 1px solid currentColor; box-shadow: 8px 8px 0 currentColor; }
.aud-hero--university .aud-image-note { right: auto; left: -30px; color: #321c32; }
.aud-image-note small { color: #6e7481; font-size: .6rem; font-weight: 800; letter-spacing: .15em; }
.aud-image-note strong { font-size: 1.4rem; line-height: 1.15; letter-spacing: -.04em; }
.aud-image-note span { color: #677181; font-size: .75rem; }
.aud-statement { padding: 90px 0 100px; }
.aud-statement--school { background: #183a67; color: #fff; }
.aud-statement--university { background: #40273f; color: #fff; }
.aud-statement span { display: block; margin-bottom: 20px; color: #c4e8f2; font-size: .68rem; font-weight: 800; letter-spacing: .17em; }
.aud-statement--university span { color: #f0b3c9; }
.aud-statement p { max-width: 1200px; margin: 0; font-size: clamp(2.9rem, 5.25vw, 6rem); font-weight: 700; letter-spacing: -.07em; line-height: 1.08; }
.aud-statement em { font-style: normal; color: #b7d2ff; }
.aud-statement--university em { color: #f2acc4; }
.aud-process { padding: 120px 0 125px; }
.aud-process--school { background: #fffefb; }
.aud-process--university { background: #fffaf7; }
.aud-section-head { display: grid; grid-template-columns: 1fr 1fr; gap: 15px 70px; align-items: end; margin-bottom: 55px; }
.aud-section-head .section-label { grid-column: 1 / -1; color: #315ed2; }
.aud-process--university .aud-section-head .section-label, .aud-principles--university .aud-section-head .section-label { color: #a14468; }
.aud-section-head h2 { margin: 0; font-size: clamp(3.5rem, 5.2vw, 6.5rem); letter-spacing: -.07em; line-height: 1.04; }
.aud-section-head p { max-width: 480px; margin: 0 0 8px; color: #596477; font-size: 1.05rem; line-height: 1.65; }
.aud-process-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 2px solid #1f2b3d; border-bottom: 2px solid #1f2b3d; }
.aud-process-grid--four { grid-template-columns: repeat(4, 1fr); }
.aud-process-grid article { position: relative; min-height: 345px; padding: 28px 28px 30px; border-right: 1px solid #aeb9c5; }
.aud-process-grid article:last-child { border: 0; }
.aud-process-grid article > b { font-size: .72rem; letter-spacing: .1em; }
.aud-process-icon { display: grid; place-items: center; width: 72px; height: 72px; margin: 35px 0 28px; border: 1px solid currentColor; border-radius: 50%; color: #315ed2; font-size: 2.1rem; }
.aud-process--university .aud-process-icon { color: #a14468; }
.aud-process-grid h3 { margin: 0 0 12px; font-size: 1.7rem; letter-spacing: -.05em; }
.aud-process-grid p { max-width: 320px; margin: 0; color: #5d6979; font-size: .92rem; line-height: 1.6; }
.aud-process-grid article > span { position: absolute; bottom: 25px; left: 28px; font-size: .59rem; font-weight: 800; letter-spacing: .13em; color: #315ed2; }
.aud-process--university .aud-process-grid article > span { color: #a14468; }
.aud-showcase { padding: 120px 0; }
.aud-showcase--school { background: #dce9f6; }
.aud-showcase--university { background: #e7dbe7; }
.aud-showcase-grid { display: grid; grid-template-columns: 41% 59%; align-items: center; gap: 55px; }
.aud-showcase-copy .section-label { color: #315ed2; }
.aud-showcase--university .aud-showcase-copy .section-label { color: #a14468; }
.aud-showcase h2 { margin: 20px 0 22px; font-size: clamp(3.4rem, 4.5vw, 5.6rem); letter-spacing: -.07em; line-height: 1.03; }
.aud-showcase h2 em { color: #315ed2; font-style: normal; }
.aud-showcase--university h2 em { color: #a14468; }
.aud-showcase-copy > p { max-width: 470px; color: #4c596c; font-size: 1.05rem; line-height: 1.65; }
.aud-showcase-copy ul { display: grid; gap: 11px; margin: 30px 0 0; padding-left: 22px; font-size: .9rem; }
.aud-inline-link { display: inline-block; margin-top: 27px; color: #692c53; font-weight: 800; text-decoration: underline; text-underline-offset: 5px; }
.aud-screen { position: relative; overflow: hidden; min-height: 560px; border: 1px solid #263957; border-radius: 16px; background: #fff; box-shadow: 20px 22px 0 #a7c5e4, 0 30px 60px rgba(20,40,80,.1); transform: rotate(1.3deg); }
.aud-showcase--university .aud-screen { box-shadow: 20px 22px 0 #c5a4c3, 0 30px 60px rgba(50,20,50,.13); transform: rotate(-1.3deg); }
.aud-screen-top { display: flex; justify-content: space-between; align-items: center; padding: 19px 25px; border-bottom: 1px solid #e0e6ef; }
.aud-screen-top span { display: flex; align-items: center; gap: 7px; font-size: .87rem; font-weight: 800; }
.aud-screen-top img { width: 20px; height: 20px; }
.aud-screen-top small { font-size: .57rem; font-weight: 800; letter-spacing: .1em; color: #7d879a; }
.aud-screen-body { padding: 32px 38px; }
.aud-screen-kicker { color: #667c9d; font-size: .62rem; font-weight: 800; letter-spacing: .14em; }
.aud-screen-title { display: flex; justify-content: space-between; gap: 12px; align-items: center; margin-top: 10px; }
.aud-screen-title strong { font-size: 2rem; letter-spacing: -.06em; }
.aud-screen-title span { flex: none; padding: 8px 11px; border-radius: 99px; background: #e5eeff; color: #315ed2; font-size: .65rem; font-weight: 800; }
.aud-showcase--university .aud-screen-title span { background: #f8e7f0; color: #a14468; }
.aud-screen-body > p { margin: 5px 0 25px; color: #727e91; font-size: .85rem; }
.aud-screen-steps { border-top: 1px solid #dfe5ee; }
.aud-screen-steps > div { display: flex; align-items: center; gap: 15px; padding: 20px 0; border-bottom: 1px solid #e1e6ed; }
.aud-screen-steps i { display: grid; place-items: center; width: 26px; height: 26px; border: 1px solid #bac5d5; border-radius: 50%; color: #315ed2; font-size: .7rem; font-style: normal; }
.aud-screen-steps span { flex: 1; font-size: .88rem; font-weight: 700; }
.aud-screen-steps small { color: #758295; font-size: .68rem; }
.aud-screen-steps .current { color: #315ed2; }
.aud-screen-steps .current i { color: #fff; background: #315ed2; border-color: #315ed2; }
.aud-screen-bottom { display: flex; justify-content: space-between; gap: 15px; align-items: center; padding-top: 22px; font-size: .72rem; }
.aud-screen-bottom span { color: #5b6b82; }
.aud-screen-bottom b { color: #315ed2; }
.aud-showcase--university .aud-screen-bottom b { color: #a14468; }
.aud-record-card { display: grid; justify-items: center; gap: 12px; width: 74%; min-height: 275px; margin: 15px auto 5px; padding: 28px; border: 1px solid #d7c7b6; background: #fdfaf4; text-align: center; box-shadow: 7px 9px 0 #f2e9e0; }
.aud-record-card small { color: #67728b; font-size: .59rem; font-weight: 800; letter-spacing: .2em; }
.aud-record-card i { color: #ae6e91; font-size: 1.8rem; font-style: normal; }
.aud-record-card strong { font-size: 1.45rem; letter-spacing: -.04em; }
.aud-record-card span { font-size: .85rem; }
.aud-record-card em { align-self: end; color: #7e6e74; font-size: .6rem; font-style: normal; font-weight: 800; letter-spacing: .12em; }
.aud-principles { padding: 120px 0; }
.aud-principles--school { background: #f6f7f4; }
.aud-principles--university { background: #f8f4f7; }
.aud-principle-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.aud-principle-grid article { min-height: 260px; padding: 30px; border: 1px solid #b9c7d5; background: #fff; }
.aud-principles--university .aud-principle-grid article { border-color: #d8c4d5; }
.aud-principle-grid span { color: #315ed2; font-size: .65rem; font-weight: 800; letter-spacing: .13em; }
.aud-principles--university .aud-principle-grid span { color: #a14468; }
.aud-principle-grid h3 { margin: 40px 0 12px; font-size: 1.8rem; letter-spacing: -.05em; }
.aud-principle-grid p { max-width: 350px; margin: 0; color: #616c78; line-height: 1.55; font-size: .93rem; }
.aud-end { padding: 130px 0 145px; color: #fff; }
.aud-end--school { background: #315ed2; }
.aud-end--university { background: #a14468; }
.aud-end span { font-size: .68rem; font-weight: 800; letter-spacing: .17em; }
.aud-end h2 { max-width: 1000px; margin: 25px 0 35px; font-size: clamp(4rem, 7vw, 8.2rem); letter-spacing: -.07em; line-height: 1.01; }
.aud-end > div > div { display: flex; align-items: center; flex-wrap: wrap; gap: 25px; }
.aud-end .button-primary { background: #fff; color: #17345a; }
.aud-end a:not(.button) { color: #fff; font-size: .87rem; font-weight: 800; text-decoration: underline; text-underline-offset: 5px; }

@media (max-width: 1100px) {
  .aud-hero { min-height: 0; }
  .aud-hero h1 { font-size: clamp(4.1rem, 6.6vw, 6.4rem); }
  .aud-portrait { height: 530px; }
  .aud-showcase-grid { gap: 40px; }
  .aud-screen-body { padding: 28px; }
}
@media (max-width: 850px) {
  .aud-hero-grid, .aud-showcase-grid { grid-template-columns: 1fr; }
  .aud-hero-copy { padding-right: 0; }
  .aud-hero-foot { margin-top: 38px; }
  .aud-portrait { width: min(100% - 25px, 680px); height: 520px; margin: 30px 0 25px; }
  .aud-showcase-grid { gap: 35px; }
  .aud-screen { width: min(100% - 22px, 700px); }
  .aud-process-grid--four { grid-template-columns: repeat(2, 1fr); }
  .aud-process-grid--four article:nth-child(2) { border-right: 0; }
  .aud-process-grid--four article:nth-child(-n+2) { border-bottom: 1px solid #aeb9c5; }
  .aud-section-head { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
  .aud-hero { padding: 145px 0 60px; }
  .aud-hero .ip-crumb { margin-bottom: 31px; }
  .aud-hero h1 { font-size: clamp(3.7rem, 10.4vw, 5.2rem); }
  .aud-hero-copy > p { margin: 24px 0; }
  .aud-hero-actions { gap: 20px; }
  .aud-hero-foot { gap: 8px; font-size: .55rem; }
  .aud-portrait { height: 410px; }
  .aud-image-note { width: 230px; right: -10px; bottom: 15px; padding: 16px; box-shadow: 5px 5px 0 currentColor; }
  .aud-hero--university .aud-image-note { left: -5px; }
  .aud-image-note strong { font-size: 1.1rem; }
  .aud-statement, .aud-process, .aud-showcase, .aud-principles, .aud-end { padding: 75px 0; }
  .aud-statement p { font-size: clamp(2.9rem, 9vw, 4.3rem); }
  .aud-section-head h2 { font-size: clamp(3.2rem, 9vw, 4.6rem); }
  .aud-process-grid, .aud-process-grid--four, .aud-principle-grid { grid-template-columns: 1fr; }
  .aud-process-grid article, .aud-process-grid--four article:nth-child(2) { min-height: 255px; padding: 22px 5px; border: 0; border-bottom: 1px solid #aeb9c5; }
  .aud-process-grid article:last-child { border: 0; }
  .aud-process-icon { float: right; margin: 5px 10px; width: 55px; height: 55px; font-size: 1.6rem; }
  .aud-process-grid article > span { position: static; display: block; margin-top: 20px; }
  .aud-screen { min-height: 0; box-shadow: 10px 12px 0 #a7c5e4; }
  .aud-showcase--university .aud-screen { box-shadow: 10px 12px 0 #c5a4c3; }
  .aud-screen-body { padding: 23px; }
  .aud-screen-title strong { font-size: 1.35rem; }
  .aud-screen-title span { font-size: .57rem; }
  .aud-record-card { width: 94%; min-height: 230px; }
  .aud-principle-grid article { min-height: 190px; }
  .aud-principle-grid h3 { margin-top: 22px; }
  .aud-end h2 { font-size: clamp(3.8rem, 10vw, 5.5rem); }
}
