@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#17334d;background:#e9edf2;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:48px 28px;background:radial-gradient(ellipse at 10% 10%,#d7e4f0 0,transparent 50%),#e9edf2}.card{width:min(1100px,100%);display:grid;grid-template-columns:44% 56%;background:#fff;border-radius:30px;overflow:hidden;box-shadow:0 32px 100px #17334d18;animation:appear .75s ease-out}.portrait{position:relative;min-height:780px;background:#c4c7c2;overflow:hidden}.photo{position:absolute;width:100%;height:100%;object-fit:cover;object-position:51% center}.portrait:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#10233348,transparent 22%,transparent 62%,#102333b3)}.portrait-top,.portrait-bottom{position:absolute;z-index:1;left:32px;right:32px;display:flex;justify-content:space-between;align-items:center;color:white}.portrait-top{top:29px}.monogram{font-family:Georgia,serif;font-size:35px;letter-spacing:-3px}.monogram span{font-size:25px;margin-left:3px;color:#c0d4e8}.edition{font-size:11px;letter-spacing:2px}.portrait-bottom{bottom:32px;gap:12px;font-size:10px;letter-spacing:1.8px;white-space:nowrap}.portrait-line{height:1px;background:#ffffff70;flex:1}.details{padding:34px 48px 24px}header{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:10px;line-height:1.55;font-weight:800;letter-spacing:1.3px;color:#174e85}.logo-crop{width:45px;height:47px;position:relative;overflow:hidden}.logo-crop img{position:absolute;width:112px;max-width:none;top:-24px;left:-34px}.location{font-size:12px;color:#7b8794}.identity{padding-top:51px}.eyebrow{font-size:11px;letter-spacing:2.1px;font-weight:700;color:#547694;margin:0 0 18px}h1{font-family:Manrope,sans-serif;font-size:clamp(48px,5.4vw,68px);font-weight:500;line-height:1.12;letter-spacing:-4px;margin:0 0 21px;white-space:nowrap}h1 em{font-family:Georgia,serif;font-weight:400}.name-dot{color:#679dc3}.position{font-size:16px;line-height:1.5;margin:0 0 3px;color:#40566a}.company{font-size:16px;font-weight:600;margin:0}.institution{display:flex;gap:14px;margin:23px 0 27px}.institution-line{width:2px;background:#b5cce0;flex-shrink:0}.institution p{font-size:13px;line-height:1.65;margin:0;color:#778592;max-width:380px}.contacts{border-top:1px solid #e6ebef}.contacts a{display:flex;align-items:center;gap:16px;color:inherit;text-decoration:none;padding:16px 4px;border-bottom:1px solid #e6ebef;transition:background .2s, padding .2s}.contacts a:hover{background:#f3f7fb;padding-left:12px;padding-right:12px}.icon{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#eef3f8;color:#365e7f}svg{height:19px;width:19px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.contact-text{display:flex;flex-direction:column;gap:4px;min-width:0}.contact-text small{font-size:12px;color:#7b8896}.contact-text strong{font-size:16px;font-weight:500;overflow-wrap:anywhere}.arrow{margin-left:auto;color:#7790a5;font-size:20px}.save{margin-top:27px;display:flex;align-items:center;justify-content:center;gap:12px;background:#123b66;color:white;text-decoration:none;border-radius:13px;padding:18px 21px;font-size:15px;font-weight:500;box-shadow:0 8px 18px #123b6619;transition:background .2s,transform .2s}.save span{margin-left:auto;font-size:22px;font-weight:400}.save svg{margin-right:auto}.save:hover{background:#205587;transform:translateY(-2px)}a:focus-visible{outline:3px solid #4892cf;outline-offset:4px}footer{display:flex;justify-content:space-between;margin-top:28px;font-size:11px;color:#8c98a4}footer span:first-child{font-family:Georgia,serif;font-style:italic;font-size:15px;color:#5e7387}@keyframes appear{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1450px){.card{transform:scale(1.03)}}@media(max-width:800px){body{padding:20px}.details{padding:28px}.portrait{min-height:760px}.portrait-top,.portrait-bottom{left:22px;right:22px}.edition{display:none}h1{font-size:51px;letter-spacing:-3px}.portrait-bottom{font-size:8px;gap:8px}.identity{padding-top:38px}}@media(max-width:620px){body{display:block;padding:0;background:white}.card{display:flex;flex-direction:column;border-radius:0;width:100%;box-shadow:none}.portrait{min-height:0;height:370px}.photo{object-position:50% 33%;height:150%;top:-7%}.portrait:after{background:linear-gradient(180deg,#10233345,transparent 45%,#10233385)}.portrait-top{top:22px;left:25px;right:25px}.edition{display:block;font-size:10px}.portrait-bottom{bottom:32px;left:26px;right:26px;font-size:9px}.details{position:relative;background:#fff;border-radius:25px 25px 0 0;margin-top:-17px;z-index:2;padding:27px 27px 24px}header .brand{font-size:9px}.logo-crop{width:39px}.identity{padding-top:30px}.eyebrow{font-size:10px;letter-spacing:1.7px;margin-bottom:13px}h1{font-size:57px;letter-spacing:-3px;margin-bottom:17px}.institution{margin:20px 0 22px}.institution p{font-size:13px}.contacts a{padding:15px 0}.save{margin-top:23px}footer{margin-top:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(max-width:350px){.details{padding:24px 20px}h1{font-size:48px}.contact-text strong{font-size:14px}.portrait{height:320px}}@media(prefers-contrast:more){.institution p,.location,.contact-text small,footer{color:#455b70}}

.brand-logo{display:block;width:176px;height:132px;object-fit:contain;max-width:100%}
.identity{padding-top:24px}
.photo{left:10%;object-position:40% center;transform:scale(1.55);transform-origin:40% 49%}
@media(max-width:620px){
 .portrait{height:430px;aspect-ratio:auto}
 .photo{left:10%;height:100%;top:0;object-fit:cover;object-position:40% 48%;transform:scale(1.8);transform-origin:40% 48%}
 .brand-logo{width:160px;height:120px}
 .identity{padding-top:20px}
}

.header-right{display:flex;align-items:center;gap:14px}
.lang-switch{position:relative}
.lang-btn{
 display:inline-flex;align-items:center;gap:6px;
 border:1px solid #d5dee8;background:#fff;color:#17334d;
 border-radius:999px;padding:6px 12px;font:inherit;font-size:12px;font-weight:600;
 cursor:pointer;line-height:1;
}
.lang-btn:hover{border-color:#8fadc5;background:#f7fafc}
.lang-caret{width:12px;height:12px;opacity:.7}
.lang-menu{
 position:absolute;top:calc(100% + 6px);right:0;z-index:20;
 margin:0;padding:6px;list-style:none;min-width:132px;
 background:#fff;border:1px solid #e1e8f0;border-radius:14px;
 box-shadow:0 12px 32px #17334d22;
}
.lang-menu[hidden]{display:none}
.lang-menu li{
 padding:9px 12px;border-radius:10px;font-size:13px;color:#17334d;cursor:pointer;
}
.lang-menu li:hover,
.lang-menu li[aria-selected="true"]{background:#eef3f8;color:#123b66}
@media(max-width:620px){
 .header-right{gap:10px}
 .location{display:none}
}