/* About page: asymmetrical story and partnership layout. */
.page-about { background: #f1f4f7; }
.page-about .gj-about-hero { min-height: 92dvh; padding-block: 9rem 6rem !important; }
.page-about .gj-about-hero__container { width: min(calc(100% - 48px), 1400px) !important; max-width: 1400px !important; margin-inline: auto !important; grid-template-columns: .92fr 1.08fr; gap: clamp(3rem, 7vw, 8rem) !important; }
.page-about .gj-about-hero__title { font-size: clamp(3.25rem, 6vw, 6.3rem) !important; letter-spacing: -.075em !important; line-height: .88 !important; }
.page-about .gj-about-hero__image-wrapper { min-height: 620px; border-radius: 1.75rem !important; clip-path: polygon(0 0, 94% 0, 100% 7%, 100% 100%, 6% 100%, 0 93%); }
.page-about .our-story-section, .page-about .partner-section { padding-block: clamp(6rem, 11vw, 10rem) !important; }
@media (max-width: 900px) { .page-about .gj-about-hero__container { grid-template-columns: 1fr; } .page-about .gj-about-hero__image-wrapper { min-height: 480px; } }
@media (max-width: 600px) { .page-about .gj-about-hero__container { width: calc(100% - 32px) !important; } .page-about .gj-about-hero__title { font-size: clamp(3rem, 15vw, 4.8rem) !important; } }