/* work-index page.css — generated by tools/port.mjs. Layers: (1) B donor, scoped; (2) C FeaturedList, scoped deeper; (3) Gnar skin (src/parts/skin.css). */
/* ===== (1) B: brandvm our-work-portfolio ===== */
/* inline */


/* inline */

/* https://cdn.prod.website-files.com/68b9f0236581de795cba8ec2/css/brandvm.webflow.shared.346e3eec5.min.css */
.pg-work-index { text-size-adjust: 100%; font-family: sans-serif; }
.pg-work-index { margin: 0px; }
.pg-work-index article:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)), .pg-work-index aside:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)), .pg-work-index details:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)), .pg-work-index figcaption:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)), .pg-work-index figure:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)), .pg-work-index footer:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)), .pg-work-index header:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)), .pg-work-index hgroup:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)), .pg-work-index main:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)), .pg-work-index menu:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)), .pg-work-index nav:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)), .pg-work-index section:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)), .pg-work-index summary:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { display: block; }
.pg-work-index audio:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)), .pg-work-index canvas:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)), .pg-work-index progress:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)), .pg-work-index video:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { vertical-align: baseline; display: inline-block; }
.pg-work-index template:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { display: none; }
.pg-work-index a:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { background-color: rgba(0, 0, 0, 0); }
.pg-work-index a:active:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)), .pg-work-index a:hover:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { outline: 0px; }
.pg-work-index b:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)), .pg-work-index strong:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { font-weight: 700; }
.pg-work-index dfn:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { font-style: italic; }
.pg-work-index h1:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { margin: 0.67em 0px; font-size: 2em; }
.pg-work-index mark:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { color: rgb(0, 0, 0); background: rgb(255, 255, 0); }
.pg-work-index small:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { font-size: 80%; }
.pg-work-index sub:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)), .pg-work-index sup:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; }
.pg-work-index sup:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { top: -0.5em; }
.pg-work-index sub:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { bottom: -0.25em; }
.pg-work-index img:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { border: 0px; }
.pg-work-index hr:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { box-sizing: content-box; height: 0px; }
.pg-work-index pre:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { overflow: auto; }
.pg-work-index code:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)), .pg-work-index kbd:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)), .pg-work-index pre:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)), .pg-work-index samp:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { font-family: monospace; font-size: 1em; }
.pg-work-index button:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)), .pg-work-index input:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)), .pg-work-index optgroup:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)), .pg-work-index select:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)), .pg-work-index textarea:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { color: inherit; font: inherit; margin: 0px; }
.pg-work-index button:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { overflow: visible; }
.pg-work-index button:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)), .pg-work-index select:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { text-transform: none; }
.pg-work-index button:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { appearance: button; cursor: pointer; }
.pg-work-index input:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { line-height: normal; }
.pg-work-index legend:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { border: 0px; padding: 0px; }
.pg-work-index textarea:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { overflow: auto; }
.pg-work-index optgroup:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { font-weight: 700; }
.pg-work-index table:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { border-collapse: collapse; border-spacing: 0px; }
.pg-work-index td:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)), .pg-work-index th:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { padding: 0px; }
.pg-work-index *:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)), .pg-work-index { box-sizing: border-box; }
.pg-work-index { height: 100%; }
.pg-work-index { color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); min-height: 100%; margin: 0px; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; }
.pg-work-index img:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { vertical-align: middle; max-width: 100%; display: inline-block; }
.pg-work-index.w-mod-touch * { background-attachment: scroll !important; }
.pg-work-index .w-inline-block { max-width: 100%; display: inline-block; }
.pg-work-index :where(button.w-popover-trigger) { color: inherit; cursor: pointer; font: inherit; text-align: inherit; text-decoration: inherit; background-color: rgba(0, 0, 0, 0); border: 0px; margin: 0px; padding: 0px; }
.pg-work-index h1:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)), .pg-work-index h2:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)), .pg-work-index h3:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)), .pg-work-index h4:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)), .pg-work-index h5:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)), .pg-work-index h6:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { margin-bottom: 10px; font-weight: 700; }
.pg-work-index h1:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { margin-top: 20px; font-size: 38px; line-height: 44px; }
.pg-work-index h2:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { margin-top: 20px; font-size: 32px; line-height: 36px; }
.pg-work-index h3:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { margin-top: 20px; font-size: 24px; line-height: 30px; }
.pg-work-index h4:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { margin-top: 10px; font-size: 18px; line-height: 24px; }
.pg-work-index h5:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { margin-top: 10px; font-size: 14px; line-height: 20px; }
.pg-work-index h6:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { margin-top: 10px; font-size: 12px; line-height: 18px; }
.pg-work-index p:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { margin-top: 0px; margin-bottom: 10px; }
.pg-work-index blockquote:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { border-left: 5px solid rgb(226, 226, 226); margin: 0px 0px 10px; padding: 10px 20px; font-size: 18px; line-height: 22px; }
.pg-work-index figure:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { margin: 0px 0px 10px; }
.pg-work-index figcaption:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { text-align: center; margin-top: 5px; }
.pg-work-index ul:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)), .pg-work-index ol:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { margin-top: 0px; margin-bottom: 10px; padding-left: 40px; }
.pg-work-index fieldset:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { border: 0px; margin: 0px; padding: 0px; }
.pg-work-index button:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)), .pg-work-index [type="button"] { cursor: pointer; appearance: button; border: 0px; }
.pg-work-index label:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { margin-bottom: 5px; font-weight: 700; display: block; }
.pg-work-index .w-container { max-width: 940px; margin-left: auto; margin-right: auto; }
.pg-work-index .w-container::before,
.pg-work-index .w-container::after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; }
.pg-work-index .w-container::after { clear: both; }
@media screen and (max-width: 991px) {
  .pg-work-index .w-container { max-width: 728px; }
}
@media screen and (max-width: 479px) {
  .pg-work-index .w-container { max-width: none; }
}
.pg-work-index .w-dropdown-list.w--open { display: block; }
.pg-work-index .w-dropdown-link.w--current { color: rgb(0, 130, 243); }
.pg-work-index .w-richtext::before,
.pg-work-index .w-richtext::after { content: " "; grid-area: 1 / 1 / 2 / 2; display: table; }
.pg-work-index .w-richtext::after { clear: both; }
.pg-work-index .w-nav-link.w--current { color: rgb(0, 130, 243); }
.pg-work-index .w-nav-button.w--open { color: rgb(255, 255, 255); background-color: rgb(200, 200, 200); }
.pg-work-index .w-tab-link.w--current { background-color: rgb(200, 200, 200); }
@keyframes pg-work-index-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.pg-work-index { --_typography---font-family--body-sans: "Inter Variable",Arial,sans-serif; --_color-token---text--dark: var(--_colors---base--true-black); --_typography---font-size--body-16: 1em; --_typography---font-weight--body: var(--_typography---all-weight--regular); --_typography---letter-spacing--body: -.024em; --_typography---font-family--heading-sans: "Inter Variable",Arial,sans-serif; --_typography---line-height--d0: 100%; --_typography---font-weight--d0: var(--_typography---all-weight--regular); --_typography---line-height--d2: 100%; --_typography---font-weight--d2: var(--_typography---all-weight--regular); --_typography---line-height--d3: 100%; --_typography---font-weight--d3: var(--_typography---all-weight--regular); --_typography---line-height--d4: 100%; --_typography---font-weight--d4: var(--_typography---all-weight--regular); --_typography---line-height--d5: 120%; --_typography---font-weight--d5: var(--_typography---all-weight--medium); --_typography---line-height--d6: 100%; --_typography---font-weight--d6: var(--_typography---all-weight--regular); --section--padding-v: 7.5em; --section--padding-h: 3em; --_radius---12: .75em; --_color-token---background--navy: var(--_colors---base--deep-navy); --_color-token---text--white: var(--_colors---base--clean-white); --_color-token---background--dark: var(--_colors---base--true-black); --_color-token---background--white: var(--_colors---base--clean-white); --_color-token---background--light: var(--_colors---base--cloud-white); --_color-token---text--light: var(--_colors---base--cloud-white); --_radius---32: 2em; --section--padded: 1.25em; --_radius---20: 1.25em; --_radius---24: 1.5em; --_radius---22: 1.375em; --container--max-width-1580: 98.75em; --content--gap: 5em; --grid--gap: 1.25em; --_spacing---80: 5em; --container--max-width-1360: 85em; --_spacing---32: 2em; --_typography---font-size--d0: 4.5em; --_typography---letter-spacing--d0: -.04em; --_typography---font-family--heading-serif: "Instrument Serif","Times New Roman",sans-serif; --_typography---font-size--d5: 1.75em; --_typography---letter-spacing--d5: -.03em; --_typography---font-size--d1: 4.5em; --_typography---line-height--d1: 100%; --_typography---font-weight--d1: var(--_typography---all-weight--regular); --_typography---letter-spacing--d1: -.04em; --_typography---font-size--d6: 1.25em; --_typography---letter-spacing--d6: -.02em; --_typography---font-size--d2: 5em; --_typography---letter-spacing--d2: -.04em; --_color-token---text--vermillion: var(--_colors---base--vermillion); --_typography---font-size--caption: calc(.875 * var(--pgwi-rem)); --_typography---line-height--caption: 110%; --_typography---font-weight--caption: 400; --_colors---utility--u-muted-72: color-mix(in srgb,currentColor 72%,transparent); --_colors---utility--u-muted-12: color-mix(in srgb,currentColor 12%,transparent); --_typography---font-size--d4: 2.5em; --_typography---letter-spacing--d4: -.02em; --_colors---utility--u-muted-40: color-mix(in srgb,currentColor 40%,transparent); --_colors---utility--u-muted-64: color-mix(in srgb,currentColor 64%,transparent); --_colors---utility--u-muted-80: color-mix(in srgb,currentColor 80%,transparent); --_colors---utility--u-muted-50: color-mix(in srgb,currentColor 50%,transparent); --_color-token---background--vermillion: var(--_colors---base--vermillion); --_typography---all-weight--medium: 500; --_typography---font-size--d3: 4em; --_typography---letter-spacing--d3: -.03em; --_radius---18: 1.125em; --_colors---base--steel-blue: #2a4a6a; --_spacing---24: 1.5em; --_color-token---text--sky-blue: var(--_colors---base--sky-blue); --_spacing---12: .75em; --_spacing---8: .5em; --_spacing---16: 1em; --_radius---rounded: 24em; --_colors---utility--u-muted-10: color-mix(in srgb,currentColor 10%,transparent); --_colors---utility--transparent: transparent; --_colors---utility--u-muted-8: color-mix(in srgb,currentColor 8%,transparent); --_typography---font-size--button: .875em; --_typography---line-height--button: 100%; --_typography---font-weight--button: 500; --_typography---letter-spacing--button: -.02em; --_colors---utility--u-muted-100: color-mix(in srgb,currentColor 100%,transparent); --_spacing---20: 1.25em; --_radius---8: .5em; --_colors---utility--u-muted-4: color-mix(in srgb,currentColor 4%,transparent); --_colors---alpha--overlay-40: #0d172a66; --_colors---utility--u-muted-16: color-mix(in srgb,currentColor 16%,transparent); --_typography---font-size--body-15: .9375em; --_radius---none: 0em; --_typography---font-size--body-18: 1.125em; --_radius---10: .625em; --_colors---alpha--overlay-24: #0d172a3d; --_spacing---40: 2.5em; --_radius---16: 1em; --_spacing---4: .25em; --_radius---4: .25em; --_colors---extended--vermillion-400: #cb351a; --_radius---6: .375em; --_colors---utility--u-muted-24: color-mix(in srgb,currentColor 24%,transparent); --_color-token---border--dark: #000; --_typography---font-size--body-12: .75em; --_colors---utility--u-muted-2: color-mix(in srgb,currentColor 2%,transparent); --_colors---utility--u-muted-20: color-mix(in srgb,currentColor 20%,transparent); --_typography-style---font-family: var(--_typography---font-family--body-sans); --_typography-style---font-size: var(--_typography---font-size--body-16); --_typography-style---line-height: var(--_typography---line-height--body); --_typography-style---font-weight: var(--_typography---font-weight--body); --_typography-style---letter-spacing: var(--_typography---letter-spacing--body); --_typography---all-weight--semi-bold: 600; --_colors---alpha--border-faint: #ffffff14; --container--max-width-1280: 80em; --_colors---utility--u-muted-6: color-mix(in srgb,currentColor 6%,transparent); --_spacing---48: 3em; --_colors---base--sky-blue: #94d5ff; --_radius---2: .125em; --_radius---14: .875em; --_typography---font-weight--body-s: 400; --_effects---z--modal: 300; --_typography---letter-spacing--body-s: -.01em; --_colors---alpha--border-soft: #ffffff29; --_typography---font-size--body-s: .875em; --_effects---z--base: 0; --_spacing---96: 6em; --_color-token---border--solid: #fff; --_spacing---128: 8em; --navbar--main-padding: 1.5em; --_colors---alpha--fg-muted: #fff9; --_effects---motion--ease-in-out: "cubic-bezier(0.65, 0, 0.35, 1)"; --_effects---motion--fast: 160; --_typography---line-height--body-s: 156%; --_effects---border--default: 1px; --_colors---alpha--fg-quiet: #fff6; --_color-token---text--quiet: #fff6; --_effects---motion--slow: 400; --_effects---z--dropdown: 100; --_effects---z--raised: 10; --_color-token---border--faint: #ffffff14; --_effects---z--sticky: 200; --_typography---letter-spacing--caption: 0em; --_color-token---text--muted: #fff9; --_effects---motion--ease-out: "cubic-bezier(0.16, 1, 0.3, 1)"; --_color-token---border--soft: #ffffff29; --navbar--top-padding: 1.25em; --_effects---motion--base: 240; --_effects---z--toast: 400; --_typography---font-family--body-serif: "Instrument Serif","Times New Roman",sans-serif; --_typography---font-family--label: "Inter Variable",Arial,sans-serif; --_colors---base--true-black: black; --_typography---font-family--ui: "Inter Variable",Arial,sans-serif; --_colors---base--deep-navy: #0d172a; --container--max-width-1440: 90em; --container--full: 100%; --_colors---base--royal-blue: #113271; --_colors---base--slate-grey: #6b7280; --_colors---base--cloud-white: #f5f7fa; --_colors---base--clean-white: white; --_colors---base--vermillion: #cb351a; --_colors---extended--navy-100: #e8eaf0; --_colors---extended--navy-200: #c5cad6; --_colors---extended--navy-300: #7a8499; --_colors---extended--navy-400: #3d4a63; --_colors---extended--navy-500: #1e2d47; --_colors---extended--navy-600: #0d172a; --_colors---extended--navy-700: #070e1a; --_colors---extended--blue-100: #d4edff; --_radius---28: 1.75em; --_colors---extended--blue-200: #94d5ff; --_colors---extended--blue-300: #5aafeb; --_radius---36: 2.25em; --_colors---extended--blue-400: #2b73b8; --_radius---40: 2.5em; --_colors---extended--blue-500: #113271; --_radius---circle: 50%; --_colors---extended--blue-600: #0c2254; --_colors---extended--blue-700: #071538; --_colors---extended--vermillion-100: #fde8e4; --_colors---extended--vermillion-200: #f5a99c; --_colors---extended--vermillion-300: #e56b55; --_colors---extended--vermillion-500: #a02b15; --_colors---extended--vermillion-600: #7a2010; --_colors---extended--vermillion-700: #4d140a; --_colors---extended--grey-100: #f3f4f6; --_colors---extended--grey-200: #d1d5db; --_colors---extended--grey-300: #9ca3af; --_colors---extended--grey-400: #6b7280; --_colors---extended--grey-500: #4b5563; --_colors---extended--grey-600: #374151; --_colors---extended--grey-700: #1f2937; --_typography---font-weight--ui: var(--_typography---all-weight--medium); --_typography---line-height--body: 156%; --_typography---all-weight--ultra-thin: 50; --_typography---all-weight--thin: 100; --_typography---all-weight--extra-light: 200; --_typography---all-weight--light: 300; --_typography---all-weight--regular: 400; --_typography---all-weight--bold: 700; --_typography---all-weight--extra-bold: 800; --_typography---all-weight--black: 900; --_spacing---64: 4em; --_colors---utility--u-muted-60: color-mix(in srgb,currentColor 60%,transparent); }
.pg-work-index .w-layout-blockcontainer { max-width: 940px; margin-left: auto; margin-right: auto; display: block; }
.pg-work-index .w-form-formradioinput--inputType-custom.w--redirected-checked { border-width: 4px; border-color: rgb(56, 152, 236); }
@media screen and (max-width: 991px) {
  .pg-work-index .w-layout-blockcontainer { max-width: 728px; }
}
@media screen and (max-width: 767px) {
  .pg-work-index .w-layout-blockcontainer { max-width: none; }
}
.pg-work-index { font-family: var(--_typography---font-family--body-sans); color: var(--_color-token---text--dark); font-size: var(--_typography---font-size--body-16); line-height: 1.56; font-weight: var(--_typography---font-weight--body); letter-spacing: var(--_typography---letter-spacing--body); }
.pg-work-index h1:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { font-family: var(--_typography---font-family--heading-sans); font-size: 2.375em; line-height: var(--_typography---line-height--d0); font-weight: var(--_typography---font-weight--d0); margin-top: 0px; margin-bottom: 0px; }
.pg-work-index h2:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { font-family: var(--_typography---font-family--heading-sans); font-size: 2em; line-height: var(--_typography---line-height--d2); font-weight: var(--_typography---font-weight--d2); margin-top: 0px; margin-bottom: 0px; }
.pg-work-index h3:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { font-family: var(--_typography---font-family--heading-sans); font-size: 1.5em; line-height: var(--_typography---line-height--d3); font-weight: var(--_typography---font-weight--d3); margin-top: 0px; margin-bottom: 0px; }
.pg-work-index h4:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { font-family: var(--_typography---font-family--heading-sans); font-size: 1.125em; line-height: var(--_typography---line-height--d4); font-weight: var(--_typography---font-weight--d4); margin-top: 0px; margin-bottom: 0px; }
.pg-work-index h5:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { font-family: var(--_typography---font-family--heading-sans); font-size: 0.875em; line-height: var(--_typography---line-height--d5); font-weight: var(--_typography---font-weight--d5); margin-top: 0px; margin-bottom: 0px; }
.pg-work-index h6:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { font-family: var(--_typography---font-family--heading-sans); font-size: 0.75em; line-height: var(--_typography---line-height--d6); font-weight: var(--_typography---font-weight--d6); margin-top: 0px; margin-bottom: 0px; }
.pg-work-index p:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { margin-bottom: 0px; }
.pg-work-index a:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { text-decoration: none; }
.pg-work-index ul:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { margin-top: 0px; margin-bottom: 10px; padding-left: 40px; }
.pg-work-index img:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { object-fit: cover; width: 100%; max-width: 100%; height: 100%; display: inline-block; }
.pg-work-index strong:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { font-weight: 700; }
.pg-work-index em:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { font-style: italic; }
.pg-work-index figure:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)) { margin-bottom: 0px; }
.pg-work-index .section { z-index: 2; width: 100%; padding: var(--section--padding-v)var(--section--padding-h); flex-flow: column; display: flex; position: relative; overflow: clip; }
.pg-work-index .section.s-contact-cta { border-radius: var(--_radius---32); background-color: var(--_color-token---background--navy); color: var(--_color-token---text--light); padding-top: 3.5em; padding-bottom: 3.5em; }
.pg-work-index .section.s-work-hero { border-radius: var(--_radius---32); background-color: var(--_color-token---background--navy); min-height: 43.75em; color: var(--_color-token---text--white); }
.pg-work-index .s-wrapper { z-index: 4; width: 100%; height: 100%; max-width: var(--container--max-width-1580); column-gap: var(--content--gap); row-gap: var(--content--gap); flex-flow: column; flex: 1 1 0%; justify-content: flex-start; align-items: flex-start; min-height: 0.5em; margin-left: auto; margin-right: auto; display: flex; position: relative; }
.pg-work-index .s-wrapper.sw-contact-cta { column-gap: var(--content--gap); row-gap: var(--_spacing---80); grid-template-rows: min-content 1fr; grid-template-columns: 1fr 1.6fr; grid-auto-columns: 1fr; display: grid; }
.pg-work-index .s-wrapper.sw-work-hero { justify-content: center; align-items: center; }
.pg-work-index .s-bg-w { z-index: 1; pointer-events: none; width: 100%; height: 100%; position: absolute; inset: 0% 0% auto; }
.pg-work-index .label-overline { z-index: 1; font-size: var(--_typography---font-size--caption); line-height: var(--_typography---line-height--caption); font-weight: var(--_typography---font-weight--caption); letter-spacing: 0.04em; text-transform: uppercase; position: relative; }
.pg-work-index .u-muted-80 { color: var(--_colors---utility--u-muted-80); }
.pg-work-index .style-guide-link.w--current { background-color: var(--_color-token---background--vermillion); color: rgb(12, 12, 12); }
.pg-work-index .max-width { width: 100%; max-width: calc(1em*var(--figma-size)/16); }
.pg-work-index .overline-w { column-gap: var(--_spacing---8); row-gap: var(--_spacing---8); white-space: nowrap; justify-content: center; align-items: center; display: flex; position: relative; }
.pg-work-index .icon { width: 1.5em; min-width: 1.5em; height: 1lh; }
.pg-work-index .icon._18 { width: 1.125em; min-width: 1.125em; }
.pg-work-index .s-bg-backdrop-blur { z-index: 4; backdrop-filter: blur(30px); background-image: linear-gradient(rgba(0, 0, 0, 0.3) 30%, rgba(102, 102, 102, 0.3) 80%); width: 100%; height: 100%; position: absolute; inset: 0% 0% auto; }
.pg-work-index .section-header { z-index: 4; column-gap: var(--_spacing---32); row-gap: var(--_spacing---32); text-align: center; flex-flow: column; justify-content: flex-start; align-items: center; width: 100%; display: flex; position: relative; }
.pg-work-index .section-header:where(.w-variant-21fec7c6-e01a-78aa-1198-54363851c8d4),
.pg-work-index .section-header:where(.w-variant-970b5b15-612e-8ab5-1862-519c3835f216),
.pg-work-index .section-header:where(.w-variant-7469c0aa-fc46-1ac1-fa57-b5e09414a821) { text-align: left; justify-content: flex-start; align-items: flex-start; }
.pg-work-index .section-header-main { column-gap: var(--_spacing---32); row-gap: var(--_spacing---32); flex-flow: column; justify-content: flex-start; align-items: center; width: 100%; display: flex; }
.pg-work-index .section-header-main:where(.w-variant-21fec7c6-e01a-78aa-1198-54363851c8d4) { justify-content: flex-start; align-items: flex-start; }
.pg-work-index .section-header-main:where(.w-variant-970b5b15-612e-8ab5-1862-519c3835f216) { column-gap: var(--_spacing---20); row-gap: var(--_spacing---20); flex-flow: wrap; justify-content: space-between; align-items: flex-end; }
.pg-work-index .section-header-main:where(.w-variant-7469c0aa-fc46-1ac1-fa57-b5e09414a821) { justify-content: flex-start; align-items: flex-start; }
.pg-work-index .section-header-top-info { gap: 0.5em; justify-content: center; align-items: center; display: flex; }
.pg-work-index .section-header-top-info:where(.w-variant-21fec7c6-e01a-78aa-1198-54363851c8d4),
.pg-work-index .section-header-top-info:where(.w-variant-970b5b15-612e-8ab5-1862-519c3835f216),
.pg-work-index .section-header-top-info:where(.w-variant-7469c0aa-fc46-1ac1-fa57-b5e09414a821) { justify-content: flex-start; align-items: center; }
.pg-work-index .service-tab-link.w--current { background-color: var(--_color-token---background--light); color: var(--_color-token---text--dark); }
.pg-work-index .padded-section { z-index: 2; width: 100%; padding: 1.25em; position: relative; }
.pg-work-index .padded-section:where(.w-variant-f715e0af-d703-a53c-3111-f5b54b59de3f),
.pg-work-index .padded-section.is_page-header { padding-top: 6.25em; }
.pg-work-index .contact-cta-left { column-gap: var(--_spacing---80); row-gap: var(--_spacing---80); flex-flow: column; justify-content: flex-start; align-items: flex-start; width: 100%; max-width: 30em; display: flex; }
.pg-work-index .contact-cta-right { width: 100%; max-width: 55em; height: 100%; padding-top: var(--_spacing---32); padding-right: var(--_spacing---32); padding-bottom: var(--_spacing---32); padding-left: var(--_spacing---32); column-gap: var(--_spacing---32); row-gap: var(--_spacing---32); border-top-left-radius: var(--_radius---24); border-top-right-radius: var(--_radius---24); border-bottom-left-radius: var(--_radius---24); border-bottom-right-radius: var(--_radius---24); background-color: var(--_color-token---background--white); color: var(--_color-token---text--dark); flex-flow: column; grid-row: span 2; justify-content: space-between; align-items: stretch; margin-left: auto; display: flex; }
.pg-work-index .contact-badge-carousel { width: 100%; padding: 1em; display: flex; position: relative; overflow: hidden; mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 10%, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%); }
.pg-work-index .badges-carousel-cms { z-index: 1; flex: 0 0 auto; display: flex; position: relative; }
.pg-work-index .badges-carousel-cms.loop-animate-x { will-change: transform; }
.pg-work-index .badges-carousel-cms-list { flex: 0 0 auto; display: flex; }
.pg-work-index .badges-carousel-cms-item { flex: 0 0 auto; justify-content: center; align-items: center; margin-right: 3em; display: flex; }
.pg-work-index .badges-carousel-image-w { width: auto; height: 4em; }
.pg-work-index .contact-cta-social-proof { column-gap: var(--_spacing---24); row-gap: var(--_spacing---24); flex-flow: column; justify-content: flex-start; align-items: flex-start; width: 100%; display: flex; }
.pg-work-index .contact-cta-option { gap: 1em; flex-flow: column; justify-content: flex-start; align-items: flex-start; width: 100%; display: flex; }
.pg-work-index .partner-cms { width: 100%; }
.pg-work-index .partner-cms-list { column-gap: var(--_spacing---8); row-gap: var(--_spacing---8); grid-template-rows: 1fr; grid-template-columns: 1fr 1fr 1fr; grid-auto-rows: 1fr; grid-auto-columns: 1fr; width: 100%; display: grid; }
.pg-work-index .partner-cms-item { width: 100%; }
.pg-work-index .partner-logo-w { border-radius: var(--_radius---8); background-color: var(--_colors---alpha--overlay-24); width: 100%; height: 4.625em; padding: 0.5em; }
.pg-work-index .partner-logo { object-fit: contain; }
.pg-work-index .contact-cta-option-item { gap: 1em; justify-content: flex-start; align-items: center; display: flex; }
.pg-work-index .contact-cta-option-icon-w { border-radius: var(--_radius---8); background-color: var(--_colors---alpha--overlay-24); width: 4em; height: 4em; box-shadow: inset 0 0 0 1px var(--_colors---utility--u-muted-8); justify-content: center; align-items: center; display: flex; }
.pg-work-index .contact-cta-option-link { justify-content: flex-start; align-items: center; display: flex; }
.pg-work-index .contact-cta-option-links { gap: 0em; flex-flow: column; justify-content: center; align-items: flex-start; display: flex; }
.pg-work-index .section-header-block { column-gap: var(--_spacing---32); row-gap: var(--_spacing---32); flex-flow: column; justify-content: flex-start; align-items: center; display: flex; }
.pg-work-index .section-header-block:where(.w-variant-21fec7c6-e01a-78aa-1198-54363851c8d4),
.pg-work-index .section-header-block:where(.w-variant-970b5b15-612e-8ab5-1862-519c3835f216),
.pg-work-index .section-header-block:where(.w-variant-7469c0aa-fc46-1ac1-fa57-b5e09414a821) { justify-content: flex-start; align-items: flex-start; }
.pg-work-index .industry-tab-link.w--current { opacity: 1; background-color: rgba(0, 0, 0, 0); }
.pg-work-index .filter-chip-button.w--redirected-checked { background-color: var(--_color-token---background--navy); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }
.pg-work-index .heading { font-family: var(--_typography-style---font-family); font-size: var(--_typography-style---font-size); line-height: var(--_typography-style---line-height); font-weight: var(--_typography-style---font-weight); letter-spacing: var(--_typography-style---letter-spacing); --_typography-style---font-family: var(--_typography---font-family--heading-sans); --_typography-style---font-size: var(--_typography---font-size--d2); --_typography-style---line-height: var(--_typography---line-height--d2); --_typography-style---font-weight: var(--_typography---font-weight--d2); --_typography-style---letter-spacing: var(--_typography---letter-spacing--d2); }
.pg-work-index .heading:where(.w-variant-0008fbd7-483b-a689-bdfc-a23f1709f9c2) { --_typography-style---font-family: var(--_typography---font-family--heading-sans); --_typography-style---font-size: var(--_typography---font-size--d0); --_typography-style---line-height: var(--_typography---line-height--d0); --_typography-style---font-weight: var(--_typography---font-weight--d0); --_typography-style---letter-spacing: var(--_typography---letter-spacing--d0); }
.pg-work-index .heading:where(.w-variant-91182852-2a86-9422-8d8c-7141eaa4d991) { --_typography-style---font-family: var(--_typography---font-family--heading-sans); --_typography-style---font-size: var(--_typography---font-size--d1); --_typography-style---line-height: var(--_typography---line-height--d1); --_typography-style---font-weight: var(--_typography---font-weight--d1); --_typography-style---letter-spacing: var(--_typography---letter-spacing--d1); }
.pg-work-index .heading:where(.w-variant-e14e01a6-f584-14ca-14af-41a654cbd04b) { --_typography-style---font-family: var(--_typography---font-family--heading-sans); --_typography-style---font-size: var(--_typography---font-size--d3); --_typography-style---line-height: var(--_typography---line-height--d3); --_typography-style---font-weight: var(--_typography---font-weight--d3); --_typography-style---letter-spacing: var(--_typography---letter-spacing--d3); }
.pg-work-index .heading:where(.w-variant-fbed014b-9271-0e55-2540-74e5167dc404) { --_typography-style---font-family: var(--_typography---font-family--heading-sans); --_typography-style---font-size: var(--_typography---font-size--d4); --_typography-style---line-height: var(--_typography---line-height--d4); --_typography-style---font-weight: var(--_typography---font-weight--d4); --_typography-style---letter-spacing: var(--_typography---letter-spacing--d4); }
.pg-work-index .heading:where(.w-variant-aa850157-1bb7-4008-5c8b-9aa82a88c5ce) { --_typography-style---font-family: var(--_typography---font-family--heading-sans); --_typography-style---font-size: var(--_typography---font-size--d5); --_typography-style---line-height: var(--_typography---line-height--d5); --_typography-style---font-weight: var(--_typography---font-weight--d5); --_typography-style---letter-spacing: var(--_typography---letter-spacing--d5); }
.pg-work-index .heading:where(.w-variant-99344e5c-6ee8-496b-d97f-b4f77da2918e) { --_typography-style---font-family: var(--_typography---font-family--heading-sans); --_typography-style---font-size: var(--_typography---font-size--d6); --_typography-style---line-height: var(--_typography---line-height--d6); --_typography-style---font-weight: var(--_typography---font-weight--d0); --_typography-style---letter-spacing: var(--_typography---letter-spacing--d6); }
.pg-work-index .heading:where(.w-variant-e461e6d4-b87b-e17d-16b4-0287957236f3) { --_typography-style---font-family: var(--_typography---font-family--heading-sans); --_typography-style---font-size: var(--_typography---font-size--d1); --_typography-style---line-height: var(--_typography---line-height--d1); --_typography-style---font-weight: var(--_typography---font-weight--d1); --_typography-style---letter-spacing: var(--_typography---letter-spacing--d1); }
.pg-work-index .heading:where(.w-variant-a2134735-b508-1acf-d70d-e02299c5aed3) { --_typography-style---font-family: var(--_typography---font-family--heading-sans); --_typography-style---font-size: var(--_typography---font-size--d3); --_typography-style---line-height: var(--_typography---line-height--d3); --_typography-style---font-weight: var(--_typography---font-weight--d3); --_typography-style---letter-spacing: var(--_typography---letter-spacing--d3); }
.pg-work-index .heading:where(.w-variant-b49c778d-df8a-48fa-a5a2-f04a1a085946) { --_typography-style---font-family: var(--_typography---font-family--heading-sans); --_typography-style---font-size: var(--_typography---font-size--d4); --_typography-style---line-height: var(--_typography---line-height--d4); --_typography-style---font-weight: var(--_typography---font-weight--d4); --_typography-style---letter-spacing: var(--_typography---letter-spacing--d4); }
.pg-work-index .heading:where(.w-variant-84c0a586-3682-d3d6-a9ed-52e69c868335) { --_typography-style---font-family: var(--_typography---font-family--heading-sans); --_typography-style---font-size: var(--_typography---font-size--d5); --_typography-style---line-height: var(--_typography---line-height--d5); --_typography-style---font-weight: var(--_typography---font-weight--d5); --_typography-style---letter-spacing: var(--_typography---letter-spacing--d5); }
.pg-work-index .heading:where(.w-variant-805776f6-c65c-86bf-f04d-7d06895f92d1) { --_typography-style---font-family: var(--_typography---font-family--heading-sans); --_typography-style---font-size: var(--_typography---font-size--d6); --_typography-style---line-height: var(--_typography---line-height--d6); --_typography-style---font-weight: var(--_typography---font-weight--d0); --_typography-style---letter-spacing: var(--_typography---letter-spacing--d6); }
.pg-work-index .paragraph { font-family: var(--_typography-style---font-family); font-size: var(--_typography-style---font-size); line-height: var(--_typography-style---line-height); font-weight: var(--_typography-style---font-weight); letter-spacing: var(--_typography-style---letter-spacing); --_typography-style---font-family: var(--_typography---font-family--body-sans); --_typography-style---font-size: var(--_typography---font-size--body-16); --_typography-style---line-height: var(--_typography---line-height--body); --_typography-style---font-weight: var(--_typography---font-weight--body); --_typography-style---letter-spacing: var(--_typography---letter-spacing--body); }
.pg-work-index .paragraph:where(.w-variant-f0b6ed8d-9907-6d3b-f9fc-29d483e8a9af) { --_typography-style---font-family: var(--_typography---font-family--body-sans); --_typography-style---font-size: var(--_typography---font-size--body-15); --_typography-style---line-height: var(--_typography---line-height--body); --_typography-style---font-weight: var(--_typography---font-weight--body); --_typography-style---letter-spacing: var(--_typography---letter-spacing--body); }
.pg-work-index .paragraph:where(.w-variant-ae33e6cf-2a91-6fa5-bc8e-53a2ea698c3e) { --_typography-style---font-family: var(--_typography---font-family--body-sans); --_typography-style---font-size: var(--_typography---font-size--body-18); --_typography-style---line-height: var(--_typography---line-height--body); --_typography-style---font-weight: var(--_typography---font-weight--body); --_typography-style---letter-spacing: var(--_typography---letter-spacing--body); }
.pg-work-index .paragraph:where(.w-variant-41456706-74cc-5d78-b3de-7432e3b6d848) { --_typography-style---font-family: var(--_typography---font-family--body-sans); --_typography-style---font-size: var(--_typography---font-size--body-16); --_typography-style---line-height: var(--_typography---line-height--body); --_typography-style---font-weight: var(--_typography---font-weight--body); --_typography-style---letter-spacing: var(--_typography---letter-spacing--body); font-size: 0.875em; }
.pg-work-index .section-header-title { column-gap: var(--_spacing---24); row-gap: var(--_spacing---24); flex-flow: column; justify-content: flex-start; align-items: center; display: flex; }
.pg-work-index .section-header-title:where(.w-variant-21fec7c6-e01a-78aa-1198-54363851c8d4),
.pg-work-index .section-header-title:where(.w-variant-970b5b15-612e-8ab5-1862-519c3835f216),
.pg-work-index .section-header-title:where(.w-variant-7469c0aa-fc46-1ac1-fa57-b5e09414a821) { justify-content: flex-start; align-items: flex-start; }
.pg-work-index .about-work-tab-link.w--current { background-color: rgba(0, 0, 0, 0); }
.pg-work-index .overlay { z-index: 4; background-color: var(--_color-token---background--dark); pointer-events: none; width: 100%; height: 100%; opacity: var(--opacity,.4); position: absolute; inset: 0% 0% auto; }
.pg-work-index .i-form-radio-button.w--redirected-checked { border-width: 2px; border-color: rgb(0, 138, 252); }
@media screen and (max-width: 991px) {
  .pg-work-index { --section--padding-v: 6.25em; --section--padding-h: 1.5em; --section--padded: 1em; --container--max-width-1580: 98.75em; --content--gap: 4em; --grid--gap: 1em; --container--max-width-1360: 85em; --container--max-width-1280: 80em; --navbar--main-padding: 1.5em; --navbar--top-padding: 1.25em; --container--max-width-1440: 90em; --container--full: 100%; --_typography---font-family--body-sans: "Inter Variable",Arial,sans-serif; --_typography---font-size--body-16: 1em; --_typography---font-weight--body: var(--_typography---all-weight--regular); --_typography---letter-spacing--body: -.024em; --_typography---font-family--heading-sans: "Inter Variable",Arial,sans-serif; --_typography---line-height--d0: 100%; --_typography---font-weight--d0: var(--_typography---all-weight--regular); --_typography---line-height--d2: 100%; --_typography---font-weight--d2: var(--_typography---all-weight--regular); --_typography---line-height--d3: 100%; --_typography---font-weight--d3: var(--_typography---all-weight--regular); --_typography---line-height--d4: 100%; --_typography---font-weight--d4: var(--_typography---all-weight--regular); --_typography---line-height--d5: 120%; --_typography---font-weight--d5: var(--_typography---all-weight--medium); --_typography---line-height--d6: 100%; --_typography---font-weight--d6: var(--_typography---all-weight--regular); --_typography---font-size--d0: 3.8125em; --_typography---letter-spacing--d0: -.04em; --_typography---font-family--heading-serif: "Instrument Serif","Times New Roman",sans-serif; --_typography---font-size--d5: 1.375em; --_typography---letter-spacing--d5: -.03em; --_typography---font-size--d1: 3.8125em; --_typography---line-height--d1: 100%; --_typography---font-weight--d1: var(--_typography---all-weight--regular); --_typography---letter-spacing--d1: -.04em; --_typography---font-size--d6: 1.125em; --_typography---letter-spacing--d6: -.02em; --_typography---font-size--d2: 3.25em; --_typography---letter-spacing--d2: -.04em; --_typography---font-size--caption: calc(.875 * var(--pgwi-rem)); --_typography---line-height--caption: 110%; --_typography---font-weight--caption: 400; --_typography---font-size--d4: 1.875em; --_typography---letter-spacing--d4: -.02em; --_typography---all-weight--medium: 500; --_typography---font-size--d3: 2.75em; --_typography---letter-spacing--d3: -.03em; --_typography---font-size--button: .875em; --_typography---line-height--button: 100%; --_typography---font-weight--button: 500; --_typography---letter-spacing--button: -.02em; --_typography---font-size--body-15: .9375em; --_typography---font-size--body-18: 1.125em; --_typography---font-size--body-12: .75em; --_typography---all-weight--semi-bold: 600; --_typography---font-weight--body-s: 400; --_typography---letter-spacing--body-s: -.01em; --_typography---font-size--body-s: .875em; --_typography---line-height--body-s: 156%; --_typography---letter-spacing--caption: 0em; --_typography---font-family--body-serif: "Instrument Serif","Times New Roman",sans-serif; --_typography---font-family--label: "Inter Variable",Arial,sans-serif; --_typography---font-family--ui: "Inter Variable",Arial,sans-serif; --_typography---font-weight--ui: var(--_typography---all-weight--medium); --_typography---line-height--body: 156%; --_typography---all-weight--ultra-thin: 50; --_typography---all-weight--thin: 100; --_typography---all-weight--extra-light: 200; --_typography---all-weight--light: 300; --_typography---all-weight--regular: 400; --_typography---all-weight--bold: 700; --_typography---all-weight--extra-bold: 800; --_typography---all-weight--black: 900; }
  .pg-work-index .section.s-work-hero { border-radius: var(--_radius---20); }
  .pg-work-index .s-wrapper.sw-contact-cta { row-gap: var(--content--gap); flex-flow: column; justify-content: flex-start; align-items: flex-start; display: flex; }
  .pg-work-index .section-header { column-gap: var(--_spacing---24); row-gap: var(--_spacing---24); text-align: left; justify-content: flex-start; align-items: flex-start; margin-right: auto; }
  .pg-work-index .section-header:where(.w-variant-046c56f5-e4e5-a5f9-4740-5a0d7986f9fb) { text-align: center; justify-content: flex-start; align-items: center; }
  .pg-work-index .section-header-main { column-gap: var(--_spacing---24); row-gap: var(--_spacing---24); justify-content: flex-start; align-items: flex-start; }
  .pg-work-index .section-header-main:where(.w-variant-970b5b15-612e-8ab5-1862-519c3835f216) { flex-flow: column; justify-content: flex-start; align-items: flex-start; }
  .pg-work-index .section-header-main:where(.w-variant-046c56f5-e4e5-a5f9-4740-5a0d7986f9fb) { justify-content: flex-start; align-items: center; }
  .pg-work-index .service-tab-link.w--current { background-color: var(--_color-token---background--navy); box-shadow: inset 0 0 0 1px var(--_colors---utility--u-muted-8); color: var(--_color-token---text--light); }
  .pg-work-index .contact-cta-left.is_bottom { column-gap: var(--content--gap); row-gap: var(--content--gap); }
  .pg-work-index .section-header-block { justify-content: flex-start; align-items: flex-start; }
  .pg-work-index .section-header-block:where(.w-variant-046c56f5-e4e5-a5f9-4740-5a0d7986f9fb) { justify-content: flex-start; align-items: center; }
  .pg-work-index .industry-tab-link.w--current { background-color: var(--_colors---utility--u-muted-10); }
  .pg-work-index .section-header-title { justify-content: flex-start; align-items: flex-start; }
  .pg-work-index .section-header-title:where(.w-variant-046c56f5-e4e5-a5f9-4740-5a0d7986f9fb) { justify-content: flex-start; align-items: center; }
}
@media screen and (max-width: 767px) {
  .pg-work-index { --section--padding-v: 5em; --section--padding-h: 1em; --section--padded: 1em; --container--max-width-1580: 98.75em; --content--gap: 3.5em; --grid--gap: 1em; --container--max-width-1360: 85em; --container--max-width-1280: 80em; --navbar--main-padding: 1.5em; --navbar--top-padding: 1.25em; --container--max-width-1440: 90em; --container--full: 100%; --_typography---font-family--body-sans: "Inter Variable",Arial,sans-serif; --_typography---font-size--body-16: 1em; --_typography---font-weight--body: var(--_typography---all-weight--regular); --_typography---letter-spacing--body: -.024em; --_typography---font-family--heading-sans: "Inter Variable",Arial,sans-serif; --_typography---line-height--d0: 100%; --_typography---font-weight--d0: var(--_typography---all-weight--regular); --_typography---line-height--d2: 100%; --_typography---font-weight--d2: var(--_typography---all-weight--regular); --_typography---line-height--d3: 100%; --_typography---font-weight--d3: var(--_typography---all-weight--regular); --_typography---line-height--d4: 100%; --_typography---font-weight--d4: var(--_typography---all-weight--regular); --_typography---line-height--d5: 120%; --_typography---font-weight--d5: var(--_typography---all-weight--medium); --_typography---line-height--d6: 100%; --_typography---font-weight--d6: var(--_typography---all-weight--regular); --_typography---font-size--d0: 3.125em; --_typography---letter-spacing--d0: -.04em; --_typography---font-family--heading-serif: "Instrument Serif","Times New Roman",sans-serif; --_typography---font-size--d5: 1.25em; --_typography---letter-spacing--d5: -.03em; --_typography---font-size--d1: 3.125em; --_typography---line-height--d1: 100%; --_typography---font-weight--d1: var(--_typography---all-weight--regular); --_typography---letter-spacing--d1: -.04em; --_typography---font-size--d6: 1.25em; --_typography---letter-spacing--d6: -.02em; --_typography---font-size--d2: 2.75em; --_typography---letter-spacing--d2: -.04em; --_typography---font-size--caption: calc(.875 * var(--pgwi-rem)); --_typography---line-height--caption: 110%; --_typography---font-weight--caption: 400; --_typography---font-size--d4: 2em; --_typography---letter-spacing--d4: -.02em; --_typography---all-weight--medium: 500; --_typography---font-size--d3: 2.5em; --_typography---letter-spacing--d3: -.03em; --_typography---font-size--button: .875em; --_typography---line-height--button: 100%; --_typography---font-weight--button: 500; --_typography---letter-spacing--button: -.02em; --_typography---font-size--body-15: .9375em; --_typography---font-size--body-18: 1.125em; --_typography---font-size--body-12: .75em; --_typography---all-weight--semi-bold: 600; --_typography---font-weight--body-s: 400; --_typography---letter-spacing--body-s: -.01em; --_typography---font-size--body-s: .875em; --_typography---line-height--body-s: 156%; --_typography---letter-spacing--caption: 0em; --_typography---font-family--body-serif: "Instrument Serif","Times New Roman",sans-serif; --_typography---font-family--label: "Inter Variable",Arial,sans-serif; --_typography---font-family--ui: "Inter Variable",Arial,sans-serif; --_typography---font-weight--ui: var(--_typography---all-weight--medium); --_typography---line-height--body: 156%; --_typography---all-weight--ultra-thin: 50; --_typography---all-weight--thin: 100; --_typography---all-weight--extra-light: 200; --_typography---all-weight--light: 300; --_typography---all-weight--regular: 400; --_typography---all-weight--bold: 700; --_typography---all-weight--extra-bold: 800; --_typography---all-weight--black: 900; }
  .pg-work-index .section.s-contact-cta { border-radius: var(--_radius---12); }
  .pg-work-index .section.s-work-hero { border-radius: var(--_radius---12); min-height: 50vh; }
  .pg-work-index .section-header:where(.w-variant-7469c0aa-fc46-1ac1-fa57-b5e09414a821),
.pg-work-index .section-header:where(.w-variant-046c56f5-e4e5-a5f9-4740-5a0d7986f9fb) { text-align: center; justify-content: flex-start; align-items: center; }
  .pg-work-index .section-header-main:where(.w-variant-7469c0aa-fc46-1ac1-fa57-b5e09414a821),
.pg-work-index .section-header-main:where(.w-variant-046c56f5-e4e5-a5f9-4740-5a0d7986f9fb) { justify-content: flex-start; align-items: center; }
  .pg-work-index .section-header-top-info:where(.w-variant-7469c0aa-fc46-1ac1-fa57-b5e09414a821) { justify-content: center; align-items: center; }
  .pg-work-index .padded-section { padding: 1em; }
  .pg-work-index .padded-section:where(.w-variant-f715e0af-d703-a53c-3111-f5b54b59de3f) { padding-top: 6.25em; }
  .pg-work-index .contact-cta-right { padding-right: var(--_spacing---12); padding-bottom: var(--_spacing---12); padding-left: var(--_spacing---12); border-radius: var(--_radius---12); }
  .pg-work-index .partner-cms-list { grid-template-columns: 1fr 1fr; }
  .pg-work-index .section-header-block:where(.w-variant-7469c0aa-fc46-1ac1-fa57-b5e09414a821) { justify-content: flex-start; align-items: center; }
  .pg-work-index .section-header-title:where(.w-variant-7469c0aa-fc46-1ac1-fa57-b5e09414a821) { justify-content: flex-start; align-items: center; }
}
@media screen and (max-width: 479px) {
  .pg-work-index { --section--padding-v: 5em; --section--padding-h: 1em; --section--padded: 1em; --container--max-width-1580: 98.75em; --content--gap: 3.5em; --grid--gap: 1em; --container--max-width-1360: 85em; --container--max-width-1280: 80em; --navbar--main-padding: 1.5em; --navbar--top-padding: 1.25em; --container--max-width-1440: 90em; --container--full: 100%; --_typography---font-family--body-sans: "Inter Variable",Arial,sans-serif; --_typography---font-size--body-16: 1em; --_typography---font-weight--body: var(--_typography---all-weight--regular); --_typography---letter-spacing--body: -.024em; --_typography---font-family--heading-sans: "Inter Variable",Arial,sans-serif; --_typography---line-height--d0: 100%; --_typography---font-weight--d0: var(--_typography---all-weight--regular); --_typography---line-height--d2: 100%; --_typography---font-weight--d2: var(--_typography---all-weight--regular); --_typography---line-height--d3: 100%; --_typography---font-weight--d3: var(--_typography---all-weight--regular); --_typography---line-height--d4: 100%; --_typography---font-weight--d4: var(--_typography---all-weight--regular); --_typography---line-height--d5: 120%; --_typography---font-weight--d5: var(--_typography---all-weight--medium); --_typography---line-height--d6: 100%; --_typography---font-weight--d6: var(--_typography---all-weight--regular); --_typography---font-size--d0: 3.125em; --_typography---letter-spacing--d0: -.04em; --_typography---font-family--heading-serif: "Instrument Serif","Times New Roman",sans-serif; --_typography---font-size--d5: 1.5em; --_typography---letter-spacing--d5: -.03em; --_typography---font-size--d1: 3.125em; --_typography---line-height--d1: 100%; --_typography---font-weight--d1: var(--_typography---all-weight--regular); --_typography---letter-spacing--d1: -.04em; --_typography---font-size--d6: 1.25em; --_typography---letter-spacing--d6: -.02em; --_typography---font-size--d2: 2.75em; --_typography---letter-spacing--d2: -.04em; --_typography---font-size--caption: calc(.875 * var(--pgwi-rem)); --_typography---line-height--caption: 110%; --_typography---font-weight--caption: 400; --_typography---font-size--d4: 2em; --_typography---letter-spacing--d4: -.02em; --_typography---all-weight--medium: 500; --_typography---font-size--d3: 2.5em; --_typography---letter-spacing--d3: -.03em; --_typography---font-size--button: .875em; --_typography---line-height--button: 100%; --_typography---font-weight--button: 500; --_typography---letter-spacing--button: -.02em; --_typography---font-size--body-15: .9375em; --_typography---font-size--body-18: 1.125em; --_typography---font-size--body-12: .75em; --_typography---all-weight--semi-bold: 600; --_typography---font-weight--body-s: 400; --_typography---letter-spacing--body-s: -.01em; --_typography---font-size--body-s: .875em; --_typography---line-height--body-s: 156%; --_typography---letter-spacing--caption: 0em; --_typography---font-family--body-serif: "Instrument Serif","Times New Roman",sans-serif; --_typography---font-family--label: "Inter Variable",Arial,sans-serif; --_typography---font-family--ui: "Inter Variable",Arial,sans-serif; --_typography---font-weight--ui: var(--_typography---all-weight--medium); --_typography---line-height--body: 156%; --_typography---all-weight--ultra-thin: 50; --_typography---all-weight--thin: 100; --_typography---all-weight--extra-light: 200; --_typography---all-weight--light: 300; --_typography---all-weight--regular: 400; --_typography---all-weight--bold: 700; --_typography---all-weight--extra-bold: 800; --_typography---all-weight--black: 900; }
}

