/* Generated from theme.json by bin/build-tokens.mjs. Edit theme.json, not this file. */

:root {
	--color-ink: #111316;
	--color-silo-white: #F5F5F2;
	--color-cement: #E3E3DE;
	--color-slate: #5C6168;
	--color-signal-green: #7DC242;
	--color-white: #FFFFFF;
	--font-geologica: Geologica, "Geologica fallback", system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
	--font-size-small: 0.875rem;
	--font-size-eyebrow: 0.8125rem;
	--font-size-map-label: clamp(0.75rem, 0.728rem + 0.094vw, 0.8125rem);
	--font-size-button: 0.875rem;
	--font-size-body: clamp(1rem, 0.956rem + 0.188vw, 1.125rem);
	--font-size-lead: clamp(1.125rem, 1.037rem + 0.376vw, 1.375rem);
	--font-size-h3: clamp(1.25rem, 1.162rem + 0.376vw, 1.5rem);
	--font-size-h2: clamp(1.875rem, 1.567rem + 1.315vw, 2.75rem);
	--font-size-menu: 2.5rem;
	--font-size-display: clamp(2.5rem, 1.972rem + 2.254vw, 4rem);
	--font-size-figure: clamp(3.25rem, 2.81rem + 1.878vw, 4.5rem);
	--space-4: 0.25rem;
	--space-8: 0.5rem;
	--space-16: 1rem;
	--space-24: 1.5rem;
	--space-32: 2rem;
	--space-48: 3rem;
	--space-64: 4rem;
	--space-96: 6rem;
	--space-128: 8rem;
	--space-section: clamp(4.5rem, 3.444rem + 4.507vw, 7.5rem);
	--space-margin: clamp(1.25rem, 5.634vw - 0.070rem, 5rem);
	--layout-content: 1280px;
	--layout-wide: 1440px;
	--line-height-display: clamp(2.75rem, 2.222rem + 2.254vw, 4.25rem);
	--line-height-h2: clamp(2.25rem, 1.942rem + 1.315vw, 3.125rem);
	--line-height-h3: clamp(1.625rem, 1.537rem + 0.376vw, 1.875rem);
	--line-height-figure: clamp(3.25rem, 2.810rem + 1.878vw, 4.5rem);
	--line-height-lead: clamp(1.75rem, 1.640rem + 0.469vw, 2.0625rem);
	--line-height-body: clamp(1.625rem, 1.559rem + 0.282vw, 1.8125rem);
	--line-height-small: 1.25rem;
	--line-height-eyebrow: 1rem;
	--line-height-button: 1rem;
	--line-height-menu: 3rem;
	--letter-spacing-display: -0.015em;
	--letter-spacing-h2: -0.01em;
	--letter-spacing-figure: -0.02em;
	--letter-spacing-eyebrow: 0.1em;
	--letter-spacing-button: 0.08em;
	--letter-spacing-display-mobile: -0.01em;
	--letter-spacing-h2-mobile: -0.005em;
	--font-weight-regular: 400;
	--font-weight-strong: 600;
	--grid-columns: 12;
	--grid-columns-tablet: 8;
	--grid-columns-mobile: 4;
	--grid-gutter: clamp(1rem, 0.824rem + 0.751vw, 1.5rem);
	--breakpoint-tablet: 768px;
	--breakpoint-desktop: 1024px;
	--breakpoint-wide: 1440px;
	--color-hairline-on-dark: rgba(255, 255, 255, 0.15);
	--color-hero-fade: linear-gradient(to top right, rgba(17, 19, 22, 0.72) 0%, rgba(17, 19, 22, 0.55) 55%, rgba(17, 19, 22, 0) 100%);
	--color-hero-fade-phone: linear-gradient(to top, rgba(17, 19, 22, 0.72) 0%, rgba(17, 19, 22, 0.55) 65%, rgba(17, 19, 22, 0) 100%);
	--color-header-backdrop: rgba(17, 19, 22, 0.55);
	--color-photo-overlay: rgba(17, 19, 22, 0.58);
	--color-photo-overlay-phone: rgba(17, 19, 22, 0.75);
	--border-hairline: 1px;
	--border-button-outline: 1.5px;
	--border-form-line: 1px;
	--border-form-line-focus: 2px;
	--border-radius: 0;
	--header-height: 80px;
	--header-height-scrolled: 64px;
	--header-height-mobile: 64px;
	--header-solid-after: 80px;
	--header-logo-height: 36px;
	--header-logo-height-mobile: 28px;
	--button-height: 48px;
	--button-padding-x: 28px;
	--label-bar-height: 40px;
	--label-bar-height-wrapped: 56px;
	--label-bar-text-inset: 28px;
	--notch-depth-ratio: 0.25;
	--dart-width-ratio: 1.0094;
	--dart-notch-ratio: 0.2488;
	--dart-logo-outline-ratio: 0.066;
	--dart-logo-form-min-height: 32px;
	--route-stroke: 2px;
	--route-head-map: 14px;
	--route-head-rule: 8px;
	--icon-size: 48px;
	--icon-stroke: 2px;
	--icon-ui-size: 24px;
	--icon-ui-stroke: 1.5px;
	--icon-ui-small: 12px;
	--form-card-padding: 40px;
	--video-control-size: 48px;
	--video-control-offset-desktop: 32px;
	--video-control-offset-mobile: 20px;
	--film-play-size-desktop: 96px;
	--film-play-size-mobile: 64px;
	--focus-width: 2px;
	--focus-offset: 3px;
	--motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--motion-reveal-distance: 24px;
	--motion-reveal-duration: 0.6s;
	--motion-reveal-start: 80%;
	--motion-stagger: 0.08s;
	--motion-route-draw: 1.2s;
	--motion-count-up: 1.2s;
	--motion-count-up-from-year: 1990;
	--motion-hover-zoom: 1.04;
	--motion-hover-duration: 0.5s;
	--motion-header-duration: 0.3s;
	--motion-menu-open: 0.5s;
	--motion-menu-close: 0.35s;
	--motion-menu-stagger: 0.05s;
	--motion-menu-reduced: 0.2s;
	--motion-pulse-scale: 1.08;
	--motion-pulse-duration: 0.6s;
	--motion-button-duration: 0.3s;
	--motion-press-duration: 0.12s;
	--motion-press-scale: 0.97;
	--motion-error-duration: 0.2s;
}

@font-face {
	font-family: "Geologica";
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	src: url("../fonts/geologica-latin-wght-normal.woff2") format("woff2");
}

@font-face {
	font-family: "Geologica";
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
	src: url("../fonts/geologica-latin-ext-wght-normal.woff2") format("woff2");
}

@font-face {
	font-family: "Geologica";
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
	src: url("../fonts/geologica-cyrillic-wght-normal.woff2") format("woff2");
}

@font-face {
	font-family: "Geologica";
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
	src: url("../fonts/geologica-greek-wght-normal.woff2") format("woff2");
}

@font-face {
	font-family: "Geologica fallback";
	src: local("Arial"), local("ArialMT");
	size-adjust: 103.83%;
	ascent-override: 93.91%;
	descent-override: 26.49%;
	line-gap-override: 0.00%;
}
