.elementor-kit-464{--e-global-color-primary:#006572;--e-global-color-secondary:#3986E3;--e-global-color-text:#7A7A7A;--e-global-color-accent:#469D94;--e-global-color-67cc81d:#00555A;--e-global-color-e6aecdb:#FFFFFF;--e-global-color-4fcffe2:#F9F6F1;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Source Serif 4";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-464 e-page-transition{background-color:#FFBC7D;}.elementor-kit-464 h1{font-size:36px;}.elementor-kit-464 h2{font-size:28px;}.elementor-kit-464 h3{font-size:22px;}.elementor-kit-464 h4{font-size:16px;}.elementor-kit-464 h5{font-size:14px;}.elementor-kit-464 button,.elementor-kit-464 input[type="button"],.elementor-kit-464 input[type="submit"],.elementor-kit-464 .elementor-button{color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#006572;border-radius:10px 10px 10px 10px;}.elementor-kit-464 button:hover,.elementor-kit-464 button:focus,.elementor-kit-464 input[type="button"]:hover,.elementor-kit-464 input[type="button"]:focus,.elementor-kit-464 input[type="submit"]:hover,.elementor-kit-464 input[type="submit"]:focus,.elementor-kit-464 .elementor-button:hover,.elementor-kit-464 .elementor-button:focus{color:#00555A;border-radius:4px 4px 4px 4px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ═══ FONT LOADING — In ═══ */
/*
*/
:root {
/* ═══ COLOR — Brand ═══ */
--color-teal: #006572; /* Primary watermark */
--color-teal-deep: #00555A; /* Logo deep teal / hover */
--color-teal-muted: #7FA6A0; /* Logo muted teal */
--color-teal-soft: rgba(0, 101, 114, 0.06);
--color-burgundy: #800020; /* Logo red circle */
--color-off-white: #F2F0EF; /* Logo off-white panel */
--color-cream: #F9F6F1; /* Occasional warm background */
/* ═══ COLOR — Neutrals ═══ */
--color-white: #FFFFFF;
--color-gray-50: #F8F9FA;
--color-gray-100: #EEF0F2;
--color-gray-400: #9CA3A8;
--color-gray-500: #6B7680;
--color-gray-600: #4F5962;
--color-gray-700: #374151;
--color-gray-800: #1F2937;
--color-gray-900: #0F172A;
--color-border: #E5E7EB;
/* ═══ FONT FAMILIES ═══ */
--font-serif: 'Source Serif 4', Georgia, 'Times New Roman', serif;
--font-sans: 'Inter', -apple-system, BlinkMacSystemFont,
'Segoe UI', Roboto, sans-serif;
/* ═══ TYPE SCALE ═══ */
/* Serif — Display & editorial */
--text-display: 48px; /* mobile: 36px */
--text-h1: 36px; /* mobile: 28px */
--text-h2: 28px; /* mobile: 24px */
--text-h3: 22px; /* mobile: 20px */
--text-quote: 22px; /* mobile: 19px */
/* Sans — UI & body */
--text-h4: 17px;
--text-body-lg: 18px; /* mobile: 17px */
--text-body: 16px;
--text-body-sm: 14px;
--text-caption: 13px;
--text-eyebrow: 12px;
/* ═══ FONT WEIGHTS ═══ */
--weight-light: 300;
--weight-regular: 400;
--weight-medium: 500;
--weight-semibold: 600;
--weight-bold: 700;
/* ═══ LINE HEIGHTS ═══ */
--leading-tight: 1.15;
--leading-snug: 1.3;
--leading-normal: 1.5;
--leading-relaxed: 1.65;
/* ═══ SPACING (4px grid) ═══ */
--space-1: 4px; --space-2: 8px;
--space-3: 12px; --space-4: 16px;
--space-5: 20px; --space-6: 24px;
--space-8: 32px; --space-10: 40px;
--space-12: 48px; --space-16: 64px;
--space-20: 80px;
/* ═══ BORDER RADIUS ═══ */
--radius-sm: 3px;
--radius-md: 4px;
--radius-lg: 6px;
--radius-xl: 8px;
--radius-full: 9999px;
/* ═══ TRANSITIONS ═══ */
--transition-fast: 0.15s ease;
--transition-base: 0.3s ease;
}
/* ═══ MOBILE TYPE OVERRIDES ═══ */
@media (max-width: 700px) {
:root {
--text-display: 36px;
--text-h1: 28px;
--text-h2: 24px;
--text-h3: 20px;
--text-quote: 19px;
--text-body-lg: 17px;
}
}
/* ═══ BASE TYPOGRAPHY ═══ */
body {
font-family: var(--font-sans);
font-size: var(--text-body);
font-weight: var(--weight-regular);
line-height: var(--leading-relaxed);
color: var(--color-gray-700);
-webkit-font-smoothing: antialiased;
}
/* Headings use the serif */
h1, h2, h3,
.display, .serif {
font-family: var(--font-serif);
font-weight: var(--weight-semibold);
color: var(--color-gray-900);
}
h1 {
font-size: var(--text-h1);
line-height: var(--leading-tight);
letter-spacing: -0.015em;
}
h2 {
font-size: var(--text-h2);
line-height: 1.2;
letter-spacing: -0.01em;
}
h3 {
font-size: var(--text-h3);
line-height: var(--leading-snug);
}
/* H4 stays in sans for functional/card use */
h4 {
font-family: var(--font-sans);
font-size: var(--text-h4);
font-weight: var(--weight-semibold);
line-height: 1.4;
color: var(--color-gray-900);
}
p { margin-bottom: var(--space-4); }
strong {
font-weight: var(--weight-semibold);
color: var(--color-gray-900);
}
a {
color: var(--color-teal);
text-decoration: none;
transition: color var(--transition-fast);
}
a:hover { color: var(--color-teal-deep); }
/* Pull quote — serif italic */
blockquote, .quote {
font-family: var(--font-serif);
font-size: var(--text-quote);
font-style: italic;
font-weight: var(--weight-regular);
color: var(--color-teal);
line-height: 1.45;
}/* End custom CSS */