@font-face{font-family:Manrope;src:url('/assets/fonts/font-0.ttf') format('truetype');font-display:swap}@font-face{font-family:Prata;src:url('/assets/fonts/font-4.ttf') format('truetype');font-display:swap}
*{box-sizing:border-box}body{margin:0;background:#082f32;color:#f5f0e5;font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #a9dbcd;outline-offset:5px}header{max-width:1320px;margin:auto;padding:28px 40px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:14px;font-size:24px;letter-spacing:-1px}.brand img{object-fit:contain}.brand small{display:block;font-size:10px;letter-spacing:0;margin-top:5px;color:#b4cbc6}.back{font-size:12px;color:#c3d6d0;padding:12px 0}main{max-width:1120px;margin:38px auto 70px;display:grid;grid-template-columns:1fr 1fr;gap:82px;padding:0 40px;align-items:center}.portrait{position:relative;height:710px;border-radius:150px 150px 4px 4px;overflow:hidden;background:#234542}.portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 57%}.portrait:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#052e32b0);pointer-events:none}.portrait>span{position:absolute;z-index:1;bottom:28px;left:28px;font-size:10px;letter-spacing:2px}.eyebrow{font-size:10px;letter-spacing:2.4px;color:#a8cbbd;margin:0 0 20px}h1{font:400 clamp(40px,4vw,58px)/1.18 Prata,Georgia,serif;letter-spacing:-1.5px;margin:0 0 14px}.latin{font-size:16px;color:#c4d6ce;margin:0 0 22px}.role{font-size:14px;line-height:1.8;margin-bottom:28px}.role span{display:block;font-size:12px;color:#a8c2b9}.contact-links{border-top:1px solid #ffffff24}.contact-links>a{display:flex;justify-content:space-between;gap:14px;align-items:center;min-height:73px;border-bottom:1px solid #ffffff24;font-size:15px;padding:12px 2px;transition:background .2s}.contact-links a:hover{background:#ffffff08}.contact-links small{display:block;font-size:10px;color:#abc5ba;margin-bottom:5px}.contact-links a>span:last-child{color:#a9cfc0;font-size:20px}.save{display:flex;justify-content:center;align-items:center;gap:16px;background:#ececdd;color:#123f38;min-height:56px;border-radius:4px;margin-top:26px;font-size:14px;font-weight:600}.save:hover{background:#fff8e7}.save-note{font-size:10px;text-align:center;color:#abc3ba;line-height:1.7}footer{max-width:1240px;margin:auto;padding:22px 40px 28px;border-top:1px solid #ffffff18;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#9cbab0}
@media(max-width:760px){header{padding:20px}.brand{font-size:21px;gap:9px}.brand img{width:48px;height:34px}.brand small{display:none}.back{font-size:11px}main{display:flex;flex-direction:column;align-items:stretch;gap:32px;margin:14px auto 40px;padding:0 24px;max-width:520px}.portrait{height:350px;border-radius:110px 110px 4px 4px}.portrait img{object-position:center 53%}.portrait>span{left:22px;bottom:22px;font-size:9px}.eyebrow{margin-bottom:14px}h1{font-size:40px;line-height:1.2}.latin{font-size:15px;margin-bottom:18px}.role{margin-bottom:22px}.contact-links>a{min-height:76px;font-size:15px}.save{border-radius:13px;min-height:56px}footer{padding:22px 24px 28px;gap:12px;flex-direction:column;font-size:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Identity comes first on every screen; the portrait remains unobstructed. */
main{align-items:start;gap:38px 70px;margin-top:24px}.identity{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:70px;align-items:end}.identity .eyebrow{grid-column:1/-1;margin-bottom:15px}.identity h1{grid-column:1;grid-row:2/4;font-size:clamp(38px,4.5vw,58px);margin:0}.identity .latin{grid-column:2;grid-row:2;margin:0 0 12px;font-size:20px}.identity .role{grid-column:2;grid-row:3;margin:0}.portrait{height:590px;border-radius:100px 100px 4px 4px}.contact-card{align-self:center}.contact-links>a{justify-content:initial;gap:16px}.contact-links>a>span:last-child{margin-left:auto}.contact-icon{flex:0 0 42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#ffffff09}.contact-icon img{display:block;width:23px;height:23px;object-fit:contain}.contact-icon.max{background:none}.contact-icon.max img{width:34px;height:34px}.contact-icon.telegram{background:#279ed3}.contact-icon.instagram{background:linear-gradient(135deg,#7739bd,#cb337b,#e59c44)}.contact-links>a>span:nth-child(2){min-width:0}
@media(max-width:760px){main{gap:26px;padding:0 24px;margin-top:16px}.identity{display:block}.identity h1{font-size:38px;margin-bottom:12px}.identity .latin{font-size:16px;margin-bottom:14px}.identity .role{font-size:13px;margin:0}.identity .eyebrow{font-size:9px;margin-bottom:13px}.portrait{height:300px;border-radius:70px 70px 4px 4px}.portrait img{object-position:center 54%}.contact-card{align-self:stretch}.contact-links>a{gap:13px}.contact-icon{flex-basis:38px;height:38px}.contact-links>a>span:nth-child(2){font-size:14px}.contact-links small{font-size:10px}}
@media(max-width:760px){main{align-items:stretch}.portrait{width:100%}}

/* Mobile contact card: identity over the photo, direct actions always in reach. */
.name-space,.mobile-contact-dock{display:none}
@media(max-width:760px){
 body{padding-bottom:calc(158px + env(safe-area-inset-bottom,0px))}
 main{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;align-items:start;margin:10px auto 28px;padding:0 18px}
 .portrait,.identity{grid-column:1;grid-row:1}
 .portrait{height:clamp(260px,calc(100svh - 260px),460px);border-radius:24px;width:100%}
 .portrait img{object-position:center 46%}
 .portrait:after{inset:35% 0 0;background:linear-gradient(transparent,#042d3480 48%,#042d34f5)}
 .portrait>span,.identity .eyebrow{display:none}
 .identity{align-self:end;z-index:2;display:block;min-width:0;margin:0 18px 20px;color:#fff8ec;text-shadow:0 1px 9px #002d34;pointer-events:none}
 .identity h1{font-size:clamp(22px,6.15vw,28px);line-height:1.3;letter-spacing:-.6px;margin:0 0 6px;white-space:normal}
 .identity .name-break{display:none}.identity .name-space{display:inline}
 .identity .latin{font-size:12px;color:#eef4e8;margin:0 0 8px}
 .identity .role{font-size:11px;line-height:1.65;margin:0;color:#f8f5e9}
 .identity .role span{display:inline;color:#d7e6dc;font-size:10px;margin-left:9px}
 .contact-card{grid-column:1;grid-row:2;width:100%}
 .contact-links>[data-quick-contact],.contact-card>.save,.contact-card>.save-note{display:none}
 .mobile-contact-dock{display:grid;gap:10px;position:fixed;z-index:50;bottom:0;left:0;right:0;padding:10px 18px calc(12px + env(safe-area-inset-bottom,0px));background:#082f32f5;border-top:1px solid #aac7b43b;box-shadow:0 -10px 30px #00282d28;backdrop-filter:blur(18px)}
 .quick-contacts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;max-width:484px;margin:auto}
 .quick-contacts>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:58px;border:1px solid #d5e4d82e;border-radius:13px;background:#ffffff06;font-size:10px;color:#f5f0e5}
 .quick-contacts>a:hover{background:#ffffff12}.dock-icon{display:grid;place-items:center;width:25px;height:25px}.dock-icon img{width:23px;height:23px;object-fit:contain}.dock-icon.telegram{background:#279ed3;border-radius:7px;width:28px;height:28px}.dock-icon.telegram img{width:20px;height:20px}.dock-icon.max img{width:28px;height:28px}
 .mobile-contact-dock>.dock-save{margin:0 auto;min-height:50px;width:100%;max-width:484px;border-radius:13px;font-size:14px}
 footer{margin:0 18px;padding:18px 0 10px;font-size:8px}
}
@media(max-width:760px) and (max-height:500px){header{padding:12px 18px}main{margin-top:0}.portrait{height:220px}.mobile-contact-dock{gap:6px;padding-top:6px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}.quick-contacts>a{min-height:48px;gap:2px}.mobile-contact-dock>.dock-save{min-height:44px}}

/* Mobile refinement: identity at the top, a contrasting sand action sheet. */
@media(max-width:760px){
 .identity{align-self:start;margin:20px 18px 0}
 .portrait img{object-position:center 18%;transform:scale(1.18);transform-origin:50% 60%}
 .portrait:after{inset:0 0 65%;background:linear-gradient(#042d34f2,#042d3499 48%,transparent)}
 .mobile-contact-dock{background:#f0ebdffb;border-top:1px solid #fff8ec;border-radius:20px 20px 0 0;box-shadow:0 -10px 32px #001e2d40}
 .quick-contacts>a{background:#fffcf5;color:#214c40;border-color:#cdd7c8}
 .quick-contacts>a:hover{background:#e5e9dd}
 .dock-icon.phone,.dock-icon.email{background:transparent;border-radius:8px;width:28px;height:28px}
 .dock-icon.phone img,.dock-icon.email img{width:28px;height:28px}
 .mobile-contact-dock>.dock-save{background:#164b40;color:#fff9ee}
 .mobile-contact-dock>.dock-save:hover{background:#0c3b32}
 .mobile-contact-dock a:focus-visible{outline-color:#245e4b;outline-offset:3px}
}
@media(max-width:360px){.quick-contacts>a>span:last-child{display:none}.quick-contacts>a{min-height:48px;gap:0}}
@media(max-width:760px) and (max-height:500px){.portrait img{object-position:center 28%}}