.gi-about { padding: 130px 32px; background: #ffffff; }
.gi-about__inner { max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: 1.05fr 1fr; gap: 96px; align-items: center; }

.gi-about__eyebrow { font-size: 11.5px; font-weight: 600; letter-spacing: .28em; text-transform: uppercase; color: #999999; }

.gi-about__heading { margin-top: 20px; font-family: 'Barlow Condensed', sans-serif; font-weight: 600; font-size: clamp(40px, 4.4vw, 62px); line-height: 1; text-transform: uppercase; }

.gi-about__paragraph { margin-top: 26px; font-size: 17px; line-height: 1.8; color: #555555; }
.gi-about__paragraph + .gi-about__paragraph { margin-top: 18px; }

.gi-about__features { margin-top: 40px; display: grid; grid-template-columns: 1fr 1fr; gap: 0 40px; }
.gi-about__feature { padding: 18px 0; border-top: 1px solid #e6e6e6; font-size: 15px; font-weight: 500; }

.gi-about__buttons { margin-top: 40px; display: flex; flex-wrap: wrap; gap: 24px; align-items: center; }

.gi-about__btn { font-weight: 500; font-size: 12.5px; letter-spacing: .14em; text-transform: uppercase; text-decoration: none; display: inline-block; }

.gi-about__btn--filled { background: #000000; color: #ffffff; padding: 17px 32px; }
.gi-about__btn--filled:hover { opacity: .75; }

.gi-about__btn--text { color: #000000; border-bottom: 1px solid #000000; padding-bottom: 4px; }

.gi-about__collage { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }

.gi-about__img { display: block; width: 100%; height: 100%; background: #f2f2f2; object-fit: cover; }

.gi-about__img--wide { grid-column: span 2; aspect-ratio: 16 / 10; }

.gi-about__img--square { aspect-ratio: 1 / 1; }

@media (max-width: 900px) {
	.gi-about { padding: 72px 32px; }
	.gi-about__inner { grid-template-columns: 1fr; gap: 48px; }
}

@media (max-width: 600px) {
	.gi-about { padding: 52px 20px; }
	.gi-about__features { grid-template-columns: 1fr; gap: 0; }
}