/* AIU public theme — header/CTA/footer, adapted from AICyberSecurityLaravel/public/css/style.css */
body { background-color: #f2e9e9 !important; font-family: -webkit-pictograph, Arial, sans-serif; overflow-x: hidden; }
a { text-decoration: none !important; }
img { max-width: 100%; }

.page_frame {
    max-width: 1221px;
    padding: 0;
    padding-bottom: 16px;
    z-index: auto;
    margin: 0 auto;
    position: relative;
    display: grid;
}

#nav_frame { position: relative; width: 100%; background-color: #f9f5f5; }

.logo-holder {
    -ms-transform: skewX(-9deg); -webkit-transform: skewX(-9deg); transform: skewX(-9deg);
    background: #fbfafa; display: inline-block; padding: 35px 45px 21px 130px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.5); box-shadow: 0 0 10px rgba(0,0,0,.5);
    float: left; position: absolute; left: -2021px; padding-left: 2000px; z-index: 111;
}
#logo {
    -ms-transform: skewX(9deg); -webkit-transform: skewX(9deg); transform: skewX(9deg);
    display: block; width: 324px; height: 128px;
    background: url("../images/aiu-logo-header.png") center no-repeat; background-size: contain;
}

#utility { background: #f2e9e9; position: absolute; right: 0; top: 0; padding-left: 40px; z-index: 106; }
.utility-nav { margin: 0; list-style-type: none; position: relative; }
.utility-nav > li { float: left; margin: 0; position: relative; }
.utility-nav a {
    text-transform: uppercase; color: #a9a190 !important; font-size: 12px; font-weight: 700;
    padding: 18px 8px 13px; letter-spacing: 2.2px; display: inline-block; text-decoration: none;
}
/* Only "Quick Links" (brownish) gets the olive-tan highlight on the real site — Careers is also
   has-submenu but plain, so the highlight must not key off has-submenu alone. */
