/* Services page: masked service stories with a full-width network stage. */
.page-services { background: #eef2f5; }
.page-services .gj-services-hero { min-height: 92dvh; padding-block: 9rem 6rem !important; }
.page-services .gj-services-hero__container { width: min(100% - 48px, 1400px) !important; max-width: 1400px !important; grid-template-columns: .86fr 1.14fr; gap: clamp(3rem, 7vw, 8rem) !important; }
.page-services .gj-services-hero__title { font-size: clamp(3.5rem, 7vw, 7rem) !important; line-height: .86 !important; letter-spacing: -.08em !important; }
.page-services .gj-services-hero__image-wrapper { min-height: 680px !important; border-radius: 1.75rem !important; clip-path: polygon(0 0, 95% 0, 100% 6%, 100% 100%, 5% 100%, 0 94%); }
.page-services .service-section { padding-block: clamp(6rem, 11vw, 10rem) !important; }
.page-services .service-container { width: min(100% - 48px, 1400px); max-width: 1400px; padding: 0 !important; }
.page-services .service-detail { clip-path: polygon(0 0, 98% 0, 100% 5%, 100% 95%, 98% 100%, 0 100%); }
.page-services .service-detail:nth-of-type(even) { clip-path: polygon(2% 0, 100% 0, 100% 95%, 98% 100%, 0 100%, 0 5%); }
.page-services .service-detail-image { border-radius: 0 !important; clip-path: polygon(0 0, 95% 0, 100% 8%, 100% 100%, 5% 100%, 0 92%); }
.page-services .service-area-section { padding-block: clamp(6rem, 11vw, 10rem) !important; }
@media (max-width: 900px) { .page-services .gj-services-hero__container { grid-template-columns: 1fr; } .page-services .gj-services-hero__image-wrapper { min-height: 480px !important; } }
@media (max-width: 600px) { .page-services .gj-services-hero__container, .page-services .service-container { width: calc(100% - 32px) !important; } .page-services .gj-services-hero__title { font-size: clamp(3rem, 15vw, 4.8rem) !important; } .page-services .service-detail, .page-services .service-detail:nth-of-type(even) { clip-path: none; } }