/* Shared 3Syxty marketing footer. Single source of truth.
   Scoped to the .syxty-foot container so it is page-id independent. */

    /* Home page footer - professional layout (scoped to this footer only). */
    .syxty-foot { padding-top: 60px !important; padding-bottom: 26px !important; }
    .syxty-foot .syxty-foot-row { row-gap: 2.5rem; }
    .syxty-foot h5 {
      font-size: .72rem; letter-spacing: .16em; text-transform: uppercase;
      color: #eef1f6 !important; font-weight: 700; margin-bottom: 1.25rem;
    }
    .syxty-foot a { color: #aab2c0 !important; text-decoration: none; transition: color .15s ease; }
    .syxty-foot a:hover { color: #ff6a3d !important; }
    .syxty-foot .mbr-text { color: #aab2c0 !important; font-size: .92rem; line-height: 1.85; margin: 0; }
    .syxty-foot .syxty-foot-portfolio a { display: block; padding: .14rem 0; font-size: .92rem; }
    /* Brand column: one cohesive, centred unit. */
    .syxty-foot .syxty-foot-brand { text-align: center; }
    /* The logo PNG carries ~16% transparent padding above the glyphs; pull it up
       so the visible "3SYXTY" cap-top lines up with the "PORTFOLIO" heading. */
    .syxty-foot .syxty-foot-logo { height: 5rem; width: auto; display: block; margin: calc(-0.7rem - 3px) auto 1.5rem; }
    .syxty-foot .syxty-foot-by { font-size: .66rem; letter-spacing: .14em; text-transform: uppercase; color: #6c7585 !important; margin: 0 0 .65rem; }
    .syxty-foot .syxty-foot-interlink { width: 150px; max-width: 80%; height: auto; display: block; margin: 0 auto 1rem; }
    .syxty-foot .syxty-foot-legal { font-size: .78rem; line-height: 1.6; color: #7c8597 !important; margin: 0; }
    .syxty-foot .syxty-foot-legal strong { display: block; color: #cfd6e0; font-weight: 600; margin-bottom: .25rem; }
    /* Address column: HQ photo sits between the heading and the address. */
    .syxty-foot .syxty-foot-building { display: block; width: 100%; height: auto; border-radius: 8px; border: 1px solid #2a2f37; margin: 0 0 1.1rem; }
    .syxty-foot hr { border-color: #2a2f37 !important; opacity: 1; margin: 0; }
    .syxty-foot .footer-lower { margin-top: 1.75rem; }
    .syxty-foot .copyright p { color: #6c7585 !important; font-size: .82rem; margin: 0; }
    .syxty-foot .social-list .soc-item a { color: #aab2c0 !important; }
    .syxty-foot .social-list .soc-item a:hover { color: #ff6a3d !important; }
    /* Desktop: one consistent gap between every column; nav columns share the
       remaining width evenly (Portfolio a touch wider for its longer labels),
       so the row fills edge-to-edge with even spacing. */
    @media (min-width: 992px) {
      .syxty-foot .syxty-foot-row { flex-wrap: nowrap; gap: 3rem; }
      .syxty-foot .syxty-foot-row > [class*="col-"] {
        flex: 1 1 0; max-width: none; width: auto; padding-left: 0; padding-right: 0;
      }
      .syxty-foot .syxty-foot-brand { flex: 0 0 18%; }
      .syxty-foot .syxty-foot-portfolio { flex: 1.4 1 0; }
    }