/* TOKENS
   The one place every design value lives. Components read these and never
   write a colour, a font size, a weight, a radius or a shadow of their own.
   Groups, in order: faces; colours (brand, secondary ink, rules, type on ink,
   grounds, plates, scrims); type sizes (text, mono, titles); weights;
   leading and tracking; space and measure; radius, relief and motion; layers.
   Colours and sizes WordPress also offers in the editor read its presets
   (theme.json) first. */

:root {
	--nc-font-sans:var(--wp--preset--font-family--sans, 'Geist', system-ui, sans-serif);
	--nc-font-mono:var(--wp--preset--font-family--mono, 'Geist Mono', ui-monospace, monospace);

	--nc-ink:var(--wp--preset--color--ink, #1b2126);
	--nc-deep:var(--wp--preset--color--deep, #33383a);
	--nc-floor:var(--wp--preset--color--floor, #eef1ef);
	--nc-material:var(--wp--preset--color--material, #f7f9f7);
	--nc-paper:var(--wp--preset--color--paper, #f2f5f7);
	--nc-white:#fff;
	--nc-black:#000;
	--nc-tile:#ef0000;

	--nc-si:#5c6b7a;
	--nc-si-open:#4a5763;
	--nc-si-deep:rgba(242, 245, 247, 0.62);

	--nc-rule:rgba(27, 33, 38, 0.12);
	--nc-rule-plate:rgba(27, 33, 38, 0.28);
	--nc-rule-strong:rgba(27, 33, 38, 0.45);
	--nc-rule-light:rgba(255, 255, 255, 0.55);
	--nc-seam:rgba(27, 33, 38, 0.1);
	--nc-seam-soft:rgba(27, 33, 38, 0.035);

	--nc-on-ink:var(--nc-white);
	--nc-on-ink-soft:rgba(255, 255, 255, 0.75);
	--nc-on-ink-dim:rgba(255, 255, 255, 0.6);
	--nc-on-ink-line:rgba(255, 255, 255, 0.28);
	--nc-on-ink-rule:rgba(255, 255, 255, 0.16);
	--nc-on-ink-fill:rgba(255, 255, 255, 0.06);
	--nc-on-paper-soft:rgba(242, 245, 247, 0.72);
	--nc-on-paper-line:rgba(242, 245, 247, 0.34);
	--nc-on-material-line:rgba(247, 249, 247, 0.5);
	--nc-on-paper-faint:rgba(242, 245, 247, 0.5);
	--nc-ink-veil:rgba(27, 33, 38, 0.55);
	--nc-outline-plate:rgba(0, 0, 0, 0.1);
	--nc-chip:var(--nc-white);

	--nc-ground-open-start:#ffffff;
	--nc-ground-open-end:#a9adad;
	--nc-ground-client-start:var(--nc-ground-open-start);
	--nc-ground-client-end:var(--nc-ground-open-end);
	--nc-ground-technical-start:#646a66;
	--nc-ground-technical-end:#4c514e;
	--nc-ground-quiet:#e3e7e4;
	--nc-ground-white:#fafafa;
	--nc-si-band:var(--nc-si-open);

	--nc-plate:rgba(27, 33, 38, 0.055);
	--nc-plate-line:rgba(27, 33, 38, 0.045);
	--nc-plate-hatch:repeating-linear-gradient(45deg, var(--nc-plate-line) 0 1px, transparent 1px 8px);
	--nc-nav-tint:var(--nc-ground-open-start);
	--nc-glass:linear-gradient(180deg, color-mix(in srgb, var(--nc-nav-tint) 92%, transparent), color-mix(in srgb, var(--nc-nav-tint) 62%, transparent));

	--nc-scrim-card:linear-gradient(0deg, rgba(27, 33, 38, 0.92), rgba(27, 33, 38, 0.35) 60%, rgba(27, 33, 38, 0));
	--nc-scrim-edition:linear-gradient(0deg, rgba(27, 33, 38, 0.92), rgba(27, 33, 38, 0.55) 50%, rgba(27, 33, 38, 0.2));
	--nc-haze-map:linear-gradient(180deg, rgba(247, 249, 247, 0) 0%, rgba(247, 249, 247, 0.55) 55%, rgba(247, 249, 247, 0.9) 100%);
	--nc-scrim-stage:linear-gradient(90deg, rgba(27, 33, 38, 0.9), rgba(27, 33, 38, 0.55) 45%, rgba(27, 33, 38, 0.12) 80%), linear-gradient(0deg, rgba(27, 33, 38, 0.7), rgba(27, 33, 38, 0) 30%);
	--nc-scrim-stage-phone:linear-gradient(0deg, rgba(27, 33, 38, 0.92), rgba(27, 33, 38, 0.72) 55%, rgba(27, 33, 38, 0.45));

	--nc-text-hero:var(--wp--preset--font-size--hero, clamp(32px, 4.9vw, 60px));
	--nc-text-title:var(--wp--preset--font-size--title, clamp(26px, 3.4vw, 34px));
	--nc-text-subheading:var(--wp--preset--font-size--subheading, clamp(18px, 1.8vw, 22px));
	--nc-text-lede:var(--wp--preset--font-size--lede, clamp(17px, 1.5vw, 19px));
	--nc-text-claim:20px;
	--nc-text-article:17px;
	--nc-text-row:clamp(15.5px, 1.25vw, 18px);
	--nc-text-ui:16px;
	--nc-text-body:var(--wp--preset--font-size--body, 15.5px);
	--nc-text-small:var(--wp--preset--font-size--small, 14px);
	--nc-text-caption:13px;
	--nc-text-figure:clamp(38px, 4.6vw, 64px);
	--nc-text-figure-xl:clamp(48px, 6vw, 96px);

	--nc-mono-label:11px;
	--nc-mono-row:11px;
	--nc-mono-button:10.5px;
	--nc-mono-wordmark:10.5px;
	--nc-mono-kicker:10px;
	--nc-mono-readout:9.5px;
	--nc-mono-caption:8.5px;
	--nc-mono-kicker-tracking:0.19em;
	--nc-mono-readout-tracking:0.13em;
	--nc-mono-wordmark-tracking:0.24em;
	--nc-mono-caption-tracking:0.08em;
	--nc-mono-row-tracking:0.09em;

	--nc-title-hero-size:clamp(34px, 4.4vw, 54px);
	--nc-title-closing-size:calc(var(--nc-text-hero) * 0.78);
	--nc-title-statement-size:clamp(22px, 2.9vw, 38px);
	--nc-title-section-size:clamp(28px, 2.9vw, 44px);
	--nc-title-subsection-size:clamp(22px, 1.9vw, 30px);
	--nc-title-card-size:clamp(20px, 1.6vw, 24px);
	--nc-title-hero-leading:1.06;
	--nc-title-closing-leading:var(--nc-leading-hero);
	--nc-title-section-leading:1.12;
	--nc-title-subsection-leading:1.15;
	--nc-title-card-leading:1.2;
	--nc-title-hero-tracking:-0.03em;
	--nc-title-closing-tracking:var(--nc-tracking-hero);
	--nc-title-section-tracking:-0.01em;
	--nc-title-subsection-tracking:-0.01em;
	--nc-title-card-tracking:-0.01em;

	--nc-weight-thin:100;
	--nc-weight-light:300;
	--nc-weight-regular:400;
	--nc-weight-medium:500;
	--nc-weight-bold:600;
	--nc-title-hero-weight:var(--nc-weight-thin);
	--nc-title-closing-weight:var(--nc-weight-light);
	--nc-title-statement-weight:var(--nc-weight-regular);
	--nc-title-section-weight:var(--nc-weight-light);
	--nc-title-subsection-weight:var(--nc-weight-regular);
	--nc-title-card-weight:var(--nc-weight-regular);

	--nc-leading-hero:1.03;
	--nc-leading-heading:1.1;
	--nc-leading-body:1.6;
	--nc-tracking-hero:-0.033em;
	--nc-tracking-heading:-0.02em;

	--nc-sp-2:var(--wp--preset--spacing--8, 8px);
	--nc-sp-3:var(--wp--preset--spacing--12, 12px);
	--nc-sp-4:var(--wp--preset--spacing--16, 16px);
	--nc-sp-5:var(--wp--preset--spacing--22, 22px);
	--nc-sp-6:var(--wp--preset--spacing--28, 28px);
	--nc-sp-8:var(--wp--preset--spacing--44, 44px);
	--nc-sp-9:var(--wp--preset--spacing--56, 56px);
	--nc-sp-12:var(--wp--preset--spacing--110, 110px);
	--nc-measure:1120px;
	--nc-wrap-max:var(--wp--custom--wrap--max, 1240px);
	--nc-wrap-pad:var(--wp--custom--wrap--pad, 56px);
	--nc-gutter:clamp(28px, 5.6vw, var(--nc-wrap-pad));
	--nc-edge:64px;
	--nc-nav-mark:clamp(1.75rem, 2.4vw, 2.125rem);
	--nc-nav-pad-block:clamp(0.625rem, 1.1vw, 0.875rem);
	--nc-gap-cols:var(--nc-sp-9);

	--nc-btn-radius:3px;
	--nc-relief-1:0 1px 0 rgba(0, 0, 0, 0.34);
	--nc-relief-soft:0 1px 0 rgba(0, 0, 0, 0.18);
	--nc-relief-hover:0 2px 0 rgba(0, 0, 0, 0.34);
	--nc-relief-side:3px 0 6px rgba(0, 0, 0, 0.22);
	--nc-shadow-mark:drop-shadow(0 2px 20px rgba(27, 33, 38, 0.62));
	--nc-shadow-veil:rgba(0, 0, 0, 0.24);
	--nc-shadow-text:0 1px 6px rgba(27, 33, 38, 0.5);
	--nc-shadow-mark-near:drop-shadow(0 1px 6px rgba(27, 33, 38, 0.5));
	--nc-shadow-panel:0 18px 40px rgba(27, 33, 38, 0.13);
	--nc-shadow-underline:0 7px 12px rgba(0, 0, 0, 0.45);
	--nc-relief-drop:0 3px 6px rgba(0, 0, 0, 0.22);
	--nc-dur-port-show:150ms;
	--nc-ease-machine:linear;

	--nc-layer-raised:10;
	--nc-layer-sticky:100;
	--nc-layer-overlay:500;
	--nc-layer-modal:800;
}

:root {
	--nc-thread-x:max(8px, min(calc(var(--nc-edge) + clamp(1.75rem, 2.4vw, 2.125rem) * 0.4949), calc(max(0px, (100vw - var(--nc-wrap-max)) / 2) + var(--nc-gutter) - 46px)));
}

@media (max-width:980px) {
	:root {
		--nc-edge:24px;
		--nc-thread-x:max(8px, min(calc(var(--nc-edge) + clamp(1.75rem, 2.4vw, 2.125rem) * 0.4949), calc(var(--nc-gutter) - 46px)));
	}
}
