.main-hero {
    min-height: 100vh;
    padding: 120px 0 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    background: linear-gradient(135deg, #081a3a 0%, #102852 52%, #183765 100%);
    overflow: hidden;
}
.hero-layout { max-width: 1440px; width: 100%; margin: 0 auto; padding: 0 60px; display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; flex: 1; }
.hero-header { max-width: 760px; padding: 0 0 120px; display: flex; flex-direction: column; gap: 12px; align-self: flex-end; }
.hero-header>h1 { width: 100%; margin: 0; font-family: Urbanist, sans-serif; font-size: 3.14rem; font-weight: 600; line-height: 1.1; color: #ffffff; }
.hero-header>p { margin: 0; font-family: Plus Jakarta Sans, sans-serif; font-size: 1rem; font-weight: 500; line-height: 1.618; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255, 255, 255, 0.85); }
.hero-media { display: flex; align-items: flex-end; justify-content: flex-end; flex: 0 0 44%; min-height: 100%; }
.hero-media>img { display: block; width: min(100%, 520px); height: auto; object-fit: contain; object-position: bottom right; }
.leadership-profile-page { max-width: 1440px; margin: 0 auto; padding: 96px 50px; background: #ffffff; }
.profile-bio, .profile-bio__inner { padding: 0; max-width: 100%; margin: 0; }
.profile-bio__content>h2 { margin: 0 0 28px; font-family: "Urbanist", sans-serif; font-size: 2.617rem; font-weight: 500; line-height: 1.02; color: #12284c; }
.profile-bio__content>p { margin: 0 0 20px; font-family: Plus Jakarta Sans, sans-serif; font-size: 1.2rem; font-weight: 400; line-height: 1.618; color: #243245; }
.profile-bio__quote { float: right; width: min(100%, 360px); margin: 8px 0 24px 36px; padding: 22px 0 22px 28px; border-left: 3px solid #12284c; }
.profile-bio__quote>p { margin: 0; font-family: "DM Serif Display", Georgia, serif; font-size: clamp(1.7rem, 2.5vw, 2.7rem); font-weight: 400; line-height: 1.14; color: #12284c; }
.profile-directorships { clear: both; margin-top: 56px; padding: 32px; border: 1px solid rgba(18, 40, 76, 0.12); border-radius: 24px; background: linear-gradient(180deg, #f7f9fc 0%, #ffffff 100%); }
.profile-directorships__header { margin-bottom: 20px; }
.profile-directorships__header>h3 { margin: 0; font-family: "Urbanist", sans-serif; font-size: 1.8rem; font-weight: 600; line-height: 1.2; color: #12284c; }
.profile-directorships__table-wrap { overflow-x: auto; }
.profile-directorships__table { width: 100%; min-width: 760px; border-collapse: collapse; }
.profile-directorships__table th, .profile-directorships__table td { padding: 16px 18px; text-align: left; border-bottom: 1px solid rgba(18, 40, 76, 0.1); font-family: "Plus Jakarta Sans", sans-serif; font-size: 1rem; line-height: 1.5; color: #243245; }
.profile-directorships__table th { background: #12284c; font-size: 0.92rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: #ffffff; }
.profile-directorships__table tbody tr:last-child td { border-bottom: none; }
.profile-directorships__table tbody tr:nth-child(even) { background: rgba(18, 40, 76, 0.03); }
@media screen and (max-width: 1024px) { .leadership-profile-page { padding: 96px 40px; } }
@media screen and (max-width: 768px) { .main-hero { min-height: auto; padding: 108px 0 0; } .hero-layout { padding: 0 40px; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 28px; } .hero-header { padding: 0; align-self: auto; } .hero-header>h1, .hero-header>p { width: 100%; } .hero-media { flex: none; width: 100%; justify-content: center; } .hero-media>img { width: min(100%, 420px); } .leadership-profile-page { padding: 96px 24px; } .profile-bio__quote { float: none; width: 100%; margin: 0 0 28px; padding-left: 20px; } .profile-directorships { margin-top: 40px; padding: 24px; } }
@media screen and (max-width: 430px) { .main-hero { padding: 96px 0 0; } .hero-layout { padding: 0 20px; } .hero-header>h1 { font-size: 2.617rem; } .hero-media>img { width: 100%; max-width: 340px; } .profile-bio__content>h2 { max-width: none; margin-bottom: 24px; font-size: 2rem; } .leadership-profile-page { padding: 40px 20px; } .profile-bio__content>p { font-size: 1rem; } .profile-bio__quote>p { font-size: 1.9rem; } .profile-directorships { padding: 20px; border-radius: 20px; } .profile-directorships__header>h3 { font-size: 1.45rem; } .profile-directorships__table th, .profile-directorships__table td { padding: 14px 16px; font-size: 0.95rem; } }