/* SITW V10 — About collage + patriotic site signature */

/* Replace the single About illustration with a real-photo collage */
#about .about-hero-card{
  grid-template-columns:1fr 1fr !important;
  align-items:stretch;
}
#about .about-photo-collage{
  position:relative;
  min-height:520px;
  border:1px solid var(--line);
  border-radius:16px;
  background:#f6f2f7;
  overflow:hidden;
  box-shadow:0 10px 30px #3119430b;
}
#about .about-photo-collage .photo-card{
  position:absolute;
  background:#fff;
  border:8px solid #fff;
  box-shadow:0 10px 24px #16071f2b;
  overflow:hidden;
}
#about .about-photo-collage img{
  width:100%;height:100%;object-fit:cover;display:block;
}
#about .photo-steve{
  left:4%;top:4%;width:51%;height:72%;transform:rotate(-1.5deg);z-index:3;
}
#about .photo-memorial{
  right:3%;top:4%;width:43%;height:45%;transform:rotate(1.2deg);z-index:2;
}
#about .photo-placeholder{
  display:flex;align-items:center;justify-content:center;text-align:center;
  color:var(--purple);font-weight:1000;letter-spacing:1px;text-transform:uppercase;
  background:linear-gradient(135deg,#faf7fb,#eee6f2);
}
#about .photo-placeholder small{
  display:block;color:var(--muted);font-weight:700;letter-spacing:.4px;text-transform:none;margin-top:5px;
}
#about .photo-rails{
  left:38%;bottom:4%;width:31%;height:25%;transform:rotate(1.5deg);z-index:5;
}
#about .photo-runways{
  right:2%;bottom:5%;width:29%;height:34%;transform:rotate(2deg);z-index:4;
}
#about .photo-roads{
  left:7%;bottom:2%;width:28%;height:20%;transform:rotate(-2deg);z-index:6;
}

/* Global patriotic signature */
.sitw-patriotic-signature{
  border-top:4px solid var(--gold);
  border-bottom:4px solid var(--purple);
  background:#fbfaf7;
  padding:26px 20px 22px;
}
.sitw-patriotic-inner{
  width:min(1180px,92vw);
  margin:auto;
  display:grid;
  grid-template-columns:1fr auto auto 1fr;
  gap:28px;
  align-items:center;
}
.sitw-patriotic-copy h3{
  margin:0 0 5px;
  color:var(--deep);
  font-size:20px;
}
.sitw-patriotic-copy p{
  margin:0;color:var(--muted);font-size:14px;
}
.sitw-patriotic-copy.right{text-align:right}

/* Respectful 50-state U.S. flag representation */
.us-flag{
  width:250px;height:132px;position:relative;overflow:hidden;
  box-shadow:0 5px 16px #0002;border:1px solid #bbb;
  background:repeating-linear-gradient(
    to bottom,
    #b22234 0,#b22234 10.1538px,
    #fff 10.1538px,#fff 20.3076px
  );
}
.us-flag .canton{
  position:absolute;left:0;top:0;width:100px;height:71.08px;background:#3c3b6e;
  display:grid;grid-template-columns:repeat(11,1fr);grid-template-rows:repeat(9,1fr);
  padding:4px 5px;box-sizing:border-box;
}
.us-flag .star{color:#fff;font-size:7px;line-height:1;text-align:center;align-self:center}
.us-flag .star.blank{visibility:hidden}

/* POW/MIA flag: traditional black and white presentation */
.pow-flag{
  width:250px;height:132px;background:#050505;color:#fff;position:relative;
  border:1px solid #222;box-shadow:0 5px 16px #0002;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
}
.pow-flag .pow-title{font-weight:1000;font-size:25px;letter-spacing:1px}
.pow-flag .pow-emblem{
  width:56px;height:56px;border:3px solid #fff;border-radius:50%;margin:4px 0;
  position:relative;
}
.pow-flag .pow-emblem:before{
  content:"";position:absolute;width:18px;height:25px;border-radius:55% 45% 40% 45%;
  background:#fff;left:18px;top:9px;
}
.pow-flag .pow-emblem:after{
  content:"";position:absolute;width:27px;height:15px;border-radius:50% 50% 20% 20%;
  background:#fff;left:14px;top:33px;
}
.pow-flag .pow-line{font-size:10px;font-weight:900;letter-spacing:.7px}

.sitw-patriotic-motto{
  width:min(1180px,92vw);margin:15px auto 0;text-align:center;
  color:var(--purple);font-weight:900;font-size:13px;letter-spacing:.7px;
}
@media(max-width:1000px){
  #about .about-hero-card{grid-template-columns:1fr !important}
  #about .about-photo-collage{min-height:560px}
  .sitw-patriotic-inner{grid-template-columns:1fr 1fr}
  .sitw-patriotic-copy.right{text-align:left}
}
@media(max-width:620px){
  #about .about-photo-collage{min-height:480px}
  #about .photo-steve{width:58%;height:64%}
  #about .photo-memorial{width:38%;height:36%}
  .sitw-patriotic-inner{grid-template-columns:1fr;justify-items:center;text-align:center}
  .sitw-patriotic-copy.right{text-align:center}
  .us-flag,.pow-flag{width:230px;height:121px}
}