.elementor .section-l{padding-block-start:calc(clamp(3.5rem, 2.7273vw + 2.8864rem, 5rem) + var(--header-offset, 0px));padding-block-end:clamp(3.5rem, 2.7273vw + 2.8864rem, 5rem);padding-inline-start:max(5%, calc((100% - var(--boxed-width-l)) / 2));padding-inline-end:max(5%, calc((100% - var(--boxed-width-l)) / 2));gap:var(--spacing-m);}.elementor .grid-3{column-gap:var(--spacing-column);display:grid;row-gap:var(--spacing-row);grid-template-columns:repeat(3, 1fr);grid-template-rows:auto;align-items:stretch;}.elementor .grid-tight{gap:var(--spacing-grid-tight);}.elementor .tight-row-gaps{flex-direction:row;gap:var(--spacing-m);align-items:center;}.elementor .card{height:100%;overflow:hidden;padding:var(--spacing-m);border-radius:var(--radius-m);border-width:var(--border-s);border-style:solid;box-shadow:var(--box-shadow-h) var(--box-shadow-v-light) var(--box-shadow-b-light) var(--box-shadow-s) var(--color-box-shadow-light);flex-direction:column;gap:var(--spacing-m);/* Card fill follows --card-surface; border width/style, radius, padding and hover stay on the element. Material knobs are kit variables: neutral in Flat, frosted in Glass. */
background-color: color-mix(in srgb, var(--card-surface, var(--color-primary-light-1)) var(--surface-alpha), transparent);
border-color: var(--color-surface-edge);
background-image: var(--surface-highlight);
backdrop-filter: var(--surface-backdrop);\n}.elementor .card-colored{/* Bold card in the section's own brand colour. Pair with `card` (shape, padding, shadow, edge); this supplies the fill and re-points the context tokens for everything inside. Scoped to `.card` at (0,3,0), so it can sit on the card itself or on any wrapper — every card inside turns coloured, siblings do not — and it beats `card` (0,2,0) whatever the class order. Fill/ink = --card-colored-fill / --card-colored-ink from the invert maps. Badges and button-accent keep the other palette. Do not nest another invert inside. */
&.card, & .card {
  --card-surface: var(--card-colored-fill, var(--color-primary-brand-1));
  color: var(--card-colored-ink, var(--color-primary-light-1));
  border-color: color-mix(in srgb, color-mix(in srgb, var(--card-colored-fill, var(--color-primary-brand-1)), var(--color-black) 10%) var(--surface-edge-alpha), transparent); /* fill darkened 10% at the edge alpha; 0% on Flat, so the edge is transparent there */
  --accent: var(--card-colored-ink, var(--color-primary-light-1));
  --on-accent: var(--card-colored-fill, var(--color-primary-brand-1));
  --text-color: var(--card-colored-ink, var(--color-primary-light-1));
  --surface: var(--card-colored-fill, var(--color-primary-brand-1));
  --ghost-text: var(--card-colored-ink, var(--color-primary-light-1));
  --surface-border: color-mix(in srgb, var(--card-colored-ink, var(--color-primary-light-1)) 40%, var(--card-colored-fill, var(--color-primary-brand-1)));
  --hover-tint: color-mix(in srgb, var(--card-colored-ink, var(--color-primary-light-1)) 15%, var(--card-colored-fill, var(--color-primary-brand-1)));
  --tint: color-mix(in srgb, var(--card-colored-ink, var(--color-primary-light-1)) 12%, var(--card-colored-fill, var(--color-primary-brand-1)));
}\n}.elementor .eyebrow{font-family:var(--eyebrows);font-weight:500;font-size:0.75rem;letter-spacing:5%;line-height:var(--heading-line-height);text-transform:uppercase;}.elementor .badge-swipe{overflow:hidden;position:relative;font-weight:600;padding-block-start:var(--badge-padding-vertical);padding-block-end:var(--badge-padding-vertical);padding-inline-start:var(--badge-padding-horizontal);padding-inline-end:var(--badge-padding-horizontal);border-radius:var(--radius-l);display:flex;gap:0.45em;flex:0 0 auto;align-items:center;color: var(--on-accent-alt, var(--color-secondary-dark-1));
background-color: var(--accent-alt, var(--color-secondary-brand-1));

/* z-index 0 must stay here: the native control drops 0 values */
z-index: 0;

&::before {
	content: "";
	flex: none;
	width: .5em;
	height: .5em;
	border-radius: 50%;
	background: var(--badge-dot, var(--color-primary-brand-1)); /* green reads better on amber */
}

/* Sheen (Glass kit); the Flat copy uses a wipe */
&::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 40%;
	background: linear-gradient(100deg, transparent, color-mix(in srgb, var(--color-white) 55%, transparent), transparent);
	transform: translateX(-180%);
	pointer-events: none;
	animation: badge-sheen 4.5s ease-in-out infinite;
}

