/* Patriotic Styles */

/* Reset & Base */
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif;line-height:1.6;color:#0a1a2a;background:#ffffff}

/* Colors */
:root{
  --blue:#0b3a82;
  --red:#c53b26;
  --navy:#0a2142;
  --white:#ffffff;
  --light:#f5f7fb;
  --ring:#d7e1f5;
}

/* Header with animated flag */
.topbar{
  position:sticky;top:0;z-index:1000;
  background: url('https://upload.wikimedia.org/wikipedia/commons/5/5c/US_flag_48_stars.svg') repeat-x;
  background-size: cover;
  animation: wave 10s linear infinite;
}
@keyframes wave {
  0% { background-position:0 0; }
  100% { background-position:1000px 0; }
}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;min-height:80px;padding:0 20px}
.brand img{height:60px;width:auto;border-radius:6px;background:#fff;padding:4px}
.nav{display:flex;gap:20px;align-items:center}
.nav a{color:#fff;text-decoration:none;font-weight:600;transition:0.2s}
.nav a:hover{color:var(--red)}
.nav .cta{background:var(--red);padding:10px 14px;border-radius:8px;color:#fff}

/* Hero with subtle flag overlay */
.hero{
  background: linear-gradient(rgba(10,33,66,.6),rgba(10,33,66,.6)),
              url('https://upload.wikimedia.org/wikipedia/commons/5/5c/US_flag_48_stars.svg');
  background-size:cover;background-position:center;
  color:#fff;padding:100px 20px;text-align:center
}
.hero h1{font-size:48px;margin-bottom:10px}
.hero p{font-size:20px;margin-bottom:20px}
.btn{display:inline-block;margin:5px;padding:12px 20px;border-radius:8px;font-weight:bold;text-decoration:none}
.btn.primary{background:var(--red);color:#fff}
.btn.outline{border:2px solid #fff;color:#fff}

/* Sections */
.section{padding:60px 20px}
h2{font-size:32px;margin-bottom:20px;text-align:center;color:var(--blue)}

/* Services */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.card{background:#fff;border:2px solid var(--ring);padding:20px;border-radius:10px;text-align:left}

/* About */
.about-inner{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}
.about-inner img{width:100%;border-radius:10px;border:2px solid var(--ring)}
.about-copy{color:#333}

/* Gallery with patriotic border */
.gallery{background:linear-gradient(rgba(255,255,255,.9),rgba(255,255,255,.9)),
                    url('https://upload.wikimedia.org/wikipedia/commons/5/5c/US_flag_48_stars.svg');
  background-size:cover;padding:60px 20px}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}
.gallery-grid figure{border:3px solid var(--blue);border-radius:8px;overflow:hidden}
.gallery-grid img{width:100%;height:100%;object-fit:cover}

/* Lightbox */
.lightbox{display:none;position:fixed;z-index:2000;top:0;left:0;width:100%;height:100%;
          background:rgba(10,33,66,.95) url('https://upload.wikimedia.org/wikipedia/commons/5/5c/US_flag_48_stars.svg') center/200px repeat}
.lightbox:target{display:flex;justify-content:center;align-items:center}
.lightbox img{max-width:90%;max-height:80%;border:5px solid var(--white);border-radius:10px}
.close{position:absolute;top:20px;right:30px;font-size:40px;color:#fff;text-decoration:none}

/* Contact */
.contact-wrap{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.contact-form input,.contact-form textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:6px}

/* Footer (simple patriotic) */
.footer{background:var(--navy);color:#fff;padding:20px;text-align:center}
.footer a{color:#fff;margin:0 10px;text-decoration:none}
.footer a:hover{color:var(--red)}

/* Responsive */
@media(max-width:768px){
  .about-inner{grid-template-columns:1fr}
  .contact-wrap{grid-template-columns:1fr}
}