*{box-sizing:border-box}
html{background:#00ccd3}
body{margin:0;min-height:100svh;padding:clamp(36px,7vh,76px) 32px 64px;background:#00ccd3;color:#fff;font-family:'Roboto',Arial,sans-serif;-webkit-font-smoothing:antialiased}
.card{width:100%;max-width:960px;margin:0 auto}
.logo{display:block;width:760px;max-width:100%;height:auto;margin:0 auto clamp(48px,8vh,82px)}
.columns{display:grid;grid-template-columns:310px minmax(0,1fr);align-items:center;gap:84px}
.photo{display:block;width:100%;height:auto;border-radius:16px;box-shadow:0 20px 54px -18px rgba(0,70,76,.32);outline:1px solid rgba(255,255,255,.2);outline-offset:-1px}
.info{min-width:0;padding:10px 0}
h1{font-size:clamp(38px,4.6vw,54px);line-height:1.12;font-weight:500;letter-spacing:-1.7px;margin:0 0 15px;text-wrap:balance}
.role{font-size:24px;line-height:1.5;font-weight:400;font-style:italic;margin:0 0 32px}
address{font-style:normal;display:flex;flex-direction:column;gap:12px;border-top:1px solid rgba(255,255,255,.35);padding-top:27px;max-width:340px}
a{display:flex;align-items:center;gap:15px;width:fit-content;max-width:100%;color:inherit;font-size:21px;line-height:1.6;text-decoration:none;text-underline-offset:5px;border-radius:5px;transition:transform .18s ease}
a span{overflow-wrap:anywhere}
a svg{width:23px;height:23px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
a:hover{transform:translateX(3px)}a:hover span{text-decoration:underline;text-decoration-thickness:1px}
a:focus-visible{outline:2px solid #fff;outline-offset:6px}
@media(min-width:741px) and (min-height:850px){body{display:flex;align-items:center}.card{padding-bottom:24px}}
@media(max-width:740px){body{padding:32px 24px 44px}.card{max-width:440px}.logo{width:100%;margin-bottom:38px}.columns{grid-template-columns:1fr;gap:32px;text-align:center}.photo{width:234px;justify-self:center;border-radius:13px}.info{padding:0}h1{font-size:clamp(32px,8.6vw,40px);letter-spacing:-1px}.role{font-size:21px;margin-bottom:24px}address{align-items:center;margin:0 auto;padding-top:22px;max-width:290px;gap:10px}a{font-size:19px}}
@media(prefers-reduced-motion:reduce){a{transition:none}a:hover{transform:none}}