.utility-nav > li.has-submenu.brownish { background-color: #9E9477; min-width: 172px; }
.utility-nav > li.has-submenu.brownish > a, .utility-nav > li.has-submenu.brownish:hover > a { color: #F6F5F2 !important; }
.utility-nav > li.has-submenu > a { padding-right: 20px; }
.utility-nav > li.has-submenu > a::after { content: ""; display: inline-block; width: 6px; height: 6px; margin-left: 8px; margin-bottom: 3px; vertical-align: middle; border-right: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: rotate(45deg); }
.utility-nav > li .submenu { top: 49px; left: 0; border-top: 3px solid #a9a190; background-color: #f2e9e9; padding: 0; right: 0; }
.utility-nav > li.brownish .submenu { border-top: none; background-color: #B0A584; }
.utility-nav > li:hover .submenu { display: block; }
.utility-nav > li.brownish .submenu li:hover { background-color: #9E9477; }
.utility-nav > li .submenu li { margin-bottom: 0; line-height: 1.5em; }
.utility-nav > li .submenu a { color: #696256 !important; display: block; padding: 8px 15px; white-space: nowrap; text-transform: none; letter-spacing: normal; font-size: 13px; }
.utility-nav > li.brownish .submenu a { color: #F6F4F6 !important; padding: 2.5px 15px; text-transform: uppercase; letter-spacing: 2.2px; font-size: 12px; }
/* Keep the search toggle out of the utility row's measured width. */
.utility-nav { padding-right: 44px; }
#utility .search-in-nav-toggle {
    position: absolute; top: 0; right: 0; width: 44px; height: 45px; z-index: 108;
    display: flex; align-items: center; justify-content: center;
    background-color: #cf983d; color: #fff !important; font-size: 13px;
}
#utility .search-in-nav__form { position: absolute; top: 100%; right: 0; max-height: 0; overflow: hidden; background: #f2e9e9; z-index: 107; transition: max-height .25s linear; }
#utility .search-in-nav__form.open { max-height: 40px; }
#utility .search-in-nav__form input { box-sizing: border-box; margin: 5px 15px; width: 220px; border: none; color: #a9a190; font-size: 12px; font-weight: 700; letter-spacing: 1px; background: transparent; padding: 8px 0; }

.submenu {
    position: absolute; z-index: 999; display: none; margin: 0; list-style-type: none;
    background-color: #fbfafa; padding: 5px 27px 0; top: 55px; left: 16px;
    border-top: 3px solid #cd9c48;
}

#nav { position: relative; float: right; margin-top: 92px; z-index: 105; }
#mobile_nav { display: none; }
ul.nav { z-index: 100; margin: 0; padding: 0; list-style: none; float: right; display: block; }
ul.nav li { float: left; line-height: 1em; margin-top: 0; margin-bottom: 0; }
ul.nav > li { padding: 0; position: relative; }
#nav li a {
    display: block; float: left; color: #696256 !important; padding: 19px 10px 28px;
    text-decoration: none; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px;
}
/* Keep all desktop links clear of the logo, including Admissions. */
#nav > ul.nav > li:last-child > a { padding-right: 0; }
#nav a:hover, #nav a.current { color: #751b1e !important; }
ul.nav > li:hover .submenu { display: block; }
#nav .submenu a {
    padding: 13px 0; padding-right: 44px; white-space: nowrap; letter-spacing: 0.7px;
    font-weight: 700; color: #696257; border-bottom: 1px solid #ececec; position: relative;
}
#nav .submenu a:hover { color: #741c21; }

.cta { background-color: #8f2327; color: #fbf4f4; padding: 20px; text-align: right; font-size: 15px; }
.outsideothelines { float: right; position: relative; margin-left: 24px; }
.cta .outsideothelines a { display: inline-block; color: #fdf8ed !important; padding-bottom: 5px; font-family: 'Komet', sans-serif; font-size: 23.57px; font-weight: 500; letter-spacing: 0; text-decoration: none; }
.cta .outsideothelines a::after {
    content: ""; display: inline-block; width: 5px; height: 10px; margin-left: 8px;
    vertical-align: middle; background: url(../images/angleright.png) center no-repeat; background-size: contain;
}
.cta .outsideothelines h3 { font-style: normal; transform: skewX(12deg); padding-left: 20px; }
.cta * { margin-bottom: 0; line-height: 1em; }
.cta a { position: relative; z-index: 11; padding-right: 30px; letter-spacing: 0.3px; color: #ead8b5 !important; text-transform: uppercase; }
.specialdiv {
    background: #751b1e; width: 600px; float: right; text-align: left; padding: 15px; top: -39px;
    position: absolute; right: -20px; -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg);
    transform: skewX(-12deg); overflow: hidden;
}
#top_foot { padding-top: 41px; background-color: #fcfbf9; padding-bottom: 30px; }
#top_foot a { color: #696256 !important; }
#top_foot .center { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1350px; padding-left: 20px; padding-right: 20px; }
.center { margin-right: auto; margin-left: auto; }
#top_foot .logo { display: inline-block; width: 245px; margin-left: 4.7%; margin-right: auto; }
/* The real site uses flexbox here, not float-based fixed percentages (68.5% for .big, 14.9% per
   .col plus a 1.518% gap x 7 columns) — that old math summed past 100% of .big's own width, which
   is why the last column ("Student Experience") had nowhere left to go. flex-grow lets the columns
   share whatever space the logo leaves them instead. */
#top_foot .big { display: flex; flex-wrap: wrap; width: 100%; margin-left: 4.4%; margin-top: 20px; position: relative; z-index: 11; }
#top_foot .utes { border-bottom: 1px solid #ebe9e4; width: 100%; }
#top_foot .col { color: #696256 !important; font-size: 14px; flex-grow: 1; margin-top: 14px; margin-right: 1.518%; }
#top_foot .col:last-child { margin-right: 0; }
#top_foot .col p { line-height: 25px; }
#top_foot .utes a {
    text-transform: uppercase; display: inline-block; font-size: 12px; color: #a9a190 !important;
    margin-right: 29px; margin-bottom: 11px; letter-spacing: 2px; font-weight: 700; margin-left: 1px;
}
#footer {
    background: #8f2327 !important; padding: 18px 0 12px; text-transform: uppercase; font-size: 14px;
    letter-spacing: 0.6px; text-align: center; color: #bd8e8e !important; position: relative;
}
#footer a { color: #ead8b5 !important; }
#footer .stamp { position: absolute; bottom: 0; right: 5%; max-width: 160px; }
.group:before, .group:after { content: ""; display: table; }
.clear { clear: both; }

/* mobile friendly */
@media only screen and (max-width: 670px) {
    .outsideothelines { float: none; text-align: center; margin: 20px 0 0; }
    #top_foot .col { width: 48% !important; }
    #top_foot .col:nth-child(2n+2) { clear: left; }
}
@media only screen and (max-width: 1099px) {
    #top_foot { text-align: center; }
    #top_foot .logo { display: block; margin: 0 auto; }
    #top_foot .big { width: 90%; margin-right: 5%; }
    #top_foot .utes a { margin-left: 10px; margin-right: 10px; }
    #top_foot .col { width: 31%; text-align: center; }
}
@media only screen and (max-width: 1199px) {
    #top_foot .col { display: inline-block; width: 30%; vertical-align: top; margin: 14px 1% !important; text-align: left; }
}

/* Switch to the compact header before the navigation rows reach the logo. */
@media only screen and (max-width: 1210px) {
    .cta { box-sizing: border-box; height: 75px; padding: 0; display: flex; align-items: center; justify-content: center; }
    .cta .outsideothelines { float: none; margin: 0; }
    .cta .specialdiv { position: static; float: none; background: none; width: auto; padding: 0; transform: none; overflow: visible; text-align: center; }
    .cta .outsideothelines h3 { margin: 0; padding: 0; transform: none; }
    .cta .outsideothelines a { padding: 0; font-size: 24px; line-height: 1.25; letter-spacing: 2px; }

    #nav_frame .page_frame.group {
        display: flex; align-items: center; justify-content: space-between;
        box-sizing: border-box; height: 91px; padding: 0 20px; gap: 12px;
    }
    /* Clearfix pseudo-elements must not become extra flex items. */
    #nav_frame .page_frame.group::before,
    #nav_frame .page_frame.group::after { display: none; }
    .logo-holder {
        position: absolute; top: 0; left: -20px; transform: skewX(-9deg);
        box-shadow: 0 0 10px rgba(0,0,0,.35); background: #fbfafa;
        float: none; z-index: 111; padding: 20px 32px 19px 26px; display: block;
    }
    #logo { transform: skewX(9deg); width: 170px; height: 67px; }

    #nav, #utility { display: none; }

    #mobile_nav { display: block; position: static; width: auto; height: auto; margin: 0 0 0 auto; flex: none; }
    #mobile_nav .header__nav-toggle {
        background-color: transparent; border: none; cursor: pointer; padding: 0;
        position: relative; z-index: 130; width: 40px; height: 44px;
        display: flex; align-items: center; justify-content: center;
    }
    #mobile_nav .header__nav-toggle .nav-toggle-bars {
        display: flex; flex-direction: column; justify-content: space-between; width: 30px; height: 27px;
    }
    #mobile_nav .header__nav-toggle .nav-toggle-bars span {
        display: block; height: 5px; border-radius: 2px; background-color: #3a4a55;
    }
    #mobile_nav .header__nav-toggle .nav-toggle-close { display: none; font-size: 30px; line-height: 1; color: #3a4a55; }
    #mobile_nav .header__nav-toggle[aria-expanded="true"] .nav-toggle-bars { display: none; }
    #mobile_nav .header__nav-toggle[aria-expanded="true"] .nav-toggle-close { display: block; }

    #mobile_nav .mobile_nav__container {
        box-sizing: border-box; position: absolute; width: 100%; top: 100%; left: 0; right: 0;
        background-color: #3a4a55; padding: 0; display: none; z-index: 120;
        max-height: calc(100vh - 91px); max-height: calc(100dvh - 91px); overflow-y: auto;
    }

    /* One accordion row per top-level nav item (Quick Links, then the desktop's own Admissions /
       Academics / About / Partnerships / Events & News / Library / Student Experience items and
       their existing submenus, reused as-is instead of duplicating a second flat link list). */
    #mobile_nav .mobile-acc { border-bottom: 1px solid rgba(255,255,255,.15); }
    #mobile_nav .mobile-acc__toggle {
        width: 100%; display: flex; align-items: center; justify-content: space-between;
        background: none; border: none; padding: 14px 5%; color: #fff; text-transform: uppercase;
        font-size: 15px; font-weight: 700; letter-spacing: 1.2px; text-align: left; cursor: pointer;
    }
    #mobile_nav .mobile-acc--quick .mobile-acc__toggle { background-color: #9E9477; color: #F6F5F2; }
    #mobile_nav .mobile-acc__chevron {
        flex: none; width: 9px; height: 9px; margin-left: 10px; border-right: 2px solid currentColor;
        border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform .2s linear;
    }
    #mobile_nav .mobile-acc.is-open > .mobile-acc__toggle .mobile-acc__chevron { transform: rotate(-135deg); }
    #mobile_nav .mobile-acc__panel {
        list-style: none; margin: 0; padding: 0 5%; max-height: 0; overflow: hidden;
        transition: max-height .2s ease; background-color: rgba(0,0,0,.12);
    }
    #mobile_nav .mobile-acc.is-open > .mobile-acc__panel { max-height: 60vh; overflow-y: auto; }
    #mobile_nav .mobile-acc__panel li { border-top: 1px solid rgba(255,255,255,.12); }
    #mobile_nav .mobile-acc__panel li:first-child { border-top: none; }
    #mobile_nav .mobile-acc__panel a {
        display: block; padding: 11px 0; color: #e7e2da; text-transform: none;
        letter-spacing: normal; font-size: 14px; font-weight: 600;
    }

    #mobile_nav .mobile-utility-grid {
        display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid rgba(255,255,255,.15);
    }
    #mobile_nav .mobile-utility-grid .mobile-acc { border-bottom: none; grid-column: span 1; }
    #mobile_nav .mobile-utility-grid .mobile-acc.is-open { grid-column: 1 / -1; }
    #mobile_nav .mobile-acc__toggle--utility {
        padding: 11px 5%; color: #c9a25a; font-size: 12px; letter-spacing: 1.5px;
    }
    #mobile_nav .mobile-utility-link {
        display: block; padding: 11px 5%; color: #c9a25a; text-transform: uppercase;
        font-size: 12px; font-weight: 700; letter-spacing: 1.5px;
    }

    #mobile_nav .mobile-search { display: flex; align-items: center; padding: 14px 5%; gap: 10px; }
    #mobile_nav .mobile-search__icon { background: none; border: none; color: #c9a25a; font-size: 15px; padding: 0; cursor: pointer; }
    #mobile_nav .mobile-search__input {
        flex: 1 1 auto; background: transparent; border: none; border-bottom: 1px solid rgba(255,255,255,.3);
        color: #fff; font-size: 14px; padding: 6px 0;
    }
    #mobile_nav .mobile-search__input::placeholder { color: rgba(255,255,255,.6); }
}

