.director-page{padding-top:32px;padding-bottom:64px}.director-page .crumb{font-size:15px;color:#607e89;margin:0 0 32px}.director-page .hero{display:grid;grid-template-columns:340px minmax(0,1fr);gap:48px;align-items:center;background:none;min-height:0;padding:0;border-radius:0;color:#082f42}.director-page .portrait{width:100%;height:410px;object-fit:cover;object-position:50% 62%;border-radius:12px}.director-page h1.eyebrow{font-size:15px!important;text-transform:uppercase;letter-spacing:2px;line-height:1.6;color:#087f7b;margin:0 0 16px}.director-page .hero h2{font-size:clamp(28px,3.3vw,42px);line-height:1.25;letter-spacing:-1px;margin:0 0 18px}.director-page .role{color:#54727f;font-size:16px;line-height:1.75;max-width:600px}.director-page .badge{display:inline-block;padding:8px 14px;background:#edf8f5;border-radius:25px;font-size:15px;color:#087970;margin:8px 8px 22px 0}.director-page .cta,.director-submit{border:0;background:#087f7b;color:#fff;display:inline-flex;align-items:center;gap:30px;font:inherit;font-weight:700;font-size:15px;border-radius:7px;padding:16px 24px;cursor:pointer}.director-page .cta:hover,.director-submit:hover{background:#075e5b}.director-page .hint{font-size:15px;color:#607e89;margin-top:14px}.director-page .section-title{font-size:27px;margin:42px 0 24px}.director-page .timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;border-top:1px solid #d8e7e9;padding-top:24px}.director-page .year{font-weight:750;font-size:25px;color:#087f7b;margin-bottom:10px}.director-page .timeline b{font-size:15px}.director-page .timeline p{font-size:15px;line-height:1.75;color:#55737f}.director-page .details{border-top:1px solid #d8e7e9;margin-top:28px;padding-top:22px}.director-page summary{cursor:pointer;color:#087f7b;font-weight:700}.director-biography{max-width:900px;padding:14px 0;line-height:1.85}.director-dialog{width:min(580px,calc(100% - 28px));max-height:90vh;overflow:auto;border:0;border-radius:16px;padding:30px;color:#082f42;background:#fff;box-shadow:0 30px 100px #0005}.director-dialog::backdrop{background:#052a3abb;backdrop-filter:blur(3px)}.director-dialog h2{font-size:28px;margin:4px 35px 16px 0}.director-close{float:right;width:36px;height:36px;font-size:25px;border:0;border-radius:50%;background:#edf6f5;cursor:pointer;color:#082f42}.director-form-note{background:#edf8f5;color:#356b63;font-size:15px;padding:12px;border-radius:6px;line-height:1.6}.director-dialog label{display:block;font-size:15px;font-weight:650;margin-top:15px}.director-dialog input:not([type=checkbox]):not([type=hidden]),.director-dialog select,.director-dialog textarea{display:block;width:100%;font:inherit;color:#082f42;background:#fff;padding:11px;border:1px solid #bfd4d9;border-radius:6px;margin-top:6px}.director-dialog textarea{resize:vertical}.director-dialog .director-consent{display:flex;gap:10px;font-size:15px;font-weight:400;line-height:1.6}.director-consent input{width:18px;height:18px;flex-shrink:0;margin-top:2px}.director-submit{margin-top:20px;width:100%;justify-content:center}.director-submit:disabled{opacity:.6;cursor:wait}.director-status{font-size:15px;line-height:1.7;overflow-wrap:anywhere}.director-page :focus-visible{outline:3px solid #16b6a9;outline-offset:4px}body:has(.director-dialog[open]){overflow:hidden}@media(max-width:800px){.director-page .hero{grid-template-columns:260px minmax(0,1fr);gap:26px}.director-page .portrait{height:360px}.director-page .timeline{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.director-page .hero{grid-template-columns:1fr}.director-page .portrait{height:390px;max-width:340px}.director-page .timeline{grid-template-columns:1fr}.director-page .hero h2{font-size:30px}.director-dialog{padding:22px}.director-page .cta{justify-content:center;width:100%}}
.director-dialog .honeypot,.director-dialog [hidden]{display:none!important}.director-success{text-align:center;padding:20px 0}.director-success-check{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;margin:10px auto 25px;background:#e1f5ed;color:#087f7b;font-size:40px}.director-dialog .director-success h2{margin:0 0 20px;font-size:28px}.director-success strong{display:block;font-size:20px;color:#087f7b}.director-success p{color:#5e7b86;line-height:1.8}.director-success button{cursor:pointer}
.director-page{font-family:'GKIB Noto Sans',Arial,sans-serif}
.director-page .hero{background:#fff;border:1px solid #dce9e9;border-radius:18px;overflow:hidden;gap:36px}
.director-page .hero>div{padding:28px 32px 28px 0}
.director-page .portrait{border-radius:0;height:100%;min-height:410px}
.director-page .hero h2{letter-spacing:normal}
.director-biography{max-width:none;padding:0;margin-top:28px}
.bio-intro{padding:24px 28px;background:#eaf6f3;border-left:3px solid #2bb8ab;border-radius:0 12px 12px 0;margin-bottom:32px}
.bio-intro p{font-size:16px;line-height:1.85;margin:0 0 12px}.bio-intro p:last-child{margin-bottom:0}
.bio-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:32px}
.bio-nav{position:sticky;top:95px;align-self:start;display:block}
.bio-nav a{display:block;padding:13px 16px;border-radius:8px;margin-bottom:5px;font-size:16px;line-height:1.6}
.bio-nav a:hover,.bio-nav a:focus-visible{background:#dff2ed;color:#087f7b}
.bio-section{background:white;border:1px solid #dce9e9;border-radius:16px;padding:32px;margin-bottom:24px;scroll-margin-top:100px;min-width:0}
.bio-section h2{font-size:28px;line-height:1.35;letter-spacing:normal;margin:0 0 28px}
.bio-event{display:grid;grid-template-columns:110px minmax(0,1fr);gap:22px;padding:0 0 26px}
.bio-event:last-child{padding-bottom:0}.bio-year{font-weight:700;font-size:17px;color:#087f7b}
.bio-event p{font-size:16px;line-height:1.8;padding-left:22px;border-left:2px solid #d9eeea;margin:0}
.bio-awards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.bio-awards .bio-event{display:block;padding:22px;background:#f6faf9;border:1px solid #e0eeeb;border-radius:10px}
.bio-awards .bio-year{display:block;margin-bottom:12px}.bio-awards p{padding:0;border:0;color:#082f42}
.bio-awards .bio-event:last-child:nth-child(odd){grid-column:1/-1}
@media(max-width:800px){.bio-layout{grid-template-columns:1fr;gap:18px}.bio-nav{position:static;display:flex;flex-wrap:wrap}.director-page .hero>div{padding:24px}}
@media(max-width:580px){.director-page .hero{gap:0}.director-page .portrait{height:390px;min-height:0;max-width:none;object-fit:contain;background:#eaf3f3}.bio-section{padding:22px}.bio-event{grid-template-columns:1fr;gap:8px}.bio-event p{padding-left:16px}.bio-awards{grid-template-columns:1fr}.bio-awards p{padding-left:0}.bio-section h2{font-size:24px}}
