@import url("brand.css");

.person-page{background:#f7fafb;color:var(--ink)}
.person-main{max-width:1180px;margin:0 auto;padding:32px 28px 80px}
.person-breadcrumbs{margin:8px 0 30px;color:var(--muted);font-size:14px}
.person-breadcrumbs a{color:#0f7774;text-decoration:none}
.person-hero{display:grid;grid-template-columns:minmax(0,1.35fr) 220px;gap:36px;align-items:center;padding:52px;border-radius:30px;background:linear-gradient(135deg,#083e5c 0%,#07566c 58%,#087a78 100%);color:#fff;box-shadow:0 24px 70px rgba(7,62,92,.18)}
.person-hero .eyebrow{color:#82e5dd}
.person-hero h1{max-width:780px;margin:12px 0 18px;font-size:clamp(38px,6vw,72px);line-height:1.02;letter-spacing:-.045em}
.person-hero p{max-width:760px;margin:0;color:rgba(255,255,255,.82);font-size:18px;line-height:1.75}
.person-mark{display:grid;place-items:center;min-height:320px;border:1px solid rgba(255,255,255,.18);border-radius:24px;background:rgba(255,255,255,.08);font-size:clamp(72px,10vw,130px);font-weight:800;letter-spacing:-.08em;color:#8be8df}
.person-photo{height:260px;border:1px solid rgba(255,255,255,.18);border-radius:20px;overflow:hidden;background:#dceef0;box-shadow:0 16px 40px rgba(0,0,0,.16)}
.person-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top;filter:saturate(.9) contrast(.98)}
.person-role{display:block;margin-bottom:8px;color:#82e5dd;font-size:13px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}
.person-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:28px;margin-top:28px}
.person-card{padding:32px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 14px 40px rgba(19,54,73,.06)}
.person-card h2{margin:0 0 18px;font-size:28px;line-height:1.2}
.person-card h3{margin:28px 0 10px;font-size:20px}
.person-card p{margin:0;color:var(--muted);font-size:16px;line-height:1.8}
.person-card p+p{margin-top:16px}
.person-facts{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.person-facts li{padding:16px 18px;border-radius:15px;background:#eef7f7;color:#244d5e;line-height:1.55}
.person-facts strong{display:block;margin-bottom:3px;color:#087a78}
.person-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.person-note{margin-top:28px;padding:22px 26px;border-radius:18px;background:#eaf4f7;color:#244d5e;line-height:1.7}

@media(max-width:820px){
  .person-main{padding:22px 18px 56px}
  .person-hero,.person-layout{grid-template-columns:1fr}
  .person-hero{padding:30px}
  .person-mark{min-height:190px}
  .person-photo{height:220px}
  .person-page .header>.header-contacts{display:flex}
  .person-page .header-email{font-size:10px}
}