/* Services gallery: unobscured imagery and luminous steel information panels. */
.services-gallery {
  background: radial-gradient(ellipse at 82% 43%,rgba(198,215,230,.23),transparent 64%),linear-gradient(115deg,#18232F 5%,#435363 52%,#63717E 88%);
  isolation: isolate; overflow: clip; padding-block: clamp(4rem,7vw,6.5rem);
}
.services-gallery::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(180deg,#0B0F14,transparent 17%,transparent 83%,#0B0F14); }
.services-gallery .section__head { max-width: 58rem; margin-bottom: 36px; }
.services-gallery .label { color: #B2CEE9; }
.services-gallery h2 { font-size: clamp(2.6rem,4.4vw,4.4rem); line-height: 1.02; }
.services-gallery h2 em { font-style: normal; color: #AFD2F8; }
.services-gallery h2 .em-red { color: #FFA99D; }
.services-gallery .services { grid-template-columns: 1fr 1fr; gap: 24px; counter-reset: service; }
.services-gallery .service {
  counter-increment: service; display: grid; grid-template-rows: auto 1fr; grid-template-columns: 1fr;
  gap: 0; min-height: 0; padding: 0; overflow: hidden; border-radius: 18px;
  background: linear-gradient(145deg,rgba(237,247,255,.17),transparent 55%),rgba(18,31,47,.82);
  border: 1px solid rgba(222,237,250,.38); border-top-color: rgba(248,252,255,.68);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.12),0 26px 50px -28px rgba(0,0,0,.65);
  -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px);
  transition: border-color 180ms ease,box-shadow 180ms ease;
}
.services-gallery .service--feature { grid-column: 1/-1; grid-row: auto; grid-template-columns: 1.35fr 1fr; grid-template-rows: auto; }
.services-gallery .service__bg { position: relative; inset: auto; z-index: auto; overflow: hidden; min-height: 0; height: clamp(220px,22vw,310px); }
.services-gallery .service--feature .service__bg { height: 100%; min-height: 350px; }
.services-gallery .service__bg img { width: 100%; height: 100%; opacity: 1; object-fit: cover; filter: brightness(1.17) contrast(1.02) saturate(.96); object-position: 57% 52%; }
.services-gallery .service__bg::after { content: none; }
.services-gallery .service:nth-child(3) .service__bg img { filter: contrast(1.03) saturate(.85); object-position: 50% 72%; }
.services-gallery .service__content { position: relative; display: flex; flex-direction: column; align-items: start; padding: clamp(26px,3vw,40px); gap: 18px; }
.services-gallery .service__content::before { content: "0" counter(service) " / PRO JET"; display: block; color: #AFC6DD; font: .6875rem var(--font-mono); letter-spacing: .14em; }
.services-gallery .service--feature .service__content::before { color: #FFADA2; }
.services-gallery .service h3 { font-size: clamp(1.9rem,2.7vw,2.9rem); line-height: 1.02; color: #F2F6FC; }
.services-gallery .service p { margin: 0; align-self: auto; max-width: 55ch; color: #D1DDE9; font-size: 1rem; line-height: 1.65; }
.services-gallery .service__go { margin-top: auto; min-height: 48px; padding: 12px 16px; border: 1px solid rgba(214,234,255,.38); border-radius: 6px; background: rgba(221,237,254,.07); color: #B6D8FF; letter-spacing: .07em; font-size: .75rem; line-height: 1.5; }
.services-gallery .service--feature .service__go { margin-top: 6px; background: #1D66B7; color: #FFF; border-color: #75ABE3; }
.services-gallery .service__go svg { width: 17px; height: 17px; flex-shrink: 0; color: #FFB2A7; }
.services-gallery .service:focus-visible { outline: 2px solid #FFD1CB; outline-offset: 4px; }
.services-gallery .also { gap: 0 28px; margin-top: 32px; }
.services-gallery .also li { color: #D6E2EE; border-color: rgba(209,231,251,.25); font-size: .9375rem; font-weight: 400; }
.services-gallery .also li::before { background: #FF998B; }
@media (hover:hover) and (pointer:fine) {
 .services-gallery .service:hover { border-color: #C5DDF6; box-shadow: inset 0 1px 0 rgba(255,255,255,.22),0 28px 54px -25px rgba(0,0,0,.60); }
 .services-gallery .service:hover .service__bg img { transform: scale(1.025); }
 .services-gallery .service:hover .service__go { border-color: #C5DDF6; }
}
@media (max-width:1000px) { .services-gallery .service--feature { grid-template-columns: 1fr 1fr; } .services-gallery .service__content { padding: 26px; } }
@media (max-width:760px) {
 .services-gallery .services { grid-template-columns: 1fr; gap: 22px; }
 .services-gallery .service--feature { grid-column: 1; grid-template-columns: 1fr; grid-template-rows: auto 1fr; }
 .services-gallery .service__bg,.services-gallery .service--feature .service__bg { height: auto; aspect-ratio: 16/10; min-height: 0; }
 .services-gallery .service__bg img { position: absolute; inset: 0; }
 .services-gallery .service__content { padding: 24px; gap: 16px; }
 .services-gallery .service h3 { font-size: 2rem; }
 .services-gallery .service__go { letter-spacing: .03em; padding-inline: 12px; }
 .services-gallery .also { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion:reduce) { .services-gallery .service,.services-gallery .service__bg img,.services-gallery .service__go svg { transition: none; } .services-gallery .service:hover .service__bg img { transform: none; } }

.services-gallery .also { grid-template-columns: repeat(3,minmax(0,1fr)); }
@media (max-width:1000px) and (min-width:761px) {
 .services-gallery .service--feature { grid-template-columns: 1fr; }
 .services-gallery .service--feature .service__bg { height: auto; aspect-ratio: 16/9; min-height: 0; }
 .services-gallery .service--feature .service__bg img { position: absolute; inset: 0; }
}
@media (max-width:760px) { .services-gallery .also { grid-template-columns: 1fr; } }