/* inline */
.pg-work-index.w-mod-js:not(.w-mod-ix3) :is([data-wf-component-id="7c18a0bc-b9f7-afae-806c-93175a49b2f1"]:is(.heading-image-mask), [data-wf-component-id="7c18a0bc-b9f7-afae-806c-93175a49b2f1"] :is(.heading-image-mask), .process-scroll .process-step, .process-scroll .process-step-line-inner, .project-link-cursor, .service-tabs-menu, .service-tabs-menu .service-tab-link) { visibility: hidden !important; }
@media not all and (max-width: 479px) and (min-width: 0px) {
  @media not all and (max-width: 767px) and (min-width: 480px) {
  .pg-work-index.w-mod-js:not(.w-mod-ix3):is([data-gsap="animate-wrapper"]) { visibility: hidden !important; }
  .pg-work-index.w-mod-js:not(.w-mod-ix3):is([data-gsap="animate-wrapper"]) * { visibility: hidden !important; }
}
}
@media not all and (max-width: 479px) and (min-width: 0px) {
  @media not all and (max-width: 767px) and (min-width: 480px) {
  .pg-work-index.w-mod-js:not(.w-mod-ix3) :is([data-gsap="animate-wrapper"], .section-header .sh-exp-image-w, .section-header .section-header-top-info, .section-header .sh-line, .section-header .text-b, .section-header .grouped-cta-w, .section-header .text-b-m) { visibility: hidden !important; }
}
}
@media not all and (max-width: 479px) and (min-width: 0px) {
  @media not all and (max-width: 767px) and (min-width: 480px) {
  @media not all and (max-width: 991px) and (min-width: 768px) {
  .pg-work-index.w-mod-js:not(.w-mod-ix3) :is(.project-link-cursor) { visibility: hidden !important; }
}
}
}
@media not all and (min-width: 992px) {
  .pg-work-index.w-mod-js:not(.w-mod-ix3) :is(.process-scroll .process-step-line) { visibility: hidden !important; }
}

