*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f8fa;color:#102b45;font-family:Arial,sans-serif;line-height:1.6}header{position:sticky;top:0;background:#04172bf5;border-bottom:1px solid #173d58;z-index:5}nav{max-width:1180px;margin:auto;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.brand{display:flex;gap:12px;align-items:center;color:#fff;text-decoration:none}.brand b{font-size:1.55rem;color:#12a8b1}.brand span{font-weight:700}.links{display:flex;gap:25px}.links a{color:#d5e4e8;text-decoration:none;font-size:.84rem}.hero{max-width:1180px;margin:auto;background:#03182d;color:#fff;display:grid;grid-template-columns:.78fr 1.22fr;gap:48px;padding:42px 48px 25px;align-items:center;border-radius:0 0 12px 12px}.portrait{padding:10px;background:linear-gradient(145deg,#0a4771,#0a7180);border-radius:40px 40px 12px 40px}.portrait img{display:block;width:100%;border-radius:32px 32px 8px 32px}.intro h1{font-size:3.25rem;line-height:1.05;margin:0}.intro h2{color:#13b5bd;font-size:1.55rem;margin:.35rem 0}.intro p{color:#bfd0d6;max-width:650px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.actions a,.message{border:1px solid #91a7b1;color:#fff;text-decoration:none;padding:11px 17px;border-radius:6px;font-weight:700}.actions .primary,.message{background:#0ca0aa;border-color:#0ca0aa}.vendors{grid-column:1/3;border-top:1px solid #1b425d;padding-top:23px;display:flex;justify-content:space-around;align-items:center}.vendors span{font-weight:800;letter-spacing:.08em;color:#fff}.about,section:not(.hero){max-width:1180px;margin:auto;padding:58px 48px;border-bottom:1px solid #dce5e8;background:#fff}.about{display:grid;grid-template-columns:1.5fr .5fr;gap:50px}.about h3,#projects>h3,#credentials h3,.contact h3{font-size:1.65rem}.about p{color:#526976}.about aside{border:1px solid #d3e0e4;border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:20px;box-shadow:0 10px 24px #09243b12;color:#24485d}.kicker{color:#078892!important;font-weight:800;letter-spacing:.08em}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:24px}.cards article,.projects article{border:1px solid #d6e2e6;border-radius:9px;padding:18px;background:#fff;box-shadow:0 7px 18px #0e304812}.cards i{font-size:2rem;color:#0697a2;font-style:normal}.cards h3{font-size:.98rem}.cards p,.projects p{font-size:.86rem;color:#516975}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.projects article{min-height:145px}.projects h4{color:#123956}.contact{background:#03182d!important;color:#fff;display:grid;grid-template-columns:1fr auto;align-items:center}.contact a{color:#dceef1;text-decoration:none}.notice{max-width:1180px;margin:0 auto;padding:15px 48px;color:#687a83;font-size:.72rem;background:#fff}footer{text-align:center;background:#03182d;color:#91a9b3;padding:22px}@media(max-width:850px){.links{display:none}.hero{grid-template-columns:1fr;padding:38px 24px}.portrait{max-width:390px}.vendors{grid-column:1;flex-wrap:wrap;gap:20px}.about{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.projects{grid-template-columns:1fr 1fr}section:not(.hero),.about{padding:45px 24px}}@media(max-width:520px){.intro h1{font-size:2.35rem}.cards,.projects{grid-template-columns:1fr}.contact{grid-template-columns:1fr;gap:20px}.vendors{justify-content:flex-start}}