.expert-profile{background:#0b192b;color:#eef5fc;padding:44px 0 68px}
.expert-profile .expert-kicker{font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;color:#a7cbea;margin:0 0 20px}
.expert-profile .expert-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.8fr);gap:56px;align-items:center;padding:30px 0 48px}
.expert-profile h1{font-size:clamp(34px,4.3vw,60px);line-height:1.08;text-wrap:balance;margin:0 0 22px;max-width:17ch;color:#fff}
.expert-profile .expert-role{font-size:var(--text-lg);line-height:1.4;color:#acd2ed;max-width:40ch;margin:0 0 22px}
.expert-profile p{font-size:var(--text-base);line-height:1.75;color:#ccd9e7}
.expert-photo-button{display:block;width:100%;max-width:390px;margin:auto;background:transparent;border:1px solid #789fbc;border-radius:10px;padding:0;overflow:hidden}
.expert-photo-button img{display:block;width:100%;height:auto;object-fit:contain}
.expert-photo-note{text-align:center;font-size:var(--text-xs)!important;color:#b8cde0}
.expert-profile h2{font-size:var(--text-xl);line-height:1.2;color:#fff;margin:0 0 22px}
.expert-profile h3{font-size:var(--text-lg);color:#e4f1ff;line-height:1.3;margin:0 0 10px}
.expert-overview{max-width:900px;padding:32px 0;border-top:1px solid #3a4f67}
.expert-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:28px 0 44px}
.expert-timeline{list-style:none;padding:0;margin:0;display:grid;gap:0}
.expert-timeline li{position:relative;padding:0 0 24px 24px;border-left:1px solid #4c718d;font-size:var(--text-base);color:#cbd9e7;line-height:1.6}
.expert-timeline li::before{content:"";position:absolute;left:-5px;top:5px;width:9px;height:9px;border-radius:50%;background:#a4d1ef}
.expert-timeline .expert-date{display:block;font-size:var(--text-sm);font-weight:700;color:#a9cee9;margin-bottom:7px}
.expert-timeline b{display:block;font-weight:700;color:#eef5fc;margin-bottom:5px}
.expert-current-study{padding:22px;border:1px solid #45617b;border-radius:10px;background:#173249;margin-bottom:24px}
.expert-current-study p{margin:0}
.expert-scope{padding:28px;border:1px solid #3d536c;border-radius:12px;background:#122840}
.expert-scope ul{padding-left:20px;margin:0;color:#cbd9e7;font-size:var(--text-base);line-height:1.7}
.expert-scope li+li{margin-top:14px}
.expert-project{padding:28px;border:1px solid #597763;border-radius:12px;background:#17342e;margin:0 0 30px}
.expert-project a{color:#d4f3e3;text-decoration:underline;text-underline-offset:3px}
.expert-project p{margin-bottom:0}
.expert-profile .expert-back{display:inline-flex;align-items:center;min-height:48px;color:#10243d;background:#e5f2fe;font-size:var(--text-sm);font-weight:700;padding:12px 20px;border-radius:7px;margin-top:32px}
.expert-responsibilities,.expert-regional-network,.expert-regional-work{margin:34px 0}
.expert-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.expert-detail-grid article{border-top:2px solid #89b7c9;padding:20px 0 10px}
.expert-detail-grid p{margin:0}
.expert-profile--anas .expert-project{margin:30px 0 0}
.expert-profile--anas h1{max-width:20ch}
.expert-actions{display:flex;flex-wrap:wrap;gap:16px}
.expert-pillar{padding:32px;background:#172f40;border:1px solid #6d8791;border-left:4px solid #cdb889;border-radius:10px;margin:10px 0 34px}
.expert-pillar h2{font-size:clamp(26px,3vw,38px)}
.expert-pillar p{margin-bottom:0}
.expert-language-list{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;list-style:none;padding:0;margin:0}
.expert-language-list li{border-top:2px solid #80b5c8;padding:16px 0;font-size:var(--text-base)}
.expert-language-list b,.expert-language-list span{display:block}
.expert-language-list span{color:#b9cede;font-size:var(--text-sm);margin-top:8px}
.expert-events{margin:38px 0}
.expert-event-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}
.expert-event-grid figure{margin:0;border:1px solid #3e5e78;border-radius:8px;overflow:hidden;background:#142b43}
.expert-event-grid figure:first-child{grid-column:1/-1}
.expert-event-grid button{display:block;width:100%;padding:0;border:0;background:#0a1725;cursor:zoom-in}
.expert-event-grid img{display:block;width:100%;height:auto;object-fit:contain}
.expert-event-grid figcaption{padding:18px 22px;color:#dceaf5;font-size:var(--text-base);line-height:1.5}
.expert-youtube{margin-top:34px;padding-top:26px;border-top:1px solid #405c75;display:flex;flex-wrap:wrap;gap:12px}
.expert-youtube a{display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:12px 18px;border:1px solid #637c94;border-radius:8px;background:#172b40;color:#f2f8ff;font-weight:700;font-size:var(--text-base);text-decoration:none}
.expert-youtube a:hover{background:#223b56;border-color:#d5e8fb}
.expert-youtube a:focus-visible{outline:3px solid #9ccee9;outline-offset:4px}
.expert-youtube a span:first-of-type{min-width:0;overflow-wrap:anywhere}
.expert-youtube a svg{flex-shrink:0}
.expert-collaborator-grid{display:grid;gap:22px;margin-top:24px}
.expert-collaborator-grid article{display:grid;grid-template-columns:76px 1fr;align-items:start;gap:24px;padding:24px;border:1px solid #45627d;border-radius:8px;background:#142b43}
.expert-collaborator-grid img{display:block;width:76px;height:auto;border-radius:6px}
.expert-collaborator-grid h3{margin-top:0}
.expert-collaborator-grid p{margin-bottom:12px}
.expert-collaborator-grid a{display:inline-flex;align-items:center;min-height:44px;color:#dceffc}
.profile-video-section{margin:38px 0}
.profile-video-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.profile-video-grid--single{grid-template-columns:1fr;max-width:960px}
.profile-video-card{border-top:2px solid #87b6cc;padding-top:22px}
.profile-video-card video{display:block;width:100%;aspect-ratio:848/480;background:#000;border-radius:8px;margin-top:18px}
.profile-video-card.is-visible h3{animation:profile-video-title .65s ease-out both}
@keyframes profile-video-title{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.profile-video-card.is-visible h3{animation:none}}
.expert-profile a:focus-visible,.expert-photo-button:focus-visible{outline:2px solid #fff;outline-offset:4px}
.expert-image-dialog{max-width:100vw;max-height:100dvh;width:100vw;height:100dvh;margin:0;border:0;background:#071629;color:#fff;padding:64px 20px 24px}
.expert-image-dialog[open]{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px}
.expert-image-dialog img{width:auto;height:auto;max-width:min(520px,94vw);max-height:80dvh;object-fit:contain;border-radius:8px}
.expert-image-dialog.is-landscape img{max-width:min(1200px,94vw)}
.expert-image-dialog button{position:absolute;right:20px;top:16px;min-height:44px;padding:8px 18px;border:1px solid #96b6d2;border-radius:6px;color:#fff;background:#183651}
.expert-image-dialog p{font-size:var(--text-sm)}
.oman-visit{margin-top:56px;padding-top:36px;border-top:1px solid #48647e;scroll-margin-top:110px}
.oman-visit>h2{font-size:clamp(30px,3.5vw,46px);max-width:25ch}
.oman-gallery{margin:30px 0 46px;background:#142b43;border:1px solid #405c77;border-radius:12px;overflow:hidden}
.oman-slide{margin:0}
.oman-slide[hidden]{display:none!important}
.oman-slide button{display:block;width:100%;border:0;padding:0;background:#081421;cursor:zoom-in}
.oman-slide img{display:block;width:100%;height:auto;max-height:700px;object-fit:contain}
.oman-slide figcaption{padding:24px 30px}
.oman-slide figcaption h3{font-size:clamp(23px,2.8vw,36px);line-height:1.22;max-width:36ch}
.oman-slide figcaption p{margin-bottom:0}
@media(max-width:700px){
 .expert-profile{padding-top:28px}
 .expert-profile .expert-hero{grid-template-columns:1fr;gap:26px;padding:24px 0 32px}
 .expert-profile h1{font-size:36px}
 .expert-columns{grid-template-columns:1fr;gap:30px}
 .expert-detail-grid{grid-template-columns:1fr;gap:12px}
 .expert-language-list{grid-template-columns:1fr 1fr;gap:12px}
 .expert-pillar{padding:24px}
 .expert-event-grid{grid-template-columns:1fr;gap:20px}
 .expert-collaborator-grid article{grid-template-columns:60px 1fr;gap:16px;padding:18px}
 .expert-collaborator-grid img{width:60px}
 .profile-video-grid{grid-template-columns:1fr}
 .expert-actions{gap:0}
 .expert-scope{padding:22px}
 .expert-project{padding:22px}
 .expert-profile .expert-back{width:100%;justify-content:center;padding-inline:40px;text-align:center}
 .oman-slide figcaption{padding:20px}
 .oman-slide img{height:auto;max-height:none}
}