/* inline */
.pg-work-index.lenis { height: auto; }
.pg-work-index .lenis.lenis-smooth { scroll-behavior: auto !important; }
.pg-work-index .lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.pg-work-index .lenis.lenis-stopped { overflow: hidden; }



/* inline */
.pg-work-index{--size-unit: 16;--size-container-ideal: 1680;--size-container-min: 991px;--size-container-max: 1680px;--size-container: clamp(var(--size-container-min), 100vw, var(--size-container-max));--size-font: calc(var(--size-container) / (var(--size-container-ideal) / var(--size-unit)));font-size:var(--size-font);--color-accent: var(--_colors---accent, #5498dc);--color-bg-dark: var(--_colors---bg--dark, #0b0e14);--color-text-light: var(--_colors---text-color--light, #f2f5ff);--base---box-opacity: 50%;--shadow-blur: 3em;--address-icon-fill: var(--color-accent);--ease-bbs: cubic-bezier(.64, .05, 0, 1);--dur-bbs: .8s;--underline-top: 95%;--underline-height: 1px;--inline-underline-opacity: .48;--loop-x-duration: 60s;--loop-y-duration: 32s;--svg-dash-duration: 8s;--svg-dash-offset: 600;--image-zoom-scale: 1.12}@media screen and (max-width:991px){.pg-work-index{--size-container-ideal: 834;--size-container-min: 768px;--size-container-max: 991px}}@media screen and (max-width:767px){.pg-work-index{--size-container-ideal: 430;--size-container-min: 480px;--size-container-max: 767px}}@media screen and (max-width:479px){.pg-work-index{--size-container-ideal: 430;--size-container-min: 320px;--size-container-max: 428px}}@supports (color: oklch(50% .2 280)){.pg-work-index{--_colors---base--true-black: oklch(0 0 0);--_colors---base--deep-navy: oklch(.206164 .040828 262.317991);--_colors---base--vermillion: oklch(.557081 .190739 32.394864);--_colors---base--royal-blue: oklch(.334709 .115798 261.683974);--_colors---base--steel-blue: oklch(.399758 .066343 249.803151);--_colors---base--sky-blue: oklch(.844345 .088354 237.54831);--_colors---base--slate-grey: oklch(.551019 .023361 264.363742);--_colors---base--cloud-white: oklch(.975469 .004534 258.324531);--_colors---base--clean-white: oklch(1 0 89.875563);--_colors---extended--navy-100: oklch(.937243 .008351 271.325306);--_colors---extended--navy-200: oklch(.838742 .017562 267.767015);--_colors---extended--navy-300: oklch(.612455 .033979 265.17986);--_colors---extended--navy-400: oklch(.408483 .045457 263.173083);--_colors---extended--navy-500: oklch(.297277 .051757 260.91751);--_colors---extended--navy-600: oklch(.206164 .040828 262.317991);--_colors---extended--navy-700: oklch(.163417 .02798 259.941546);--_colors---extended--blue-100: oklch(.933348 .036022 239.153774);--_colors---extended--blue-200: oklch(.844345 .088354 237.54831);--_colors---extended--blue-300: oklch(.725686 .120279 241.773374);--_colors---extended--blue-400: oklch(.545249 .129015 250.712765);--_colors---extended--blue-500: oklch(.334709 .115798 261.683974);--_colors---extended--blue-600: oklch(.269511 .095461 263.436944);--_colors---extended--blue-700: oklch(.208747 .07113 264.303861);--_colors---extended--vermillion-100: oklch(.946741 .023669 30.48832);--_colors---extended--vermillion-200: oklch(.804703 .092362 29.98235);--_colors---extended--vermillion-300: oklch(.670287 .156489 31.897733);--_colors---extended--vermillion-400: oklch(.557081 .190739 32.394864);--_colors---extended--vermillion-500: oklch(.470343 .156753 32.699725);--_colors---extended--vermillion-600: oklch(.388023 .126983 32.418373);--_colors---extended--vermillion-700: oklch(.285926 .087975 32.317856);--_colors---extended--grey-100: oklch(.966956 .002874 264.541934);--_colors---extended--grey-200: oklch(.871681 .009339 258.338227);--_colors---extended--grey-300: oklch(.71366 .019176 261.324645);--_colors---extended--grey-400: oklch(.551019 .023361 264.363742);--_colors---extended--grey-500: oklch(.446112 .026312 256.801751);--_colors---extended--grey-600: oklch(.372927 .03062 259.732849);--_colors---extended--grey-700: oklch(.278078 .029596 256.847952)}}@supports (color: color(display-p3 1 0 0)){.pg-work-index{--_colors---base--true-black: color(display-p3 0 0 0 / 1);--_colors---base--deep-navy: color(display-p3 .05098 .090196 .164706 / 1);--_colors---base--vermillion: color(display-p3 .796078 .207843 .101961 / 1);--_colors---base--royal-blue: color(display-p3 .066667 .196078 .443137 / 1);--_colors---base--steel-blue: color(display-p3 .164706 .290196 .415686 / 1);--_colors---base--sky-blue: color(display-p3 .580392 .835294 1 / 1);--_colors---base--slate-grey: color(display-p3 .419608 .447059 .501961 / 1);--_colors---base--cloud-white: color(display-p3 .960784 .968627 .980392 / 1);--_colors---base--clean-white: color(display-p3 1 1 1 / 1);--_colors---extended--navy-100: color(display-p3 .909804 .917647 .941176 / 1);--_colors---extended--navy-200: color(display-p3 .772549 .792157 .839216 / 1);--_colors---extended--navy-300: color(display-p3 .478431 .517647 .6 / 1);--_colors---extended--navy-400: color(display-p3 .239216 .290196 .388235 / 1);--_colors---extended--navy-500: color(display-p3 .117647 .176471 .278431 / 1);--_colors---extended--navy-600: color(display-p3 .05098 .090196 .164706 / 1);--_colors---extended--navy-700: color(display-p3 .027451 .054902 .101961 / 1);--_colors---extended--blue-100: color(display-p3 .831373 .929412 1 / 1);--_colors---extended--blue-200: color(display-p3 .580392 .835294 1 / 1);--_colors---extended--blue-300: color(display-p3 .352941 .686275 .921569 / 1);--_colors---extended--blue-400: color(display-p3 .168627 .45098 .721569 / 1);--_colors---extended--blue-500: color(display-p3 .066667 .196078 .443137 / 1);--_colors---extended--blue-600: color(display-p3 .047059 .133333 .329412 / 1);--_colors---extended--blue-700: color(display-p3 .027451 .082353 .219608 / 1);--_colors---extended--vermillion-100: color(display-p3 .992157 .909804 .894118 / 1);--_colors---extended--vermillion-200: color(display-p3 .960784 .662745 .611765 / 1);--_colors---extended--vermillion-300: color(display-p3 .898039 .419608 .333333 / 1);--_colors---extended--vermillion-400: color(display-p3 .796078 .207843 .101961 / 1);--_colors---extended--vermillion-500: color(display-p3 .627451 .168627 .082353 / 1);--_colors---extended--vermillion-600: color(display-p3 .478431 .12549 .062745 / 1);--_colors---extended--vermillion-700: color(display-p3 .301961 .078431 .039216 / 1);--_colors---extended--grey-100: color(display-p3 .952941 .956863 .964706 / 1);--_colors---extended--grey-200: color(display-p3 .819608 .835294 .858824 / 1);--_colors---extended--grey-300: color(display-p3 .611765 .639216 .686275 / 1);--_colors---extended--grey-400: color(display-p3 .419608 .447059 .501961 / 1);--_colors---extended--grey-500: color(display-p3 .294118 .333333 .388235 / 1);--_colors---extended--grey-600: color(display-p3 .215686 .254902 .317647 / 1);--_colors---extended--grey-700: color(display-p3 .121569 .160784 .215686 / 1)}}.pg-work-index *:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)), .pg-work-index, .pg-work-index *:before, .pg-work-index:before, .pg-work-index *:after, .pg-work-index:after{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeSpeed;text-size-adjust:100%;text-decoration-skip-ink:auto;text-decoration-thickness:8%;text-underline-offset:-8%;text-underline-position:from-font}.pg-work-index{scroll-behavior:initial;scrollbar-width:none;-webkit-font-smoothing:antialiased}.pg-work-index{width:100vw;font-feature-settings:"liga" 1,"calt" 1;-ms-overflow-style:none}.pg-work-index::-webkit-scrollbar,
.pg-work-index ::-webkit-scrollbar{display:none}.pg-work-index svg:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)){max-width:none;height:auto;box-sizing:border-box;vertical-align:middle}.pg-work-index a:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)){color:inherit}.pg-work-index .w-richtext :where(:first-child,div:first-child :first-child){margin-top:0!important}.pg-work-index .w-richtext :where(:last-child,div:first-child :last-child){margin-bottom:0!important}.pg-work-index .w-richtext:before,
.pg-work-index .w-richtext:after{display:none}.pg-work-index .heading *,
.pg-work-index .paragraph *{margin:0!important;padding:0!important;border:none!important;font-size:1em!important;font-weight:inherit;font-family:inherit;letter-spacing:inherit;line-height:inherit}.pg-work-index .heading em{font-family:var(--_typography---font-family--heading-serif)!important;letter-spacing:-.01em}.pg-work-index .heading-secondary em{color:var(--_color-token---text--sky-blue)}@supports (background-color: color-mix(in srgb,black 10%,transparent)){.pg-work-index ::selection{background-color:color-mix(in srgb,currentColor 12%,transparent);color:var(--color-accent);text-shadow:none}.pg-work-index ::-moz-selection{background-color:color-mix(in srgb,currentColor 12%,transparent);color:var(--color-accent);text-shadow:none}}.pg-work-index .link-underline{position:relative}.pg-work-index .link-underline:after{content:"";position:absolute;top:var(--underline-top);left:0%;height:var(--underline-height);width:0%;background:currentColor;transition:width var(--dur-bbs) var(--ease-bbs)}.pg-work-index .link-underline:hover:after{width:100%}.pg-work-index .link-underline:not(:hover):after{left:auto;right:0%;width:0%}@keyframes pg-work-index-loopX{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes pg-work-index-loopY{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.pg-work-index .loop-animate-x{animation:pg-work-index-loopX var(--loop-x-duration) linear infinite;will-change:transform}@keyframes pg-work-index-svgDash{to{stroke-dashoffset:var(--svg-dash-offset)}}.pg-work-index .image-w img{transition:transform var(--dur-bbs) var(--ease-bbs)}.pg-work-index .image-w:hover img{transform:scale(var(--image-zoom-scale))}@property --flare-angle{syntax: "<angle>"; initial-value: 183deg; inherits: true;}.pg-work-index [data-flare-border].is-in-view{--flare-angle: -3deg}@media(prefers-reduced-motion:reduce){.pg-work-index .loop-animate-x{animation:none!important}.pg-work-index .image-w img,
.pg-work-index .link-underline:after{transition-duration:1ms!important}}.pg-work-index .s-wrapper:before,
.pg-work-index .s-wrapper:after{display:none}@media screen and (min-width:992px){.pg-work-index .industry-tab-link.w--current .industry-tab-icon{transform:scale(1)}.pg-work-index .industry-tab-link.w--current .text-b-m{transform:translate(0)}}.pg-work-index select:where(:not([class^="k-"], [class*=" k-"], [class^="k-"] *, [class*=" k-"] *)){appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:12px 40px 12px 16px;border:1px solid #d0d0d8;border-radius:6px;background-color:#fff;font:inherit;line-height:1.2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none' stroke='currentcolor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:10px 10px}.pg-work-index .filter-chip-button.w--redirected-checked~.filter-chip-label{color:var(--_color-token---text--white)}.pg-work-index .filter-search-w:has(.filter-search-input.is-list-active){width:20em!important}.pg-work-index [data-readmore=text].is-expanded{display:block;-webkit-line-clamp:unset;line-clamp:none}.pg-work-index .project-list-item:not(:nth-child(4)) .project-card-side{display:none}

/* ===== (2) C: cheesecake FeaturedList ===== */
/* https://cheesecakelabs.com/_next/static/chunks/0hd864_zjtg6l.css */
/* inline */
.pg-work-index .pg-work-index-c .fGDzLF { min-width: 0px; overflow: hidden; }
.pg-work-index .pg-work-index-c .kUCPJM { display: block; width: 100%; height: auto; transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1); }
@media (prefers-reduced-motion: reduce) {
  .pg-work-index .pg-work-index-c .kUCPJM { transition: none; }
}
.pg-work-index .pg-work-index-c .doEWMo { display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.27fr); align-items: end; gap: clamp(2rem, 6.8vw, 6.5rem); padding: clamp(1.5rem, 2vw, 1.925rem); background-color: rgb(255, 255, 255); }
@media (max-width: 1024px) {
  .pg-work-index .pg-work-index-c .doEWMo { grid-template-columns: 1fr; gap: clamp(1.5rem, 4vw, 2.5rem); }
}
.pg-work-index .pg-work-index-c .doEWMo:hover .styles__ArtImage-sc-f44e1b23-1, .pg-work-index .pg-work-index-c .doEWMo:focus-within .styles__ArtImage-sc-f44e1b23-1 { transform: scale(1.025); }
.pg-work-index .pg-work-index-c .doEWMo:hover .styles__StyledCtaButton-sc-18dc6efd-0, .pg-work-index .pg-work-index-c .doEWMo:focus-within .styles__StyledCtaButton-sc-18dc6efd-0 { color: rgb(255, 255, 255); background-size: 100% 100%; }
@media (prefers-reduced-motion: reduce) {
  .pg-work-index .pg-work-index-c .doEWMo:hover .styles__ArtImage-sc-f44e1b23-1, .pg-work-index .pg-work-index-c .doEWMo:focus-within .styles__ArtImage-sc-f44e1b23-1 { transform: none; }
}
.pg-work-index .pg-work-index-c .hPNYSv { min-width: 0px; }
.pg-work-index .pg-work-index-c .da-DoiA { margin-bottom: clamp(2rem, 3.2vw, 3rem); }
.pg-work-index .pg-work-index-c .da-DoiA img { display: block; height: auto; max-width: 100%; }
.pg-work-index .pg-work-index-c .hXlpgS { font-family: "Iosevka Charon Mono", "Iosevka Charon Mono Fallback", "Courier New", courier, monospace; font-size: clamp(1rem, 1.4vw, 1.225rem); font-weight: 500; line-height: 127%; letter-spacing: 0.02em; text-transform: uppercase; color: rgb(2, 119, 107); margin: 0px 0px clamp(0.625rem, 0.9vw, 0.875rem); }
.pg-work-index .pg-work-index-c .lcGKDE { max-width: 15.4em; margin: 0px; font-family: "Special Gothic", "Special Gothic Fallback", arial, helvetica, sans-serif; font-size: clamp(1.5rem, 2.2vw, 2.1rem); font-weight: 500; line-height: 105%; color: rgb(21, 21, 21); text-wrap: pretty; }
.pg-work-index .pg-work-index-c .breScx { display: flex; flex-wrap: wrap; gap: clamp(1.5rem, 2.25vw, 2.15rem); margin-top: clamp(2.5rem, 7vw, 6.75rem); }
@media (max-width: 1024px) {
  .pg-work-index .pg-work-index-c .breScx { margin-top: clamp(2rem, 5vw, 3.5rem); }
}
.pg-work-index .pg-work-index-c .eIHsZf { min-width: 0px; }
.pg-work-index .pg-work-index-c .kneSMq { margin: 0px; font-family: "Special Gothic Condensed One", "Special Gothic Condensed One Fallback", "Arial Narrow", "Helvetica Neue Condensed", sans-serif; font-size: clamp(2.5rem, 4.6vw, 4.375rem); font-weight: 700; line-height: 85%; color: rgb(2, 119, 107); }
.pg-work-index .pg-work-index-c .fEqtVU { max-width: 10em; margin: clamp(0.625rem, 0.9vw, 0.875rem) 0px 0px; font-family: "Special Gothic", "Special Gothic Fallback", arial, helvetica, sans-serif; font-size: clamp(1rem, 1.4vw, 1.225rem); font-weight: 400; line-height: 105%; color: rgb(21, 21, 21); }
.pg-work-index .pg-work-index-c .YTHTO { display: flex; margin-top: clamp(1.5rem, 2.25vw, 2.15rem); }
.pg-work-index .pg-work-index-c .kOqvxn { background-color: rgb(244, 244, 244); padding: clamp(4.5rem, 8vw, 7.4375rem) 0px; }
.pg-work-index .pg-work-index-c .cgwDBv { max-width: 83.3125rem; width: 90%; margin: 0px auto; }
.pg-work-index .pg-work-index-c .jWIYlo { display: flex; flex-direction: column; gap: clamp(1.25rem, 1.85vw, 1.75rem); }
/* ===== (3) Gnar skin ===== */
/* Gnar skin on the donor chassis. Only the keep list (BRAND-DIALECT.md) changes here: type voice, colour, buttons,
   motifs. Every size, gap, radius and shape stays the donor's (layers 1 and 2 above). */

/* ---- B tokens repointed to the kit ---- */
.pg-work-index{
  --pgwi-rem:var(--size-font);
  width:auto;
  background:var(--bg);
  --_typography---font-family--body-sans:var(--font-sans);
  --_typography---font-family--heading-sans:var(--font-sans);
  --_typography---font-family--label:var(--font-mono);
  --_typography---font-family--ui:var(--font-sans);
  --_typography---font-family--body-serif:var(--font-sans);
  --_typography---font-family--heading-serif:var(--font-sans);
  --_typography---font-weight--d0:600; --_typography---font-weight--d1:600; --_typography---font-weight--d2:600;
  --_typography---font-weight--d3:600; --_typography---font-weight--d4:600; --_typography---font-weight--d5:600; --_typography---font-weight--d6:600;
  --_typography---letter-spacing--d0:var(--display-ls); --_typography---letter-spacing--d1:var(--display-ls);
  --_typography---letter-spacing--d2:var(--h2-ls); --_typography---letter-spacing--d3:var(--h2-ls);
  --_typography---letter-spacing--d4:var(--h3-ls); --_typography---letter-spacing--d5:var(--h3-ls); --_typography---letter-spacing--d6:-.01em;
  --_typography---letter-spacing--body:0em; --_typography---letter-spacing--body-s:0em; --_typography---letter-spacing--button:0em;
  --_color-token---background--dark:var(--surface-1);
  --_color-token---background--light:var(--surface-raised);
  --_color-token---background--white:var(--bg);
  --_color-token---background--navy:var(--surface-1);
  --_color-token---text--dark:var(--fg);
  --_color-token---text--light:var(--fg);
  --_color-token---text--white:var(--fg);
  --_color-token---text--muted:var(--fg-small);
  --_color-token---text--quiet:var(--fg-caption);
  --_color-token---text--vermillion:var(--accent);
  --_color-token---text--sky-blue:var(--fg);
  --_color-token---border--dark:var(--bg);
  --_color-token---border--faint:var(--border);
  --_color-token---border--soft:var(--line);
  --color-accent:var(--accent);
  color:var(--fg-body);
  font-family:var(--font-sans);
}
.pg-work-index ::selection{background-color:var(--selection-bg);color:var(--fg)}

/* ---- 1. hero: B's dark card, in Gnar's plate and hairline ---- */
.pg-work-index .is_page-header{padding-top:var(--page-top)}
.pg-work-index .s-work-hero{background-color:var(--surface-1)}   /* B's card has no border: shape (border width) is the donor's */
.pg-work-index .s-work-hero h1{color:var(--fg);font-weight:600}
.pg-work-index .s-work-hero h1 em{font-style:normal;color:var(--fg);font-family:var(--font-sans)!important;letter-spacing:inherit}
.pg-work-index .s-work-hero .k-px{font-family:var(--font-pixel)!important;font-weight:400;font-size:1em!important;letter-spacing:-.01em}   /* 1em keeps it on the ladder at B's 68.57/39.91 */
/* the donor's ambient hero video (its own logo) → an ambient drift of Gnar's own case art under the same overlay */
.pg-work-index .pg-work-index-quilt{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;gap:12px;overflow:hidden;opacity:.2;filter:grayscale(1)}
.pg-work-index .pg-work-index-quilt-row{display:flex;gap:12px;width:max-content;animation:pg-work-index-drift 120s linear infinite}
.pg-work-index .pg-work-index-quilt-row:nth-child(2){animation-direction:reverse;animation-duration:140s}
.pg-work-index .pg-work-index-quilt-row:nth-child(3){animation-duration:160s}
.pg-work-index .pg-work-index-quilt img{height:clamp(120px,15vw,210px);width:auto;aspect-ratio:16/10;object-fit:cover;border-radius:10px;flex:none}
.pg-work-index .s-work-hero .overlay{background:radial-gradient(ellipse at center,rgba(21,19,19,.55) 0%,rgba(21,19,19,.92) 70%,var(--surface-1) 100%)}
@keyframes pg-work-index-drift{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.pg-work-index .pg-work-index-quilt-row{animation:none}}

/* ---- 2. outcomes: C's featured cards, Gnar plate + type ---- */
.pg-work-index .pg-work-index-c .kOqvxn{background-color:var(--bg)}
.pg-work-index .pg-work-index-c .doEWMo{background-color:var(--surface-1)}   /* C's cards have no border either */
.pg-work-index .pg-work-index-c .da-DoiA img{height:42px;width:auto}
.pg-work-index .pg-work-index-c .pg-work-index-logo-text{margin:0;min-height:42px;display:flex;align-items:center;color:var(--fg);font:600 var(--h4)/1.2 var(--font-sans);letter-spacing:-.01em}
.pg-work-index .pg-work-index-c .hXlpgS{font-family:var(--font-mono);font-weight:400;color:var(--accent);letter-spacing:.06em;font-size:20px}
.pg-work-index .pg-work-index-c .lcGKDE{font-family:var(--font-sans);font-weight:600;letter-spacing:-.02em;color:var(--fg);font-size:var(--h3)}
.pg-work-index .pg-work-index-c .kneSMq{font-family:var(--font-pixel);font-weight:400;letter-spacing:-.03em;color:var(--fg);font-size:64px}
.pg-work-index .pg-work-index-c .fEqtVU{font-family:var(--font-sans);font-weight:400;color:var(--fg-body);font-size:20px}
@media (max-width:809px){.pg-work-index .pg-work-index-c .hXlpgS,.pg-work-index .pg-work-index-c .fEqtVU{font-size:16px}.pg-work-index .pg-work-index-c .kneSMq{font-size:47.05px}}
.pg-work-index .pg-work-index-c .kUCPJM{aspect-ratio:1868/1562;object-fit:cover}

/* ---- 3. grid: B chips and cards, Gnar type ---- */
/* B's hover IS its active fill (navy); Gnar's active chip is white, so hover goes white too */
/* the donor's 1-wide, 2-half rhythm (nth-child 3n+1) re-counted over the VISIBLE cards, so filtering keeps it */


/* ---- 4. contact: B block (the homepage's), kit form card ---- */
.pg-work-index .pg-work-index-contact h2{color:var(--fg)}
.pg-work-index .pg-work-index-contact h2 em{font-family:var(--font-serif)!important;font-style:italic;font-weight:400;letter-spacing:0}
.pg-work-index .pg-work-index-contact .paragraph{color:var(--fg-body)}
.pg-work-index .pg-work-index-contact .label-overline{font:400 11px/16.5px var(--font-mono)!important;letter-spacing:.1px!important;text-transform:uppercase!important;color:var(--fg)!important}
/* B's right column IS the white form card on the homepage (kit .k-form-card measures it); the column keeps its grid slot, the card fills it */
.pg-work-index .pg-work-index-contact .contact-cta-right{padding:0;background:transparent;border-radius:0}
.pg-work-index .pg-work-index-contact .contact-cta-right>.k-form-card{flex:1 1 auto}
.pg-work-index .contact-cta-option-link{color:var(--fg);min-height:24px;display:inline-flex;align-items:center}
.pg-work-index .pg-work-index-form-status{margin:0;color:var(--accent-ink);font-size:var(--small)}
.pg-work-index .partner-logo-w{display:flex;align-items:center;justify-content:center}
.pg-work-index .partner-logo{max-height:22px;width:auto;max-width:100%}

/* utilities the kit shell does not carry */
.pg-work-index .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}


