.outro {
      margin: 0 auto;
    }
    .outro__main {
      position: relative;
    }
    .outro__title {
      color: white;
      background: var(--color-quaternary);
      font-family: var(--font-1);
      font-size: 3.8125rem;
      font-weight: 600;
      line-height: .8;
      letter-spacing: 0.19063rem;
      text-transform: uppercase;
      padding: 3rem var(--x-gap);
    }
    .color-palette-2 .outro__title {
      background: var(--color-primary);
    }
    .color-palette-3 .outro__title {
      background: var(--color-primary);
    }
    .outro__marquees {
      position: relative;
      overflow: hidden;
      height: 2.25rem;
    }
    .outro__marquees div {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      color: var(--color-tertiary);
      background-color: var(--color-primary);
      text-align: right;
      color: var(--color-tertiary);
    }
    .outro__marquees div:nth-child(odd) {
      color: var(--color-secondary);
      background-color: var(--color-tertiary);
      z-index: 1;
      overflow: hidden;
      width: 50%;
    }
    
    /* Color Palette 2 */
    .color-palette-2 .outro__marquees div {
      /* color: var(--color-primary-dark); */
      background-color: var(--color-secondary);
    }
    .color-palette-2 .outro__marquees div:nth-child(odd) {
      color: var(--color-primary-dark);
      background-color: var(--color-tertiary);
    }
    /* Color Palette 3 */
    .color-palette-3 .outro__marquees div:nth-child(odd) {
      color: var(--color-primary);
    }
    /* Color Palette 4 */
    .color-palette-4 .outro__marquees div:nth-child(odd) {
      color: var(--color-secondary);
    }

    .outro__image {
      display: block;
      overflow: hidden;
    }
    @media(min-width: 992px) {
      .outro__title {
        padding: 4rem 3rem;
        width: 50%;
        position: absolute;
        bottom: 0;
        left: 0;
      }
    }
  
  
    .footer {
      overflow: hidden;
      background-color: var(--linen);
      padding: var(--y-gap) var(--x-gap);
    }
    .footer__container {
      display: grid;
      width: 100%;
      grid-template-areas: 
        "logo sns" 
        "menu menu" 
        "values values"
        "contact contact" 
        "partnerships partnerships"
        "certifications certifications"
        "copyright copyright";
      row-gap: 1.875rem;
      column-gap: 0.625rem;
    }
    .footer__logo,
    .footer__sns {
      margin-bottom: 2.5rem;
    }
    .footer__sns {
      grid-area: sns;
      align-self: center;
      justify-self: end;
    }
    .footer__contact {
      grid-area: contact;
    }
    .footer__contact > * {
      font-size: 1rem;
      font-weight: 400;
    }
    .footer__hours {
      display: flex;
    }
    .footer__hours li {
      line-height: 1.5;
    }
    .footer__hour {
      display: inline-flex;
    }
    .footer__hour + .footer__hour::before {
      content: '|';
      margin: 0 3.4px;
    }
    .footer__hour-label {
      margin-right: 5px;
    }
    .footer__values {
      grid-area: values;
      font-size: 1rem;
      line-height: 1.5;
      max-width: 21rem;
      margin-bottom: 0;
    }
    .footer__link {
      display: block;
      font-size: 1rem;
      transition: color 0.2s ease;
      line-height: 1.5;
    }
    .footer__link--email {
      text-decoration: underline;
    }
    .footer__link:hover,
    .footer__link:focus {
      /* color: #82A4ED; */
      text-decoration: underline;
    }
    .footer__menu {
      grid-area: menu;
      display: grid;
      /* gap: 50px; */
    }
    .footer__menu .menu {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 1.25rem 0;
      font-size: 1rem;
      font-weight: 700;
      line-height: 1.2;
      letter-spacing: 0;
    }
    .footer__menu__utilities .menu {
      margin-top: 1.25rem;
    }
    .footer__menu .menu__link:hover,
    .footer__menu .menu__link:focus {
      /* color: #82A4ED; */
    }
    .color-palette-2 .footer__menu .menu__link {
      color: var(--color-primary);
    }
    .color-palette-2 .footer__menu .menu__link:hover,
    .color-palette-2 .footer__menu .menu__link:focus {
      color: var(--color-primary-dark);
    }
    .footer__partnerships {
      grid-area: partnerships;
      display: flex;
      gap: 1.5rem;
    }
    .footer__partnership {
      max-width: 22.5rem;
    }
    .footer__certifications {
      grid-area: certifications;
      display: flex;
      align-items: center;
      gap: 0.9375rem;
    }
    .footer__certification img {
      max-height: 4rem;
      width: auto;
      object-fit: contain;
    }
    .footer__certification {
      display: flex;
      flex-direction: column;
      font-size: 12px;
    }
    .footer__copyright {
      grid-area: copyright;
      display: flex;
      flex-direction: column;
      gap: 1.875rem;
      font-size: 13px;
      font-weight: 400;
      line-height: 1.2;
      border-top: 1px solid #A4A4A4;
      padding-top: 1.5rem;
      /* margin-top: 50px; */
    }
    .footer__copyright__corporate {
      display: flex;
      flex-direction: row;
      gap: 2.2rem;
      font-size: 12px;
      font-weight: 400;
      line-height: 1.4;
    }
    .footer__copyright__attribution a {
      text-decoration: none;
      transition: color 0.2s ease;
    }
    .footer__copyright__attribution a:hover,
    .footer__copyright__attribution a:focus {
      /* color: #82A4ED; */
    }
    .footer .jumpem img {
      display: inline-block;
      line-height: 1;
      height: 1em;
      width: auto;
      vertical-align: text-bottom;
    }
    @media(min-width: 992px) {
      .footer {
        padding: 5rem 9.75rem;
      }
      .footer__container {
        grid-template-areas: 
          "menu menu logo"
          "menu menu ."
          "values contact  partnerships"
          "certifications certifications  sns"
          "copyright copyright copyright"
        ;
        grid-template-rows: min-content auto;
        row-gap: 3.125rem;
        column-gap: 3rem;
      }
      .footer__logo,
      .footer__sns {
        margin-bottom: 0;
      }
      .footer__logo {
        place-self: end;
      }
      .footer__sns {
        place-self: end;
      }
      .footer__menu {
        grid-template-columns: subgrid;
        flex-direction: row;
        gap: 4rem;
      }
      .footer__menu .menu {
        gap: 1.25rem 7rem;
      }
      .footer__menu__utilities .menu {
        grid-template-rows: repeat(4, auto);
        margin-top: 0;
        margin-left: var(--grid-gap);
      }
      .footer__certifications {
        margin-top: 2.5rem;
        gap: 3.125rem;
      }
      .footer__copyright {
        grid-column: 1 / -1;
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
        padding-top: 3.125rem;
        margin-top: 1.125rem;
        gap: 0;
      }
      .footer__copyright__attribution {
        align-self: start;
        padding-bottom: 2px;
      }
    }
  
  
    .hero__swiper--has-gallery .hero__swiper__nav__next:hover {
      cursor: url('https://www.theunionauburn.com/wp-content/themes/flex-2024/assets/images/cursor.svg') 10 15, auto;
    }
    .hero__swiper--has-gallery .hero__swiper__nav__prev:hover {
      cursor: url('https://www.theunionauburn.com/wp-content/themes/flex-2024/assets/images/reversor.svg') 10 15, auto;
    }
    @media(min-width: 992px) {
      .hero__swiper__caption {
        display: block;
        position: absolute;
        padding: 10px 15px;
        max-width: 229px;
        min-height: 65px;
        text-wrap: balance;
        border-radius: 4px;
        opacity: 0;
        line-height: 1.2;
        transform: translate(calc(-100% - 1rem), -50%);
        z-index: 2;
        pointer-events: none;
        transition-timing-function: ease-out;
        min-width: 250px;
        color: white;
        background-color: rgba(0, 0, 0, 0.69);
        font-size: 1.125rem;
        backdrop-filter: blur(7px);
        transition: opacity 0.3s .2s, top .15s, left .15s;
      }
      .hero__swiper .swiper:hover + .hero__swiper__caption {
        opacity: 1;
      }
      .hero__swiper .swiper:hover + .hero__swiper__caption.scrolling {
        opacity: 0;
      }
      .hero__swiper__caption p {
        font-size: inherit;
        line-height: 1.2;
        margin-bottom: 0;
      }
      .hero__swiper:not(.hero__swiper--has-gallery) .hero__swiper__caption,
      .hero__swiper__caption:has(.no-caption) {
        display: none;
      }
    }
  
  
    .home-floorplans-section__floorplan__collapse {
      display: none;
      height: 0;
      transition: 
        height 0.3s ease-in-out allow-discrete,
        display 0.3s ease-in-out allow-discrete,
        overlay 0.3s ease-in-out allow-discrete;
      overflow: hidden;
    }
    .home-floorplans-section__floorplan:hover,
    .home-floorplans-section__floorplan:focus {
      color: var(--color-primary);
      text-decoration: none;
    }
    .home-floorplans-section__floorplan:hover .home-floorplans-section__floorplan__collapse,
    .home-floorplans-section__floorplan:focus .home-floorplans-section__floorplan__collapse {
      display: block;
      height: auto;
      height: calc-size(auto, size);
    }
    @starting-style {
      .home-floorplans-section__floorplan:hover .home-floorplans-section__floorplan__collapse,
      .home-floorplans-section__floorplan:focus .home-floorplans-section__floorplan__collapse {
        height: 0;
      }
    }
  
	
    .home-location-section {
      position: relative;
      margin-bottom: var(--y-gap);
      overflow: hidden;
    }
    .home-location-section__inner {
      display: grid;
      grid-template-rows: auto auto auto;
    }
    .home-location-section__map {
      width: 100%;
      min-height: 48.5rem;
      grid-row: 2;
      grid-column: 1;
    }
    .home-location-section__info {
      position: relative;
      grid-row: 1;
    }
    .home-location-section__info > div {
      padding: 4rem var(--x-gap);
    }
    .home-location-section__info__inner {
      background-color: var(--color-tertiary);
    }
    .home-location-section__content :last-child {
      margin-bottom: 0;
    }
    .home-location-section__property {
      position: relative;
      align-self: end;
      color: var(--linen);
      background-color: var(--color-quaternary);
      padding: 2rem 1rem;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.2;
      grid-column: 1;
      grid-row: 2;
      margin-right: 6.3125rem;
    }
    .home-location-section__property__get-directions {
      color: #ECB065;
      text-decoration: underline;
    }
    .home-location-section__locations-wrap {
      background-color: var(--color-tertiary-dark);
      max-height: 20.75rem;
      overflow-y: auto;
    }
    .home-location-section__location {
      margin-bottom: 2.625rem;
    }
    .home-location-section__location__title {
      display: inline-block;
      font-family: var(--font-1);
      font-size: 1.9375rem;
      font-weight: 600;
      line-height: 1.2;
      margin-bottom: 0.5rem;
    }
    .home-location-section__location__distance {
      font-family: var(--font-2);
      font-size: 1.9375rem;
      font-weight: 400;
      line-height: 1.2;
      display: flex;
      align-items: center;
      gap: 8px;
    }
    .home-location-section__location__distance__text {
      display: flex;
      align-items: center;
      gap: 5px;
      flex-shrink: 0;
      flex-grow: 0;
      color: var(--color-quaternary);
    }
    .home-location-section__location__distance__line {
      display: block;
      height: 1px;
      max-width: 100%;
      width: calc( var(--distance) / var(--longest-distance) * 40% );
      background-color: var(--color-tertiary);
    }
    .home-location-section__location__distance__icon::before {
      display: inline-block;
      content: '';
      mask-image: url("https://www.theunionauburn.com/wp-content/themes/flex-2024/assets/images/walking.svg");
      mask-repeat: no-repeat;
      mask-position: center;
      mask-size: contain;
      width: 1.5rem;
      height: 1.5rem;
      background-color: var(--color-octonary);
      margin-left: 4px;
      vertical-align: middle;
      line-height: inherit;
    }
    /* Color Palette Swaps */
    .color-palette-3 .home-location-section__location__distance__icon::before {
      background-color: var(--color-primary);
    }
    .color-palette-4 .home-location-section__location__distance__icon::before {
      background-color: var(--color-quaternary);
    }
    .home-location-section__location__distance__icon.walk::before {
      mask-image: url("https://www.theunionauburn.com/wp-content/themes/flex-2024/assets/images/walking.svg");
    }
    .home-location-section__location__distance__icon.drive::before {
      mask-image: url("https://www.theunionauburn.com/wp-content/themes/flex-2024/assets/images/driving.svg");
    }
    .home-location-section__location__distance__icon.bike::before {
      mask-image: url("https://www.theunionauburn.com/wp-content/themes/flex-2024/assets/images/biking.svg");
    }
    .home-location-section__locations-wrap::-webkit-scrollbar {
      width: 8px;
    }
    .home-location-section__locations-wrap::-webkit-scrollbar-thumb {
      background-color: currentColor;
    }
    .home-location-section__locations-wrap::-webkit-scrollbar-track {
      background: rgba(36, 36, 36, 0.35);
    }
    @media(min-width: 992px) {
      .home-location-section__inner {
        grid-template-columns: 23.56rem auto 30rem;
        min-height: 48.5rem;
      }
      .home-location-section__map {
        grid-column: 1 / -1;
        grid-row: 1 / -1;
      }
      .home-location-section__info {
        grid-column: 3;
        grid-row: 1 / -1;
        margin: 2.5rem 0;
      }
      .home-location-section__info > div {
        padding: 4rem 3rem;
      }
      .home-location-section__property {
        grid-column: 1;
        grid-row: 1 / -1;
        padding: 2.5rem;
      }
    }
  

  .google-map {
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .2s ease-in-out;
  }
  .google-map.loaded {
    opacity: 1;
  }
  .google-map__pin {
    border-radius: 100%;
    border: 2px solid white;
    outline: 2px solid var(--color-secondary);
    transform-origin: center;
    /* transform: scale(0); */
    max-width: 2.8rem!important;
    max-height: 2.8rem!important;
    object-fit: cover;
    padding: 6px;
    background-color: white;
  }
  .google-map__pin--primary {
    max-width: 4rem!important;
    max-height: 4rem!important;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .animated .google-map__pin {
    animation: zoomIn .5s cubic-bezier(.25,0,.35,1) forwards;
  }
  .yNHHyP-marker-view:nth-of-type(1) .google-map__pin {
    animation-delay: 0.1s;
  }
  .yNHHyP-marker-view:nth-of-type(2) .google-map__pin {
    animation-delay: 0.2s;
  }
  .yNHHyP-marker-view:nth-of-type(3) .google-map__pin {
    animation-delay: 0.3s;
  }
  .yNHHyP-marker-view:nth-of-type(4) .google-map__pin {
    animation-delay: 0.4s;
  }
  .yNHHyP-marker-view:nth-of-type(5) .google-map__pin {
    animation-delay: 0.5s;
  }
  .google-map__icon {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .google-map__infowindow__title {
    font-family: var(--font-family-secondary);
    font-size: 17px;
    font-weight: 400;
    margin: 0;
  }
  .google-map__property-logo {
    object-fit: contain;
  }
  .gm-style .gm-style-iw-d,
  .gm-style .gm-style-iw-tc::after {
    overflow: hidden!important;
  }
  .gm-style .gm-style-iw-c {
    padding: 1rem!important;
    border-radius: var(--border-radius);
    background-color: black;
    color: white;
    letter-spacing: .5px;
    animation: fadeIn .333s cubic-bezier( 0.25, 0.00, 0.35, 1.00 ) forwards;
  }
  .gm-style .gm-style-iw-tc {
    animation: fadeInArrow .333s cubic-bezier( 0.25, 0.00, 0.35, 1.00 ) forwards ;
    opacity: 0;
  }
  .gm-style .gm-style-iw-tc::after {
    background-color: black;
  }
  .gm-ui-hover-effect > span  {
    background-color: white!important;
  }
  .gm-style-iw-chr {
    display: none!important;
  }
  @keyframes fadeIn {
    0% {
      opacity: 0;
      transform: translate3d(-50%, calc(-100% - 10px) ,0);
    }
    100% {
      opacity: 1;
      transform: translate3d(-50%,-100%,0);
    }
  }
  @keyframes fadeInArrow {
    0% {
      opacity: 0;
       transform: translate3d(-50%, -10px ,0);
    }
    100% {
      opacity: 1;
      transform: translate3d(-50%,0,0);
    }
  }
  @keyframes zoomIn {
    0% {
      transform: translate3d(0, 25px, 0) scale(0);
      opacity: 0;
    }
    100% {
      transform: translate3d(0, 0, 0) scale(1);
      opacity: 1;
    }
  }

  
    .home-gallery-section {
      padding: 0 0 0 var(--x-gap);
      overflow: hidden;
    }
    .home-gallery-section__swiper {
      margin-top: 0;
      margin-bottom: 0;
      padding: 0;
    }
    .home-gallery-section .swiper {
      margin-bottom: 2.3rem;
    }
    .home-gallery-section .swiper-slide {
      height: initial;
      display: flex;
      justify-content: end;
      width: max-content;
    }
    .home-gallery-section__image {
      margin-top: auto;
    }
    .home-gallery-section__container {
      position: relative;
      display: flex;
      flex-direction: column;
      gap: 1.5rem
    }
    .home-gallery-section__title {
      margin-bottom: 0;
    }
    .home-gallery-section__nav {
      display: flex;
      gap: 1rem;
      margin-bottom: .625rem;
    }
    .home-gallery-section__prev,
    .home-gallery-section__next {
      width: 2.5rem;
      height: 2.5rem;
      background-color: var(--color-septenary);
      background-image: url("https://www.theunionauburn.com/wp-content/themes/flex-2024/assets/images/chevron.svg");
      background-size: 1.8rem;
      background-position: center;
      background-repeat: no-repeat;
      background-repeat: no-repeat;
      cursor: pointer;
      border-radius: 4px;
    }
    .home-gallery-section__next {
      transform: scaleX(-1);
    }
    @media(min-width: 992px) {
      .home-gallery-section {
        margin: var(--y-gap-lg) 0;
        overflow: visible;
      }
      .home-gallery-section__container {
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
        padding-right: 9.75rem;
        gap: 1.875rem;
      }
    }
    @media(min-width: 1440px) {
      .home-gallery-section .swiper {
        overflow: visible;
      }
    }
  

  .home-amenities-section {
    display: grid;
    grid-template-areas: 
      "gallery"
      "container" 
      "graphics" 
      "marquee"
    ;
    overflow: hidden;
  }
  .home-amenities-section__container {
    grid-area: container;
    padding: 5rem var(--x-gap);
    background-color: var(--linen);
  }
  .home-amenities-section__items {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 2rem;
  }
  .home-amenities-section__item {
    position: relative;
    font-family: var(--font-3);
    font-weight: 600;
    font-size: 12px;
    line-height: 1;
    text-transform: uppercase;
    padding: 5.5px 7.5px;
  }
  .home-amenities-section__tag {
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(50%, -50%);
    border-radius: 62.4375rem;
    background: var(--color-tertiary);
    color: var(--color-quaternary);
    display: flex;
    min-width: 1.5rem;
    min-height: 1rem;
    padding: 0.25rem;
    justify-content: center;
    align-items: center;
    gap: 0.125rem;
    font-family: var(--font-2);
    font-size: 0.625rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.0375rem;
    text-transform: uppercase;
  }
  .home-amenities-section__graphics {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-area: graphics;
  }
  .home-amenities-section__graphics .theme-graphic {
    /* aspect-ratio: 1 / 1; */
    padding: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100%;
  }
  .home-amenities-section__graphics .theme-graphic svg {
    max-width: 100%;
    height: auto;
  }
  
  .home-amenities-section__graphics .theme-graphic--1 {
    background-color: var(--color-secondary-dark);
    fill:  var(--color-secondary);
  }
  .home-amenities-section__graphics .theme-graphic--2 {
    background-color: var(--color-primary);
    fill: var(--color-primary-dark);
  }
  .home-amenities-section__graphics .theme-graphic--3 {
    background-color: var(--color-tertiary);
    fill: var(--color-tertiary-dark);
  }
  .home-amenities-section__gallery {
    grid-area: gallery;
    display: flex;
    width: 54rem;
    max-width: 100vw;
    height: auto;
    min-width: 100%;
  }
  .home-amenities-section__gallery__picture,
  .home-amenities-section__gallery__picture img {
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
  }
  .home-amenities-section__marquee {
    grid-area: marquee;
    background-color: var(--color-quaternary);
    color: var(--color-tertiary);
    max-width: 100vw;
  }
  /* Color Pallet Swaps */
  /* Palette 2 */
  .color-palette-2 .home-amenities-section__marquee {
    background-color: var(--color-primary);
  }
  .color-palette-2 .home-amenities-section__graphics .theme-graphic--1 {
    background-color: var(--color-primary-dark);
    fill: var(--color-primary);
  }
  .color-palette-2 .home-amenities-section__graphics .theme-graphic--2 {
    background-color: var(--color-secondary);
    fill: var(--color-secondary-dark);
  }
  /* Palette 3 */
  .color-palette-3 .home-amenities-section__graphics .theme-graphic--1 {
    background-color: var(--color-primary);
    fill: var(--color-primary-dark);
  }
  .color-palette-3 .home-amenities-section__graphics .theme-graphic--2 {
    background-color: var(--color-tertiary);
    fill: var(--color-tertiary-dark);
  }
  .color-palette-3 .home-amenities-section__graphics .theme-graphic--3 {
    background-color: #DCEDDB;
    fill: #4C9683;
  }
  /* Palette 4 */
  .color-palette-4 .home-amenities-section__marquee {
    color: var(--color-senary);
  }
  .color-palette-4 .home-amenities-section__graphics .theme-graphic--1 {
    background-color: var(--color-secondary);
    fill: var(--color-secondary-dark);
  }
  .color-palette-4 .home-amenities-section__graphics .theme-graphic--3 {
    background-color: var(--color-senary);
    fill: #ECB065;
  }
  @media(min-width: 1100px) {
    .home-amenities-section {
      grid-template-areas: 
        "container gallery" 
        "graphics gallery" 
        "marquee marquee"
      ;
      grid-template-columns: 1fr 60%;
      grid-template-rows: 1fr auto auto;
    }
    .home-amenities-section__container {
      padding: 5rem;
    }
  }

  
    .home-gallery-section-2 {
      padding: var(--y-gap-lg) 0;
      margin: 0;
      background-color: var(--color-senary);
      overflow: hidden;
    }
    .home-gallery-section-2 .swiper {
      margin-bottom: 2rem;
    }
    .home-gallery-section-2 .swiper-slide {
      height: initial;
      display: flex;
      width: max-content;
    }
    .home-gallery-section-2__container {
      position: relative;
      display: flex;
      justify-content: space-between;
      flex-direction: column;
      gap: 30px;
      margin-bottom: 2rem;
      padding: 0 var(--x-gap);
    }
    .home-gallery-section-2__swiper {
      padding: 0 var(--x-gap);
    }
    .home-gallery-section-2__intro {
      max-width: 37.5rem;
    }
    .home-gallery-section-2__nav {
      display: flex;
      gap: 1rem;
    }
    .home-gallery-section-2__prev,
    .home-gallery-section-2__next {
      width: 2.5rem;
      height: 2.5rem;
      background-color: var(--color-septenary);
      background-image: url("https://www.theunionauburn.com/wp-content/themes/flex-2024/assets/images/chevron.svg");
      background-size: 1.8rem;
      background-position: center;
      background-repeat: no-repeat;
      background-repeat: no-repeat;
      cursor: pointer;
      border-radius: 4px;
    }
    .home-gallery-section-2__next {
      transform: scaleX(-1);
    }
    .home-gallery-section-2__caption {
      max-width: 25rem;
      margin-top: 1.5rem;
    }
    .home-gallery-section-2__caption .username {
      color: var(--color-quaternary);
      font-family: var(--font-2);
      font-size: 1.1875rem;
      font-weight: 400;
      line-height: 1.2;
    }
    .color-palette-2 .home-gallery-section-2__caption .username {
      color: var(--color-primary);
    }
    .home-gallery-section-2__caption .quote {
      font-family: var(--font-1);
      font-size: 1rem;
      font-weight: 500;
      line-height: 1.4;
      margin-bottom: 0;
    }
    @media(min-width: 992px) {
      .home-gallery-section-2 {
        overflow: visible;
      }
      .home-gallery-section-2__container {
        flex-direction: row;
        align-items: end;
      }
    }
    @media(min-width: 1440px) {
      .home-gallery-section-2 .swiper {
        overflow: visible;
      }
    }
  
  
    .home-resources-section {
      display: grid;
      overflow: hidden;
    }
    .home-resources-section__inner {
      color: white;
      background-color: var(--dark-orange);
      padding: var(--y-gap) var(--x-gap);
    }
    .home-resources-section__image img {
      height: 100%;
      width: 100%;
      object-fit: cover;
    }
    .home-resources-section__resources {
      margin-top: 3.5rem;
    }
    .home-resources-section__resource {
      margin-bottom: 2rem;
    }
    .home-resources-section__resource__title {
      font-family: var(--font-2);
      font-size: 2.4375rem;
      font-weight: 400;
      line-height: 1;
      text-transform: uppercase;
      margin-bottom: 0;
    }
    .home-resources-section__resource__title::after {
      margin-left: .5rem;
      color: var(--arrow-color, var(--color-septenary));
      width: 2rem;
      height: 2rem;
    }
    .home-resources-section__resource a {
      transition: color 0.3s ease-in-out;
    }
    .home-resources-section__resource a:hover,
    .home-resources-section__resource a:focus {
      color: var(--color-tertiary);
      text-decoration: none;
      --arrow-color: currentColor;
    }
    .home-resources-section__resource__description {
      font-size: 1rem;
      line-height: 1.4;
    }
    .home-resources-section__resource:last-child,
    .home-resources-section__resource:last-child .home-resources-section__resource__description {
      margin-bottom: 0;
    }
    .home-resources-section__image {
      position: relative;
      display: block;
      overflow: hidden;
    }
    @media(min-width: 992px) {
      .home-resources-section {
        grid-template-columns: 35.8333% 1fr;
      }
      .home-resources-section__inner {
        padding: 4.1rem 3.75rem 3.75rem;
      }
      .home-resources-section__image img {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center;
        }
    }
  
  
    .sns { --gap: 11.4px; display: flex; padding: 0; margin: calc(-1 * var(--gap)); flex-shrink: 0; }
    .sns__item { display: inline-block; vertical-align: bottom; margin: var(--gap);  }
    .sns__link { display: flex; justify-content: center; align-items: center; }
    .sns__link::before { content: ''; display: inline-block; mask-repeat: no-repeat; mask-position: center; mask-size: contain; margin-left: 4px; vertical-align: middle; line-height: inherit; width: 28px; height: 28px; background: #242424; transition: background .2s ease; }
    .sns__link:hover::before { background: var(--color-primary); }
    .sns__link--snapchat::before { mask-image: url('https://www.theunionauburn.com/wp-content/themes/flex-2024/assets/images/icons/snapchat.svg'); }
    .sns__link--twitter::before { mask-image: url('https://www.theunionauburn.com/wp-content/themes/flex-2024/assets/images/icons/twitter.svg'); }
    .sns__link--youtube::before { mask-image: url('https://www.theunionauburn.com/wp-content/themes/flex-2024/assets/images/icons/youtube.svg'); }
    .sns__link--whatsapp::before { mask-image: url('https://www.theunionauburn.com/wp-content/themes/flex-2024/assets/images/icons/whatsapp.svg'); }
    .sns__link--wechat::before { mask-image: url('https://www.theunionauburn.com/wp-content/themes/flex-2024/assets/images/icons/wechat.svg'); }
    .sns__link--tiktok::before { mask-image: url('https://www.theunionauburn.com/wp-content/themes/flex-2024/assets/images/icons/tiktok.svg'); }
    .sns__link--instagram::before { mask-image: url('https://www.theunionauburn.com/wp-content/themes/flex-2024/assets/images/icons/instagram.svg'); }
    .sns__link--facebook::before { mask-image: url('https://www.theunionauburn.com/wp-content/themes/flex-2024/assets/images/icons/facebook.svg'); }
    .sns__link--google::before { mask-image: url('https://www.theunionauburn.com/wp-content/themes/flex-2024/assets/images/icons/google.svg'); }