*{box-sizing:border-box}body{margin:0;font:400 17px/1.6 Lato,Arial,sans-serif;color:rgb(27,27,27);background:#fff;min-height:100vh;display:flex;flex-direction:column}
a{color:rgb(29,76,95)}a:hover,a:focus{color:rgb(47,126,158)}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:6px;z-index:9}
.hdr{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;padding:20px 5vw;border-bottom:1px solid #e5e5e5}
.brand{font:700 1.3rem Oswald,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:rgb(27,27,27);text-decoration:none}
nav a{margin-left:20px;text-decoration:none;color:rgb(89,89,89);text-transform:uppercase;letter-spacing:.08em;font-size:.9rem}nav a:hover{color:rgb(47,126,158)}
h1,h2{font-family:Lusitana,Georgia,serif;font-weight:400;line-height:1.25}
main{flex:1;padding:8vh 5vw;max-width:1100px;margin:0 auto;width:100%}
.hero{display:flex;align-items:center;justify-content:center;text-align:center;background:rgb(247,247,247);max-width:none}.hero h1{font-size:clamp(2rem,5vw,3.4rem);max-width:900px}
.about h1{text-align:center}.card{display:flex;gap:40px;align-items:center;flex-wrap:wrap;justify-content:center}.card img{width:min(365px,80vw);height:auto;border-radius:50%}.card div{flex:1;min-width:260px}.card h2{font-size:1.8rem;margin-top:0}
.ftr{text-align:center;padding:30px;color:rgb(94,94,94);font-size:.9rem;border-top:1px solid #e5e5e5}