*{box-sizing:border-box}body{margin:0;font-family:"Source Sans Pro","Open Sans",sans-serif;font-weight:300;font-size:18px;line-height:1.7;color:#333;background:#fff}
a{color:inherit}h1,h2,h3{font-family:Raleway,sans-serif;font-weight:400;line-height:1.25}
#canvas{max-width:1400px;margin:0 auto;padding:0 85px}
header{text-align:center;padding:50px 0 20px}header .logo{margin:0}header img{max-width:420px;width:100%;height:auto}
nav ul{list-style:none;margin:25px 0 0;padding:0;display:flex;justify-content:center;flex-wrap:wrap;gap:6px 34px}
nav a{font-family:Raleway,sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:14px;text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
nav a:hover,nav a.active{border-bottom-color:#333}
.divider{border-top:1px solid #ccc;margin:10px 0 0}
#hero{position:relative;margin-top:25px;height:300px;overflow:hidden;background:#222}
#hero img{width:100%;height:100%;object-fit:cover;display:block}
#hero .shade{position:absolute;inset:0;background:rgba(0,0,0,.35);display:flex;align-items:center;justify-content:center}
#hero h1{color:#fff;font-size:44px;text-transform:uppercase;letter-spacing:.15em;margin:0;text-align:center;padding:0 20px}
main{max-width:860px;margin:0 auto;padding:60px 0 40px}
main h2{font-size:28px;text-align:center;margin:50px 0 15px}main h2:first-child{margin-top:0}
.center{text-align:center}.lead{font-size:21px;text-align:center}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:30px;margin:30px 0}
.card{border:1px solid #ddd;padding:24px}.card .ph{background:#e8e8e8;aspect-ratio:1/1;margin-bottom:16px;display:flex;align-items:center;justify-content:center;color:#888;font-size:14px;text-transform:uppercase;letter-spacing:.1em}
.card h3{margin:0 0 8px;font-size:20px}.card small{text-transform:uppercase;letter-spacing:.1em;font-size:12px;color:#777}
.btn,button{display:inline-block;background:#222;color:#fff;border:0;padding:12px 28px;font-family:Raleway,sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:13px;text-decoration:none;cursor:pointer}
form{display:grid;gap:14px;margin-top:20px}input,textarea{width:100%;padding:12px;border:1px solid #bbb;font:inherit}
.signup{text-align:center;margin-top:50px}.signup form{grid-template-columns:1fr auto;max-width:520px;margin:15px auto 0}
.note{background:#f5f5f5;padding:14px 18px;font-size:15px;text-align:center}
.footer-note{text-align:center;font-style:italic;padding:30px 0 10px;border-top:1px solid #ccc}
footer{text-align:center;font-size:12px;letter-spacing:.15em;padding:20px 0 40px;color:#777}
#menuBtn{display:none}
@media(max-width:700px){#canvas{padding:0 20px}#hero{height:200px}#hero h1{font-size:28px}.signup form{grid-template-columns:1fr}}