:root{--indigo:#4b0082;--ink:#0d1020;--light:#f6f4fb;--accent:#8a5cf6}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#fff;background:var(--ink);line-height:1.55}
a{color:inherit}.nav{display:flex;align-items:center;justify-content:space-between;padding:16px 7%;background:#0a0c18;position:sticky;top:0;z-index:10}
.nav img{width:64px;height:64px;object-fit:contain}.links a{margin-left:18px;text-decoration:none}.hero{min-height:72vh;background:linear-gradient(90deg,rgba(9,8,20,.78),rgba(75,0,130,.25)),url('images/philly-skyline.jpeg') center/cover;display:flex;align-items:center;padding:8%}
.hero h1{font-size:clamp(42px,7vw,82px);margin:0;max-width:850px}.hero p{font-size:22px;max-width:700px}
.btn{display:inline-block;background:var(--accent);padding:13px 20px;border-radius:8px;text-decoration:none;font-weight:700;margin:6px 8px 6px 0}
section{padding:60px 8%}h2{font-size:38px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}.card{background:#171a2c;padding:24px;border-radius:14px}
.gallery img{width:100%;height:260px;object-fit:cover;border-radius:12px}.contact{background:var(--indigo)}
footer{padding:25px 8%;background:#080a12;color:#c9c9d5}.small{color:#c9c9d5}
@media(max-width:700px){.links{display:flex;flex-wrap:wrap;justify-content:flex-end}.links a{font-size:13px;margin:5px}.nav img{width:50px;height:50px}}