.elementor-2711 .elementor-element.elementor-element-fgmacareersrt{--display:flex;}.elementor-2711 .elementor-element.elementor-element-careershero{--display:flex;}.elementor-2711 .elementor-element.elementor-element-careersherocp{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2711 .elementor-element.elementor-element-fgmacarlede{--display:flex;}.elementor-2711 .elementor-element.elementor-element-fgmacarequity{--display:flex;}.elementor-2711 .elementor-element.elementor-element-fgmacarwlb{--display:flex;}.elementor-2711 .elementor-element.elementor-element-fgmacarvideo{--display:flex;}.elementor-2711 .elementor-element.elementor-element-fgmacargptw{--display:flex;}.elementor-2711 .elementor-element.elementor-element-fgmacarment{--display:flex;}.elementor-2711 .elementor-element.elementor-element-fgmacaroff{--display:flex;}.elementor-2711 .elementor-element.elementor-element-fgmacarcta{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-fgmacargptww */.elementor-2711 .elementor-element.elementor-element-fgmacargptww .fgma-image-with-list__text strong { display: inline-block; font-family: AvenirMedium, "Avenir", sans-serif; font-size: var(--step-2, clamp(1.2656rem, 1.1674rem + 0.4911vw, 1.9531rem)); font-weight: 400; line-height: 1.35; }/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fgmacaroffw */.elementor-2711 .elementor-element.elementor-element-fgmacaroffw .fgma-image-with-list__headline { margin-bottom: clamp(1.625rem, 1.3393rem + 1.4286vw, 3.625rem); } .elementor-2711 .elementor-element.elementor-element-fgmacaroffw .fgma-careers-offices__item { margin-bottom: 6px; } @media (min-width: 600px) { .elementor-2711 .elementor-element.elementor-element-fgmacaroffw .fgma-image-with-list { grid-template-rows: max-content 1fr; } }/* End custom CSS */
/* Start custom CSS *//* ============================================================
   FGMA CAREERS PAGE - R3.7C Batch 4B
   Page-scoped visual system. Every body.elementor-page-2711 is namespaced to
   .fgma-careers. Consumes existing fgmadev tokens and the shared
   fgma-* component contracts only; adds no global CSS.
   NOTE: delivered as a page-scoped style block because document
   Custom CSS is not currently emitted into Elementor post CSS
   files on this install (recorded as an R3.7C-Q residual).
   ============================================================ */

/* ---- 1. ROOT / SECTION SHELL ------------------------------ */
.fgma-careers.e-con { display:block; inline-size:100%; max-inline-size:none; margin:0; padding:0; }
.fgma-careers .e-con { --padding-block-start:0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; }
.fgma-careers > .e-con { display:block; inline-size:100%; }
.fgma-careers .elementor-widget:not(:last-child) { margin-block-end:0; }
.fgma-careers-styles { display:none !important; }

/* ---- 2. HERO ---------------------------------------------- */
/* Production hero: eyebrow + headline column beside a tall media
   column (1fr / 1.27fr from 1024px). Extends the established
   Contact hero contract with the Production media column. */
.fgma-careers > .e-con.fgma-careers-hero { display:grid; grid-template-columns:minmax(0,1fr); }
.fgma-careers-hero__copy.e-con { display:block; inline-size:100%; max-inline-size:var(--fgma-content-max); margin-inline:auto; padding-inline:var(--fgma-gutter); padding-block-start:var(--fgma-space-2xl); padding-block-end:var(--fgma-space-xl); }
.fgma-careers-hero__eyebrow.elementor-widget-heading .elementor-heading-title { margin:0 0 var(--fgma-space-md); font-family:var(--fgma-font-family); font-weight:var(--fgma-weight-book); font-size:var(--fgma-step-0); line-height:1.35; color:var(--e-global-color-v4-fgma-gray,#949494); }
.fgma-careers-hero__title.elementor-widget-heading .elementor-heading-title { margin:0; font-family:var(--fgma-font-family); font-weight:var(--fgma-weight-medium); font-size:var(--fgma-step-8); line-height:1.1; color:var(--e-global-color-v4-fgma-black,#000); }
.fgma-careers-hero__media { min-inline-size:0; }
.fgma-careers-hero__image { display:block; inline-size:100%; block-size:auto; aspect-ratio:390 / 461; object-fit:cover; object-position:center center; }
@media (min-width: 900px) {
    .fgma-careers > .e-con.fgma-careers-hero { grid-template-columns:minmax(0,1fr) minmax(0,1.27fr); align-items:stretch; }
    .fgma-careers-hero__copy.e-con { display:flex; flex-direction:column; justify-content:center; max-inline-size:none; margin-inline:0; padding-inline-end:var(--fgma-space-2xl); padding-block:var(--fgma-space-2xl); }
    .fgma-careers-hero__media, .fgma-careers-hero__media .elementor-widget-container { block-size:100%; }
    .fgma-careers-hero__image { block-size:100%; max-block-size:1000px; aspect-ratio:799 / 850; }
}

/* ---- 3. LEDE --------------------------------------------- */
/* Production sets the intro on a narrower measure than the page
   grid; reuses the established narrow-band contract already used
   by .fgma-component--quote rather than inventing a new one. */
.fgma-careers-lede { margin-block:var(--fgma-space-component); padding-inline:var(--fgma-gutter-narrow); }
.fgma-careers-lede__text { max-inline-size:var(--fgma-band-measure); margin:0 auto; font-family:var(--fgma-font-family); font-weight:var(--fgma-weight-book); font-size:var(--fgma-step-4); line-height:1.4; color:var(--e-global-color-v4-fgma-black,#000); }

/* ---- 4. SHARED-COMPONENT SUPPORT ------------------------- */
.fgma-careers .fgma-sr-only { position:absolute; inline-size:1px; block-size:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
/* ---- 5. MENTORSHIP AND GROWTH ---------------------------- */
/* Layout owned by the shared .fgma-column-copy component. This page
   only resets the list chrome and adds the Production icon slot
   above each item title. */
.fgma-careers-mentorship .fgma-column-copy__items { margin:var(--fgma-space-2xl) 0 0; padding:0; list-style:none; }
.fgma-careers-mentorship__icon { display:block; margin-block-end:var(--fgma-space-md); }
.fgma-careers-mentorship__icon .fgma-pillar-icon { display:block; inline-size:48px; block-size:48px; }

/* ---- 6. OUR OFFICES -------------------------------------- */
/* Reuses the shared .fgma-image-with-list contract (portrait media
   + field column) - the same structural pattern already used for
   the Contact offices band. Only the list reset is page-scoped. */
.fgma-careers .fgma-careers-offices__list { margin:0; padding:0; list-style:none; }
.fgma-careers .fgma-careers-offices__item { margin:0 0 var(--fgma-space-sm); }
.fgma-careers .fgma-careers-offices__item:last-child { margin-bottom:0; }
.fgma-careers .fgma-careers-offices__link { font-family:var(--fgma-font-family); font-weight:var(--fgma-weight-book); font-size:var(--fgma-step-1); line-height:1.35; color:var(--e-global-color-v4-fgma-black,#000); text-decoration:none; transition:color .3s ease; }
.fgma-careers .fgma-careers-offices__link:hover, .fgma-careers .fgma-careers-offices__link:focus-visible { color:var(--e-global-color-v4-fgma-brand-red,#F21400); }


/* Production renders the "USA" region label as header-5 (a small
   label above the office list). The shared image-with-list
   section-heading contract resolves much larger here, which would
   invert the heading hierarchy, so it is normalised page-side. */
.fgma-careers .fgma-careers-offices .fgma-image-with-list__section-heading { font-size:var(--fgma-step-2); line-height:1.35; }
/* ===== R3.7C-Q Fix Batch 1 ===== */
.fgma-careers{--fgma-step-6:clamp(2.0273rem,1.6357rem + 1.9579vw,4.7684rem);--fgma-pp-20p:clamp(4.75rem,-.8521rem + 20.8451vw,32.5rem);--fgma-pp-10p:clamp(2.375rem,-.4261rem + 10.4225vw,16.25rem)}
/* F01/F02/F04 hero */
.fgma-careers > .e-con.fgma-careers-hero{column-gap:0}
.fgma-careers .fgma-careers-hero__eyebrow.elementor-widget-heading .elementor-heading-title{font-size:var(--fgma-step-1);line-height:1.35}
.fgma-careers .fgma-careers-hero__title.elementor-widget-heading .elementor-heading-title{font-size:var(--fgma-step-6);line-height:1.1}
/* F05 lede measure */
.fgma-careers > .e-con.fgma-careers-lede-section{padding-inline:var(--fgma-gutter-inset)}
.fgma-careers .fgma-careers-lede{padding-inline:0}
/* F15 Equity band left full-bleed 6.24/3.76 */
@media (min-width:600px){.fgma-careers .fgma-careers-equity-section .fgma-component--image-with-text{padding-inline-start:0}.fgma-careers .fgma-careers-equity-section .fgma-image-with-text{grid-template-columns:minmax(0,6.24fr) minmax(0,3.76fr);align-items:center}}
/* F08 GPTW matches Production 600px breakpoint */
@media (min-width:600px) and (max-width:767px){.fgma-careers .fgma-careers-gptw-section .fgma-image-with-list{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}.fgma-careers .fgma-careers-gptw-section .fgma-image-with-list__media{position:sticky;top:var(--fgma-space-2xl)}.fgma-careers .fgma-careers-gptw-section .fgma-image-with-list:has(> .fgma-image-with-list__headline) > .fgma-image-with-list__media{grid-area:2 / 1}.fgma-careers .fgma-careers-gptw-section .fgma-image-with-list:has(> .fgma-image-with-list__headline) > .fgma-image-with-list__fields{grid-area:2 / 2}}
/* F16 mentorship */
.fgma-careers .fgma-careers-mentorship .fgma-column-copy__headline{max-inline-size:none}
@media (min-width:600px){.fgma-careers .fgma-careers-mentorship .fgma-column-copy__headline{padding-inline-end:var(--fgma-pp-20p)}}
.fgma-careers .fgma-careers-mentorship .fgma-column-copy__items{column-gap:var(--fgma-space-2xl);row-gap:var(--fgma-space-2xl)}
.fgma-careers .fgma-careers-mentorship .fgma-column-copy__item-body,.fgma-careers .fgma-careers-mentorship .fgma-column-copy__item-body p{font-size:var(--fgma-step-0);line-height:1.35}
/* F17 Our Offices: Production inset container, equal columns, 10p gap, headline in right column */
.fgma-careers .fgma-careers-offices.fgma-component--image-with-list{padding-inline:var(--fgma-gutter-inset)}
@media (min-width:600px){
.fgma-careers .fgma-careers-offices .fgma-image-with-list{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--fgma-pp-10p);row-gap:0}
.fgma-careers .fgma-careers-offices .fgma-image-with-list__media{position:static}
.fgma-careers .fgma-careers-offices .fgma-image-with-list:has(> .fgma-image-with-list__headline) > .fgma-image-with-list__media{grid-area:1 / 1 / span 2 / span 1}
.fgma-careers .fgma-careers-offices .fgma-image-with-list:has(> .fgma-image-with-list__headline) > .fgma-image-with-list__headline{grid-area:1 / 2}
.fgma-careers .fgma-careers-offices .fgma-image-with-list:has(> .fgma-image-with-list__headline) > .fgma-image-with-list__fields{grid-area:2 / 2}
}

/* ===== R3.7C-Q Fix Batch 2 ===== */
.fgma-careers{--fgma-pp-3xl:clamp(4.25rem,3.3036rem + 4.7321vw,10.875rem)}
/* F19 hero CTA - reuses the shared .fgma-section-cta contract */
.fgma-careers .fgma-careers-hero__cta{margin-block-start:var(--fgma-pp-3xl)}
.fgma-careers .fgma-careers-hero__cta .fgma-section-cta{font-weight:var(--fgma-weight-book)}
@media (min-width:900px){
.fgma-careers .fgma-careers-hero__cta{margin-block-start:0}
.fgma-careers .fgma-careers-hero__eyebrow{margin-block-start:auto}
.fgma-careers .fgma-careers-hero__title{margin-block-end:auto}
}
/* F20 closing CTA card - reuses the established Contact CTA-card pattern */
.fgma-careers > .e-con.fgma-careers-cta{max-inline-size:var(--fgma-content-max);margin-inline:auto;padding-inline:var(--fgma-gutter)}
.fgma-careers .fgma-careers-cta__card{display:block;margin-block-start:var(--fgma-pp-3xl);margin-block-end:var(--fgma-space-2xl);padding:var(--fgma-space-2xl) var(--fgma-space-xl) var(--fgma-space-xl);background-color:var(--e-global-color-v4-fgma-brand-red,#F21400);color:var(--e-global-color-v4-fgma-white,#FFF);text-decoration:none;transition:background-color .3s}
.fgma-careers .fgma-careers-cta__card:hover,.fgma-careers .fgma-careers-cta__card:focus-visible{background-color:var(--e-global-color-v4-fgma-red-hover,#C31400);color:var(--e-global-color-v4-fgma-white,#FFF)}
.fgma-careers .fgma-careers-cta__headline{margin:0;max-inline-size:none;font-family:var(--fgma-font-family);font-weight:var(--fgma-weight-medium);font-size:var(--fgma-step-5);line-height:1.1;color:inherit}
.fgma-careers .fgma-careers-cta__cta{display:flex;align-items:center;justify-content:flex-end;gap:var(--fgma-space-xs);margin-block-start:var(--fgma-space-2xl);font-family:var(--fgma-font-family);font-weight:var(--fgma-weight-book);font-size:var(--fgma-step-1);line-height:1.5;color:inherit}
.fgma-careers .fgma-careers-cta__cta-label{position:relative;color:inherit}
.fgma-careers .fgma-careers-cta__cta-label::after{content:"";position:absolute;left:0;bottom:-.35em;inline-size:100%;block-size:1px;background-color:currentcolor;opacity:0;transform:scaleX(.01);transform-origin:left center;transition:transform .5s,opacity .3s}
.fgma-careers .fgma-careers-cta__card:hover .fgma-careers-cta__cta-label::after,.fgma-careers .fgma-careers-cta__card:focus-visible .fgma-careers-cta__cta-label::after{opacity:1;transform:scaleX(1)}
.fgma-careers .fgma-careers-cta__cta .fgma-cta-arrow{inline-size:26px;block-size:21px;flex-shrink:0;color:inherit;transition:transform .5s cubic-bezier(.4,0,.2,1)}
.fgma-careers .fgma-careers-cta__card:hover .fgma-cta-arrow,.fgma-careers .fgma-careers-cta__card:focus-visible .fgma-cta-arrow{transform:translateX(8px)}
/* F21 Vimeo poster + click-to-play (page-scoped, no global JS) */
.fgma-careers .fgma-careers-video__poster{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;inline-size:100%;block-size:100%;margin:0;padding:0;border:0;background:none;-webkit-appearance:none;appearance:none;cursor:pointer}
.fgma-careers .fgma-careers-video__poster-image{position:absolute;inset:0;display:block;inline-size:100%;block-size:100%;object-fit:cover;object-position:center center}
.fgma-careers .fgma-careers-video__play{position:relative;z-index:1;inline-size:76px;block-size:76px;flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1)}
.fgma-careers .fgma-careers-video__poster:hover .fgma-careers-video__play,.fgma-careers .fgma-careers-video__poster:focus-visible .fgma-careers-video__play{transform:scale(1.06)}
.fgma-careers .fgma-careers-video__poster:focus-visible{outline:2px solid var(--e-global-color-v4-fgma-brand-red,#F21400);outline-offset:4px}
@media (min-width:600px){
.fgma-careers .fgma-careers-video__poster{align-items:flex-end;justify-content:flex-end;padding:0 var(--fgma-space-lg) var(--fgma-space-lg) 0}
}

/* ===== R3.7C-Q2 Hero Overlay + Reveal Motion ===== */
.fgma-rv-boot{display:none;}
@media (min-width:900px){
body.page-id-2711 main.site-main{padding-top:0;}
body.page-id-2711 .fgma-header-v1:not(.fgma-header-is-scrolled):not(.fgma-header-is-open) .fgma-header-desktop-nav .fgma-header-nav-link,
body.page-id-2711 .fgma-header-v1:not(.fgma-header-is-scrolled):not(.fgma-header-is-open) .fgma-header-desktop-nav .fgma-header-trigger{color:var(--fgma-white);}
}
@media (prefers-reduced-motion:no-preference){
html.fgma-rv-cloak .fgma-careers-hero__eyebrow,
html.fgma-rv-cloak .fgma-careers-hero__title,
html.fgma-rv-cloak .fgma-careers-hero__cta,
html.fgma-rv-cloak .fgma-careers-lede__text,
html.fgma-rv-cloak .fgma-image-with-text__headline,
html.fgma-rv-cloak .fgma-image-with-text__body,
html.fgma-rv-cloak .fgma-image-with-text__cta,
html.fgma-rv-cloak .fgma-image-with-text__image,
html.fgma-rv-cloak .fgma-careers-gptw-section .fgma-image-with-list__headline,
html.fgma-rv-cloak .fgma-careers-gptw-section .fgma-image-with-list__image,
html.fgma-rv-cloak .fgma-careers-gptw-section .fgma-image-with-list__fields,
html.fgma-rv-cloak .fgma-column-copy__headline,
html.fgma-rv-cloak .fgma-column-copy__item,
html.fgma-rv-cloak .fgma-careers-offices-section .fgma-image-with-list__image,
html.fgma-rv-cloak .fgma-careers-offices-section .fgma-image-with-list__headline,
html.fgma-rv-cloak .fgma-careers-offices-section .fgma-image-with-list__fields,
html.fgma-rv-cloak .fgma-careers-cta__headline,
html.fgma-rv-cloak .fgma-careers-cta__cta,
html.fgma-rv-cloak .fgma-careers-hero__image{opacity:0;}
}


/* ===== R3.7C-Q4 - Hero vertical position parity with Production ===== */
/* Production hero media = lg:h-screen + lg:max-h-[1000px] => min(100vh, 1000px).      */
/* DEV was rendering a fixed 1000px (aspect-ratio + max-block-size only), which made   */
/* the hero row taller than the viewport and pushed the copy column down.              */
/* Copy padding-block matched to Production --space-5p; Elementor's 20px row-gap       */
/* (absent in Production) neutralised.                                                 */
@media (min-width: 900px) {
    .fgma-careers .fgma-careers-hero__media,
    .fgma-careers .fgma-careers-hero__media > .elementor-widget-container {
        block-size: 100vh;
        max-block-size: 1000px;
    }
    .fgma-careers .fgma-careers-hero__image {
        block-size: 100%;
        max-block-size: none;
    }
    .fgma-careers > .e-con.fgma-careers-hero > .fgma-careers-hero__copy.e-con {
        padding-block: clamp(1.1875rem, -0.213rem + 5.2113vw, 8.125rem);
        row-gap: 0px;
    }
    /* Production groups eyebrow+headline and centres that group (lg:my-auto) with the  */
    /* Explore Opportunities CTA flush to the bottom padding edge. The existing         */
    /* margin-block-end:auto on the title (0,2,0) was being overridden by               */
    /* .fgma-careers .elementor-widget:not(:last-child){margin-block-end:0} (0,3,0),    */
    /* so ALL free space collapsed into the eyebrow's auto margin-top and the whole     */
    /* hero composition was pinned to the bottom. Raise specificity to restore it.      */
    .fgma-careers .fgma-careers-hero__copy .fgma-careers-hero__title.elementor-widget {
        margin-block-end: auto;
    }
}/* End custom CSS */