.gvs-job-gallery{--gvs-job-bg: rgb(var(--color-background));--gvs-job-panel: transparent;--gvs-job-card: rgb(var(--color-background));--gvs-job-card-border: rgba(var(--color-foreground), .12);--gvs-job-heading: rgb(var(--color-foreground));--gvs-job-text: rgb(var(--color-foreground));--gvs-job-muted: rgba(var(--color-foreground), .68);--gvs-job-accent: #90f22e;--gvs-job-orange: #ff8a00;--gvs-job-soft: rgba(var(--color-foreground), .045);--gvs-job-soft-strong: rgba(var(--color-foreground), .075);--gvs-job-radius: 28px;--gvs-job-card-radius: 22px;--gvs-job-gap: 18px;--gvs-job-card-padding: 22px;--gvs-job-media-ratio: 4 / 3;background:var(--gvs-job-bg);color:var(--gvs-job-text);padding-block-start:var(--padding-block-start, 56px);padding-block-end:var(--padding-block-end, 56px)}.gvs-job-gallery *{box-sizing:border-box}.gvs-job-gallery__inner{width:100%;max-width:var(--gvs-job-width, 1480px);margin-inline:auto;padding-inline:var(--gvs-job-side-padding, 20px)}.gvs-job-gallery__surface{position:relative;overflow:hidden;border-radius:var(--gvs-job-radius)}.gvs-job-gallery--surface-soft{--gvs-job-bg: #f4f5f3;--gvs-job-panel: #ffffff;--gvs-job-card: #ffffff;--gvs-job-card-border: rgba(17, 17, 17, .12);--gvs-job-heading: #111111;--gvs-job-text: #111111;--gvs-job-muted: #5f665c;--gvs-job-soft: #f5f6f2;--gvs-job-soft-strong: #edf0e8}.gvs-job-gallery--surface-panel,.gvs-job-gallery--surface-premium,.gvs-job-gallery--surface-dark{--gvs-job-panel-border: rgba(255, 255, 255, .14)}.gvs-job-gallery--surface-panel .gvs-job-gallery__surface,.gvs-job-gallery--surface-premium .gvs-job-gallery__surface,.gvs-job-gallery--surface-dark .gvs-job-gallery__surface{padding:clamp(18px,3vw,36px);background:var(--gvs-job-panel);border:1px solid var(--gvs-job-panel-border, var(--gvs-job-card-border))}.gvs-job-gallery--surface-premium .gvs-job-gallery__surface{box-shadow:0 22px 70px #00000024}.gvs-job-gallery--surface-dark{--gvs-job-bg: #ffffff;--gvs-job-panel: #101010;--gvs-job-card: #181818;--gvs-job-card-border: rgba(255, 255, 255, .14);--gvs-job-heading: #ffffff;--gvs-job-text: #ffffff;--gvs-job-muted: rgba(255, 255, 255, .74);--gvs-job-soft: rgba(255, 255, 255, .06);--gvs-job-soft-strong: rgba(255, 255, 255, .1)}.gvs-job-gallery__header{display:grid;gap:16px;margin-block-end:clamp(22px,3vw,38px)}.gvs-job-gallery__header--centre{max-width:880px;margin-inline:auto;text-align:center;justify-items:center}@media screen and (min-width:900px){.gvs-job-gallery__header--split{grid-template-columns:minmax(0,.9fr) minmax(320px,.7fr);align-items:end;gap:clamp(28px,5vw,72px)}}.gvs-job-gallery__header-main{display:grid;gap:10px}.gvs-job-gallery__eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0;color:var(--gvs-job-text);font-size:.78rem;font-weight:900;line-height:1.15;letter-spacing:.12em;text-transform:uppercase}.gvs-job-gallery__eyebrow:before{content:"";width:24px;height:2px;border-radius:999px;background:var(--gvs-job-accent)}.gvs-job-gallery__heading{max-width:980px;margin:0;color:var(--gvs-job-heading);font-size:clamp(2.2rem,4vw,4.8rem);font-weight:900;line-height:.96;letter-spacing:-.055em;text-wrap:balance}.gvs-job-gallery__text{max-width:760px;color:var(--gvs-job-muted);font-size:clamp(1rem,1.25vw,1.14rem);line-height:1.65}.gvs-job-gallery__text>*{margin-block:0}.gvs-job-gallery__grid{display:grid;grid-template-columns:1fr;gap:var(--gvs-job-gap)}.gvs-job-gallery__card{position:relative;display:flex;min-width:0;height:100%;flex-direction:column;overflow:hidden;color:var(--gvs-job-text);background:var(--gvs-job-card);border:1px solid var(--gvs-job-card-border);border-radius:var(--gvs-job-card-radius);box-shadow:0 14px 36px #00000014}.gvs-job-gallery--cards-clean .gvs-job-gallery__card,.gvs-job-gallery--cards-bordered .gvs-job-gallery__card{box-shadow:none}.gvs-job-gallery--cards-bordered .gvs-job-gallery__card{border-width:2px}.gvs-job-gallery--cards-dark .gvs-job-gallery__card{--gvs-job-card: #151515;--gvs-job-card-border: rgba(255, 255, 255, .14);--gvs-job-heading: #ffffff;--gvs-job-text: #ffffff;--gvs-job-muted: rgba(255, 255, 255, .74);--gvs-job-soft: rgba(255, 255, 255, .06);--gvs-job-soft-strong: rgba(255, 255, 255, .1)}.gvs-job-gallery__card--highlight{border-color:color-mix(in srgb,var(--gvs-job-accent) 72%,var(--gvs-job-card-border));box-shadow:0 0 0 1px color-mix(in srgb,var(--gvs-job-accent) 48%,transparent),0 22px 64px #00000029}.gvs-job-gallery__media-wrap{position:relative;background:#111}.gvs-job-gallery__single-media,.gvs-job-gallery__split-media,.gvs-before-after__media{aspect-ratio:var(--gvs-job-media-ratio, 4 / 3)}.gvs-job-gallery__single-media,.gvs-job-gallery__image-frame,.gvs-before-after__media{overflow:hidden}.gvs-job-gallery__single-media,.gvs-job-gallery__image-frame{position:relative;background:#00000014}.gvs-job-gallery__image,.gvs-job-gallery__placeholder,.gvs-before-after__image,.gvs-before-after__placeholder{display:block;width:100%;height:100%;object-fit:cover}.gvs-job-gallery__placeholder,.gvs-before-after__placeholder{background:#ffffff14}.gvs-job-gallery__split-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--gvs-job-card-border)}.gvs-job-gallery__split-panel{position:relative;min-width:0;margin:0;background:#111}.gvs-job-gallery__split-panel figcaption{position:absolute;inset-block-end:10px;inset-inline-start:10px;z-index:2;display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;color:#fff;background:#000000bd;border:1px solid rgba(255,255,255,.16);border-radius:999px;font-size:.72rem;font-weight:900;line-height:1;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.gvs-job-gallery__image-frame{height:100%}.gvs-before-after{display:block;position:relative;overflow:hidden;background:#111;--gvs-ba-position: 50%}.gvs-before-after__media{position:relative;overflow:hidden;isolation:isolate}.gvs-before-after__layer{position:absolute;top:0;right:0;bottom:0;left:0}.gvs-before-after__layer--after{z-index:2;clip-path:inset(0 calc(100% - var(--gvs-ba-position)) 0 0)}.gvs-before-after__badge{position:absolute;z-index:4;bottom:10px;display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;color:#fff;background:#000000bd;border:1px solid rgba(255,255,255,.16);border-radius:999px;font-size:.72rem;font-weight:900;line-height:1;letter-spacing:.08em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.gvs-before-after__badge--before{left:10px}.gvs-before-after__badge--after{right:10px}.gvs-before-after__handle{position:absolute;z-index:5;inset-block:0;left:var(--gvs-ba-position);width:2px;background:#fff;transform:translate(-50%);pointer-events:none}.gvs-before-after__handle:before{content:"";position:absolute;top:50%;left:50%;width:42px;height:42px;background:var(--gvs-job-accent);border:3px solid #ffffff;border-radius:999px;box-shadow:0 12px 28px #00000052;transform:translate(-50%,-50%)}.gvs-before-after__handle:after{content:"\2194";position:absolute;top:50%;left:50%;color:#111;font-size:18px;font-weight:900;line-height:1;transform:translate(-50%,-50%)}.gvs-before-after__range{position:absolute;z-index:8;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.gvs-before-after__range:focus-visible+.gvs-before-after__handle:before{outline:3px solid var(--gvs-job-orange);outline-offset:3px}.gvs-job-gallery__card-content{display:grid;gap:14px;padding:var(--gvs-job-card-padding)}.gvs-job-gallery__topline{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.gvs-job-gallery__pills{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.gvs-job-gallery__pill,.gvs-job-gallery__source{display:inline-flex;align-items:center;width:fit-content;min-height:28px;padding:6px 10px;color:var(--gvs-job-muted);background:var(--gvs-job-soft);border:1px solid var(--gvs-job-card-border);border-radius:999px;font-size:.72rem;font-weight:900;line-height:1;letter-spacing:.07em;text-decoration:none;text-transform:uppercase}.gvs-job-gallery__pill--accent{color:#111;background:var(--gvs-job-accent);border-color:var(--gvs-job-accent)}.gvs-job-gallery__source:hover,.gvs-job-gallery__source:focus-visible{color:#111;background:var(--gvs-job-accent);border-color:var(--gvs-job-accent)}.gvs-job-gallery__stars{color:var(--gvs-job-orange);font-size:.86rem;font-weight:900;letter-spacing:.08em;line-height:1}.gvs-job-gallery__card-header{display:grid;gap:8px}.gvs-job-gallery__card-title{margin:0;color:var(--gvs-job-heading);font-size:clamp(1.35rem,1.65vw,2rem);font-weight:900;line-height:1.05;letter-spacing:-.035em;text-wrap:balance}.gvs-job-gallery__meta{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.gvs-job-gallery__meta li{display:inline-flex;align-items:center;min-height:26px;padding:5px 9px;color:var(--gvs-job-muted);background:var(--gvs-job-soft);border:1px solid var(--gvs-job-card-border);border-radius:999px;font-size:.78rem;font-weight:700;line-height:1.1}.gvs-job-gallery__insight-grid{display:grid;gap:10px}.gvs-job-gallery__insight,.gvs-job-gallery__outcome,.gvs-job-gallery__equipment{display:grid;gap:6px;padding:14px;background:var(--gvs-job-soft);border:1px solid var(--gvs-job-card-border);border-radius:calc(var(--gvs-job-card-radius) * .68)}.gvs-job-gallery__insight--solution,.gvs-job-gallery__equipment{background:color-mix(in srgb,var(--gvs-job-accent) 10%,var(--gvs-job-soft));border-color:color-mix(in srgb,var(--gvs-job-accent) 34%,var(--gvs-job-card-border))}.gvs-job-gallery__insight-label,.gvs-job-gallery__outcome-label,.gvs-job-gallery__equipment-label{color:var(--gvs-job-accent);font-size:.72rem;font-weight:900;line-height:1.1;letter-spacing:.09em;text-transform:uppercase}.gvs-job-gallery__insight-text,.gvs-job-gallery__outcome-text,.gvs-job-gallery__equipment-value{color:var(--gvs-job-text);font-size:.96rem;line-height:1.48}.gvs-job-gallery__equipment-value{color:var(--gvs-job-heading);font-weight:800}.gvs-job-gallery__quote{position:relative;margin:0;padding:14px 16px 14px 18px;color:var(--gvs-job-muted);background:transparent;border-left:3px solid var(--gvs-job-accent);font-size:1rem;font-style:italic;line-height:1.55}.gvs-job-gallery__quote:before{content:"\201c"}.gvs-job-gallery__quote:after{content:"\201d"}.gvs-job-gallery__link,.gvs-job-gallery__button{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:44px;border-radius:999px;font-size:.86rem;font-weight:900;line-height:1;letter-spacing:.06em;text-decoration:none;text-transform:uppercase;transition:transform .16s ease,filter .16s ease,background-color .16s ease,border-color .16s ease}.gvs-job-gallery__link{gap:8px;margin-block-start:auto;padding:12px 16px;color:#111;background:var(--gvs-job-accent);border:1px solid var(--gvs-job-accent)}.gvs-job-gallery__button{padding:13px 18px;color:#111;background:var(--gvs-job-accent);border:1px solid var(--gvs-job-accent)}.gvs-job-gallery__link:hover,.gvs-job-gallery__link:focus-visible,.gvs-job-gallery__button:hover,.gvs-job-gallery__button:focus-visible{color:#111;filter:brightness(1.05);transform:translateY(-1px)}.gvs-job-gallery__footer{display:flex;flex-direction:column;gap:16px;margin-block-start:clamp(24px,3vw,38px);padding:clamp(16px,2.5vw,24px);color:var(--gvs-job-text);background:var(--gvs-job-soft);border:1px solid var(--gvs-job-card-border);border-radius:calc(var(--gvs-job-card-radius) * .9)}.gvs-job-gallery__footer-text{max-width:820px;margin:0;color:var(--gvs-job-muted);font-size:1rem;line-height:1.55}@media screen and (min-width:750px){.gvs-job-gallery--columns-2 .gvs-job-gallery__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gvs-job-gallery--columns-3 .gvs-job-gallery__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gvs-job-gallery--columns-4 .gvs-job-gallery__grid{grid-template-columns:repeat(4,minmax(0,1fr))}.gvs-job-gallery--columns-auto .gvs-job-gallery__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.gvs-job-gallery__insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gvs-job-gallery__footer{flex-direction:row;align-items:center;justify-content:space-between}}@media screen and (min-width:990px){.gvs-job-gallery--layout-showcase .gvs-job-gallery__card--highlight{grid-column:span 2;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}.gvs-job-gallery--layout-showcase .gvs-job-gallery__card--highlight .gvs-job-gallery__media-wrap,.gvs-job-gallery--layout-showcase .gvs-job-gallery__card--highlight .gvs-job-gallery__single-media,.gvs-job-gallery--layout-showcase .gvs-job-gallery__card--highlight .gvs-job-gallery__split-media,.gvs-job-gallery--layout-showcase .gvs-job-gallery__card--highlight .gvs-before-after__media{min-height:100%}.gvs-job-gallery--layout-showcase .gvs-job-gallery__card--highlight .gvs-job-gallery__single-media,.gvs-job-gallery--layout-showcase .gvs-job-gallery__card--highlight .gvs-job-gallery__split-media,.gvs-job-gallery--layout-showcase .gvs-job-gallery__card--highlight .gvs-before-after__media{aspect-ratio:auto}.gvs-job-gallery--layout-editorial .gvs-job-gallery__card{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1fr)}.gvs-job-gallery--layout-editorial .gvs-job-gallery__card .gvs-job-gallery__single-media,.gvs-job-gallery--layout-editorial .gvs-job-gallery__card .gvs-job-gallery__split-media,.gvs-job-gallery--layout-editorial .gvs-job-gallery__card .gvs-before-after__media{height:100%;min-height:340px;aspect-ratio:auto}.gvs-job-gallery--layout-compact .gvs-job-gallery__media-wrap{display:none}}@media screen and (max-width:749px){.gvs-job-gallery{padding-block-start:calc(var(--padding-block-start, 56px) * .76);padding-block-end:calc(var(--padding-block-end, 56px) * .76)}.gvs-job-gallery__inner{padding-inline:min(var(--gvs-job-side-padding, 20px),16px)}.gvs-job-gallery--surface-panel .gvs-job-gallery__surface,.gvs-job-gallery--surface-premium .gvs-job-gallery__surface,.gvs-job-gallery--surface-dark .gvs-job-gallery__surface{padding:14px;border-radius:calc(var(--gvs-job-radius) * .72)}.gvs-job-gallery__heading{font-size:clamp(2rem,10vw,3.2rem)}.gvs-job-gallery__text{font-size:1rem}.gvs-job-gallery--mobile-scroll .gvs-job-gallery__grid{display:flex;gap:var(--gvs-job-gap);overflow-x:auto;padding-block-end:8px;scroll-padding-inline:2px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.gvs-job-gallery--mobile-scroll .gvs-job-gallery__card{width:min(88vw,390px);flex:0 0 min(88vw,390px);scroll-snap-align:start}.gvs-job-gallery__card-content{padding:min(var(--gvs-job-card-padding),18px)}.gvs-job-gallery__topline{align-items:flex-start}.gvs-job-gallery__split-media{grid-template-columns:1fr 1fr}.gvs-before-after__handle:before{width:38px;height:38px}}@media(hover:hover){.gvs-job-gallery__card{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.gvs-job-gallery__card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--gvs-job-accent) 48%,var(--gvs-job-card-border));box-shadow:0 24px 74px #0000002e}}@media screen and (prefers-reduced-motion:reduce){.gvs-job-gallery__card,.gvs-job-gallery__link,.gvs-job-gallery__button{transition:none}.gvs-job-gallery__card:hover,.gvs-job-gallery__link:hover,.gvs-job-gallery__button:hover{transform:none}}#use-cases .gvs-job-gallery__card{border-color:#ffffff24;box-shadow:none}#use-cases .gvs-job-gallery__topline{display:none}#use-cases .gvs-job-gallery__card-content{gap:18px}#use-cases .gvs-job-gallery__card-title{max-width:22ch;font-size:clamp(1.55rem,1.8vw,2.15rem);line-height:1.02}#use-cases .gvs-job-gallery__insight-grid{gap:18px}#use-cases .gvs-job-gallery__insight,#use-cases .gvs-job-gallery__outcome{gap:7px;padding:15px 0 0;background:transparent;border:0;border-top:1px solid rgba(255,255,255,.14);border-radius:0}#use-cases .gvs-job-gallery__insight--solution{background:transparent;border-color:#ffffff24}#use-cases .gvs-job-gallery__insight-label,#use-cases .gvs-job-gallery__outcome-label{color:#90f22e;font-size:.7rem;letter-spacing:.11em}#use-cases .gvs-job-gallery__insight-text,#use-cases .gvs-job-gallery__outcome-text{color:#f4f4f2;font-size:.98rem;line-height:1.55}#use-cases .gvs-job-gallery__quote{margin-top:2px;padding:16px 18px 16px 20px;color:#fff;background:#ffffff0b;border-left:3px solid #90f22e;border-radius:0 12px 12px 0;font-size:1.04rem;font-weight:650;line-height:1.5}#use-cases .gvs-job-gallery__link{min-height:42px;padding:11px 15px;font-size:.78rem}#use-cases .gvs-job-gallery__footer{background:#ffffff0b}@media screen and (max-width:749px){#use-cases .gvs-job-gallery__insight-grid{grid-template-columns:1fr;gap:12px}}@media screen and (max-width:749px){.gvs-job-gallery--mobile-header-center .gvs-job-gallery__header{grid-template-columns:1fr;max-width:880px;margin-inline:auto;text-align:center;justify-items:center}.gvs-job-gallery--mobile-header-center .gvs-job-gallery__header-main,.gvs-job-gallery--mobile-header-center .gvs-job-gallery__heading,.gvs-job-gallery--mobile-header-center .gvs-job-gallery__text{width:100%;margin-inline:auto;text-align:center}.gvs-job-gallery--mobile-header-center .gvs-job-gallery__eyebrow{justify-content:center}.gvs-job-gallery--mobile-header-center .gvs-job-gallery__eyebrow:before{display:none}.gvs-job-gallery--mobile-header-left .gvs-job-gallery__header{grid-template-columns:1fr;max-width:none;margin-inline:0;text-align:left;justify-items:start}.gvs-job-gallery--mobile-header-left .gvs-job-gallery__heading,.gvs-job-gallery--mobile-header-left .gvs-job-gallery__text{margin-inline:0;text-align:left}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/gvs-job-gallery.css.map */