/* Content-only styling for the public faculty and org-chart pages. */
.aiu-hero {
    background: linear-gradient(180deg, #f7efef 0%, #f2e9e9 100%);
    border-bottom: 1px solid rgba(143, 35, 39, .08);
    padding: 42px 0 36px;
}
.aiu-hero__inner { padding-bottom: 0; }
.aiu-hero__eyebrow,
.fac-hero .eyebrow {
    color: #cf983d;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .24em;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.aiu-hero h1,
.fac-hero h1 {
    color: #8f2327;
    font-size: clamp(2.3rem, 5vw, 4rem);
    font-weight: 700;
    line-height: 1.1;
    margin: 0 0 12px;
}
.aiu-hero p,
.fac-hero p { color: #3b4f5a; max-width: 820px; line-height: 1.75; margin: 0; }
.aiu-content { background: #fff; padding: 54px 0 90px; }
.aiu-directory-layout { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 34px; align-items: start; }
.aiu-filter-card,
.aiu-org-card,
.aiu-chart-shell,
.aiu-empty-state { border: 1px solid #eee1e1; box-shadow: 0 8px 24px rgba(14, 33, 42, .06); }
.aiu-filter-card { background: #f2e9e9; border-color: #ead7d7; padding: 26px; position: sticky; top: 20px; }
.aiu-filter-card h4 { color: #8f2327; font-weight: 700; margin-bottom: 16px; }
.aiu-control { border: 1px solid #d8c8c8 !important; border-radius: 3px !important; box-shadow: none !important; }
.aiu-primary-btn,
.aiu-secondary-btn { border-radius: 2px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.aiu-primary-btn { background: #8f2327; border-color: #8f2327; color: #fff; }
.aiu-primary-btn:hover { background: #751b1e; border-color: #751b1e; color: #fff; }
.aiu-secondary-btn { background: #fff; border-color: #d8cfcf; color: #8f2327; }
.aiu-secondary-btn:hover { background: #faf5f5; color: #751b1e; }
.aiu-directory-list { display: flex; flex-direction: column; gap: 20px; }
.aiu-faculty-card { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 22px; padding-bottom: 20px; border-bottom: 1px solid #ece6e6; }
.aiu-faculty-card img,
.aiu-faculty-card .fac-avatar { width: 96px; height: 96px; border-radius: 3px; object-fit: cover; background: #ddd; }
.fac-card__body h3 { color: #0e212a; font-size: 1.35rem; margin: 0 0 4px; }
.fac-card__body .fac-title { color: #6c5f57; margin-bottom: 5px; }
.fac-card__body .fac-school { color: #cf983d; font-size: .8rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.fac-card__body .fac-school--muted { color: #7e6f65; text-transform: none; letter-spacing: 0; }
.fac-card__body .fac-view { color: #8f2327 !important; font-size: .82rem; font-weight: 700; text-transform: uppercase; }
.fac-profile-hero { background: #f2e9e9; padding: 34px 0 42px; }
.fac-profile-hero .page_frame,
.fac-profile-body .page_frame { display: block; padding-bottom: 0; }
.fac-profile-top { display: grid; grid-template-columns: 409px minmax(0, 1fr); gap: 60px; align-items: center; }
.fac-profile-photo img,
.fac-profile-top > img,
.fac-profile-top .fac-avatar-lg { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 0; background: #ddd; }
.fac-profile-copy h1,
.fac-profile-top h1 { color: #8f2327; font-size: clamp(2.7rem, 6vw, 4.2rem); line-height: 1.08; margin: 0 0 8px; }
.fac-profile-copy .fac-position,
.fac-profile-top .fac-position { color: #3b4f5a; font-size: 1.1rem; }
.fac-profile-copy .fac-school-badge,
.fac-profile-top .fac-school-badge { color: #cf983d !important; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.fac-profile-meta { display: flex; flex-direction: column; gap: 8px; margin-top: 16px; }
.fac-meta { color: #3b4f5a; display: flex; gap: 9px; align-items: center; }
.fac-meta a { color: #3b4f5a !important; text-decoration: underline !important; }
.fac-profile-body { background: #fff; padding: 58px 0 92px; }
.fac-profile-layout { display: grid; grid-template-columns: minmax(0, 1fr) 409px; gap: 58px; align-items: start; }
.fac-main h2 { color: #8f2327; font-size: clamp(1.8rem, 3vw, 2.35rem); line-height: 1.25; margin-bottom: 12px; }
.fac-main p, .fac-main ul.fac-plain { color: #3b4f5a; line-height: 1.65; }
.fac-section { margin-bottom: 44px; }
.fac-sidenav { background: #0e212a; padding: 42px 30px; position: sticky; top: 20px; }
.fac-sidenav a { border-bottom: 1px solid rgba(255,255,255,.14); color: #fff !important; display: block; font-size: 13px; font-weight: 700; padding: 0 0 11px; margin-bottom: 11px; }
.fac-sidenav a:last-child { border-bottom: 0; margin-bottom: 0; }
.aiu-chart-page-frame { max-width: 1800px; }
.aiu-toolbar { display: flex; gap: 14px; align-items: center; margin-bottom: 20px; }
.aiu-toolbar__search { flex: 1 1 360px; }
.aiu-chart-shell { background: #fff; padding: 12px; min-width: 0; }
.aiu-chart-viewport { overflow-x: scroll !important; overflow-y: auto; width: 100%; max-width: 100%; min-width: 0; height: 85vh; border: 1px solid #e8dddd; border-radius: 2px; }
.aiu-chart-canvas { display: block; width: max-content; min-width: max-content; min-height: 100%; padding: 1rem; }
.aiu-org-card { background: #fff; padding: 24px; margin-bottom: 18px; }
.aiu-org-card__caret { color: #8f2327; font-size: 24px; line-height: 1; transition: transform .15s ease; }
.aiu-empty-state { color: #756b65; padding: 34px; }
button[aria-expanded="true"] .aiu-org-card__caret { transform: rotate(90deg); }
@media (max-width: 900px) {
    .aiu-directory-layout, .fac-profile-top, .fac-profile-layout { grid-template-columns: 1fr; }
    .aiu-filter-card, .fac-sidenav { position: static; }
    .fac-profile-top { gap: 28px; }
    .fac-profile-photo { max-width: 409px; }
}
@media (max-width: 560px) {
    .aiu-content, .fac-profile-body { padding-top: 36px; }
    .aiu-faculty-card { grid-template-columns: 72px minmax(0, 1fr); gap: 14px; }
    .aiu-faculty-card img, .aiu-faculty-card .fac-avatar { width: 72px; height: 72px; }
    .aiu-toolbar { align-items: stretch; flex-direction: column; }
}

/* Reference-aligned content rules. Header, CTA, navigation and footer are intentionally untouched. */
.fac-hero.aiu-hero,
.aiu-hero.aiu-hero--orgchart { padding: 42px 0 36px; }
.fac-hero.aiu-hero .page_frame,
.aiu-hero.aiu-hero--orgchart .page_frame { display: block; padding-bottom: 0; }
.fac-hero.aiu-hero .eyebrow,
.aiu-hero__eyebrow { color: #cf983d; font-size: 11px; letter-spacing: .24em; margin-bottom: 10px; }
.fac-hero.aiu-hero h1,
.aiu-hero.aiu-hero--orgchart h1 { font-family: Arial, Helvetica, sans-serif; font-size: 40px; font-weight: 700; letter-spacing: 0; line-height: 1.15; margin: 0 0 12px; }
.fac-hero.aiu-hero p,
.aiu-hero.aiu-hero--orgchart p { font-size: 16px; line-height: 1.6; }
.fac-body.aiu-content { padding: 60px 0 101px; }
.fac-body.aiu-content > .page_frame { display: block; padding-bottom: 0; }
.fac-layout.aiu-directory-layout { grid-template-columns: 280px minmax(0,1fr); gap: 48px; }
.fac-filter.aiu-filter-card { border: 0; border-radius: 0; box-shadow: none; padding: 20px; }
.fac-filter.aiu-filter-card h4 { font-size: 15px; margin-bottom: 14px; }
.fac-filter.aiu-filter-card .form-control,
.fac-filter.aiu-filter-card .form-select { background: #fff; border: 1px solid #e0d7d7 !important; font-size: 13px; margin-bottom: 8px; padding: 11px 12px; }
.fac-filter.aiu-filter-card .aiu-primary-btn { font-size: 12px; padding: 11px 12px; }
.fac-list.aiu-directory-list { gap: 0; }
.fac-card.aiu-faculty-card { grid-template-columns: 130px minmax(0,1fr); gap: 24px; padding: 0 0 30px; margin-bottom: 20px; }
.fac-card.aiu-faculty-card img,
.fac-card.aiu-faculty-card .fac-avatar { width: 130px; height: 137px; border-radius: 0; }
.fac-card.aiu-faculty-card .fac-card__body h3 { font-size: 22px; line-height: 1.3; }
.fac-card.aiu-faculty-card .fac-title { font-size: 15px; line-height: 1.4; }
.fac-card.aiu-faculty-card .fac-school { font-size: 12px; line-height: 1.3; margin-bottom: 3px; }
.fac-card.aiu-faculty-card .fac-view { font-size: 13px; letter-spacing: .04em; }
.fac-profile-hero.aiu-profile-hero { padding: 34px 0 50px; }
.fac-profile-hero.aiu-profile-hero .page_frame { display: block; padding-bottom: 0; }
.fac-profile-top { grid-template-columns: 409px minmax(0,1fr); gap: 60px; }
.fac-profile-photo { width: 409px; }
.fac-profile-photo img,
.fac-profile-top .fac-avatar-lg { display: block; width: 409px; height: 430px; border-radius: 0; object-fit: cover; }
.fac-profile-copy h1 { font-family: 'Komet', Georgia, 'Times New Roman', serif; color: #8f2327; font-size: 60px; font-weight: 700; letter-spacing: 0; line-height: 1.2; }
.fac-profile-copy .fac-position { color: #3b4f5a; font-size: 17px; }
.fac-profile-copy .fac-admin-title { color: #3b4f5a; font-size: 13px; }
.fac-profile-copy .fac-school-badge { color: #cf983d !important; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.fac-profile-copy .fac-meta-icon { color: #8a8078; width: 15px; margin-right: 7px; text-align: center; }
.fac-profile-body.aiu-profile-body { padding: 60px 0 101px; }
.fac-profile-layout { grid-template-columns: minmax(0,1fr) 300px; gap: 60px; }
.fac-main h2 { font-family: Arial, Helvetica, sans-serif; font-size: 35px; font-weight: 700; line-height: 1.5; }
.fac-main p,
.fac-main ul.fac-plain { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 400; line-height: 1.5; }
.fac-section { margin-bottom: 48px; }
.fac-sidenav { border-radius: 0; box-shadow: none; min-height: 0; padding: 30px 26px; margin-top: -70px; position: sticky; z-index: 2; }
.fac-sidenav a { font-size: 13px; }
@media (max-width: 900px) {
    .fac-layout.aiu-directory-layout { grid-template-columns: 1fr; gap: 24px; }
    .fac-filter.aiu-filter-card { position: static; }
    .fac-profile-top { grid-template-columns: 1fr; gap: 28px; }
    .fac-profile-photo,
    .fac-profile-photo img,
    .fac-profile-top .fac-avatar-lg { width: 100%; max-width: 409px; height: auto; aspect-ratio: 409 / 430; }
    .fac-profile-layout { grid-template-columns: 1fr; gap: 36px; }
    .fac-sidenav { position: static; width: 100%; min-height: 0; margin-top: 0; }
}
/* Faculty directory page content */
.fac-hero { background: linear-gradient(180deg, #f5eeee, #f2e9e9); padding: 40px 0 30px; }
.fac-hero .page_frame { display: block; padding-bottom: 0; }
.fac-hero .eyebrow { text-transform: uppercase; letter-spacing: 2px; font-size: 12px; color: #a9a190; font-weight: 700; }
.fac-hero h1 { color: #751b1e; font-size: 40px; font-weight: 800; margin: 6px 0 10px; }
.fac-hero p { color: #696256; max-width: 640px; margin: 0; }

.fac-body { padding: 60px 0 101px; }
.fac-body .page_frame { display: block; padding-bottom: 0; }
.fac-layout { display: flex; gap: 60px; align-items: flex-start; }
.fac-filter {
    flex: 0 0 420px; background: #f2e9e9; border: 1px solid #ecdcdc; border-radius: 6px; padding: 30px;
    display: flex; flex-direction: column; gap: 10px;
}
.fac-filter h4 { color: #751b1e; font-size: 15px; font-weight: 800; margin-bottom: 0; }
.fac-filter .form-control, .fac-filter .form-select { border-radius: 4px; border-color: #ddc9c9; margin-bottom: 10px; }
.fac-filter .btn-clear { font-size: 12px; color: #8f2327; text-decoration: underline !important; }

.fac-list { flex: 1 1 auto; }
.fac-card { display: flex; gap: 30px; padding: 0 0 24px; border-bottom: 1px solid #e6e6e6; }
.fac-card img, .fac-card .fac-avatar {
    width: 84px; height: 84px; border-radius: 4px; object-fit: cover; background: #ddd; flex-shrink: 0;
}
.fac-card h3 { font-family: 'Komet', Georgia, 'Times New Roman', serif; margin: 0 0 2px; font-size: 25px; line-height: 23px; letter-spacing: 0; color: #0e212a; font-weight: 700; }
.fac-card .fac-title { color: #696256; font-size: 14px; margin-bottom: 2px; }
.fac-card .fac-school { color: #a9a190; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; margin-bottom: 6px; }
.fac-card a.fac-view { color: #8f2327; font-weight: 700; font-size: 13px; text-transform: uppercase; letter-spacing: .5px; }
.fac-empty { color: #8a8078; padding: 30px 0; }

.fac-alpha-filter { display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 4px; padding-bottom: 18px; margin-bottom: 18px; border-bottom: 1px solid #e6e6e6; }
.fac-alpha-link {
    display: inline-flex; align-items: center; justify-content: center; min-width: 26px; height: 26px; flex: 0 0 auto;
    padding: 0 6px; border-radius: 3px; font-size: 13px; font-weight: 700; color: #696256 !important;
}
.fac-alpha-link:hover { background: #f4e7e7; color: #8f2327 !important; }
.fac-alpha-link.active { background: #8f2327; color: #fff !important; }

@media (max-width: 576px) {
    .fac-alpha-filter { flex-wrap: wrap; overflow-x: visible; }
}
.fac-pagination { margin-top: 24px; }
.fac-pagination .pagination { flex-wrap: wrap; }
.fac-pagination .page-link { color: #8f2327; }
.fac-pagination .page-item.active .page-link { background-color: #8f2327; border-color: #8f2327; }
.fac-pagination .page-link:focus { box-shadow: 0 0 0 .2rem rgba(143,35,39,.25); }

/* Faculty profile page */
.fac-profile-hero { background: #f2e9e9; padding: 34px 0 42px; }
.fac-profile-hero .page_frame { display: block; padding-bottom: 0; }
.fac-back { color: #a22a2c; font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: .6px; display: inline-block; margin-bottom: 18px; }
.fac-profile-top { display: flex; gap: 28px; align-items: flex-start; }
.fac-profile-top img, .fac-profile-top .fac-avatar-lg {
    width: 200px; height: 200px; border-radius: 50%; object-fit: cover; background: #ddd; flex-shrink: 0;
}
.fac-profile-top h1 { font-family: 'Komet', Georgia, 'Times New Roman', serif; color: #8f2327; font-size: 60px; font-weight: 700; letter-spacing: 0; margin: 0 0 6px; line-height: 1.2; }
.fac-profile-top .fac-position { color: #4f463d; font-size: 17px; margin-bottom: 4px; }
.fac-profile-top .fac-admin-title { color: #8a8078; font-size: 14px; font-weight: 600; letter-spacing: 0; text-transform: none; margin-bottom: 8px; }
.fac-profile-top .fac-school-badge { color: #a9a190; font-weight: 800; font-size: 13px; letter-spacing: .7px; text-transform: uppercase; margin-bottom: 12px; display: block; }
.fac-profile-top .fac-meta { font-size: 14px; color: #4a4238; margin-bottom: 4px; }
.fac-profile-top .fac-meta a { color: #4a4238 !important; }

.fac-profile-body { padding: 60px 0; background: #fff; }
.fac-profile-body .page_frame { display: block; padding-bottom: 0; }
.fac-profile-layout { display: flex; gap: 42px; align-items: flex-start; }
.fac-main { flex: 1 1 auto; min-width: 0; }
.fac-section { margin-bottom: 48px; }
.fac-main h2 { font-family: 'Komet', Georgia, 'Times New Roman', serif; color: #8f2327; font-size: 35px; font-weight: 700; letter-spacing: 0; line-height: 1.5; margin-bottom: 12px; }
.fac-main p { font-family: 'Komet', Georgia, 'Times New Roman', serif; color: #3b4f5a; font-weight: 500; font-size: 16px; line-height: 1.5; letter-spacing: 0; }
.fac-main ul.fac-plain { list-style: disc; padding-left: 22px; font-family: 'Komet', Georgia, 'Times New Roman', serif; color: #3b4f5a; font-weight: 500; font-size: 16px; line-height: 1.5; letter-spacing: 0; }
.fac-main ul.fac-plain li { margin-bottom: 6px; }
.fac-main ul.fac-plain.fac-plain-no-bullet { list-style: none; padding-left: 8px; }
.fac-education-list { list-style: none !important; padding-left: 0 !important; }
.fac-education-list li { padding: 8px 0 12px; border-bottom: 1px solid #eee1e1; }
.fac-degree-line { font-weight: 700; color: #2d2521; }
.fac-degree-meta { font-size: inherit; color: #8a8078; font-style: italic; margin-top: 2px; }
.fac-pub { border-bottom: 1px solid #ece4e4; padding: 12px 0; }
.fac-pub:first-child { padding-top: 0; }
.fac-pub .fac-pub-title { font-weight: 700; color: #2b2320; }
.fac-pub .fac-pub-meta { font-size: 13px; color: #8a8078; font-style: italic; }

.fac-sidenav { flex: 0 0 409px; background: #0e212a; border-radius: 2px; padding: 70px 30px; display: flex; flex-direction: column; gap: 10px; position: sticky; top: 20px; box-shadow: 0 10px 24px rgba(0,0,0,.08); }
.fac-sidenav a { display: block; color: #fff !important; padding: 0 0 10px; font-size: 13px; font-weight: 700; border-bottom: 1px solid rgba(255,255,255,.14); }
.fac-sidenav a:last-child { border-bottom: none; padding-bottom: 0; }
.fac-sidenav a:hover { color: #ead8b5 !important; }

@media only screen and (max-width: 900px) {
    .fac-layout, .fac-profile-layout { flex-direction: column; }
    .fac-filter, .fac-sidenav { flex: 1 1 auto; width: 100%; position: static; }
    .fac-profile-top { flex-direction: column; }
}

/* Final content overrides. These selectors intentionally exclude the shared header and footer. */
.aiu-hero { background: linear-gradient(180deg, #f7efef, #f2e9e9); border-bottom: 1px solid rgba(143,35,39,.08); padding: 42px 0 36px; }
.aiu-hero__inner { padding-bottom: 0; }
.aiu-hero__eyebrow { color: #cf983d; font-size: 11px; font-weight: 700; letter-spacing: .24em; text-transform: uppercase; margin-bottom: 10px; }
.aiu-hero h1 { color: #8f2327; font-size: clamp(2.3rem, 5vw, 4rem); line-height: 1.1; margin: 0 0 12px; }
.aiu-hero p { color: #3b4f5a; max-width: 820px; line-height: 1.75; margin: 0; }
.aiu-content { background: #fff; padding: 54px 0 90px; }
.aiu-directory-layout { display: grid; grid-template-columns: 280px minmax(0,1fr); gap: 34px; align-items: start; }
.aiu-filter-card { background: #f2e9e9; border: 1px solid #ead7d7; padding: 26px; position: sticky; top: 20px; }
.aiu-filter-card h4 { color: #8f2327; font-weight: 700; margin-bottom: 16px; }
.aiu-control { border: 1px solid #d8c8c8 !important; border-radius: 3px !important; box-shadow: none !important; }
.aiu-primary-btn, .aiu-secondary-btn { border-radius: 2px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.aiu-primary-btn { background: #8f2327; border-color: #8f2327; color: #fff; }
.aiu-primary-btn:hover { background: #751b1e; border-color: #751b1e; color: #fff; }
.aiu-secondary-btn { background: #fff; border-color: #d8cfcf; color: #8f2327; }
.aiu-directory-list { display: flex; flex-direction: column; gap: 20px; }
.aiu-faculty-card { display: grid; grid-template-columns: 96px minmax(0,1fr); gap: 22px; padding-bottom: 20px; border-bottom: 1px solid #ece6e6; }
.aiu-faculty-card img, .aiu-faculty-card .fac-avatar { width: 96px; height: 96px; border-radius: 3px; object-fit: cover; background: #ddd; }
.fac-card__body h3 { color: #0e212a; font-size: 1.35rem; margin: 0 0 4px; }
.fac-card__body .fac-title { color: #6c5f57; margin-bottom: 5px; }
.fac-card__body .fac-school { color: #cf983d; font-size: .8rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.fac-card__body .fac-school--muted { color: #7e6f65; text-transform: none; letter-spacing: 0; }
.fac-card__body .fac-view { color: #8f2327 !important; font-size: .82rem; font-weight: 700; text-transform: uppercase; }
.fac-profile-hero { background: #f2e9e9; padding: 34px 0 42px; }
.fac-profile-hero .page_frame, .fac-profile-body .page_frame { display: block; padding-bottom: 0; }
.fac-profile-top { display: grid; grid-template-columns: 409px minmax(0,1fr); gap: 60px; align-items: center; }
.fac-profile-photo img, .fac-profile-top > img, .fac-profile-top .fac-avatar-lg { width: 409px; height: 430px; object-fit: cover; border-radius: 0; background: #ddd; }
.fac-profile-copy h1, .fac-profile-top h1 { color: #8f2327; font-size: clamp(2.7rem,6vw,4.2rem); line-height: 1.08; margin: 0 0 8px; }
.fac-profile-copy .fac-school-badge, .fac-profile-top .fac-school-badge { color: #cf983d !important; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.fac-profile-meta { display: flex; flex-direction: column; gap: 8px; margin-top: 16px; }
.fac-meta { color: #3b4f5a; display: flex; gap: 9px; align-items: center; }
.fac-meta a { color: #3b4f5a !important; text-decoration: underline !important; }
.fac-profile-body { background: #fff; padding: 58px 0 92px; }
.fac-profile-layout { display: grid; grid-template-columns: minmax(0,1fr) 409px; gap: 58px; align-items: start; }
.fac-main h2 { color: #8f2327; font-size: clamp(1.8rem,3vw,2.35rem); line-height: 1.25; margin-bottom: 12px; }
.fac-main p, .fac-main ul.fac-plain { color: #3b4f5a; line-height: 1.65; }
.fac-section { margin-bottom: 44px; }
.fac-sidenav { background: #0e212a; padding: 42px 30px; position: sticky; top: 20px; }
.fac-sidenav a { border-bottom: 1px solid rgba(255,255,255,.14); color: #fff !important; display: block; font-size: 13px; font-weight: 700; padding: 0 0 11px; margin-bottom: 11px; }
.fac-sidenav a:last-child { border-bottom: 0; margin-bottom: 0; }
.aiu-chart-page-frame { max-width: 1800px; }
.aiu-toolbar { display: flex; gap: 14px; align-items: center; margin-bottom: 20px; }
.aiu-toolbar__search { flex: 1 1 360px; }
.aiu-chart-shell { background: #fff; border: 1px solid #eee1e1; box-shadow: 0 8px 24px rgba(14,33,42,.06); padding: 12px; min-width: 0; }
.aiu-chart-viewport { overflow-x: scroll !important; overflow-y: auto; width: 100%; max-width: 100%; min-width: 0; height: 85vh; border: 1px solid #e8dddd; border-radius: 2px; }
.aiu-chart-canvas { display: block; width: max-content; min-width: max-content; min-height: 100%; padding: 1rem; }
.aiu-org-card { background: #fff; border: 1px solid #eee1e1; box-shadow: 0 8px 24px rgba(14,33,42,.06); padding: 24px; margin-bottom: 18px; }
.aiu-org-card__caret { color: #8f2327; font-size: 24px; line-height: 1; transition: transform .15s ease; }
.aiu-empty-state { border: 1px solid #eee1e1; padding: 34px; }
button[aria-expanded="true"] .aiu-org-card__caret { transform: rotate(90deg); }
@media (max-width: 900px) {
    .aiu-directory-layout, .fac-profile-top, .fac-profile-layout { grid-template-columns: 1fr; }
    .aiu-filter-card, .fac-sidenav { position: static; }
    .fac-profile-photo, .fac-profile-photo img, .fac-profile-top > img, .fac-profile-top .fac-avatar-lg { max-width: 100%; width: 409px; height: auto; }
}
@media (max-width: 560px) {
    .aiu-content, .fac-profile-body { padding-top: 36px; }
    .aiu-faculty-card { grid-template-columns: 72px minmax(0,1fr); gap: 14px; }
    .aiu-faculty-card img, .aiu-faculty-card .fac-avatar { width: 72px; height: 72px; }
    .aiu-toolbar { align-items: stretch; flex-direction: column; }
}

/* Final specificity layer for the reference layout. */
.fac-body.aiu-content { padding: 60px 0 101px; }
.fac-body.aiu-content > .page_frame { width: 100%; max-width: 1440px; padding-left: 101px; padding-right: 101px; box-sizing: border-box; }
.fac-layout.aiu-directory-layout { display: grid; grid-template-columns: 420px minmax(0,1fr); gap: 60px; }
.fac-filter.aiu-filter-card { width: 420px; box-sizing: border-box; flex: none; border: 0; border-radius: 0; box-shadow: none; padding: 30px; }
.fac-list.aiu-directory-list { display: flex; flex-direction: column; gap: 0; }
.fac-filter.aiu-filter-card .form-control,
.fac-filter.aiu-filter-card .form-select { background: #fff; border: 1px solid #e0d7d7 !important; font-size: 13px; margin-bottom: 10px; padding: 13px 14px; }
.fac-filter.aiu-filter-card .aiu-primary-btn { background: transparent; border-color: transparent; color: #0e212a; font-size: 12px; padding: 10px 12px; }
.fac-filter.aiu-filter-card .aiu-primary-btn:hover { background: transparent; border-color: transparent; color: #8f2327; }
.fac-filter.aiu-filter-card .btn-clear { color: #8f2327 !important; font-size: 12px; text-decoration: underline !important; text-transform: none; letter-spacing: 0; }
.fac-card.aiu-faculty-card { display: grid; grid-template-columns: 130px minmax(0,1fr); gap: 24px; padding: 0 0 30px; margin-bottom: 20px; align-items: center; }
.fac-card.aiu-faculty-card img, .fac-card.aiu-faculty-card .fac-avatar { width: 130px; height: 137px; border-radius: 0; }
.fac-profile-top { display: grid; grid-template-columns: 409px minmax(0,1fr); gap: 60px; align-items: center; }
.fac-profile-photo { width: 409px; }
.fac-profile-photo img, .fac-profile-top .fac-avatar-lg { display: block; width: 409px; height: 430px; border-radius: 0; object-fit: cover; }
.fac-profile-copy h1 { font-family: 'Komet', Georgia, 'Times New Roman', serif; color: #8f2327; font-size: 60px; line-height: 1.2; }
.fac-profile-layout { display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 60px; }
.fac-main h2 { font-family: Arial, Helvetica, sans-serif; font-size: 35px; line-height: 1.5; }
.fac-main p, .fac-main ul.fac-plain { font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.5; }
.fac-sidenav { border-radius: 0; box-shadow: none; min-height: 0; padding: 30px 26px; margin-top: -70px; position: sticky; z-index: 2; }
@media (max-width: 900px) {
    .fac-layout.aiu-directory-layout, .fac-profile-top, .fac-profile-layout { grid-template-columns: 1fr; }
    .fac-filter.aiu-filter-card { width: 100%; }
    .fac-sidenav { min-height: 0; margin-top: 0; }
    .fac-profile-photo, .fac-profile-photo img, .fac-profile-top .fac-avatar-lg { width: 100%; max-width: 409px; height: auto; aspect-ratio: 409 / 430; }
}

/* Responsive content layout for desktop, tablet and mobile widths. */
@media (max-width: 1200px) {
    .fac-body.aiu-content > .page_frame,
    .fac-profile-hero.aiu-profile-hero > .page_frame,
    .aiu-content > .page_frame,
    .aiu-hero.aiu-hero--orgchart > .page_frame { padding-left: 48px; padding-right: 48px; }
    .fac-layout.aiu-directory-layout { grid-template-columns: 360px minmax(0,1fr); gap: 32px; }
    .fac-filter.aiu-filter-card { width: 360px; }
    .fac-profile-top { grid-template-columns: minmax(300px,409px) minmax(0,1fr); gap: 40px; }
    .fac-profile-photo { width: 100%; }
    .fac-profile-photo img, .fac-profile-top .fac-avatar-lg { width: 100%; height: auto; aspect-ratio: 409 / 430; }
    .fac-profile-layout { grid-template-columns: minmax(0,1fr) 280px; gap: 32px; }
}
@media (max-width: 900px) {
    .fac-body.aiu-content > .page_frame,
    .fac-profile-hero.aiu-profile-hero > .page_frame,
    .aiu-content > .page_frame,
    .aiu-hero.aiu-hero--orgchart > .page_frame { padding-left: 24px; padding-right: 24px; }
    .fac-body.aiu-content { padding-top: 40px; padding-bottom: 64px; }
    .fac-profile-hero.aiu-profile-hero { padding-top: 24px; padding-bottom: 36px; }
    .fac-profile-copy h1 { font-size: clamp(2.2rem, 8vw, 3.5rem); }
    .fac-profile-body.aiu-profile-body { padding-top: 40px; padding-bottom: 64px; }
    .fac-sidenav { width: 100%; }
    .aiu-toolbar { align-items: stretch; flex-wrap: wrap; }
    .aiu-toolbar__search { flex-basis: 100%; }
    .aiu-chart-viewport { height: 65vh; max-height: 680px; }

    /* The 1200px block above sets these to a fixed 360px column, and since it comes after the
       earlier 900px collapse rules in the file, it was winning at every width <=900px too (not
       just tablet widths) — stranding the directory/profile layouts in a two-column grid wider
       than the phone screen, clipped by body's overflow-x:hidden. Re-assert the single-column
       collapse here, as the last word on these properties. */
    .fac-layout.aiu-directory-layout,
    .fac-profile-top,
    .fac-profile-layout { grid-template-columns: 1fr; gap: 24px; }
    .fac-filter.aiu-filter-card { width: 100%; }
    .fac-profile-photo,
    .fac-profile-photo img,
    .fac-profile-top .fac-avatar-lg { width: 100%; max-width: 409px; height: auto; aspect-ratio: 409 / 430; }
}
@media (max-width: 576px) {
    .fac-body.aiu-content > .page_frame,
    .fac-profile-hero.aiu-profile-hero > .page_frame,
    .aiu-content > .page_frame,
    .aiu-hero.aiu-hero--orgchart > .page_frame { padding-left: 16px; padding-right: 16px; }
    .fac-hero.aiu-hero, .aiu-hero.aiu-hero--orgchart { padding-top: 28px; padding-bottom: 26px; }
    .fac-hero.aiu-hero h1, .aiu-hero.aiu-hero--orgchart h1 { font-size: 30px; }
    .fac-hero.aiu-hero p, .aiu-hero.aiu-hero--orgchart p { font-size: 14px; line-height: 1.5; }
    .fac-filter.aiu-filter-card { padding: 20px 16px; }
    .fac-card.aiu-faculty-card { grid-template-columns: 98px minmax(0,1fr); gap: 16px; padding-bottom: 22px; }
    .fac-card.aiu-faculty-card img, .fac-card.aiu-faculty-card .fac-avatar { width: 98px; height: 104px; }
    .fac-card.aiu-faculty-card .fac-card__body h3 { font-size: 19px; }
    .fac-profile-photo img, .fac-profile-top .fac-avatar-lg { max-width: 100%; }
    .fac-main h2 { font-size: 28px; }
    .fac-main p, .fac-main ul.fac-plain { font-size: 14px; }
    .fac-sidenav { padding: 32px 22px; }
    .aiu-content { padding-bottom: 60px; }
    .aiu-org-card { padding: 18px 16px; }
    .aiu-toolbar__actions { margin-left: 0 !important; }
    .aiu-chart-viewport { height: 58vh; min-height: 360px; }
}

/* Faculty directory hero: campus photo shown at full strength (not washed out pale), with just
   enough of a dark gradient behind the text for contrast, so the photo itself reads as the
   foreground image rather than a faint tint behind the pink panel. Three chained classes gives
   this more specificity than any of the plain .fac-hero / .aiu-hero background rules above,
   regardless of where in the file they sit — so it wins without having to touch those shared
   rules (org-chart's hero keeps its flat gradient). Text goes white since it now sits on a photo,
   not the pale pink panel the maroon/olive palette was tuned for. */
.fac-hero.aiu-hero.aiu-hero--directory {
    background-color: #2a2422;
    background-image: linear-gradient(100deg, rgba(20,14,12,.65) 0%, rgba(20,14,12,.15) 65%), url('../images/faculty-directory-header.jpg');
    background-size: cover;
    background-position: center 75%;
    background-repeat: no-repeat;
    padding: 70px 0 60px;
}
.fac-hero.aiu-hero.aiu-hero--directory .eyebrow {
    color: #f0dcae;
    text-shadow: 0 1px 3px rgba(0,0,0,.5);
}
.fac-hero.aiu-hero.aiu-hero--directory h1 {
    color: #fff;
    text-shadow: 0 2px 6px rgba(0,0,0,.45);
}
@media (max-width: 576px) {
    .fac-hero.aiu-hero.aiu-hero--directory { padding: 44px 0 38px; background-position: center 70%; }
}

/* Intro paragraph, moved out of the hero photo onto the white content panel below it. */
.fac-intro { color: #3b4f5a; max-width: 760px; font-size: 16px; line-height: 1.65; margin: 0 0 28px; }

/* "View Profile" as written, not full caps — .fac-card a.fac-view further up this file forces
   uppercase and outranks the plainer .fac-card__body .fac-view selector, so this needs at least
   its specificity to win. The school name is no longer shown on the directory list cards either,
   per the approved design (still shown on the profile page itself via .fac-school-badge). */
.fac-card.aiu-faculty-card a.fac-view { text-transform: none; }