.photoswipe-item { display: block; position: relative; overflow: hidden; } .photoswipe-item img { display: block; width: 100%; height: auto; object-fit: cover; object-position: center; transition: transform 0.3s ease; } .photoswipe-item img:hover { transform: scale(1.1); }  .featured-communities { padding-right: 0; } .featured-communities__communities { overflow: hidden; } .featured-communities__community__image { aspect-ratio: 1 / 1; object-fit: cover; width: 100%; margin-bottom: 2rem; } .featured-communities__community__title { font-size: 1.2rem; font-weight: bold; margin-bottom: .5rem; } .featured-communities__community__address { font-style: italic; margin-bottom: 1.5rem; } .featured-communities .swiper-button-wrapper { position: static; display: flex; justify-content: end; gap: 20px; margin-top: 3rem; padding: 0 var(--x-gap); } .featured-communities .swiper-button-wrapper > * { position: static; width: 3rem; height: 3rem; margin: 0; border:2px solid var(--color, var(--color-quaternary)); border-radius:50%; } .featured-communities .swiper-button-wrapper > *:after { font-size: 2.5rem; width: 1.5rem; height: 1.5rem; content: ''; display: inline-block; background-color: var(--color, var(--color-quaternary)); mask-image: url("https://www.trinitas.ventures/wp-content/themes/trinitas-2025/assets/images/icons/arrow.svg"); mask-size: contain; mask-repeat: no-repeat; vertical-align: middle; line-height: 1; } .featured-communities .swiper-button-wrapper .swiper-button-prev:after { transform:rotate(180deg); }  .footer { color: white; background: linear-gradient(90deg, var(--color-quaternary) 0%, var(--color-quinary) 100%); } .footer__inner { display: grid; grid-template-areas: "contact" "menu" "copyright"; gap: var(--gap); padding: var(--y-gap) var(--x-gap); } .footer__label { font-weight: bold; margin-bottom: 5px; } .footer__logo { margin-bottom: 2.4rem; } .footer__location { display: grid; font-size: 1rem; line-height: 1.66667; max-width: 320px; margin-bottom: 2.5rem; } .footer__contact { grid-area: contact; } .footer__hour { display: flex; justify-content: space-between; gap: 10px; max-width: 300px; } .footer__sns { grid-area: sns; } .footer__information { font-size: 12px; line-height: 1.77778; margin-bottom: 1rem; } .footer__menus { grid-area: menu; display: grid; grid-template-columns: 1fr 1fr; gap: 7.98vw; } .footer__menus .menu { border-top: 1px solid rgba(255, 255, 255, 0.20); padding-top: 9px; font-size: 12px; line-height: 1.5; } .footer__menus .menu__link { margin-bottom: 18px; transition: color .2s ease-in-out; font-size: 1rem; } .footer__menus .menu__link:hover, .footer__menus .menu__link:focus { color: var(--color-tertiary); text-decoration: underline; } .footer__copyright { grid-area: copyright; display: grid; align-items: end; border-top: 1px solid #D4D2E3; padding-top: 20px; line-height: 1.4; gap: 20px; } .footer__copyright .menu, .footer__copyright .menu__item { display: inline; margin-bottom: 0; } .footer__separator::before, .footer__copyright .menu__item::before { content: " | "; margin: 0 5px; } .footer__copyright .menu__link { margin-bottom: 0; text-decoration: underline; opacity: .8; } .footer__disclaimer { display: inline-block; font-size: 10px; line-height: 1.4; max-width: 975px; opacity: .8; text-wrap: pretty; } .footer__jumpem { font-size: 12px; margin-top: .5rem; line-height: 1.4; } .footer__jumpem img { height: 1.05em; vertical-align: middle; margin-top: -1px; } .footer__icons { display: flex; gap: 1px; } .footer__information .menu__link { transition: color .2s ease-in-out; } .footer__information .menu__link:hover, .footer__information .menu__link:focus { color: var(--color-tertiary); text-decoration: underline; } /* */ @media(min-width: 992px) { .footer__inner { grid-template-areas: "contact menu" "copyright copyright" ; grid-template-columns: auto min-content; gap: 7.7rem var(--gap); } .footer__menus { grid-template-columns: 123px 208px; justify-content: end; } .footer__information { font-size: 1rem; } .footer__location { font-size:1.1rem; } .footer__copyright { grid-template-columns: 1fr 150px; justify-content: space-between; } }  .sns { display: flex; gap: 16px; } .sns__link svg { fill: white; transition: fill .2s ease; } .sns__link:hover svg { fill: var(--color-tertiary); }