.trade-points{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:8px; }
.trade-point{ background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.12); border-top:3px solid var(--accent); padding:24px 24px 26px; }
.trade-point h3{ font-family:"Archivo",sans-serif; font-weight:800; text-transform:uppercase; font-size:15px; letter-spacing:.02em; margin:0 0 10px; }
.trade-point p{ font-size:14px; line-height:1.55; color:rgba(255,255,255,.74); margin:0; }
.proof-grid{ display:grid; grid-template-columns:1.2fr 1fr; gap:56px; align-items:start; }
.proof-grid .body p{ font-size:16.5px; line-height:1.7; color:rgba(255,255,255,.82); margin:0 0 18px; }
.proof-grid .body p strong{ color:#fff; }
.proof-list{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:12px; }
.proof-list li{ background:var(--ink); border-left:3px solid var(--accent); padding:16px 20px; font-size:14.5px; line-height:1.5; color:rgba(255,255,255,.82); }
.proof-list li strong{ display:block; font-family:"Archivo",sans-serif; text-transform:uppercase; letter-spacing:.04em; font-size:12px; color:var(--accent); margin-bottom:5px; }
@media(max-width:880px){ .trade-points{ grid-template-columns:1fr; } .proof-grid{ grid-template-columns:1fr; gap:32px; } }
section.city-hero.city-hero{
  position:relative;isolation:isolate;overflow:hidden;
  background:
    linear-gradient(105deg, rgba(10,15,28,.88) 0%, rgba(10,15,28,.55) 45%, rgba(0,39,104,.25) 75%, rgba(200,38,42,.18) 100%),
    url('../../assets/dubuque-skyline-hero.webp') center 62%/cover no-repeat;
}
section.city-hero.city-hero::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:radial-gradient(rgba(200,38,42,.55) 1.1px, transparent 1.2px);
  background-size:7px 7px;
  -webkit-mask-image:linear-gradient(115deg, transparent 38%, #000 78%, #000 100%);
  mask-image:linear-gradient(115deg, transparent 38%, #000 78%, #000 100%);
  mix-blend-mode:screen;opacity:.75;
}
section.city-hero.city-hero::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    linear-gradient(102deg, transparent 0 61%, rgba(200,38,42,.9) 61% 61.5%, transparent 61.5%),
    linear-gradient(102deg, transparent 0 66%, rgba(255,255,255,.22) 66% 66.25%, transparent 66.25%),
    linear-gradient(0deg, #C8262A 0 4px, transparent 4px);
}
section.city-hero.city-hero > .container{position:relative;z-index:1}