.elementor-2718 .elementor-element.elementor-element-fgmaculturert{--display:flex;}.elementor-2718 .elementor-element.elementor-element-culturehero{--display:flex;}.elementor-2718 .elementor-element.elementor-element-cultureherocp{--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-2718 .elementor-element.elementor-element-fgmacullede1{--display:flex;}.elementor-2718 .elementor-element.elementor-element-fgmaculesop{--display:flex;}.elementor-2718 .elementor-element.elementor-element-fgmaculgptw{--display:flex;}.elementor-2718 .elementor-element.elementor-element-fgmacullede2{--display:flex;}.elementor-2718 .elementor-element.elementor-element-fgmaculflour{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS *//* ============================================================
   FGMA CULTURE PAGE - R3.7C Batch 3B
   Page-scoped visual system. Every body.elementor-page-2718 is namespaced to
   .fgma-culture. 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-culture.e-con { display:block; inline-size:100%; max-inline-size:none; margin:0; padding:0; }
.fgma-culture .e-con { --padding-block-start:0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; }
.fgma-culture > .e-con { display:block; inline-size:100%; }
.fgma-culture .elementor-widget:not(:last-child) { margin-block-end:0; }
.fgma-culture-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-culture > .e-con.fgma-culture-hero { display:grid; grid-template-columns:minmax(0,1fr); }
.fgma-culture-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-culture-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-culture-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-culture-hero__media { min-inline-size:0; }
.fgma-culture-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-culture > .e-con.fgma-culture-hero { grid-template-columns:minmax(0,1fr) minmax(0,1.27fr); align-items:stretch; }
    .fgma-culture-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-culture-hero__media, .fgma-culture-hero__media .elementor-widget-container { block-size:100%; }
    .fgma-culture-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-culture-lede { margin-block:var(--fgma-space-component); padding-inline:var(--fgma-gutter-narrow); }
.fgma-culture-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-culture .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; }

/* ===== R3.7C-Q Fix Batch 1 ===== */
.fgma-culture{--fgma-step-6:clamp(2.0273rem,1.6357rem + 1.9579vw,4.7684rem)}
/* F01/F02/F04 hero */
.fgma-culture > .e-con.fgma-culture-hero{column-gap:0}
.fgma-culture .fgma-culture-hero__eyebrow.elementor-widget-heading .elementor-heading-title{font-size:var(--fgma-step-1);line-height:1.35}
.fgma-culture .fgma-culture-hero__title.elementor-widget-heading .elementor-heading-title{font-size:var(--fgma-step-6);line-height:1.1}
/* F05 lede measure */
.fgma-culture > .e-con.fgma-culture-lede-section{padding-inline:var(--fgma-gutter-inset)}
.fgma-culture .fgma-culture-lede{padding-inline:0}
/* F08 image-with-list matches Production 600px breakpoint */
@media (min-width:600px) and (max-width:767px){.fgma-culture .fgma-culture-gptw-section .fgma-image-with-list{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}.fgma-culture .fgma-culture-gptw-section .fgma-image-with-list__media{position:sticky;top:var(--fgma-space-2xl)}.fgma-culture .fgma-culture-gptw-section .fgma-image-with-list:has(> .fgma-image-with-list__headline) > .fgma-image-with-list__media{grid-area:2 / 1}.fgma-culture .fgma-culture-gptw-section .fgma-image-with-list:has(> .fgma-image-with-list__headline) > .fgma-image-with-list__fields{grid-area:2 / 2}}

/* ===== R3.7C-Q2 Hero Overlay + Reveal Motion ===== */
.fgma-rv-boot{display:none;}
@media (min-width:900px){
body.page-id-2718 main.site-main{padding-top:0;}
body.page-id-2718 .fgma-header-v1:not(.fgma-header-is-scrolled):not(.fgma-header-is-open) .fgma-header-desktop-nav .fgma-header-nav-link,
body.page-id-2718 .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-culture-hero__eyebrow,
html.fgma-rv-cloak .fgma-culture-hero__title,
html.fgma-rv-cloak .fgma-culture-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-image-with-list__headline,
html.fgma-rv-cloak .fgma-image-with-list__image,
html.fgma-rv-cloak .fgma-image-with-list__fields,
html.fgma-rv-cloak .fgma-culture-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 vertically-centred copy down.  */
/* Copy padding-block matched to Production --space-5p; Elementor's 20px row-gap       */
/* (absent in Production) neutralised so eyebrow/headline spacing is --fgma-space-md.  */
@media (min-width: 900px) {
    .fgma-culture .fgma-culture-hero__media,
    .fgma-culture .fgma-culture-hero__media > .elementor-widget-container {
        block-size: 100vh;
        max-block-size: 1000px;
    }
    .fgma-culture .fgma-culture-hero__image {
        block-size: 100%;
        max-block-size: none;
    }
    .fgma-culture > .e-con.fgma-culture-hero > .fgma-culture-hero__copy.e-con {
        padding-block: clamp(1.1875rem, -0.213rem + 5.2113vw, 8.125rem);
        row-gap: 0px;
    }
}/* End custom CSS */