footer.main {
    background: var(--base-color-footer);
    padding-block: max(45px, calc(91 * var(--px))) max(40px, calc(61 * var(--px)));
  }
  
  footer.main .row-2 {
    margin-top: max(95px, calc(285 * var(--px)));
  }
  
  footer.main :is(.row-1, .row-2) {
    display: flex;
    flex-flow: row nowrap;
    gap: 0px calc(30 * var(--px));
  }
  
  footer.main :is(.row-1, .row-2) .col-1 {
    width: max(150px, calc(360 * var(--px)));
    flex-shrink: 0;
  }
  
  footer.main :is(.row-1, .row-2) .col-3 {
    margin-left: auto;
  }
  
  footer.main .col-2-col-set {
    display: flex;
    flex-flow: row nowrap;
    gap: 0px calc(30 * var(--px));
  }
  
  footer.main .col-2-col-set > * {
    width: max(230px, calc(362 * var(--px)));
  }
  
  footer.main .address .btn-set {
    --margin-top: 2.2em;
  }
  
  footer.main :is(.has-lnk-a a, .lnk-a) span.icon-wrap,
  footer.main :is(.has-lnk-a a, .lnk-a) span.icon {
    display: none;
  }
  
  footer.main .row-1 :is(.has-lnk-a a, .lnk-a) {
    text-decoration: underline;
  }
  
  @media (hover: hover) {
    footer.main :is(.has-lnk-a a, .lnk-a):is(:hover, :focus) {
      text-decoration: none;
    }
  }
  
  nav.social .menu {
    display: flex;
    flex-flow: row nowrap;
    gap: 0px calc(72 * var(--px));
    align-items: center;
  }
  
  nav.social a {
    position: relative;
  }
  
  nav.social span.title-wrap {
    position: absolute;
    left: -100000em;
    top: 0;
  }
  
  nav.social a path {
    fill: var(--base-color-off-black);
  }
  
  nav.social .menu * {
    display: block;
  }
  
  nav.social a svg {
    height: 25px;
    width: auto;
  }
  
  nav.social a[href*="vimeo.com"] svg {
    height: 21px;
  }
  
  
  
  
  
  
  
  .site-title--footer img {
    display: block;
    max-width: none;
    width: max(150px, calc(260 * var(--px)));
    height: auto;
  }
  
  
  
  
  nav.footer .menu {
    display: flex;
    flex-flow: row nowrap;
    gap: 0px 2.35294117647058823529em;
  }
  
  nav.footer--secondary ul {
    display: flex;
    flex-flow: column nowrap;
    gap: 0.4em;
  }
  
  
  
  
  
  @media (max-width: 1000px) {
    
    footer.main .row-2 .col-1 p {
      display: none;
    }
    
    nav.social .menu {
      flex-flow: column nowrap;
      gap: 25px 0px;
    }
    
  }
  
  
  
  
  
  @media (max-width: 750px) {
    
    footer.main :is(.row-1, .row-2) {
      flex-flow: column nowrap;
      gap: 40px 0px;
    }
    
    footer.main .row-2 .col-1 p {
      display: block;
    }
    
    footer.main .row-1 {
      position: relative;
    }
    
    footer.main .row-1 .col-3 {
      position: absolute;
      right: 0;
      top: 90px;
      z-index: 2;
      padding-top: 0;
    }
    
    nav.social a svg {
      height: 20px;
    } 
    
    footer.main .row-2 {
      gap: 2em 0px;
      position: relative;
    }
    
    footer.main .row-2 > * {
      width: auto !important;
    }
    
    footer.main .row-2 .col-1 {
      order: 2;
    }
    
    footer.main .row-2 .col-2 {
      order: 1;
    }
    
    footer.main .row-2 .col-3 {
      position: absolute;
      right: 0;
      bottom: 0;
    }
    
  }
  
  
  
  
  
  @media (max-width: 500px) {
    
    footer.main .col-2-col-set {
      flex-flow: column nowrap;
      gap: 3em;
      padding-left: 50px;
    }
    
    footer.main .col-2-col-set > * {
      width: 100%;
    }
    
    footer.main .address .btn-set {
      --margin-top: 1em;
    }
    
    footer.main .row-2 {
      padding-left: 50px;
    }
    
    nav.footer .menu {
      gap: 0px 1em;
    }
    
    .site-title--footer img {
      filter: grayscale(1) brightness(0);
    }
    
  }