/* QILA — HOME / ABOUT FINAL TIDY
   1. Home Why Qila is a navy brand band.
   2. Small gold fortress outline sits on the right.
   3. Built-in forms were removed from Home and About in the HTML. */

.qila-bridge{
  position:relative !important;
  overflow:hidden !important;
  background:#07111a !important;
  color:#fbf7ee !important;
  border-top:1px solid rgba(198,162,93,.20) !important;
  border-bottom:1px solid rgba(198,162,93,.20) !important;
  padding:64px 0 68px !important;
}

.qila-bridge .wrap{
  position:relative !important;
  z-index:2 !important;
}

.qila-bridge .eyebrow.light{
  color:#c8a25d !important;
}

.qila-bridge .h2{
  color:#fbf7ee !important;
  margin-top:6px !important;
  font-weight:600 !important;
  letter-spacing:-.015em !important;
}

.qila-bridge .lede{
  color:#d7d4cc !important;
  max-width:720px !important;
}

.qila-bridge .btn.btn-ghost{
  color:#fbf7ee !important;
  border-color:rgba(200,162,93,.58) !important;
  background:transparent !important;
}

.qila-bridge .btn.btn-ghost:hover{
  background:rgba(200,162,93,.08) !important;
  border-color:#c8a25d !important;
}

/* The fortress asset itself is already gold (#C8A25D). */
.qila-bridge .section-mark.fortress{
  background-image:url("/qila-fortress-outline.png") !important;
  background-color:transparent !important;
  background-repeat:no-repeat !important;
  background-position:right bottom !important;
  background-size:contain !important;
  width:clamp(220px,21vw,320px) !important;
  height:clamp(135px,13vw,195px) !important;
  right:max(26px, calc((100vw - 1240px)/2 + 26px)) !important;
  bottom:8px !important;
  opacity:.24 !important;
  filter:brightness(1.08) contrast(1.05) !important;
}

@media(max-width:720px){
  .qila-bridge{
    padding:54px 0 58px !important;
  }

  .qila-bridge .section-mark.fortress{
    width:min(56vw,250px) !important;
    height:min(34vw,155px) !important;
    right:6px !important;
    bottom:2px !important;
    opacity:.14 !important;
  }
}