/* ---- V2: B's text roles onto the homepage ladder (keep list: the size ladder is Gnar's). Boxes stay B's. ---- */
.pg-work-index .pg-work-index-contact .paragraph{font-size:var(--body);line-height:var(--body-lh)}          /* lede 17/1.55 */
.pg-work-index .contact-cta-option-link{font-size:var(--small)}
/* contact: B's badge strip under the form, filled with the homepage's proof claims (no badge images exist) */
.pg-work-index .pg-work-index-badge{display:flex;align-items:center;gap:8px;white-space:nowrap;color:var(--accent-ink);font:400 12px/1.3 var(--font-mono);letter-spacing:.06em;text-transform:uppercase}
.pg-work-index .pg-work-index-badge-stars svg{display:block;width:74px;height:13px}
.pg-work-index .pg-work-index-badge-stars path{fill:var(--accent-ink)}
.pg-work-index .pg-work-index-badge-stars stop{stop-color:var(--accent-ink)}
@media (prefers-reduced-motion:reduce){.pg-work-index .contact-badge-carousel .loop-animate-x{animation:none}}


/* contact: the phone row split into country + number, as B (and the homepage replica, b.css .hsr-phone) */
.pg-work-index .pg-work-index-phone{display:grid;grid-template-columns:minmax(176px,30%) 1fr;gap:0 2.6%}   /* homepage super.css: select min-width 176px */
@media (max-width:767px){.pg-work-index .pg-work-index-phone{grid-template-columns:1fr;gap:12px 0}}   /* B stacks the country select above the number on phones */


