*{box-sizing:border-box}body{margin:0;font:17px/1.65 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#222}
.top{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:.8rem 5vw;background:#fff;box-shadow:0 1px 4px #0002}
.top a{color:#123;text-decoration:none;font-weight:600}.brand{font-size:1.2rem}
.hero{min-height:60vh;display:grid;place-items:center;text-align:center;color:#fff;background:linear-gradient(#0008,#0008),url(/img/hero.jpg) center/cover}
.hero h1{font-size:clamp(2.2rem,6vw,4rem);margin:0}.hero p{font-size:1.4rem;margin:.3rem 0 0}
main{max-width:1100px;margin:auto;padding:2rem 5vw}
.row{display:flex;gap:2.5rem;align-items:center;padding:2.5rem 0;border-bottom:1px solid #eee}.row.rev{flex-direction:row-reverse}
.row img{width:42%;border-radius:8px;object-fit:cover}.row>div{flex:1}h2{color:#123;margin-top:0}
blockquote{margin:1rem 0;padding:.6rem 1rem;border-left:4px solid #1a73e8;background:#f5f8ff;font-style:italic}
footer{background:#123;color:#dde;padding:2.5rem 5vw;text-align:center}footer a{color:#9cf}
@media(max-width:760px){.row,.row.rev{flex-direction:column}.row img{width:100%}}