tenara-ui-components 0.2.0 → 0.2.2

package/README.md

@@ -107,4 +107,4 @@ Each site gets:
 - TypeScript
 - SCSS
 - Storybook
-- Rollup
+- Rollup

package/dist/components/atoms/Button/Button.d.ts

@@ -1,9 +1,12 @@
 import React from 'react';
 import './Button.scss';
-export type ButtonType = 'general' | 'video' | 'subscribe' | 'cta' | 'secondary' | 'secondarySolid' | 'twitter' | 'linkedIn' | 'facebook';
+export type ButtonType = 'general' | 'video' | 'subscribe' | 'cta' | 'secondary' | 'secondaryDarkMode' | 'twitter' | 'linkedIn' | 'facebook';
+export type ColorPalette = 'primary' | 'secondary' | 'accent' | 'tertiary';
 export interface ButtonProps {
     /** Button variant type */
     buttonType?: ButtonType;
+    /** Color palette to apply */
+    palette?: ColorPalette;
     /** Button label text */
     label?: string;
     /** Icon element */
@@ -18,9 +21,11 @@ export interface ButtonProps {
     children?: React.ReactNode;
     /** Disabled state */
     disabled?: boolean;
+    /** Dark mode - applies secondarySolid styling */
+    darkMode?: boolean;
     /** Click handler */
     onClick?: () => void;
 }
 /** Primary UI component for user interaction */
-export declare const Button: ({ buttonType, label, icon, hoverIcon, className, children, style, disabled, onClick, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Button: ({ buttonType, palette, label, icon, hoverIcon, className, children, style, disabled, darkMode, onClick, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Button.d.ts.map

package/dist/components/atoms/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,eAAe,CAAC;AAGvB,MAAM,MAAM,UAAU,GAClB,SAAS,GACT,OAAO,GACP,WAAW,GACX,KAAK,GACL,WAAW,GACX,gBAAgB,GAChB,SAAS,GACT,UAAU,GACV,UAAU,CAAC;AAEf,MAAM,WAAW,WAAW;IAC1B,0BAA0B;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,uCAAuC;IACvC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAID,gDAAgD;AAEhD,eAAO,MAAM,MAAM,GAAI,iGAWpB,WAAW,4CA0Bb,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,eAAe,CAAC;AAGvB,MAAM,MAAM,UAAU,GAClB,SAAS,GACT,OAAO,GACP,WAAW,GACX,KAAK,GACL,WAAW,GACX,mBAAmB,GACnB,SAAS,GACT,UAAU,GACV,UAAU,CAAC;AAEf,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,UAAU,CAAC;AAE3E,MAAM,WAAW,WAAW;IAC1B,0BAA0B;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,uCAAuC;IACvC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAID,gDAAgD;AAEhD,eAAO,MAAM,MAAM,GAAI,oHAapB,WAAW,4CAkCb,CAAC"}

package/dist/components/atoms/Button/buttonIcons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buttonIcons.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/buttonIcons.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAgB1B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,UAAU,gBAAgB;IACxB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAwB5E,CAAC;AAEF;;GAEG;AACH,wBAAgB,aAAa,CAC3B,UAAU,EAAE,UAAU,EACtB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,EAC5B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,GAChC,gBAAgB,GAAG,IAAI,CAWzB"}
+{"version":3,"file":"buttonIcons.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Button/buttonIcons.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAgB1B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAEtC,UAAU,gBAAgB;IACxB,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAqB5E,CAAC;AAEF;;GAEG;AACH,wBAAgB,aAAa,CAC3B,UAAU,EAAE,UAAU,EACtB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,EAC5B,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,GAChC,gBAAgB,GAAG,IAAI,CAWzB"}

package/dist/components/atoms/ButtonLink/ButtonLink.d.ts

@@ -18,11 +18,13 @@ export interface ButtonLinkProps {
     style?: React.CSSProperties;
     /** Child elements */
     children?: React.ReactNode;
+    /** Disabled state */
+    disabled?: boolean;
     /** ARIA label */
     'aria-label'?: string;
     /** Test ID */
     'data-testid'?: string;
 }
 /** Button-styled link component for navigation */
-export declare const ButtonLink: ({ buttonType, label, icon, href, target, className, children, style, ...props }: ButtonLinkProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ButtonLink: ({ buttonType, label, icon, href, target, className, children, style, disabled, ...props }: ButtonLinkProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ButtonLink.d.ts.map

package/dist/components/atoms/ButtonLink/ButtonLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonLink.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/ButtonLink/ButtonLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,uBAAuB,CAAC;AAE/B,MAAM,WAAW,eAAe;IAC9B,0BAA0B;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,eAAe;IACf,IAAI,EAAE,MAAM,CAAC;IACb,kBAAkB;IAClB,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC5B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,iBAAiB;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,kDAAkD;AAClD,eAAO,MAAM,UAAU,GAAI,iFAUxB,eAAe,4CAgBjB,CAAC"}
+{"version":3,"file":"ButtonLink.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/ButtonLink/ButtonLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,uBAAuB,CAAC;AAE/B,MAAM,WAAW,eAAe;IAC9B,0BAA0B;IAC1B,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,eAAe;IACf,IAAI,EAAE,MAAM,CAAC;IACb,kBAAkB;IAClB,MAAM,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC5B,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,kDAAkD;AAClD,eAAO,MAAM,UAAU,GAAI,2FAWxB,eAAe,4CA4BjB,CAAC"}

package/dist/components/atoms/ColorTable/ColorTable.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Color Table Component
+ * Displays theme colors in a simple table format
+ */
+import { ThemeConfig } from '../../../themes';
+import './ColorTable.scss';
+export interface ColorTableProps {
+    /** Theme configuration to display colors from */
+    theme: ThemeConfig;
+}
+export declare const ColorTable: ({ theme }: ColorTableProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ColorTable.d.ts.map

package/dist/components/atoms/ColorTable/ColorTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorTable.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/ColorTable/ColorTable.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAGH,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAG9C,OAAO,mBAAmB,CAAC;AAE3B,MAAM,WAAW,eAAe;IAC9B,iDAAiD;IACjD,KAAK,EAAE,WAAW,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,GAAI,WAAW,eAAe,4CAyIpD,CAAC"}

package/dist/components/atoms/ColorTable/index.d.ts

@@ -0,0 +1,3 @@
+export { ColorTable } from './ColorTable';
+export type { ColorTableProps } from './ColorTable';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/ColorTable/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/ColorTable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/atoms/Grid/Grid.d.ts

@@ -0,0 +1,79 @@
+import React from "react";
+import "./Grid.scss";
+export interface GridProps {
+    /** Number of columns (default: 12) */
+    columns?: number | {
+        sm?: number;
+        md?: number;
+        lg?: number;
+    };
+    /** Gap between grid items */
+    gap?: string | {
+        sm?: string;
+        md?: string;
+        lg?: string;
+    };
+    /** Row gap (if different from column gap) */
+    rowGap?: string | {
+        sm?: string;
+        md?: string;
+        lg?: string;
+    };
+    /** Column gap (if different from row gap) */
+    columnGap?: string | {
+        sm?: string;
+        md?: string;
+        lg?: string;
+    };
+    /** Minimum column width (auto-fit behavior) */
+    minColumnWidth?: string;
+    /** Maximum column width */
+    maxColumnWidth?: string;
+    /** Align items vertically */
+    alignItems?: "start" | "center" | "end" | "stretch";
+    /** Justify items horizontally */
+    justifyItems?: "start" | "center" | "end" | "stretch";
+    /** Custom className */
+    className?: string;
+    /** Custom styles */
+    style?: React.CSSProperties;
+    /** Children elements */
+    children: React.ReactNode;
+    /** Full width grid */
+    fullWidth?: boolean;
+}
+export interface GridItemProps {
+    /** Column span */
+    colSpan?: number | {
+        sm?: number;
+        md?: number;
+        lg?: number;
+    };
+    /** Row span */
+    rowSpan?: number | {
+        sm?: number;
+        md?: number;
+        lg?: number;
+    };
+    /** Column start position */
+    colStart?: number | {
+        sm?: number;
+        md?: number;
+        lg?: number;
+    };
+    /** Row start position */
+    rowStart?: number | {
+        sm?: number;
+        md?: number;
+        lg?: number;
+    };
+    /** Custom className */
+    className?: string;
+    /** Custom styles */
+    style?: React.CSSProperties;
+    /** Children elements */
+    children: React.ReactNode;
+}
+export declare const Grid: ({ columns, gap, rowGap, columnGap, minColumnWidth, maxColumnWidth, alignItems, justifyItems, className, style, children, fullWidth, }: GridProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GridItem: ({ colSpan, rowSpan, colStart, rowStart, className, style, children, }: GridItemProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Grid.d.ts.map

package/dist/components/atoms/Grid/Grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,SAAS;IACxB,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,GAAG;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7D,6BAA6B;IAC7B,GAAG,CAAC,EAAE,MAAM,GAAG;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACzD,6CAA6C;IAC7C,MAAM,CAAC,EAAE,MAAM,GAAG;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC5D,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,GAAG;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/D,+CAA+C;IAC/C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,2BAA2B;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6BAA6B;IAC7B,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IACpD,iCAAiC;IACjC,YAAY,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IACtD,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,wBAAwB;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,sBAAsB;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,kBAAkB;IAClB,OAAO,CAAC,EAAE,MAAM,GAAG;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7D,eAAe;IACf,OAAO,CAAC,EAAE,MAAM,GAAG;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7D,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,MAAM,GAAG;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9D,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,GAAG;QAAE,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAC;QAAC,EAAE,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC9D,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,wBAAwB;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,IAAI,GAAI,uIAalB,SAAS,4CAkFX,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,uEAQtB,aAAa,4CA+Cf,CAAC"}

package/dist/components/atoms/Grid/index.d.ts

@@ -0,0 +1,3 @@
+export { Grid, GridItem } from './Grid';
+export type { GridProps, GridItemProps } from './Grid';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/Grid/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Grid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AACxC,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC"}

package/dist/components/atoms/Heading/Heading.d.ts

@@ -1,9 +1,19 @@
 import React from 'react';
+import type { SemanticColorTokens } from '@/themes/core/color-system';
 import './Heading.scss';
 export type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+export type ColorPalette = 'primary' | 'secondary' | 'accent' | 'tertiary';
+export type HeadingVariant = string;
+export type HeadingColor = keyof SemanticColorTokens;
 export interface HeadingProps {
-    /** Heading level */
+    /** Heading level (semantic HTML tag) */
     level?: HeadingLevel;
+    /** Visual style variant (independent of semantic level) - defined by theme */
+    variant?: HeadingVariant;
+    /** Color from theme semantic tokens */
+    color?: HeadingColor;
+    /** Color palette to apply (background + text) */
+    palette?: ColorPalette;
     /** Heading text */
     children: React.ReactNode;
     /** Custom CSS class */
@@ -11,6 +21,9 @@ export interface HeadingProps {
     /** Inline styles */
     style?: React.CSSProperties;
 }
-/** Heading component with configurable level */
+/**
+ * Heading component with configurable level and visual variants
+ * Supports responsive typography through CSS custom properties
+ */
 export declare const Heading: React.FC<HeadingProps>;
 //# sourceMappingURL=Heading.d.ts.map

package/dist/components/atoms/Heading/Heading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,gBAAgB,CAAC;AAExB,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnE,MAAM,WAAW,YAAY;IAC3B,oBAAoB;IACpB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,mBAAmB;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,gDAAgD;AAChD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAc1C,CAAC"}
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,OAAO,gBAAgB,CAAC;AAExB,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACnE,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,UAAU,CAAC;AAI3E,MAAM,MAAM,cAAc,GAAG,MAAM,CAAC;AAIpC,MAAM,MAAM,YAAY,GAAG,MAAM,mBAAmB,CAAC;AAErD,MAAM,WAAW,YAAY;IAC3B,wCAAwC;IACxC,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,8EAA8E;IAC9E,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,uCAAuC;IACvC,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,iDAAiD;IACjD,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,mBAAmB;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAyC1C,CAAC"}

package/dist/components/index.d.ts

@@ -1,14 +1,12 @@
 import './styles.css';
 export { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-export * from '@fortawesome/free-solid-svg-icons';
-export * from '@fortawesome/free-regular-svg-icons';
-export * from '@fortawesome/free-brands-svg-icons';
 export { Button } from './atoms/Button/Button';
 export { defaultButtonIcons } from './atoms/Button/buttonIcons';
 export { ButtonLink } from './atoms/ButtonLink';
 export { TextLink } from './atoms/TextLink/TextLink';
 export { BackgroundMedia } from './atoms/BackgroundMedia';
 export { Heading } from './atoms/Heading';
+export { Grid, GridItem } from './atoms/Grid';
 export { Header } from './molecules/Header/Header';
 export { Card } from './molecules/Card/Card';
 export { CTA } from './molecules/CTA';

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAGtB,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,cAAc,mCAAmC,CAAC;AAClD,cAAc,qCAAqC,CAAC;AACpD,cAAc,oCAAoC,CAAC;AAGnD,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAG1C,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AAGtC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAGtB,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAGjE,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AAGtC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,cAAc,WAAW,CAAC"}

package/dist/index.css

@@ -1 +1 @@
-.button{align-items:center;border:1px solid transparent;border-radius:var(--button-border-radius,20px);cursor:pointer;display:inline-flex;font-family:var(--font-family,sans-serif);font-size:var(--button-font-size,16px);font-weight:var(--button-font-weight,600);padding:var(--button-padding,14px 25px 13px);text-decoration:none;transition:all .3s ease}.button:disabled{cursor:not-allowed;opacity:.6}.button .icon{margin-left:8px}.button .icon--regular{display:inline}.button .icon--hover,.button:hover .icon--regular{display:none}.button:hover .icon--hover{display:inline}.button--general,.button--subscribe,.button--video{background-color:var(--button-general-bg,#1e40af);border-color:var(--button-general-border,#1e40af);box-shadow:var(--button-general-shadow,none);color:var(--button-general-color,#fff)}.button--general:hover:not(:disabled),.button--subscribe:hover:not(:disabled),.button--video:hover:not(:disabled){background-color:var(--button-general-bg-hover,#1e3a8a)}.button--general:active:not(:disabled),.button--subscribe:active:not(:disabled),.button--video:active:not(:disabled){background-color:var(--button-general-bg-active,#1d4ed8)}.button--cta{background-color:var(--button-cta-bg,#efe63f);border-color:var(--button-cta-border,#efe63f);box-shadow:var(--button-cta-shadow,none);color:var(--button-cta-color,#312e81)}.button--cta:hover:not(:disabled){background-color:var(--button-cta-bg-hover,#efe63f)}.button--cta:active:not(:disabled){background-color:var(--button-cta-bg-active,#efe63f)}.button--facebook,.button--linkedIn,.button--secondary,.button--twitter{background-color:var(--button-secondary-bg,transparent);border:2px solid var(--button-secondary-border,#1e40af);box-shadow:var(--button-secondary-shadow,none);color:var(--button-secondary-color,#1e40af);padding:13px 24px 12px}.button--facebook:hover:not(:disabled),.button--linkedIn:hover:not(:disabled),.button--secondary:hover:not(:disabled),.button--twitter:hover:not(:disabled){background-color:var(--button-secondary-bg-hover,#1e40af);color:var(--button-secondary-color-hover,#fff)}.button--facebook:active:not(:disabled),.button--linkedIn:active:not(:disabled),.button--secondary:active:not(:disabled),.button--twitter:active:not(:disabled){background-color:var(--button-secondary-bg-active,#1d4ed8)}.button--secondarySolid{background-color:transparent;border:2px solid #fff;color:#fff}.button--secondarySolid:hover:not(:disabled){background-color:#3b82f6;border-color:#3b82f6}.button--secondarySolid:active:not(:disabled){background-color:#2563eb;border-color:#2563eb}.text-link{align-items:center;color:#1e3a8a;cursor:pointer;display:inline-flex;font-weight:700;gap:4px;text-decoration:underline;text-underline-offset:2px;transition:color .2s ease,text-decoration-color .2s ease}.text-link:hover{color:#1e40af;text-decoration:underline}.text-link:focus{border-radius:2px;outline:2px solid #2563eb;outline-offset:2px}.text-link:focus:not(:focus-visible){outline:none}.text-link:focus-visible{border-radius:2px;outline:2px solid #2563eb;outline-offset:2px}.text-link:active{color:#1e40af}.text-link--disabled{cursor:not-allowed;pointer-events:none}.text-link--disabled,.text-link--disabled:hover{color:#9ca3af;text-decoration:none}@media (prefers-contrast:high){.text-link{text-decoration-thickness:2px}.text-link:focus-visible{outline-width:3px}}@media (prefers-reduced-motion:reduce){.text-link{transition:none}}.background-media{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%}.background-media--video{object-fit:cover}.heading{margin:0}.card-wrapper{max-width:340px;width:100%}.card__link{color:inherit;display:block;text-decoration:none}.card__link:focus{outline:2px solid currentColor;outline-offset:2px}.card{background-color:var(--card-background,#fff);border:var(--card-border,1px solid #e0e0e0);border-radius:var(--card-border-radius,20px);box-sizing:border-box;font-family:var(--font-family,sans-serif);transition:box-shadow .3s ease;width:100%}.card--hover-effect:hover{box-shadow:var(--card-shadow,0 3px 6px rgba(0,0,0,.1))}.card--hover-effect:hover .card__image-container{transform:scale(1.4)}.card:active{border:2px solid #00bcd4}.card[role=button]{cursor:pointer}.card[role=button]:focus{outline:2px solid currentColor;outline-offset:2px}.card__image-wrapper{aspect-ratio:3/2;border-radius:20px 20px 0 0;overflow:hidden;position:relative;width:100%}@media (max-width:768px){.card__image-wrapper{aspect-ratio:16/9}}.card__image-container{bottom:0;left:0;position:absolute;right:0;top:0;transition:transform .25s ease}.card__image{height:100%;object-fit:cover;width:100%}.card__body{box-sizing:border-box;padding:var(--card-padding,30px)}.cta{height:500px;overflow:hidden;position:relative;width:100%}.cta__content{align-items:flex-start;background-color:var(--cta-background,#312e81);border-radius:var(--cta-border-radius,0 0 200px);display:flex;flex-direction:column;flex-wrap:wrap;height:450px;justify-content:center;min-width:50%;padding:var(--cta-padding,84px 50px 0 60px);position:relative;width:745px;z-index:1}.cta__title{font-family:var(--font-family-heading,sans-serif);font-size:var(--cta-title-font-size,2.5rem);font-weight:var(--cta-title-font-weight,bold);line-height:var(--cta-title-line-height,1.2);margin:var(--cta-title-margin,0 0 1rem)}.cta__description,.cta__title{color:var(--text-color-inverse,#fff)}.cta__description{font-family:var(--font-family,sans-serif);font-size:var(--cta-description-font-size,1.125rem);font-weight:var(--cta-description-font-weight,normal);line-height:var(--cta-description-line-height,1.6);margin:var(--cta-description-margin,0 0 2rem)}
+.button{align-items:center;border:1px solid transparent;border-radius:var(--button-border-radius,20px);cursor:pointer;display:inline-flex;font-family:var(--font-family,sans-serif);font-size:var(--button-font-size,16px);font-weight:var(--button-font-weight,600);line-height:var(--button-line-height,22px);padding:var(--button-padding,14px 25px 13px);text-decoration:none;transition:all .3s ease}.button.focus,.button:focus-visible{outline:1px solid var(--button-focus-outline,#3b82f6);outline-offset:1pt}.button:disabled{cursor:not-allowed;opacity:.6}.button .icon{margin-left:8px}.button .icon--regular{display:inline}.button .icon--hover,.button:hover .icon--regular{display:none}.button:hover .icon--hover{display:inline}.button--general,.button--subscribe,.button--video{background-color:var(--button-general-background,#1e40af);border-color:var(--button-general-border,#1e40af);box-shadow:var(--button-general-shadow,none);color:var(--button-general-color,#fff)}.button--general.focus,.button--general:focus-visible,.button--subscribe.focus,.button--subscribe:focus-visible,.button--video.focus,.button--video:focus-visible{outline:1px solid var(--button-general-focus-outline,#1e40af);outline-offset:1pt}.button--general.hover,.button--general:hover:not(:disabled),.button--subscribe.hover,.button--subscribe:hover:not(:disabled),.button--video.hover,.button--video:hover:not(:disabled){background-color:var(--button-general-background-hover,#1e3a8a);border-color:var(--button-general-border-hover,#1e3a8a);color:var(--button-general-color-hover,#fff)}.button--general.active,.button--general:active:not(:disabled),.button--subscribe.active,.button--subscribe:active:not(:disabled),.button--video.active,.button--video:active:not(:disabled){background-color:var(--button-general-background-active,#1d4ed8)}.button--cta{background-color:var(--button-cta-background,#efe63f);border-color:var(--button-cta-border,#efe63f);box-shadow:var(--button-cta-shadow,none);color:var(--button-cta-color,#312e81)}.button--cta.focus,.button--cta:focus-visible{outline:1px solid var(--button-cta-focus-outline,#312e81);outline-offset:1pt}.button--cta.hover,.button--cta:hover:not(:disabled){background-color:var(--button-cta-background-hover,#efe63f);border-color:var(--button-cta-border-hover,#efe63f);color:var(--button-cta-color-hover,#312e81)}.button--cta.active,.button--cta:active:not(:disabled){background-color:var(--button-cta-background-active,#efe63f)}.button--secondary{background-color:var(--button-secondary-background,transparent);border:2px solid var(--button-secondary-border,#1e40af);box-shadow:var(--button-secondary-shadow,none);color:var(--button-secondary-color,#1e40af)}.button--secondary.focus,.button--secondary:focus-visible{outline:1px solid var(--button-secondary-focus-outline,#1e40af);outline-offset:1pt}.button--secondary.hover,.button--secondary:hover:not(:disabled){background-color:var(--button-secondary-background-hover,#1e40af);border-color:var(--button-secondary-border-hover,#1e40af);color:var(--button-secondary-color-hover,#fff)}.button--secondary.active,.button--secondary:active:not(:disabled){background-color:var(--button-secondary-background-active,#1d4ed8);border-color:var(--button-secondary-border-active,#1e40af);color:var(--button-secondary-color-active,#fff)}.button--twitter{background-color:var(--button-twitter-background,transparent);border:2px solid var(--button-twitter-border,#1e40af);box-shadow:var(--button-twitter-shadow,none);color:var(--button-twitter-color,#1e40af)}.button--twitter.focus,.button--twitter:focus-visible{outline:1px solid var(--button-twitter-focus-outline,#1e40af);outline-offset:1pt}.button--twitter.hover,.button--twitter:hover:not(:disabled){background-color:var(--button-twitter-background-hover,#1e40af);border-color:var(--button-twitter-border-hover,#1e40af);color:var(--button-twitter-color-hover,#fff)}.button--twitter.active,.button--twitter:active:not(:disabled){background-color:var(--button-twitter-background-active,#1d4ed8);border-color:var(--button-twitter-border-active,#1e40af);color:var(--button-twitter-color-active,#fff)}.button--linkedIn{background-color:var(--button-linkedin-background,transparent);border:2px solid var(--button-linkedin-border,#1e40af);box-shadow:var(--button-linkedin-shadow,none);color:var(--button-linkedin-color,#1e40af)}.button--linkedIn.focus,.button--linkedIn:focus-visible{outline:1px solid var(--button-linkedin-focus-outline,#1e40af);outline-offset:1pt}.button--linkedIn.hover,.button--linkedIn:hover:not(:disabled){background-color:var(--button-linkedin-background-hover,#1e40af);border-color:var(--button-linkedin-border-hover,#1e40af);color:var(--button-linkedin-color-hover,#fff)}.button--linkedIn.active,.button--linkedIn:active:not(:disabled){background-color:var(--button-linkedin-background-active,#1d4ed8);border-color:var(--button-linkedin-border-active,#1e40af);color:var(--button-linkedin-color-active,#fff)}.button--facebook{background-color:var(--button-facebook-background,transparent);border:2px solid var(--button-facebook-border,#1e40af);box-shadow:var(--button-facebook-shadow,none);color:var(--button-facebook-color,#1e40af)}.button--facebook.focus,.button--facebook:focus-visible{outline:1px solid var(--button-facebook-focus-outline,#1e40af);outline-offset:1pt}.button--facebook.hover,.button--facebook:hover:not(:disabled){background-color:var(--button-facebook-background-hover,#1e40af);border-color:var(--button-facebook-border-hover,#1e40af);color:var(--button-facebook-color-hover,#fff)}.button--facebook.active,.button--facebook:active:not(:disabled){background-color:var(--button-facebook-background-active,#1d4ed8);border-color:var(--button-facebook-border-active,#1e40af);color:var(--button-facebook-color-active,#fff)}.button--secondaryDarkMode{background-color:var(--button-secondarydarkmode-background,transparent);border:2px solid var(--button-secondarydarkmode-border,#fff);box-shadow:var(--button-secondarydarkmode-shadow,none);color:var(--button-secondarydarkmode-color,#fff)}.button--secondaryDarkMode.focus,.button--secondaryDarkMode:focus-visible{outline:1px solid var(--button-secondarydarkmode-focus-outline,#fff);outline-offset:1pt}.button--secondaryDarkMode.hover,.button--secondaryDarkMode:hover:not(:disabled){background-color:var(--button-secondarydarkmode-background-hover,#1e40af);border-color:var(--button-secondarydarkmode-border-hover,#1e40af);color:var(--button-secondarydarkmode-color-hover,#fff)}.button--secondaryDarkMode.active,.button--secondaryDarkMode:active:not(:disabled){background-color:var(--button-secondarydarkmode-background-active,#1d4ed8);border-color:var(--button-secondarydarkmode-border-active,#1e40af);color:var(--button-secondarydarkmode-color-active,#fff)}.text-link{align-items:center;color:#1e3a8a;cursor:pointer;display:inline-flex;font-weight:700;gap:4px;text-decoration:underline;text-underline-offset:2px;transition:color .2s ease,text-decoration-color .2s ease}.text-link:hover{color:#1e40af;text-decoration:underline}.text-link:focus{border-radius:2px;outline:2px solid #2563eb;outline-offset:2px}.text-link:focus:not(:focus-visible){outline:none}.text-link:focus-visible{border-radius:2px;outline:2px solid #2563eb;outline-offset:2px}.text-link:active{color:#1e40af}.text-link--disabled{cursor:not-allowed;pointer-events:none}.text-link--disabled,.text-link--disabled:hover{color:#9ca3af;text-decoration:none}@media (prefers-contrast:high){.text-link{text-decoration-thickness:2px}.text-link:focus-visible{outline-width:3px}}@media (prefers-reduced-motion:reduce){.text-link{transition:none}}.background-media{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%}.background-media--video{object-fit:cover}.heading{color:var(--text-primary);font-family:var(--font-family-heading);margin:0;padding:0}.heading--h1{font-size:var(--typography-h1-font-size,2.5rem);font-weight:var(--typography-h1-font-weight,700);letter-spacing:var(--typography-h1-letter-spacing,-.02em);line-height:var(--typography-h1-line-height,1.2)}@media (max-width:767px){.heading--h1{font-size:var(--typography-h1-mobile-font-size,2rem);line-height:var(--typography-h1-mobile-line-height,1.25)}}@media (min-width:768px) and (max-width:991px){.heading--h1{font-size:var(--typography-h1-tablet-font-size,2.25rem);line-height:var(--typography-h1-tablet-line-height,1.2)}}.heading--h2{font-size:var(--typography-h2-font-size,2rem);font-weight:var(--typography-h2-font-weight,700);letter-spacing:var(--typography-h2-letter-spacing,-.01em);line-height:var(--typography-h2-line-height,1.3)}@media (max-width:767px){.heading--h2{font-size:var(--typography-h2-mobile-font-size,1.75rem);line-height:var(--typography-h2-mobile-line-height,1.3)}}@media (min-width:768px) and (max-width:991px){.heading--h2{font-size:var(--typography-h2-tablet-font-size,1.875rem)}}.heading--h3{font-size:var(--typography-h3-font-size,1.75rem);font-weight:var(--typography-h3-font-weight,600);letter-spacing:var(--typography-h3-letter-spacing,0);line-height:var(--typography-h3-line-height,1.4)}@media (max-width:767px){.heading--h3{font-size:var(--typography-h3-mobile-font-size,1.5rem)}}@media (min-width:768px) and (max-width:991px){.heading--h3{font-size:var(--typography-h3-tablet-font-size,1.625rem)}}.heading--h4{font-size:var(--typography-h4-font-size,1.5rem);font-weight:var(--typography-h4-font-weight,600);line-height:var(--typography-h4-line-height,1.4)}@media (max-width:767px){.heading--h4{font-size:var(--typography-h4-mobile-font-size,1.25rem)}}.heading--h5{font-size:var(--typography-h5-font-size,1.25rem);font-weight:var(--typography-h5-font-weight,600);line-height:var(--typography-h5-line-height,1.5)}@media (max-width:767px){.heading--h5{font-size:var(--typography-h5-mobile-font-size,1.125rem)}}.heading--h6{font-size:var(--typography-h6-font-size,1rem);font-weight:var(--typography-h6-font-weight,600);line-height:var(--typography-h6-line-height,1.5)}@media (max-width:767px){.heading--h6{font-size:var(--typography-h6-mobile-font-size,.875rem)}}.heading--variant-pageTitle{color:var(--text-accent);font-size:var(--typography-page-title-font-size,3rem);font-weight:var(--typography-page-title-font-weight,900);letter-spacing:var(--typography-page-title-letter-spacing,-.03em);line-height:var(--typography-page-title-line-height,1.1);text-transform:var(--typography-page-title-text-transform,none)}@media (max-width:767px){.heading--variant-pageTitle{font-size:var(--typography-page-title-mobile-font-size,2rem);line-height:var(--typography-page-title-mobile-line-height,1.2)}}@media (min-width:768px) and (max-width:991px){.heading--variant-pageTitle{font-size:var(--typography-page-title-tablet-font-size,2.5rem)}}.heading--variant-sectionTitle{font-size:var(--typography-section-title-font-size,2.25rem);font-weight:var(--typography-section-title-font-weight,700);letter-spacing:var(--typography-section-title-letter-spacing,-.02em);line-height:var(--typography-section-title-line-height,1.2)}@media (max-width:767px){.heading--variant-sectionTitle{font-size:var(--typography-section-title-mobile-font-size,1.75rem)}}@media (min-width:768px) and (max-width:991px){.heading--variant-sectionTitle{font-size:var(--typography-section-title-tablet-font-size,2rem)}}.heading--variant-title{font-size:var(--typography-title-font-size,1.5rem);font-weight:var(--typography-title-font-weight,600);line-height:var(--typography-title-line-height,1.3)}@media (max-width:767px){.heading--variant-title{font-size:var(--typography-title-mobile-font-size,1.25rem)}}.heading--variant-subtitle{font-size:var(--typography-subtitle-font-size,1.25rem);font-weight:var(--typography-subtitle-font-weight,500);line-height:var(--typography-subtitle-line-height,1.4)}@media (max-width:767px){.heading--variant-subtitle{font-size:var(--typography-subtitle-mobile-font-size,1.125rem)}}.heading--variant-body{font-family:var(--typography-body-font-family,var(--font-family));font-size:var(--typography-body-font-size,1rem);font-weight:var(--typography-body-font-weight,400);line-height:var(--typography-body-line-height,1.5)}.heading--variant-textlink{font-family:var(--typography-textlink-font-family,var(--font-family));font-size:var(--typography-textlink-font-size,1rem);font-weight:var(--typography-textlink-font-weight,400);line-height:var(--typography-textlink-line-height,1.5);text-decoration:var(--typography-textlink-text-decoration,none);text-transform:var(--typography-textlink-text-transform,none)}.heading--variant-bodyBold{font-family:var(--typography-body-bold-font-family,var(--font-family));font-size:var(--typography-body-bold-font-size,1rem);font-weight:var(--typography-body-bold-font-weight,700);line-height:var(--typography-body-bold-line-height,1.5)}.heading--variant-bodyLarge{font-family:var(--typography-body-large-font-family,var(--font-family));font-size:var(--typography-body-large-font-size,1.125rem);font-weight:var(--typography-body-large-font-weight,400);line-height:var(--typography-body-large-line-height,1.6)}.heading--variant-bodyBoldLarge{font-family:var(--typography-body-bold-large-font-family,var(--font-family));font-size:var(--typography-body-bold-large-font-size,1.125rem);font-weight:var(--typography-body-bold-large-font-weight,400);line-height:var(--typography-body-bold-large-line-height,1.6)}.heading--variant-bodySmall{font-family:var(--typography-body-small-font-family,var(--font-family));font-size:var(--typography-body-small-font-size,.875rem);font-weight:var(--typography-body-small-font-weight,400);line-height:var(--typography-body-small-line-height,1.5)}.heading--variant-caption{font-size:var(--typography-caption-font-size,.75rem);font-weight:var(--typography-caption-font-weight,400);letter-spacing:var(--typography-caption-letter-spacing,.03em);line-height:var(--typography-caption-line-height,1.4)}.heading--variant-overline{font-size:var(--typography-overline-font-size,.75rem);font-weight:var(--typography-overline-font-weight,600);letter-spacing:var(--typography-overline-letter-spacing,.1em);line-height:var(--typography-overline-line-height,1.4);text-transform:var(--typography-overline-text-transform,uppercase)}.grid{box-sizing:border-box;display:grid;grid-template-columns:repeat(var(--grid-columns,12),minmax(0,1fr));width:100%}.grid[style*="--grid-min-column-width"]{grid-template-columns:repeat(auto-fit,minmax(var(--grid-min-column-width,200px),1fr))}.grid[style*="--grid-min-column-width"][style*="--grid-max-column-width"]{grid-template-columns:repeat(auto-fit,minmax(var(--grid-min-column-width,200px),var(--grid-max-column-width,1fr)))}.grid[style*="--grid-max-column-width"]:not([style*="--grid-min-column-width"]){grid-template-columns:repeat(var(--grid-columns,4),minmax(0,var(--grid-max-column-width,1fr)))}.grid--full-width{max-width:100%;width:100%}@media (max-width:639px){.grid{column-gap:var(--grid-column-gap-sm,var(--grid-column-gap,var(--grid-gap-sm,var(--grid-gap,1rem))));gap:var(--grid-gap-sm,var(--grid-gap,1rem));row-gap:var(--grid-row-gap-sm,var(--grid-row-gap,var(--grid-gap-sm,var(--grid-gap,1rem))))}.grid[style*="--grid-min-column-width"]{grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--grid-min-column-width,200px)),1fr))}.grid:not([style*="--grid-min-column-width"])[style*="--grid-columns-sm"]{grid-template-columns:repeat(var(--grid-columns-sm),minmax(0,1fr))}.grid:not([style*="--grid-min-column-width"])[style*="--grid-columns-sm"][style*="--grid-max-column-width"]{grid-template-columns:repeat(var(--grid-columns-sm),minmax(0,var(--grid-max-column-width,1fr)))}}@media (min-width:640px) and (max-width:1023px){.grid{column-gap:var(--grid-column-gap-md,var(--grid-column-gap,var(--grid-gap-md,var(--grid-gap,1.5rem))));gap:var(--grid-gap-md,var(--grid-gap,1.5rem));row-gap:var(--grid-row-gap-md,var(--grid-row-gap,var(--grid-gap-md,var(--grid-gap,1.5rem))))}.grid:not([style*="--grid-min-column-width"])[style*="--grid-columns-md"]{grid-template-columns:repeat(var(--grid-columns-md),minmax(0,1fr))}.grid:not([style*="--grid-min-column-width"])[style*="--grid-columns-md"][style*="--grid-max-column-width"]{grid-template-columns:repeat(var(--grid-columns-md),minmax(0,var(--grid-max-column-width,1fr)))}}@media (min-width:1024px){.grid{column-gap:var(--grid-column-gap-lg,var(--grid-column-gap,var(--grid-gap-lg,var(--grid-gap,2rem))));gap:var(--grid-gap-lg,var(--grid-gap,2rem));row-gap:var(--grid-row-gap-lg,var(--grid-row-gap,var(--grid-gap-lg,var(--grid-gap,2rem))))}.grid:not([style*="--grid-min-column-width"])[style*="--grid-columns-lg"]{grid-template-columns:repeat(var(--grid-columns-lg),minmax(0,1fr))}.grid:not([style*="--grid-min-column-width"])[style*="--grid-columns-lg"][style*="--grid-max-column-width"]{grid-template-columns:repeat(var(--grid-columns-lg),minmax(0,var(--grid-max-column-width,1fr)))}}.grid-item{box-sizing:border-box;min-height:0;min-width:0}@media (max-width:639px){.grid-item[style*="--grid-col-span-sm"]{grid-column:span var(--grid-col-span-sm)}.grid-item[style*="--grid-row-span-sm"]{grid-row:span var(--grid-row-span-sm)}.grid-item[style*="--grid-col-start-sm"]{grid-column-start:var(--grid-col-start-sm)}.grid-item[style*="--grid-row-start-sm"]{grid-row-start:var(--grid-row-start-sm)}}@media (min-width:640px) and (max-width:767px){.grid-item[style*="--grid-col-span-md"]{grid-column:span var(--grid-col-span-md)}.grid-item[style*="--grid-row-span-md"]{grid-row:span var(--grid-row-span-md)}.grid-item[style*="--grid-col-start-md"]{grid-column-start:var(--grid-col-start-md)}.grid-item[style*="--grid-row-start-md"]{grid-row-start:var(--grid-row-start-md)}}@media (min-width:768px){.grid-item[style*="--grid-col-span-lg"]{grid-column:span var(--grid-col-span-lg)}.grid-item[style*="--grid-row-span-lg"]{grid-row:span var(--grid-row-span-lg)}.grid-item[style*="--grid-col-start-lg"]{grid-column-start:var(--grid-col-start-lg)}.grid-item[style*="--grid-row-start-lg"]{grid-row-start:var(--grid-row-start-lg)}}.card-wrapper{max-width:340px;width:100%}.card__link{color:inherit;display:block;text-decoration:none}.card__link:focus{outline:2px solid currentColor;outline-offset:2px}.card{background-color:var(--card-background,#fff);border:var(--card-border,1px solid #e0e0e0);border-radius:var(--card-border-radius,20px);box-sizing:border-box;font-family:var(--font-family,sans-serif);transition:box-shadow .3s ease;width:100%}.card--hover-effect:hover{box-shadow:var(--card-shadow,0 3px 6px rgba(0,0,0,.1))}.card--hover-effect:hover .card__image-container{transform:scale(1.4)}.card:active{border:2px solid #00bcd4}.card[role=button]{cursor:pointer}.card[role=button]:focus{outline:2px solid currentColor;outline-offset:2px}.card__image-wrapper{aspect-ratio:3/2;border-radius:20px 20px 0 0;overflow:hidden;position:relative;width:100%}@media (max-width:768px){.card__image-wrapper{aspect-ratio:16/9}}.card__image-container{bottom:0;left:0;position:absolute;right:0;top:0;transition:transform .25s ease}.card__image{height:100%;object-fit:cover;width:100%}.card__body{box-sizing:border-box;padding:var(--card-padding,30px)}.cta{height:500px;overflow:hidden}.cta,.cta__content{position:relative;width:100%}.cta__content{align-items:flex-start;background-color:var(--cta-background,#312e81);border-radius:0;display:flex;flex-direction:column;flex-wrap:wrap;height:100%;justify-content:center;max-width:765px;padding:var(--cta-padding,84px 50px 0 60px);z-index:1}@media (min-width:768px){.cta__content{border-radius:var(--cta-border-radius,0 0 200px);height:450px}}.cta__title{color:var(--text-color-inverse,#fff);font-family:var(--font-family-heading,sans-serif);font-size:46px;font-weight:var(--cta-title-font-weight,bold);line-height:55px;margin:var(--cta-title-margin,0 0 1rem)}@media (min-width:768px){.cta__title{font-size:var(--cta-title-font-size,2.5rem);line-height:var(--cta-title-line-height,1.2)}}.cta__description{color:var(--text-color-inverse,#fff);font-family:var(--font-family,sans-serif);font-size:22px;font-weight:var(--cta-description-font-weight,normal);line-height:30px;margin:var(--cta-description-margin,0 0 2rem)}@media (min-width:768px){.cta__description{font-size:var(--cta-description-font-size,1.125rem);line-height:var(--cta-description-line-height,1.6)}}

package/dist/index.esm.css

@@ -1 +1 @@
-.button{align-items:center;border:1px solid transparent;border-radius:var(--button-border-radius,20px);cursor:pointer;display:inline-flex;font-family:var(--font-family,sans-serif);font-size:var(--button-font-size,16px);font-weight:var(--button-font-weight,600);padding:var(--button-padding,14px 25px 13px);text-decoration:none;transition:all .3s ease}.button:disabled{cursor:not-allowed;opacity:.6}.button .icon{margin-left:8px}.button .icon--regular{display:inline}.button .icon--hover,.button:hover .icon--regular{display:none}.button:hover .icon--hover{display:inline}.button--general,.button--subscribe,.button--video{background-color:var(--button-general-bg,#1e40af);border-color:var(--button-general-border,#1e40af);box-shadow:var(--button-general-shadow,none);color:var(--button-general-color,#fff)}.button--general:hover:not(:disabled),.button--subscribe:hover:not(:disabled),.button--video:hover:not(:disabled){background-color:var(--button-general-bg-hover,#1e3a8a)}.button--general:active:not(:disabled),.button--subscribe:active:not(:disabled),.button--video:active:not(:disabled){background-color:var(--button-general-bg-active,#1d4ed8)}.button--cta{background-color:var(--button-cta-bg,#efe63f);border-color:var(--button-cta-border,#efe63f);box-shadow:var(--button-cta-shadow,none);color:var(--button-cta-color,#312e81)}.button--cta:hover:not(:disabled){background-color:var(--button-cta-bg-hover,#efe63f)}.button--cta:active:not(:disabled){background-color:var(--button-cta-bg-active,#efe63f)}.button--facebook,.button--linkedIn,.button--secondary,.button--twitter{background-color:var(--button-secondary-bg,transparent);border:2px solid var(--button-secondary-border,#1e40af);box-shadow:var(--button-secondary-shadow,none);color:var(--button-secondary-color,#1e40af);padding:13px 24px 12px}.button--facebook:hover:not(:disabled),.button--linkedIn:hover:not(:disabled),.button--secondary:hover:not(:disabled),.button--twitter:hover:not(:disabled){background-color:var(--button-secondary-bg-hover,#1e40af);color:var(--button-secondary-color-hover,#fff)}.button--facebook:active:not(:disabled),.button--linkedIn:active:not(:disabled),.button--secondary:active:not(:disabled),.button--twitter:active:not(:disabled){background-color:var(--button-secondary-bg-active,#1d4ed8)}.button--secondarySolid{background-color:transparent;border:2px solid #fff;color:#fff}.button--secondarySolid:hover:not(:disabled){background-color:#3b82f6;border-color:#3b82f6}.button--secondarySolid:active:not(:disabled){background-color:#2563eb;border-color:#2563eb}.text-link{align-items:center;color:#1e3a8a;cursor:pointer;display:inline-flex;font-weight:700;gap:4px;text-decoration:underline;text-underline-offset:2px;transition:color .2s ease,text-decoration-color .2s ease}.text-link:hover{color:#1e40af;text-decoration:underline}.text-link:focus{border-radius:2px;outline:2px solid #2563eb;outline-offset:2px}.text-link:focus:not(:focus-visible){outline:none}.text-link:focus-visible{border-radius:2px;outline:2px solid #2563eb;outline-offset:2px}.text-link:active{color:#1e40af}.text-link--disabled{cursor:not-allowed;pointer-events:none}.text-link--disabled,.text-link--disabled:hover{color:#9ca3af;text-decoration:none}@media (prefers-contrast:high){.text-link{text-decoration-thickness:2px}.text-link:focus-visible{outline-width:3px}}@media (prefers-reduced-motion:reduce){.text-link{transition:none}}.background-media{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%}.background-media--video{object-fit:cover}.heading{margin:0}.card-wrapper{max-width:340px;width:100%}.card__link{color:inherit;display:block;text-decoration:none}.card__link:focus{outline:2px solid currentColor;outline-offset:2px}.card{background-color:var(--card-background,#fff);border:var(--card-border,1px solid #e0e0e0);border-radius:var(--card-border-radius,20px);box-sizing:border-box;font-family:var(--font-family,sans-serif);transition:box-shadow .3s ease;width:100%}.card--hover-effect:hover{box-shadow:var(--card-shadow,0 3px 6px rgba(0,0,0,.1))}.card--hover-effect:hover .card__image-container{transform:scale(1.4)}.card:active{border:2px solid #00bcd4}.card[role=button]{cursor:pointer}.card[role=button]:focus{outline:2px solid currentColor;outline-offset:2px}.card__image-wrapper{aspect-ratio:3/2;border-radius:20px 20px 0 0;overflow:hidden;position:relative;width:100%}@media (max-width:768px){.card__image-wrapper{aspect-ratio:16/9}}.card__image-container{bottom:0;left:0;position:absolute;right:0;top:0;transition:transform .25s ease}.card__image{height:100%;object-fit:cover;width:100%}.card__body{box-sizing:border-box;padding:var(--card-padding,30px)}.cta{height:500px;overflow:hidden;position:relative;width:100%}.cta__content{align-items:flex-start;background-color:var(--cta-background,#312e81);border-radius:var(--cta-border-radius,0 0 200px);display:flex;flex-direction:column;flex-wrap:wrap;height:450px;justify-content:center;min-width:50%;padding:var(--cta-padding,84px 50px 0 60px);position:relative;width:745px;z-index:1}.cta__title{font-family:var(--font-family-heading,sans-serif);font-size:var(--cta-title-font-size,2.5rem);font-weight:var(--cta-title-font-weight,bold);line-height:var(--cta-title-line-height,1.2);margin:var(--cta-title-margin,0 0 1rem)}.cta__description,.cta__title{color:var(--text-color-inverse,#fff)}.cta__description{font-family:var(--font-family,sans-serif);font-size:var(--cta-description-font-size,1.125rem);font-weight:var(--cta-description-font-weight,normal);line-height:var(--cta-description-line-height,1.6);margin:var(--cta-description-margin,0 0 2rem)}
+.button{align-items:center;border:1px solid transparent;border-radius:var(--button-border-radius,20px);cursor:pointer;display:inline-flex;font-family:var(--font-family,sans-serif);font-size:var(--button-font-size,16px);font-weight:var(--button-font-weight,600);line-height:var(--button-line-height,22px);padding:var(--button-padding,14px 25px 13px);text-decoration:none;transition:all .3s ease}.button.focus,.button:focus-visible{outline:1px solid var(--button-focus-outline,#3b82f6);outline-offset:1pt}.button:disabled{cursor:not-allowed;opacity:.6}.button .icon{margin-left:8px}.button .icon--regular{display:inline}.button .icon--hover,.button:hover .icon--regular{display:none}.button:hover .icon--hover{display:inline}.button--general,.button--subscribe,.button--video{background-color:var(--button-general-background,#1e40af);border-color:var(--button-general-border,#1e40af);box-shadow:var(--button-general-shadow,none);color:var(--button-general-color,#fff)}.button--general.focus,.button--general:focus-visible,.button--subscribe.focus,.button--subscribe:focus-visible,.button--video.focus,.button--video:focus-visible{outline:1px solid var(--button-general-focus-outline,#1e40af);outline-offset:1pt}.button--general.hover,.button--general:hover:not(:disabled),.button--subscribe.hover,.button--subscribe:hover:not(:disabled),.button--video.hover,.button--video:hover:not(:disabled){background-color:var(--button-general-background-hover,#1e3a8a);border-color:var(--button-general-border-hover,#1e3a8a);color:var(--button-general-color-hover,#fff)}.button--general.active,.button--general:active:not(:disabled),.button--subscribe.active,.button--subscribe:active:not(:disabled),.button--video.active,.button--video:active:not(:disabled){background-color:var(--button-general-background-active,#1d4ed8)}.button--cta{background-color:var(--button-cta-background,#efe63f);border-color:var(--button-cta-border,#efe63f);box-shadow:var(--button-cta-shadow,none);color:var(--button-cta-color,#312e81)}.button--cta.focus,.button--cta:focus-visible{outline:1px solid var(--button-cta-focus-outline,#312e81);outline-offset:1pt}.button--cta.hover,.button--cta:hover:not(:disabled){background-color:var(--button-cta-background-hover,#efe63f);border-color:var(--button-cta-border-hover,#efe63f);color:var(--button-cta-color-hover,#312e81)}.button--cta.active,.button--cta:active:not(:disabled){background-color:var(--button-cta-background-active,#efe63f)}.button--secondary{background-color:var(--button-secondary-background,transparent);border:2px solid var(--button-secondary-border,#1e40af);box-shadow:var(--button-secondary-shadow,none);color:var(--button-secondary-color,#1e40af)}.button--secondary.focus,.button--secondary:focus-visible{outline:1px solid var(--button-secondary-focus-outline,#1e40af);outline-offset:1pt}.button--secondary.hover,.button--secondary:hover:not(:disabled){background-color:var(--button-secondary-background-hover,#1e40af);border-color:var(--button-secondary-border-hover,#1e40af);color:var(--button-secondary-color-hover,#fff)}.button--secondary.active,.button--secondary:active:not(:disabled){background-color:var(--button-secondary-background-active,#1d4ed8);border-color:var(--button-secondary-border-active,#1e40af);color:var(--button-secondary-color-active,#fff)}.button--twitter{background-color:var(--button-twitter-background,transparent);border:2px solid var(--button-twitter-border,#1e40af);box-shadow:var(--button-twitter-shadow,none);color:var(--button-twitter-color,#1e40af)}.button--twitter.focus,.button--twitter:focus-visible{outline:1px solid var(--button-twitter-focus-outline,#1e40af);outline-offset:1pt}.button--twitter.hover,.button--twitter:hover:not(:disabled){background-color:var(--button-twitter-background-hover,#1e40af);border-color:var(--button-twitter-border-hover,#1e40af);color:var(--button-twitter-color-hover,#fff)}.button--twitter.active,.button--twitter:active:not(:disabled){background-color:var(--button-twitter-background-active,#1d4ed8);border-color:var(--button-twitter-border-active,#1e40af);color:var(--button-twitter-color-active,#fff)}.button--linkedIn{background-color:var(--button-linkedin-background,transparent);border:2px solid var(--button-linkedin-border,#1e40af);box-shadow:var(--button-linkedin-shadow,none);color:var(--button-linkedin-color,#1e40af)}.button--linkedIn.focus,.button--linkedIn:focus-visible{outline:1px solid var(--button-linkedin-focus-outline,#1e40af);outline-offset:1pt}.button--linkedIn.hover,.button--linkedIn:hover:not(:disabled){background-color:var(--button-linkedin-background-hover,#1e40af);border-color:var(--button-linkedin-border-hover,#1e40af);color:var(--button-linkedin-color-hover,#fff)}.button--linkedIn.active,.button--linkedIn:active:not(:disabled){background-color:var(--button-linkedin-background-active,#1d4ed8);border-color:var(--button-linkedin-border-active,#1e40af);color:var(--button-linkedin-color-active,#fff)}.button--facebook{background-color:var(--button-facebook-background,transparent);border:2px solid var(--button-facebook-border,#1e40af);box-shadow:var(--button-facebook-shadow,none);color:var(--button-facebook-color,#1e40af)}.button--facebook.focus,.button--facebook:focus-visible{outline:1px solid var(--button-facebook-focus-outline,#1e40af);outline-offset:1pt}.button--facebook.hover,.button--facebook:hover:not(:disabled){background-color:var(--button-facebook-background-hover,#1e40af);border-color:var(--button-facebook-border-hover,#1e40af);color:var(--button-facebook-color-hover,#fff)}.button--facebook.active,.button--facebook:active:not(:disabled){background-color:var(--button-facebook-background-active,#1d4ed8);border-color:var(--button-facebook-border-active,#1e40af);color:var(--button-facebook-color-active,#fff)}.button--secondaryDarkMode{background-color:var(--button-secondarydarkmode-background,transparent);border:2px solid var(--button-secondarydarkmode-border,#fff);box-shadow:var(--button-secondarydarkmode-shadow,none);color:var(--button-secondarydarkmode-color,#fff)}.button--secondaryDarkMode.focus,.button--secondaryDarkMode:focus-visible{outline:1px solid var(--button-secondarydarkmode-focus-outline,#fff);outline-offset:1pt}.button--secondaryDarkMode.hover,.button--secondaryDarkMode:hover:not(:disabled){background-color:var(--button-secondarydarkmode-background-hover,#1e40af);border-color:var(--button-secondarydarkmode-border-hover,#1e40af);color:var(--button-secondarydarkmode-color-hover,#fff)}.button--secondaryDarkMode.active,.button--secondaryDarkMode:active:not(:disabled){background-color:var(--button-secondarydarkmode-background-active,#1d4ed8);border-color:var(--button-secondarydarkmode-border-active,#1e40af);color:var(--button-secondarydarkmode-color-active,#fff)}.text-link{align-items:center;color:#1e3a8a;cursor:pointer;display:inline-flex;font-weight:700;gap:4px;text-decoration:underline;text-underline-offset:2px;transition:color .2s ease,text-decoration-color .2s ease}.text-link:hover{color:#1e40af;text-decoration:underline}.text-link:focus{border-radius:2px;outline:2px solid #2563eb;outline-offset:2px}.text-link:focus:not(:focus-visible){outline:none}.text-link:focus-visible{border-radius:2px;outline:2px solid #2563eb;outline-offset:2px}.text-link:active{color:#1e40af}.text-link--disabled{cursor:not-allowed;pointer-events:none}.text-link--disabled,.text-link--disabled:hover{color:#9ca3af;text-decoration:none}@media (prefers-contrast:high){.text-link{text-decoration-thickness:2px}.text-link:focus-visible{outline-width:3px}}@media (prefers-reduced-motion:reduce){.text-link{transition:none}}.background-media{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;left:0;position:absolute;top:0;width:100%}.background-media--video{object-fit:cover}.heading{color:var(--text-primary);font-family:var(--font-family-heading);margin:0;padding:0}.heading--h1{font-size:var(--typography-h1-font-size,2.5rem);font-weight:var(--typography-h1-font-weight,700);letter-spacing:var(--typography-h1-letter-spacing,-.02em);line-height:var(--typography-h1-line-height,1.2)}@media (max-width:767px){.heading--h1{font-size:var(--typography-h1-mobile-font-size,2rem);line-height:var(--typography-h1-mobile-line-height,1.25)}}@media (min-width:768px) and (max-width:991px){.heading--h1{font-size:var(--typography-h1-tablet-font-size,2.25rem);line-height:var(--typography-h1-tablet-line-height,1.2)}}.heading--h2{font-size:var(--typography-h2-font-size,2rem);font-weight:var(--typography-h2-font-weight,700);letter-spacing:var(--typography-h2-letter-spacing,-.01em);line-height:var(--typography-h2-line-height,1.3)}@media (max-width:767px){.heading--h2{font-size:var(--typography-h2-mobile-font-size,1.75rem);line-height:var(--typography-h2-mobile-line-height,1.3)}}@media (min-width:768px) and (max-width:991px){.heading--h2{font-size:var(--typography-h2-tablet-font-size,1.875rem)}}.heading--h3{font-size:var(--typography-h3-font-size,1.75rem);font-weight:var(--typography-h3-font-weight,600);letter-spacing:var(--typography-h3-letter-spacing,0);line-height:var(--typography-h3-line-height,1.4)}@media (max-width:767px){.heading--h3{font-size:var(--typography-h3-mobile-font-size,1.5rem)}}@media (min-width:768px) and (max-width:991px){.heading--h3{font-size:var(--typography-h3-tablet-font-size,1.625rem)}}.heading--h4{font-size:var(--typography-h4-font-size,1.5rem);font-weight:var(--typography-h4-font-weight,600);line-height:var(--typography-h4-line-height,1.4)}@media (max-width:767px){.heading--h4{font-size:var(--typography-h4-mobile-font-size,1.25rem)}}.heading--h5{font-size:var(--typography-h5-font-size,1.25rem);font-weight:var(--typography-h5-font-weight,600);line-height:var(--typography-h5-line-height,1.5)}@media (max-width:767px){.heading--h5{font-size:var(--typography-h5-mobile-font-size,1.125rem)}}.heading--h6{font-size:var(--typography-h6-font-size,1rem);font-weight:var(--typography-h6-font-weight,600);line-height:var(--typography-h6-line-height,1.5)}@media (max-width:767px){.heading--h6{font-size:var(--typography-h6-mobile-font-size,.875rem)}}.heading--variant-pageTitle{color:var(--text-accent);font-size:var(--typography-page-title-font-size,3rem);font-weight:var(--typography-page-title-font-weight,900);letter-spacing:var(--typography-page-title-letter-spacing,-.03em);line-height:var(--typography-page-title-line-height,1.1);text-transform:var(--typography-page-title-text-transform,none)}@media (max-width:767px){.heading--variant-pageTitle{font-size:var(--typography-page-title-mobile-font-size,2rem);line-height:var(--typography-page-title-mobile-line-height,1.2)}}@media (min-width:768px) and (max-width:991px){.heading--variant-pageTitle{font-size:var(--typography-page-title-tablet-font-size,2.5rem)}}.heading--variant-sectionTitle{font-size:var(--typography-section-title-font-size,2.25rem);font-weight:var(--typography-section-title-font-weight,700);letter-spacing:var(--typography-section-title-letter-spacing,-.02em);line-height:var(--typography-section-title-line-height,1.2)}@media (max-width:767px){.heading--variant-sectionTitle{font-size:var(--typography-section-title-mobile-font-size,1.75rem)}}@media (min-width:768px) and (max-width:991px){.heading--variant-sectionTitle{font-size:var(--typography-section-title-tablet-font-size,2rem)}}.heading--variant-title{font-size:var(--typography-title-font-size,1.5rem);font-weight:var(--typography-title-font-weight,600);line-height:var(--typography-title-line-height,1.3)}@media (max-width:767px){.heading--variant-title{font-size:var(--typography-title-mobile-font-size,1.25rem)}}.heading--variant-subtitle{font-size:var(--typography-subtitle-font-size,1.25rem);font-weight:var(--typography-subtitle-font-weight,500);line-height:var(--typography-subtitle-line-height,1.4)}@media (max-width:767px){.heading--variant-subtitle{font-size:var(--typography-subtitle-mobile-font-size,1.125rem)}}.heading--variant-body{font-family:var(--typography-body-font-family,var(--font-family));font-size:var(--typography-body-font-size,1rem);font-weight:var(--typography-body-font-weight,400);line-height:var(--typography-body-line-height,1.5)}.heading--variant-textlink{font-family:var(--typography-textlink-font-family,var(--font-family));font-size:var(--typography-textlink-font-size,1rem);font-weight:var(--typography-textlink-font-weight,400);line-height:var(--typography-textlink-line-height,1.5);text-decoration:var(--typography-textlink-text-decoration,none);text-transform:var(--typography-textlink-text-transform,none)}.heading--variant-bodyBold{font-family:var(--typography-body-bold-font-family,var(--font-family));font-size:var(--typography-body-bold-font-size,1rem);font-weight:var(--typography-body-bold-font-weight,700);line-height:var(--typography-body-bold-line-height,1.5)}.heading--variant-bodyLarge{font-family:var(--typography-body-large-font-family,var(--font-family));font-size:var(--typography-body-large-font-size,1.125rem);font-weight:var(--typography-body-large-font-weight,400);line-height:var(--typography-body-large-line-height,1.6)}.heading--variant-bodyBoldLarge{font-family:var(--typography-body-bold-large-font-family,var(--font-family));font-size:var(--typography-body-bold-large-font-size,1.125rem);font-weight:var(--typography-body-bold-large-font-weight,400);line-height:var(--typography-body-bold-large-line-height,1.6)}.heading--variant-bodySmall{font-family:var(--typography-body-small-font-family,var(--font-family));font-size:var(--typography-body-small-font-size,.875rem);font-weight:var(--typography-body-small-font-weight,400);line-height:var(--typography-body-small-line-height,1.5)}.heading--variant-caption{font-size:var(--typography-caption-font-size,.75rem);font-weight:var(--typography-caption-font-weight,400);letter-spacing:var(--typography-caption-letter-spacing,.03em);line-height:var(--typography-caption-line-height,1.4)}.heading--variant-overline{font-size:var(--typography-overline-font-size,.75rem);font-weight:var(--typography-overline-font-weight,600);letter-spacing:var(--typography-overline-letter-spacing,.1em);line-height:var(--typography-overline-line-height,1.4);text-transform:var(--typography-overline-text-transform,uppercase)}.grid{box-sizing:border-box;display:grid;grid-template-columns:repeat(var(--grid-columns,12),minmax(0,1fr));width:100%}.grid[style*="--grid-min-column-width"]{grid-template-columns:repeat(auto-fit,minmax(var(--grid-min-column-width,200px),1fr))}.grid[style*="--grid-min-column-width"][style*="--grid-max-column-width"]{grid-template-columns:repeat(auto-fit,minmax(var(--grid-min-column-width,200px),var(--grid-max-column-width,1fr)))}.grid[style*="--grid-max-column-width"]:not([style*="--grid-min-column-width"]){grid-template-columns:repeat(var(--grid-columns,4),minmax(0,var(--grid-max-column-width,1fr)))}.grid--full-width{max-width:100%;width:100%}@media (max-width:639px){.grid{column-gap:var(--grid-column-gap-sm,var(--grid-column-gap,var(--grid-gap-sm,var(--grid-gap,1rem))));gap:var(--grid-gap-sm,var(--grid-gap,1rem));row-gap:var(--grid-row-gap-sm,var(--grid-row-gap,var(--grid-gap-sm,var(--grid-gap,1rem))))}.grid[style*="--grid-min-column-width"]{grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--grid-min-column-width,200px)),1fr))}.grid:not([style*="--grid-min-column-width"])[style*="--grid-columns-sm"]{grid-template-columns:repeat(var(--grid-columns-sm),minmax(0,1fr))}.grid:not([style*="--grid-min-column-width"])[style*="--grid-columns-sm"][style*="--grid-max-column-width"]{grid-template-columns:repeat(var(--grid-columns-sm),minmax(0,var(--grid-max-column-width,1fr)))}}@media (min-width:640px) and (max-width:1023px){.grid{column-gap:var(--grid-column-gap-md,var(--grid-column-gap,var(--grid-gap-md,var(--grid-gap,1.5rem))));gap:var(--grid-gap-md,var(--grid-gap,1.5rem));row-gap:var(--grid-row-gap-md,var(--grid-row-gap,var(--grid-gap-md,var(--grid-gap,1.5rem))))}.grid:not([style*="--grid-min-column-width"])[style*="--grid-columns-md"]{grid-template-columns:repeat(var(--grid-columns-md),minmax(0,1fr))}.grid:not([style*="--grid-min-column-width"])[style*="--grid-columns-md"][style*="--grid-max-column-width"]{grid-template-columns:repeat(var(--grid-columns-md),minmax(0,var(--grid-max-column-width,1fr)))}}@media (min-width:1024px){.grid{column-gap:var(--grid-column-gap-lg,var(--grid-column-gap,var(--grid-gap-lg,var(--grid-gap,2rem))));gap:var(--grid-gap-lg,var(--grid-gap,2rem));row-gap:var(--grid-row-gap-lg,var(--grid-row-gap,var(--grid-gap-lg,var(--grid-gap,2rem))))}.grid:not([style*="--grid-min-column-width"])[style*="--grid-columns-lg"]{grid-template-columns:repeat(var(--grid-columns-lg),minmax(0,1fr))}.grid:not([style*="--grid-min-column-width"])[style*="--grid-columns-lg"][style*="--grid-max-column-width"]{grid-template-columns:repeat(var(--grid-columns-lg),minmax(0,var(--grid-max-column-width,1fr)))}}.grid-item{box-sizing:border-box;min-height:0;min-width:0}@media (max-width:639px){.grid-item[style*="--grid-col-span-sm"]{grid-column:span var(--grid-col-span-sm)}.grid-item[style*="--grid-row-span-sm"]{grid-row:span var(--grid-row-span-sm)}.grid-item[style*="--grid-col-start-sm"]{grid-column-start:var(--grid-col-start-sm)}.grid-item[style*="--grid-row-start-sm"]{grid-row-start:var(--grid-row-start-sm)}}@media (min-width:640px) and (max-width:767px){.grid-item[style*="--grid-col-span-md"]{grid-column:span var(--grid-col-span-md)}.grid-item[style*="--grid-row-span-md"]{grid-row:span var(--grid-row-span-md)}.grid-item[style*="--grid-col-start-md"]{grid-column-start:var(--grid-col-start-md)}.grid-item[style*="--grid-row-start-md"]{grid-row-start:var(--grid-row-start-md)}}@media (min-width:768px){.grid-item[style*="--grid-col-span-lg"]{grid-column:span var(--grid-col-span-lg)}.grid-item[style*="--grid-row-span-lg"]{grid-row:span var(--grid-row-span-lg)}.grid-item[style*="--grid-col-start-lg"]{grid-column-start:var(--grid-col-start-lg)}.grid-item[style*="--grid-row-start-lg"]{grid-row-start:var(--grid-row-start-lg)}}.card-wrapper{max-width:340px;width:100%}.card__link{color:inherit;display:block;text-decoration:none}.card__link:focus{outline:2px solid currentColor;outline-offset:2px}.card{background-color:var(--card-background,#fff);border:var(--card-border,1px solid #e0e0e0);border-radius:var(--card-border-radius,20px);box-sizing:border-box;font-family:var(--font-family,sans-serif);transition:box-shadow .3s ease;width:100%}.card--hover-effect:hover{box-shadow:var(--card-shadow,0 3px 6px rgba(0,0,0,.1))}.card--hover-effect:hover .card__image-container{transform:scale(1.4)}.card:active{border:2px solid #00bcd4}.card[role=button]{cursor:pointer}.card[role=button]:focus{outline:2px solid currentColor;outline-offset:2px}.card__image-wrapper{aspect-ratio:3/2;border-radius:20px 20px 0 0;overflow:hidden;position:relative;width:100%}@media (max-width:768px){.card__image-wrapper{aspect-ratio:16/9}}.card__image-container{bottom:0;left:0;position:absolute;right:0;top:0;transition:transform .25s ease}.card__image{height:100%;object-fit:cover;width:100%}.card__body{box-sizing:border-box;padding:var(--card-padding,30px)}.cta{height:500px;overflow:hidden}.cta,.cta__content{position:relative;width:100%}.cta__content{align-items:flex-start;background-color:var(--cta-background,#312e81);border-radius:0;display:flex;flex-direction:column;flex-wrap:wrap;height:100%;justify-content:center;max-width:765px;padding:var(--cta-padding,84px 50px 0 60px);z-index:1}@media (min-width:768px){.cta__content{border-radius:var(--cta-border-radius,0 0 200px);height:450px}}.cta__title{color:var(--text-color-inverse,#fff);font-family:var(--font-family-heading,sans-serif);font-size:46px;font-weight:var(--cta-title-font-weight,bold);line-height:55px;margin:var(--cta-title-margin,0 0 1rem)}@media (min-width:768px){.cta__title{font-size:var(--cta-title-font-size,2.5rem);line-height:var(--cta-title-line-height,1.2)}}.cta__description{color:var(--text-color-inverse,#fff);font-family:var(--font-family,sans-serif);font-size:22px;font-weight:var(--cta-description-font-weight,normal);line-height:30px;margin:var(--cta-description-margin,0 0 2rem)}@media (min-width:768px){.cta__description{font-size:var(--cta-description-font-size,1.125rem);line-height:var(--cta-description-line-height,1.6)}}