/* Empty badge: hidden (component instances blank the Badge to remove it) */
&:empty {
	display: none;
}\n}.elementor .badge-still{overflow:hidden;position:relative;font-weight:600;padding-block-start:var(--badge-padding-vertical);padding-block-end:var(--badge-padding-vertical);padding-inline-start:var(--badge-padding-horizontal);padding-inline-end:var(--badge-padding-horizontal);border-radius:var(--radius-l);display:flex;gap:0.45em;flex:0 0 auto;align-items:center;color: var(--on-accent-alt, var(--color-secondary-dark-1));
background-color: var(--accent-alt, var(--color-secondary-brand-1));

/* z-index 0 must stay here: the native control drops 0 values */
z-index: 0;

&::before {
	content: "";
	flex: none;
	width: .5em;
	height: .5em;
	border-radius: 50%;
	background: var(--badge-dot, var(--color-primary-brand-1)); /* green reads better on amber */
}

/* Empty badge: hidden (component instances blank the Badge to remove it) */
&:empty {
	display: none;
}\n}.elementor .h6-override{font-family:var(--titles);font-weight:700;font-size:var(--h6-size);line-height:var(--heading-line-height);/* Heading colour on non-heading tags; (0,2,0) so local pickers win */
color: var(--heading-color, var(--accent, var(--color-primary-brand-1)));\n}.elementor .body-s{font-family:var(--body);font-size:calc(var(--body-default) - 0.125rem);line-height:var(--body-line-height);}.elementor .body-l{font-family:var(--body);font-size:calc(var(--body-default) + 0.125rem);line-height:var(--body-line-height);}.elementor .button-ghost{/* Border colour comes from the button default; no resting shadow */
color: var(--ghost-text, var(--accent, var(--color-primary-brand-1)));
background-color: var(--surface, var(--color-white));
box-shadow: none;\n}.elementor .button-ghost:hover,.elementor .button-ghost:focus-visible{box-shadow:var(--box-shadow-h) var(--box-shadow-v-light) var(--box-shadow-b-light) var(--box-shadow-s) var(--color-box-shadow-light);/* Restated over the button default hover fill */
background-color: var(--hover-tint, var(--color-primary-light-2));
border-color: var(--accent, var(--color-primary-brand-1));\n}.elementor .button-ghost:focus{/* Mouse-focus shadows: none at rest, light on hover */
&:not(:focus-visible) {
box-shadow: none;
}
&:not(:focus-visible):hover {
box-shadow: var(--box-shadow-h) var(--box-shadow-v-light) var(--box-shadow-b-light) var(--box-shadow-s) var(--color-box-shadow-light);
}\n}.elementor .button-accent{color: var(--on-accent-alt, var(--color-secondary-dark-1));
background-color: var(--accent-alt, var(--color-secondary-brand-1));
border-color: var(--accent-alt, var(--color-secondary-brand-1));\n}.elementor .button-accent:hover,.elementor .button-accent:focus-visible{background-color: color-mix(in srgb, var(--accent-alt, var(--color-secondary-brand-1)), var(--color-black) var(--color-mix-hover-shift));
border-color: color-mix(in srgb, var(--accent-alt, var(--color-secondary-brand-1)), var(--color-black) var(--color-mix-hover-shift));\n}.elementor .divider-spacer-s{height:var(--spacing-s);align-self:stretch;/* Cancels the Elementor base divider fill */
background-color: transparent;\n}.elementor .loop{gap:var(--spacing-l);}.elementor .pagination{padding:0px;margin:0px;gap:var(--spacing-m);}.elementor .pagination-button{font-family:var(--body);font-weight:500;font-size:var(--body-default);line-height:var(--body-line-height);padding-block-start:var(--button-input-padding-vertical);padding-block-end:var(--button-input-padding-vertical);padding-inline-start:var(--button-input-padding-horizontal);padding-inline-end:var(--button-input-padding-horizontal);border-radius:var(--radius-m);border-width:var(--border-m);border-style:solid;box-shadow:var(--box-shadow-h) var(--box-shadow-v-light) var(--box-shadow-b-light) var(--box-shadow-s) var(--color-box-shadow-light);transition:all var(--transitions);color: var(--on-accent, var(--color-primary-light-1));
background-color: var(--accent, var(--color-primary-brand-1));
border-color: var(--accent, var(--color-primary-brand-1));

&:disabled,
&.e--disabled {
opacity: .5;
cursor: not-allowed;
}
&:disabled:hover,
&.e--disabled:hover {
background-color: var(--accent, var(--color-primary-brand-1));
border-color: var(--accent, var(--color-primary-brand-1));
box-shadow: var(--box-shadow-h) var(--box-shadow-v-light) var(--box-shadow-b-light) var(--box-shadow-s) var(--color-box-shadow-light);
transform: none;
}

/* Transition list instead of `all`: keeps the keyboard focus ring instant (the editor's per-property list is still disabled in 4.3) */
transition-property: background-color, border-color, color, box-shadow, transform;\n}.elementor .pagination-button:hover,.elementor .pagination-button:focus-visible{box-shadow:var(--box-shadow-h) var(--box-shadow-v-dark) var(--box-shadow-b-dark) var(--box-shadow-s) var(--color-box-shadow-dark);transform:translate3d(0px, -2px, 0px);background-color: color-mix(in srgb, var(--accent, var(--color-primary-brand-1)), var(--color-black) var(--color-mix-hover-shift));
border-color: color-mix(in srgb, var(--accent, var(--color-primary-brand-1)), var(--color-black) var(--color-mix-hover-shift));\n}.elementor .pagination-button:focus{/* Hello reset strips button shadows on mouse focus; restate at (0,4,0)/(0,5,0) */
&:not(:focus-visible) {
box-shadow: var(--box-shadow-h) var(--box-shadow-v-light) var(--box-shadow-b-light) var(--box-shadow-s) var(--color-box-shadow-light);
}
&:not(:focus-visible):hover {
box-shadow: var(--box-shadow-h) var(--box-shadow-v-dark) var(--box-shadow-b-dark) var(--box-shadow-s) var(--color-box-shadow-dark);
}\n}.elementor .invert-primary-dark{/* Context map read by every colour consumer; set all 19 so a nested invert resets its parent */
--accent: var(--color-primary-brand-2); /* brand ink + fill */
--on-accent: var(--color-primary-dark-1); /* text on --accent */
--card-colored-fill: var(--color-primary-brand-2); /* card-colored fill */
--card-colored-ink: var(--color-primary-dark-1); /* text on card-colored */
--accent-alt: var(--color-secondary-brand-2); /* other-palette fill: button-accent, badges */
--on-accent-alt: var(--color-secondary-dark-1); /* text on --accent-alt */
--badge-dot: var(--color-primary-brand-1); /* badge dot: green reads better on amber */
--text-color: var(--color-primary-light-1); /* body/UI text */
--surface: var(--color-primary-dark-2); /* fields, pills, tabs, ghost bg, messages */
--card-surface: var(--color-primary-dark-2); /* card fill */
--surface-border: var(--color-primary-dark-3); /* resting field/pill border */
--hover-tint: var(--color-primary-dark-3); /* pill/ghost/menu hover bg */
--tint: var(--color-primary-dark-3); /* tint class fill */
--ghost-text: var(--color-primary-light-3); /* ghost button text */
--error-color: var(--color-error-2); /* .error, invalid fields */
--success-color: var(--color-success-2); /* .success */
--link-highlight: var(--color-primary-link); /* kit link bar */
--photo-scrim: var(--color-primary-photo-scrim-flat-dark); /* scrim-flat */
--photo-scrim-gradient: var(--color-primary-photo-scrim-gradient-dark); /* scrim-gradient */
/* --focus-ring and --icon-*-color fall back to --accent */

/* Container */
color: var(--text-color);
background-color: var(--color-primary-dark-1);

/* Material knobs by tone, so a nested invert resets its parent (light aliases live in the Customizer :root) */
--surface-alpha: var(--surface-alpha-dark);
--color-surface-edge: var(--color-surface-edge-dark);
--surface-highlight: var(--surface-highlight-dark);
\n}