/* Figma node 148:358 — one shared footer for every page. */
.shared-footer { min-height: 315px; border-top: 1px solid #302a25; background: #09090a; color: #f4f1ec; }
.shared-footer__main { height: 223px; display: grid; grid-template-columns: 300px minmax(0, 1fr) max-content; grid-template-rows: 78px 1fr; column-gap: 48px; box-sizing: border-box; padding-top: 29px; }
.shared-footer__brand { grid-row: 1 / -1; }
.shared-footer__brand .brand__dhs { font-size: 52px; }
.shared-footer__brand > p { margin: 13px 0 0; color: #aaa49d; font-size: 13px; line-height: 1.45; }
.shared-footer__nav { display: flex; align-items: flex-start; gap: 44px; padding-top: 14px; color: #f4f1ec; font-size: 14px; white-space: nowrap; }
.shared-footer__nav a, .shared-footer__details a, .shared-footer__bottom a { position: relative; color: inherit; transition: color 200ms ease; }
.shared-footer__nav a::after, .shared-footer__details a::after, .shared-footer__bottom a::after { position: absolute; right: 0; bottom: -5px; left: 0; height: 1px; background: var(--dhs-gold); content: ''; transform: scaleX(0); transform-origin: right; transition: transform 200ms var(--dhs-ease); }
.shared-footer__nav a:hover, .shared-footer__nav a:focus-visible, .shared-footer__details a:hover, .shared-footer__details a:focus-visible, .shared-footer__bottom a:hover, .shared-footer__bottom a:focus-visible { color: var(--dhs-gold); outline: 0; }
.shared-footer__nav a:hover::after, .shared-footer__nav a:focus-visible::after, .shared-footer__details a:hover::after, .shared-footer__details a:focus-visible::after, .shared-footer__bottom a:hover::after, .shared-footer__bottom a:focus-visible::after { transform: scaleX(1); transform-origin: left; }
.shared-footer__details a::after { content: none; }
.shared-footer__socials { align-self: start; margin-right: 12px; padding-top: 6px; justify-content: end; gap: 14px; }
.shared-footer .figma-social > img:first-child { width: 39px; height: 39px; }
.shared-footer .figma-social__glyph { width: 20px; height: 20px; }
.shared-footer__details { grid-column: 2 / -1; display: grid; grid-template-columns: 300px 282px minmax(0, 1fr); align-items: start; color: #aaa49d; font-size: 14px; line-height: 1.4; }
.shared-footer__bottom { min-height: 92px; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; box-sizing: border-box; padding-top: 27px; border-top: 1px solid #302a25; color: #aaa49d; font-size: 12px; }
.shared-footer__bottom a { justify-self: center; }.shared-footer__bottom .shared-footer__sitemap { justify-self: end; }

@media (max-width: 1100px) {
  .shared-footer__main { height: auto; min-height: 250px; grid-template-columns: 255px minmax(0, 1fr); grid-template-rows: auto auto auto; row-gap: 22px; padding: 29px 0; }
  .shared-footer__brand { grid-row: 1 / 3; }.shared-footer__socials { grid-column: 1 / -1; grid-row: 3; margin-right: 0; padding-top: 0; justify-content: flex-start; }.shared-footer__details { grid-column: 2; grid-row: 2; grid-template-columns: 1fr; gap: 10px; }
}
@media (max-width: 700px) {
  .shared-footer { min-height: 0; }.shared-footer__main { grid-template-columns: 1fr; grid-template-rows: auto; gap: 24px; padding: 29px 0; }.shared-footer__brand { grid-row: auto; }.shared-footer__brand .brand__dhs { font-size: 45px; }.shared-footer__nav { flex-wrap: wrap; gap: 13px 22px; padding-top: 0; font-size: 13px; white-space: normal; }.shared-footer__socials { grid-column: auto; grid-row: auto; }.shared-footer__details { grid-column: auto; grid-row: auto; grid-template-columns: 1fr; gap: 9px; font-size: 13px; }.shared-footer__bottom { min-height: 0; grid-template-columns: 1fr; gap: 10px; padding: 22px 0; }.shared-footer__bottom a, .shared-footer__bottom .shared-footer__sitemap { justify-self: start; }
}