/* focus: the kit's ring (2px orange, 2px offset) on every focusable the donor owns */
.pg-work-index .contact-cta-option-link:focus-visible{outline:2px solid var(--ring);outline-offset:2px}

/* grid: B's Sort by dropdown, Gnar plates */
/* hero: the jump to the full list (Codex buyer + contrarian: on phones the list sits below three long outcome cards) */
.pg-work-index .is_page-header .section-header-title{align-items:center}

/* ===== The journey (Evan 2026-09-30: grouped by Gnar's three solutions) ===== */
/* header: the live intro line; the sticky solution bar below it is the one way in (V18: the duplicate header links were cut) */
.pg-work-index .pg-work-index-hero-lede{max-width:640px;margin:1.25em auto 0;text-align:center;color:var(--fg-body)}
.pg-work-index .pg-work-index-jump-count{font:400 12px/1 var(--font-mono);letter-spacing:.06em;color:var(--fg-caption)}
.pg-work-index .pg-work-index-proof{margin:0 0 28px}   /* V20: above the headline (Evan) */
/* V18: three client results under the intro, each a link to its study */
.pg-work-index .pg-work-index-wins{display:grid;grid-template-columns:repeat(3,1fr);max-width:960px;margin:2em auto 0;padding:0;list-style:none;column-gap:40px}   /* V20: no hairlines (Evan: "ai slop"); space alone separates them */
.pg-work-index .pg-work-index-win{display:flex;flex-direction:column;gap:8px;height:100%;padding:20px 24px;text-align:center;align-items:center;text-decoration:none;color:var(--fg);transition:background-color var(--dur) var(--ease-out)}
.pg-work-index .pg-work-index-win .k-mono{color:var(--fg-caption)}
.pg-work-index .pg-work-index-win-v{margin:0;text-wrap:balance}
.pg-work-index .pg-work-index-win:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}
@media (hover:hover) and (pointer:fine){.pg-work-index .pg-work-index-win:hover{background:var(--surface-1)}}
@media (max-width:767px){
  .pg-work-index .pg-work-index-wins{grid-template-columns:1fr;row-gap:20px;margin-top:1.5em}
  .pg-work-index .pg-work-index-proof{margin-bottom:20px}
  .pg-work-index .pg-work-index-win{padding:14px 4px;gap:4px}
}
/* sticky solution bar: underline tabs (B's solution tabs), pinned under the kit nav */
.pg-work-index .pg-work-index-bar{position:sticky;top:var(--pgwi-nav,68px);z-index:40;background:var(--bg);box-shadow:0 1px 0 var(--line)}
.pg-work-index .pg-work-index-bar-inner{display:flex;gap:clamp(20px,3vw,40px);width:90%;max-width:83.3125rem;margin:0 auto;overflow-x:auto;scrollbar-width:none}
.pg-work-index .pg-work-index-bar-inner::-webkit-scrollbar{display:none}
.pg-work-index .pg-work-index-tab{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;min-height:52px;min-width:44px;padding:0 4px;color:var(--fg-body);font:500 15px/1 var(--font-sans);text-decoration:none;box-shadow:inset 0 -2px 0 transparent;transition:color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}
.pg-work-index .pg-work-index-tab.is-current{color:var(--fg);box-shadow:inset 0 -2px 0 var(--accent)}
.pg-work-index .pg-work-index-tab:focus-visible{outline:2px solid var(--ring);outline-offset:-4px}
@media (hover:hover) and (pointer:fine){.pg-work-index .pg-work-index-tab:hover{color:var(--fg)}}
.pg-work-index .pg-work-index-tab .pg-work-index-jump-count{font-size:12px}
/* one group per solution */
.pg-work-index .pg-work-index-group{scroll-margin-top:var(--pgwi-offset,140px)}
.pg-work-index .pg-work-index-group-head{max-width:760px;margin:0 0 clamp(2rem,3.2vw,3rem)}
.pg-work-index .pg-work-index-group-head .k-h2{margin:16px 0 0}
.pg-work-index .pg-work-index-group-desc{margin:16px 0 24px}
.pg-work-index .pg-work-index-group-head h2:focus{outline:none}
/* compact study cards: C's plate, C's padding and gap, so the featured card and the rest read as one family */
.pg-work-index .pg-work-index-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.25rem,1.85vw,1.75rem);margin:clamp(1.25rem,1.85vw,1.75rem) 0 0;padding:0;list-style:none}
.pg-work-index .pg-work-index-card{margin:0}
.pg-work-index .pg-work-index-card-link{display:flex;flex-direction:column;height:100%;background:var(--surface-1);color:inherit;text-decoration:none;transition:background-color var(--dur) var(--ease-out)}
.pg-work-index .pg-work-index-card-media{margin:0;aspect-ratio:16/10;overflow:hidden;background:var(--surface-raised)}
.pg-work-index .pg-work-index-card-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.64,.05,0,1)}   /* B's image zoom: .8s, var(--ease-bbs) */
.pg-work-index .pg-work-index-card-body{display:flex;flex-direction:column;gap:8px;flex:1;padding:clamp(1.5rem,2vw,1.925rem)}
.pg-work-index .pg-work-index-card-industry{margin:0;color:var(--accent)}
.pg-work-index .pg-work-index-card-client{margin:0}
.pg-work-index .pg-work-index-card-title{margin:0;color:var(--fg-small);font:400 var(--small)/var(--small-lh) var(--font-sans)}
.pg-work-index .pg-work-index-card-result{margin:4px 0 0;color:var(--fg);font:500 var(--small)/var(--small-lh) var(--font-sans)}
.pg-work-index .pg-work-index-card-cta{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:12px;color:var(--fg);font:500 14px/1 var(--font-sans);transition:color var(--dur) var(--ease-out)}
.pg-work-index .pg-work-index-card-cta svg{width:14px;height:14px;transition:transform var(--dur) var(--ease-out)}
.pg-work-index .pg-work-index-card-link:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
@media (hover:hover) and (pointer:fine){
  .pg-work-index .pg-work-index-card-link:hover{background:var(--surface-raised)}
  .pg-work-index .pg-work-index-card-link:hover .pg-work-index-card-media img{transform:scale(1.12)}   /* B's --image-zoom-scale */
  .pg-work-index .pg-work-index-card-link:hover .pg-work-index-card-cta{color:var(--accent)}
  .pg-work-index .pg-work-index-card-link:hover .pg-work-index-card-cta svg{transform:translateX(4px)}
}
@media (prefers-reduced-motion:reduce){.pg-work-index .pg-work-index-card-media img,.pg-work-index .pg-work-index-card-cta svg{transition:none}}
@media (max-width:1023px){.pg-work-index .pg-work-index-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* phones: list rows (picture left, words right), so 12 studies don't become 12 screens */
@media (max-width:767px){
  .pg-work-index .pg-work-index-cards{grid-template-columns:1fr;gap:12px}
  .pg-work-index .pg-work-index-card-link{display:grid;grid-template-columns:112px 1fr;align-items:stretch}
  .pg-work-index .pg-work-index-card-media{aspect-ratio:auto;height:100%;min-height:112px}
  .pg-work-index .pg-work-index-card-body{padding:14px 16px;gap:4px}
  .pg-work-index .pg-work-index-card-cta{display:none}
}

.pg-work-index .pg-work-index-jump-short{display:none}
@media (max-width:767px){
  .pg-work-index .pg-work-index-tab .pg-work-index-jump-name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
  .pg-work-index .pg-work-index-tab .pg-work-index-jump-short{display:inline}
}

/* ===== V22 (Mike 2026-10-01: grouping by category made AI Transformation look thin) =====
   Featured: the three lead studies at equal weight, each labelled with its solution. Then one list of every study;
   the sticky bar filters it (no counts anywhere). */
.pg-work-index .pg-work-index-feat + .pg-work-index-feat{margin-top:clamp(2rem,3.2vw,3rem)}
.pg-work-index .pg-work-index-feat-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin:0 0 16px}
.pg-work-index .pg-work-index-feat-sol{margin:0;color:var(--accent)}
.pg-work-index .pg-work-index-featured .pg-work-index-group-head,.pg-work-index .pg-work-index-all .pg-work-index-group-head{margin-bottom:clamp(1.5rem,2.4vw,2.25rem)}
.pg-work-index .pg-work-index-all .pg-work-index-cards{margin-top:0}
.pg-work-index .pg-work-index-card[hidden]{display:none}
.pg-work-index button.pg-work-index-tab{-webkit-appearance:none;appearance:none;background:none;border:0;border-radius:0;cursor:pointer}
/* the bar sits inside the list's section, under its heading: it sticks while the list scrolls and lets go at the contact block */
.pg-work-index .pg-work-index-all .pg-work-index-bar{margin:0 0 clamp(1.5rem,2.4vw,2.25rem)}
.pg-work-index .pg-work-index-all .pg-work-index-bar-inner{width:100%;max-width:none}
.pg-work-index .pg-work-index-all .pg-work-index-group-head{margin-bottom:clamp(1rem,1.6vw,1.5rem)}