*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#163652;background:#f8fbff;font:17px/1.55 Arial,sans-serif}a{color:inherit}nav,footer{display:flex;align-items:center;gap:32px;padding:18px 6vw}header{border-bottom:1px solid #c9dbea}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font:bold 31px/1 Georgia}.brand small{font:9px/1.4 Arial;display:block;letter-spacing:2px}.mark{font:43px/1 Georgia;color:#216dad}.links{margin-left:auto;display:flex;gap:28px}nav a{text-decoration:none}.navcta,.btn{display:inline-block;padding:12px 22px;border-radius:30px;background:#163652;color:white;text-decoration:none;font-weight:bold;font-size:14px}.hero{display:grid;grid-template-columns:49% 51%;min-height:510px}.intro{align-self:center;padding:64px 5vw 64px 6vw}small{font:700 11px/1.6 Arial;letter-spacing:1.6px}.intro i{display:inline-block;width:8px;height:8px;background:#3786be;border-radius:50%;margin-right:5px}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.07;letter-spacing:-.04em}h1{font-size:clamp(55px,6.6vw,106px);margin:22px 0}em{color:#266c9f}.intro p{max-width:490px;margin:0 0 27px}figure{margin:0;position:relative;min-height:100%;overflow:hidden}figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}figcaption{position:absolute;right:12px;bottom:12px;color:white;background:#142f4bd9;padding:3px 10px;font-size:10px}aside{background:#deedfa;display:flex;align-items:center;gap:4vw;padding:19px 6vw}aside span{font:22px Georgia}section{padding:70px 6vw}h2{font-size:clamp(36px,4.3vw,66px);margin:13px 0 30px}h3{font-size:32px;margin:12px 0}h3 a{text-decoration:none}p{max-width:61ch}.cards,.contact,.profile{display:grid;grid-template-columns:1fr 1fr;gap:5vw}article{border-top:1px solid #9bbbd3;padding:24px 0}.more{font-weight:bold;text-underline-offset:5px}.profile{background:#eaf3fc;align-items:center}.profile img{width:100%;height:330px;object-fit:cover}.contact{background:#163652;color:#fff}.contact .btn{background:#d7ecff;color:#163652}footer{font-size:14px;justify-content:space-between;flex-wrap:wrap}.detail{max-width:1100px}.detail h1{font-size:clamp(38px,6vw,80px);overflow-wrap:anywhere}.detail h2{font-size:36px;margin-top:48px}a:hover{text-decoration:underline;text-underline-offset:4px}
.profile img {
  width: min(100%, 340px);
  height: auto;
  justify-self: center;
  border-radius: 4px;
}
a:focus-visible { outline: 3px solid #5996c9; outline-offset: 3px; }
.navcta, .btn { background: #19588d; }
@media (max-width: 760px) {
  body { font-size: 16px; }
  nav { display: grid; grid-template-columns: 1fr auto; gap: 8px; padding: 12px 6vw 0; }
  .links { grid-row: 2; grid-column: 1 / -1; margin: 0; gap: 24px; border-top: 1px solid #c9dbea; }
  .links a, .more, .contact a, footer a, .detail > a { display: inline-flex; align-items: center; min-height: 44px; }
  .navcta { grid-row: 1; grid-column: 2; }
  .hero, .cards, .contact, .profile { grid-template-columns: minmax(0, 1fr); }
  .intro { padding: 36px 6vw; }
  h1 { font-size: clamp(46px, 10.5vw, 64px); }
  h3 { font-size: clamp(27px, 6vw, 32px); }
  .detail h1 { font-size: clamp(32px, 7.5vw, 52px); hyphens: auto; }
  .hero figure { height: clamp(200px, 52vw, 310px); min-height: 0; }
  aside { flex-wrap: wrap; gap: 5px 18px; }
  aside small { width: 100%; }
  aside span { font-size: 19px; }
  section { padding: 42px 6vw; }
  .profile img { width: min(100%, 268px); }
  .contact { gap: 0; }
  footer { gap: 4px; flex-direction: column; align-items: flex-start; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }