.kicob-staff-profile-page { --ksp-blue: #06477f; --ksp-ink: #18354e; --ksp-paper: #f3f6f7; --ksp-rule: #d4e0e8; background: var(--ksp-paper); color: var(--ksp-ink); padding: clamp(32px, 5vw, 76px) 24px; }
.kicob-staff-profile-page *, .kicob-staff-profile-page *::before, .kicob-staff-profile-page *::after { box-sizing: border-box; }
.kicob-staff-profile-page__inner { width: min(1180px, 100%); margin-inline: auto; }
.kicob-staff-profile-page__crumbs { margin: 0 0 28px; font-size: 14px; }
.kicob-staff-profile-page__crumbs a { color: var(--ksp-blue); text-underline-offset: 3px; }
.kicob-staff-profile-page__hero { display: grid; grid-template-columns: minmax(240px, .78fr) minmax(0, 1.22fr); gap: clamp(28px, 5vw, 72px); align-items: start; }
.kicob-staff-profile-page__portrait { min-width: 0; background: #dce6eb; }
.kicob-staff-profile-page__portrait img { display: block; width: 100%; height: auto; max-height: 620px; aspect-ratio: 4 / 5; object-fit: cover; object-position: center 20%; }
.kicob-staff-profile-page__portrait-placeholder { display: grid; min-height: 360px; place-items: center; color: #4e6c83; font-size: 15px; }
.kicob-staff-profile-page__heading { min-width: 0; padding-block: 12px 24px; }
.kicob-staff-profile-page__heading h1 { margin: 0 0 12px; color: var(--ksp-blue); font-family: Georgia, 'Times New Roman', serif; font-size: clamp(36px, 5.5vw, 68px); font-weight: 700; line-height: 1.02; overflow-wrap: anywhere; }
.kicob-staff-profile-page__role { margin: 0 0 18px; color: #314e66; font-size: clamp(18px, 2vw, 24px); font-weight: 600; }
.kicob-staff-profile-page__tags { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 20px 0 0; padding: 0; }
.kicob-staff-profile-page__tags li { padding: 7px 10px; background: #e5eef4; color: #16466f; font-size: 13px; font-weight: 600; }
.kicob-staff-profile-page__intro { max-width: 68ch; margin-top: 24px; font-size: 18px; line-height: 1.65; }
.kicob-staff-profile-page__details { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 clamp(28px, 4vw, 56px); margin-top: clamp(32px, 5vw, 64px); border-top: 1px solid var(--ksp-rule); }
.kicob-staff-profile-page__section { min-width: 0; padding: 22px 0 24px; border-bottom: 1px solid var(--ksp-rule); }
.kicob-staff-profile-page__section h2 { margin: 0 0 12px; color: var(--ksp-blue); font-family: Georgia, 'Times New Roman', serif; font-size: 25px; line-height: 1.15; }
.kicob-staff-profile-page__section p { margin: 0 0 10px; line-height: 1.7; }
.kicob-staff-profile-page__section p:last-child { margin-bottom: 0; }
.kicob-staff-profile-page__contact { display: flex; flex-wrap: wrap; gap: 8px 28px; margin-top: 20px; font-size: 15px; }
.kicob-staff-profile-page__contact a { color: var(--ksp-blue); text-underline-offset: 3px; }
.kicob-staff-profile-page__legacy { max-width: 80ch; margin-top: 44px; padding-top: 28px; border-top: 1px solid var(--ksp-rule); line-height: 1.7; overflow-wrap: anywhere; }
.kicob-staff-profile-page__legacy > :first-child { margin-top: 0; }
.kicob-staff-profile-page__legacy img, .kicob-staff-profile-page__legacy iframe, .kicob-staff-profile-page__legacy video { max-width: 100%; }
@media (max-width: 720px) { .kicob-staff-profile-page { padding-inline: 18px; } .kicob-staff-profile-page__hero { grid-template-columns: 1fr; gap: 22px; } .kicob-staff-profile-page__portrait img { max-height: 560px; aspect-ratio: 4 / 3; } .kicob-staff-profile-page__heading { padding: 0; } .kicob-staff-profile-page__details { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .kicob-staff-profile-page * { scroll-behavior: auto !important; } }