@font-face {
  font-family: "Archivo Local";
  src: url("./assets/fonts/Archivo-Variable.woff2") format("woff2");
  font-weight: 300 700;
  font-stretch: 75% 112%;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fraunces Local";
  src: url("./assets/fonts/Fraunces-Variable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Theresa Hauck — Direction H3 "Cognac". */
  --th-color-paper: #F1EFE9;
  --th-color-paper-2: #E7E2D8;
  --th-color-paper-3: #DBD4C6;
  --th-color-stone: #C9BFAE;
  --th-color-ink: #1B120C;
  --th-color-ink-800: #4A3A2E;
  --th-color-ink-700: #6E5C4C;
  --th-color-cognac: #8D6230;
  --th-color-cognac-deep: #6E4A22;
  --th-color-tobacco: #7A4A13;
  --th-color-tobacco-deep: #3A200A;
  --th-font-archivo: "Archivo Local", Arial, sans-serif;
  --th-font-fraunces: "Fraunces Local", Georgia, serif;
  --th-font-weight-light: 300;
  --th-font-weight-regular: 400;
  --th-font-weight-medium: 500;
  --th-font-weight-semibold: 600;
  --th-font-width-display: 78%;
  --th-font-width-heading: 82%;
  --th-font-width-title: 88%;
  --th-radius-none: 0;
  --th-ease-editorial: cubic-bezier(.2, .7, .25, 1);
  --th-ease-out: cubic-bezier(.16, 1, .3, 1);
  --th-ease-inout: cubic-bezier(.4, 0, .2, 1);

  /* Stable primitive names remain to protect section geometry. */
  --ds-primitive-color-white: var(--th-color-paper);
  --ds-primitive-color-surface-raised: var(--th-color-paper-2);
  --ds-primitive-color-surface-sunken: var(--th-color-paper-3);
  --ds-primitive-color-ink-950: var(--th-color-tobacco-deep);
  --ds-primitive-color-ink-500: var(--th-color-tobacco);
  --ds-primitive-color-ink-400: var(--th-color-tobacco);
  --ds-primitive-color-danger-600: #9B2F1E;
  --ds-primitive-color-netflix-600: var(--th-color-cognac);
  --ds-primitive-font-sans: var(--th-font-archivo);
  --ds-primitive-font-display: var(--th-font-archivo);
  --ds-primitive-font-weight-regular: var(--th-font-weight-regular);
  --ds-primitive-line-height-display: .9;
  --ds-primitive-line-height-tight: 1;
  --ds-primitive-line-height-standard: 1;
  --ds-primitive-line-height-reading: 1.28;
  --ds-primitive-line-height-body: 1.58;
  --ds-primitive-letter-spacing-label: .2em;
  --ds-primitive-type-xs: .59375rem;
  --ds-primitive-type-sm: .75rem;
  --ds-primitive-type-base: 1.0625rem;
  --ds-primitive-type-lg: 1.1875rem;
  --ds-primitive-type-xl: 1.3125rem;
  --ds-primitive-type-2xl: 1.75rem;
  --ds-primitive-type-3xl: 2.5rem;
  --ds-primitive-type-4xl: clamp(3.5rem, 7.6vw, 6.5rem);
  --ds-primitive-type-5xl: clamp(3.5rem, 7.6vw, 6.5rem);
  --ds-primitive-type-6xl: clamp(3.5rem, 7.6vw, 6.5rem);
  --ds-primitive-type-book-eyebrow: 1.3125rem;
  --ds-primitive-type-book-title: clamp(2.75rem, 5.4vw, 5rem);
  --ds-primitive-type-series-super-tablet: clamp(3.5rem, 7.6vw, 6.5rem);
  --ds-primitive-type-series-medium-tablet: 2.5rem;
  --ds-primitive-type-series-super-compact: 1.75rem;
  --ds-primitive-type-startup-main: clamp(3.5rem, 7.6vw, 6.5rem);
  --ds-primitive-space-1-5: 1.5px;
  --ds-primitive-space-2: 2px;
  --ds-primitive-space-4: 4px;
  --ds-primitive-space-6-5: 6.5px;
  --ds-primitive-space-8: 8px;
  --ds-primitive-space-12: 12px;
  --ds-primitive-space-16: 16px;
  --ds-primitive-space-18: 18px;
  --ds-primitive-space-20: 20px;
  --ds-primitive-space-24: 24px;
  --ds-primitive-space-32: 32px;
  --ds-primitive-space-40: 40px;
  --ds-primitive-space-48: 48px;
  --ds-primitive-space-56: 56px;
  --ds-primitive-space-64: 64px;
  --ds-primitive-space-72: 72px;
  --ds-primitive-space-96: 96px;
  --ds-primitive-space-128: 128px;
  --ds-primitive-space-180: 180px;
  --ds-primitive-space-192: 192px;
  --ds-primitive-space-256: 256px;
  --ds-primitive-radius-card: var(--th-radius-none);
  --ds-primitive-radius-pill: var(--th-radius-none);
  --ds-primitive-radius-circle: var(--th-radius-none);
  --ds-primitive-radius-action: var(--th-radius-none);
  --ds-primitive-line-height-caption: 1.1;
  --ds-primitive-letter-spacing-caption: .2em;
  --ds-primitive-letter-spacing-caption-tight: .16em;
  --ds-primitive-ease-standard: var(--th-ease-editorial);
  --ds-primitive-ease-linear: linear;
  --ds-primitive-ease-out: var(--th-ease-out);
  --ds-primitive-ease-reveal: cubic-bezier(.2, .7, .25, 1);
  --ds-primitive-ease-emphasis: var(--th-ease-inout);
  --ds-primitive-ease-media: var(--th-ease-editorial);
  --ds-primitive-ease-brand: var(--th-ease-editorial);
  --ds-primitive-duration-fast: 140ms;
  --ds-primitive-duration-base: 220ms;
  --ds-primitive-duration-reveal: 620ms;
  --ds-primitive-duration-footer: 380ms;
  --ds-primitive-duration-brand: 380ms;
  --ds-primitive-duration-media-wipe: 620ms;
  --ds-primitive-duration-media-scale: 620ms;
  --ds-primitive-duration-spin: 5s;
  --ds-primitive-duration-marquee: 30s;
  --ds-primitive-motion-reveal-distance: 14px;
  --ds-primitive-breakpoint-425: 26.5625rem;
  --ds-primitive-breakpoint-426: 26.625rem;
  --ds-primitive-breakpoint-479: 29.9375rem;
  --ds-primitive-breakpoint-480: 30rem;
  --ds-primitive-breakpoint-530: 33.125rem;
  --ds-primitive-breakpoint-550: 34.375rem;
  --ds-primitive-breakpoint-600: 37.5rem;
  --ds-primitive-breakpoint-767: 47.9375rem;
  --ds-primitive-breakpoint-768: 48rem;
  --ds-primitive-breakpoint-890: 55.625rem;
  --ds-primitive-breakpoint-896: 56rem;
  --ds-primitive-breakpoint-897: 56.0625rem;
  --ds-primitive-breakpoint-991: 61.9375rem;
  --ds-primitive-breakpoint-1023: 63.9375rem;
  --ds-primitive-breakpoint-1024: 64rem;
  --ds-primitive-breakpoint-1280: 80rem;
  --ds-primitive-container-page: 80rem;
  --ds-primitive-container-content: 47.5rem;
  --ds-primitive-layer-backdrop: -1000;
  --ds-primitive-layer-base: 1;
  --ds-primitive-layer-raised: 2;
  --ds-primitive-layer-control: 3;
  --ds-primitive-layer-chrome: 4;
  --ds-primitive-layer-navigation: 1000;
  --ds-primitive-layer-overlay: 2000;

  /* Semantic decisions. */
  --ds-color-bg-page: var(--th-color-paper);
  --ds-color-bg-raised: var(--th-color-paper-2);
  --ds-color-bg-sunken: var(--th-color-paper-3);
  --ds-color-bg-inverse: var(--th-color-tobacco-deep);
  --ds-color-text-primary: var(--th-color-tobacco-deep);
  --ds-color-text-muted: var(--th-color-tobacco);
  --ds-color-text-subtle: var(--th-color-tobacco);
  --ds-color-text-inverse: var(--th-color-paper);
  --ds-color-border-subtle: color-mix(in srgb, var(--th-color-tobacco-deep) 13%, transparent);
  --ds-color-border-strong: var(--th-color-tobacco-deep);
  --ds-color-feedback-danger: var(--ds-primitive-color-danger-600);
  --ds-color-accent-netflix: var(--th-color-cognac);
  --ds-motif-dot-size: var(--ds-primitive-space-24);
  --ds-motif-dot-color: var(--ds-color-text-primary);
  --ds-motif-line-thickness: 1px;
  --ds-font-body: var(--th-font-archivo);
  --ds-font-display: var(--th-font-archivo);
  --ds-font-wordmark: var(--th-font-fraunces);
  --ds-font-weight-regular: var(--th-font-weight-regular);
  --ds-font-weight-light: var(--th-font-weight-light);
  --ds-font-weight-medium: var(--th-font-weight-medium);
  --ds-font-weight-semibold: var(--th-font-weight-semibold);
  --ds-font-width-display: var(--th-font-width-display);
  --ds-font-width-heading: var(--th-font-width-heading);
  --ds-font-width-title: var(--th-font-width-title);
  --ds-type-xs-size: var(--ds-primitive-type-xs);
  --ds-type-xs-line-height: var(--ds-primitive-line-height-standard);
  --ds-type-xs-letter-spacing: var(--ds-primitive-letter-spacing-label);
  --ds-type-xs-font-weight: var(--ds-font-weight-medium);
  --ds-type-sm-size: var(--ds-primitive-type-sm);
  --ds-type-sm-line-height: var(--ds-primitive-line-height-body);
  --ds-type-sm-font-weight: var(--ds-font-weight-light);
  --ds-type-base-size: var(--ds-primitive-type-base);
  --ds-type-base-line-height: var(--ds-primitive-line-height-body);
  --ds-type-base-font-weight: var(--ds-font-weight-light);
  --ds-type-lg-size: var(--ds-primitive-type-lg);
  --ds-type-lg-line-height: var(--ds-primitive-line-height-body);
  --ds-type-lg-font-weight: var(--ds-font-weight-light);
  --ds-type-xl-size: var(--ds-primitive-type-xl);
  --ds-type-xl-line-height: var(--ds-primitive-line-height-reading);
  --ds-type-xl-font-weight: var(--ds-font-weight-medium);
  --ds-type-2xl-size: var(--ds-primitive-type-2xl);
  --ds-type-2xl-line-height: var(--ds-primitive-line-height-tight);
  --ds-type-2xl-font-weight: var(--ds-font-weight-semibold);
  --ds-type-3xl-size: var(--ds-primitive-type-3xl);
  --ds-type-3xl-line-height: var(--ds-primitive-line-height-display);
  --ds-type-3xl-font-weight: var(--ds-font-weight-semibold);
  --ds-type-4xl-size: var(--ds-primitive-type-4xl);
  --ds-type-4xl-line-height: var(--ds-primitive-line-height-display);
  --ds-type-4xl-font-weight: var(--ds-font-weight-semibold);
  --ds-type-5xl-size: var(--ds-primitive-type-5xl);
  --ds-type-5xl-line-height: var(--ds-primitive-line-height-display);
  --ds-type-5xl-font-weight: var(--ds-font-weight-semibold);
  --ds-type-6xl-size: var(--ds-primitive-type-6xl);
  --ds-type-6xl-line-height: var(--ds-primitive-line-height-display);
  --ds-type-6xl-font-weight: var(--ds-font-weight-semibold);
  --ds-type-caption-size: var(--ds-type-xs-size);
  --ds-type-caption-line-height: var(--ds-primitive-line-height-caption);
  --ds-type-caption-letter-spacing: var(--ds-primitive-letter-spacing-caption);
  --ds-type-caption-tight-letter-spacing: var(--ds-primitive-letter-spacing-caption-tight);
  --ds-type-book-eyebrow-size: var(--ds-primitive-type-book-eyebrow);
  --ds-type-book-title-size: var(--ds-primitive-type-book-title);
  --ds-type-book-title-size-desktop: var(--ds-type-6xl-size);
  --ds-type-series-super-size: var(--ds-type-6xl-size);
  --ds-type-series-super-size-tablet: var(--ds-primitive-type-series-super-tablet);
  --ds-type-series-super-size-mobile: var(--ds-type-4xl-size);
  --ds-type-series-super-size-compact: var(--ds-primitive-type-series-super-compact);
  --ds-type-series-medium-size: var(--ds-type-3xl-size);
  --ds-type-series-medium-size-tablet: var(--ds-primitive-type-series-medium-tablet);
  --ds-type-series-medium-size-mobile: var(--ds-type-book-eyebrow-size);
  --ds-type-series-caption-size: var(--ds-type-xs-size);
  --ds-type-startup-display-size: var(--ds-type-3xl-size);
  --ds-type-startup-display-size-tablet: var(--ds-primitive-type-series-medium-tablet);
  --ds-type-startup-display-size-mobile: var(--ds-type-book-eyebrow-size);
  --ds-type-startup-main-size: min(
    calc(21.14vw - var(--ds-primitive-space-8)),
    var(--ds-primitive-type-startup-main)
  );
  --ds-type-startup-main-size-mobile: calc(21.14vw - var(--ds-primitive-space-4));
  --ds-layout-unit: var(--ds-primitive-space-2);
  --ds-radius-card: var(--ds-primitive-radius-card);
  --ds-radius-pill: var(--ds-primitive-radius-pill);
  --ds-radius-circle: var(--ds-primitive-radius-circle);
  --ds-motion-ease-standard: var(--ds-primitive-ease-standard);
  --ds-motion-ease-linear: var(--ds-primitive-ease-linear);
  --ds-motion-ease-out: var(--ds-primitive-ease-out);
  --ds-motion-ease-reveal: var(--ds-primitive-ease-reveal);
  --ds-motion-ease-emphasis: var(--ds-primitive-ease-emphasis);
  --ds-motion-ease-media: var(--ds-primitive-ease-media);
  --ds-motion-ease-brand: var(--ds-primitive-ease-brand);
  --ds-motion-duration-fast: var(--ds-primitive-duration-fast);
  --ds-motion-duration-base: var(--ds-primitive-duration-base);
  --ds-motion-duration-reveal: var(--ds-primitive-duration-reveal);
  --ds-motion-duration-footer: var(--ds-primitive-duration-footer);
  --ds-motion-duration-brand: var(--ds-primitive-duration-brand);
  --ds-motion-duration-media-wipe: var(--ds-primitive-duration-media-wipe);
  --ds-motion-duration-media-scale: var(--ds-primitive-duration-media-scale);
  --ds-motion-duration-spin: var(--ds-primitive-duration-spin);
  --ds-motion-duration-marquee: var(--ds-primitive-duration-marquee);
  --ds-motion-reveal-distance: var(--ds-primitive-motion-reveal-distance);
  --ds-breakpoint-425: var(--ds-primitive-breakpoint-425);
  --ds-breakpoint-426: var(--ds-primitive-breakpoint-426);
  --ds-breakpoint-479: var(--ds-primitive-breakpoint-479);
  --ds-breakpoint-480: var(--ds-primitive-breakpoint-480);
  --ds-breakpoint-530: var(--ds-primitive-breakpoint-530);
  --ds-breakpoint-550: var(--ds-primitive-breakpoint-550);
  --ds-breakpoint-600: var(--ds-primitive-breakpoint-600);
  --ds-breakpoint-767: var(--ds-primitive-breakpoint-767);
  --ds-breakpoint-768: var(--ds-primitive-breakpoint-768);
  --ds-breakpoint-890: var(--ds-primitive-breakpoint-890);
  --ds-breakpoint-896: var(--ds-primitive-breakpoint-896);
  --ds-breakpoint-897: var(--ds-primitive-breakpoint-897);
  --ds-breakpoint-991: var(--ds-primitive-breakpoint-991);
  --ds-breakpoint-1023: var(--ds-primitive-breakpoint-1023);
  --ds-breakpoint-1024: var(--ds-primitive-breakpoint-1024);
  --ds-breakpoint-1280: var(--ds-primitive-breakpoint-1280);
  --ds-layout-container-page: var(--ds-primitive-container-page);
  --ds-layout-container-content: var(--ds-primitive-container-content);
  --ds-layer-backdrop: var(--ds-primitive-layer-backdrop);
  --ds-layer-base: var(--ds-primitive-layer-base);
  --ds-layer-raised: var(--ds-primitive-layer-raised);
  --ds-layer-control: var(--ds-primitive-layer-control);
  --ds-layer-chrome: var(--ds-primitive-layer-chrome);
  --ds-layer-navigation: var(--ds-primitive-layer-navigation);
  --ds-layer-overlay: var(--ds-primitive-layer-overlay);

  /* Shared component contracts. */
  --ds-header-bg: var(--ds-color-bg-page);
  --ds-header-text: var(--ds-color-text-primary);
  --ds-header-text-inverse: var(--ds-color-text-inverse);
  --ds-header-border: var(--ds-color-border-strong);
  --ds-header-menu-bg: var(--ds-color-bg-inverse);
  --ds-header-motif-dot-size: var(--ds-primitive-space-18);
  --ds-header-motif-line-color: var(--ds-header-text);
  --ds-header-motif-settled-gap: var(--ds-primitive-space-12);
  --ds-header-motif-wordmark-name-offset: calc((var(--ds-type-xs-size) + 6px) / -2);
  --ds-header-focus-ring: var(--th-color-tobacco);
  --ds-header-cta-bg: var(--th-color-cognac);
  --ds-header-cta-text: var(--ds-color-text-inverse);
  --ds-header-motion-duration: var(--ds-motion-duration-base);
  --ds-header-motion-ease: var(--ds-motion-ease-standard);
  --ds-action-bg: var(--ds-color-bg-inverse);
  --ds-action-text: var(--ds-color-text-inverse);
  --ds-action-radius: var(--th-radius-none);
  --ds-media-wipe-bg: var(--ds-color-bg-page);
  --ds-media-wipe-duration: var(--ds-motion-duration-media-wipe);
  --ds-media-wipe-ease: var(--ds-motion-ease-media);
  --ds-media-scale-duration: var(--ds-motion-duration-media-scale);
  --ds-carousel-control-bg: var(--th-color-cognac);
  --ds-carousel-control-text: var(--ds-color-text-inverse);
  --ds-footer-promo-bg: var(--ds-color-bg-inverse);
  --ds-footer-promo-text: var(--ds-color-text-inverse);
  --ds-footer-masthead-bg: var(--ds-color-bg-page);
  --ds-footer-masthead-text: var(--ds-color-text-primary);
  --ds-footer-marker-duration: var(--ds-motion-duration-footer);
  --ds-footer-marker-ease: var(--ds-motion-ease-emphasis);

  /* Compatibility aliases for the preserved section geometry. */
  --font-sans: var(--ds-font-body);
  --font-display: var(--ds-font-display);
  --color-surface: var(--ds-color-bg-page);
  --color-surface-raised: var(--ds-color-bg-raised);
  --color-surface-sunken: var(--ds-color-bg-sunken);
  --color-surface-inverse: var(--ds-color-bg-inverse);
  --color-ink: var(--ds-color-text-primary);
  --color-ink-muted: var(--ds-color-text-muted);
  --color-ink-subtle: var(--ds-color-text-subtle);
  --color-ink-inverse: var(--ds-color-text-inverse);
  --color-border-subtle: var(--ds-color-border-subtle);
  --color-border-strong: var(--ds-color-border-strong);
  --color-danger: var(--ds-color-feedback-danger);
  --color-netflix: var(--ds-color-accent-netflix);
  --text-xs: var(--ds-type-xs-size);
  --text-xs--line-height: var(--ds-type-xs-line-height);
  --text-xs--letter-spacing: var(--ds-type-xs-letter-spacing);
  --text-xs--font-weight: var(--ds-type-xs-font-weight);
  --text-sm: var(--ds-type-sm-size);
  --text-sm--line-height: var(--ds-type-sm-line-height);
  --text-sm--font-weight: var(--ds-type-sm-font-weight);
  --text-base: var(--ds-type-base-size);
  --text-base--line-height: var(--ds-type-base-line-height);
  --text-base--font-weight: var(--ds-type-base-font-weight);
  --text-lg: var(--ds-type-lg-size);
  --text-lg--line-height: var(--ds-type-lg-line-height);
  --text-lg--font-weight: var(--ds-type-lg-font-weight);
  --text-xl: var(--ds-type-xl-size);
  --text-xl--line-height: var(--ds-type-xl-line-height);
  --text-xl--font-weight: var(--ds-type-xl-font-weight);
  --text-2xl: var(--ds-type-2xl-size);
  --text-2xl--line-height: var(--ds-type-2xl-line-height);
  --text-2xl--font-weight: var(--ds-type-2xl-font-weight);
  --text-3xl: var(--ds-type-3xl-size);
  --text-3xl--line-height: var(--ds-type-3xl-line-height);
  --text-3xl--font-weight: var(--ds-type-3xl-font-weight);
  --text-4xl: var(--ds-type-4xl-size);
  --text-4xl--line-height: var(--ds-type-4xl-line-height);
  --text-4xl--font-weight: var(--ds-type-4xl-font-weight);
  --text-5xl: var(--ds-type-5xl-size);
  --text-5xl--line-height: var(--ds-type-5xl-line-height);
  --text-5xl--font-weight: var(--ds-type-5xl-font-weight);
  --text-6xl: var(--ds-type-6xl-size);
  --text-6xl--line-height: var(--ds-type-6xl-line-height);
  --text-6xl--font-weight: var(--ds-type-6xl-font-weight);
  --spacing: var(--ds-layout-unit);
  --space-1-5: var(--ds-primitive-space-1-5);
  --space-2: var(--ds-primitive-space-2);
  --space-4: var(--ds-primitive-space-4);
  --space-6-5: var(--ds-primitive-space-6-5);
  --space-8: var(--ds-primitive-space-8);
  --space-12: var(--ds-primitive-space-12);
  --space-16: var(--ds-primitive-space-16);
  --space-18: var(--ds-primitive-space-18);
  --space-20: var(--ds-primitive-space-20);
  --space-24: var(--ds-primitive-space-24);
  --space-32: var(--ds-primitive-space-32);
  --space-40: var(--ds-primitive-space-40);
  --space-48: var(--ds-primitive-space-48);
  --space-56: var(--ds-primitive-space-56);
  --space-64: var(--ds-primitive-space-64);
  --space-72: var(--ds-primitive-space-72);
  --space-96: var(--ds-primitive-space-96);
  --space-128: var(--ds-primitive-space-128);
  --space-180: var(--ds-primitive-space-180);
  --space-192: var(--ds-primitive-space-192);
  --space-256: var(--ds-primitive-space-256);
  --radius-lg: var(--ds-radius-card);
  --radius-xl: var(--ds-radius-pill);
  --radius-full: var(--ds-radius-circle);
  --ease-standard: var(--ds-motion-ease-standard);
  --ease-linear: var(--ds-motion-ease-linear);
  --ease-out: var(--ds-motion-ease-out);
  --clone-dur-fast: var(--ds-motion-duration-fast);
  --clone-dur-base: var(--ds-motion-duration-base);
  --clone-dur-spin: var(--ds-motion-duration-spin);
  --clone-dur-marquee: var(--ds-motion-duration-marquee);
  --animate-star-rotate: star-rotate var(--ds-motion-duration-spin) var(--ds-motion-ease-linear) infinite;
  --animate-marquee: marquee-horizontal var(--ds-motion-duration-marquee) var(--ds-motion-ease-linear) infinite;
  --breakpoint-425: var(--ds-breakpoint-425);
  --breakpoint-426: var(--ds-breakpoint-426);
  --breakpoint-479: var(--ds-breakpoint-479);
  --breakpoint-480: var(--ds-breakpoint-480);
  --breakpoint-530: var(--ds-breakpoint-530);
  --breakpoint-550: var(--ds-breakpoint-550);
  --breakpoint-600: var(--ds-breakpoint-600);
  --breakpoint-767: var(--ds-breakpoint-767);
  --breakpoint-768: var(--ds-breakpoint-768);
  --breakpoint-890: var(--ds-breakpoint-890);
  --breakpoint-896: var(--ds-breakpoint-896);
  --breakpoint-897: var(--ds-breakpoint-897);
  --breakpoint-991: var(--ds-breakpoint-991);
  --breakpoint-1023: var(--ds-breakpoint-1023);
  --breakpoint-1024: var(--ds-breakpoint-1024);
  --breakpoint-1280: var(--ds-breakpoint-1280);
  --container-page: var(--ds-layout-container-page);
  --container-content: var(--ds-layout-container-content);
  --clone-z-backdrop: var(--ds-layer-backdrop);
  --clone-z-base: var(--ds-layer-base);
  --clone-z-raised: var(--ds-layer-raised);
  --clone-z-control: var(--ds-layer-control);
  --clone-z-chrome: var(--ds-layer-chrome);
  --clone-z-navigation: var(--ds-layer-navigation);
  --clone-z-overlay: var(--ds-layer-overlay);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

.th-dot {
  display: block;
  width: var(--ds-motif-dot-size);
  aspect-ratio: 1;
  border-radius: 50%;
  color: var(--ds-motif-dot-color);
  background: currentColor;
}

html {
  background: var(--color-surface);
  color-scheme: light;
}

body {
  margin: 0;
  background: var(--color-surface);
  color: var(--color-ink);
  font-family: var(--font-sans);
  font-size: var(--text-base);
  font-weight: var(--ds-font-weight-light);
  line-height: var(--text-base--line-height);
  -webkit-font-smoothing: antialiased;
  font-variant-numeric: tabular-nums;
}

a {
  color: inherit;
}

a:focus-visible,
button:focus-visible,
[tabindex]:focus-visible {
  outline: 1px solid var(--ds-header-focus-ring);
  outline-offset: 3px;
}

html.overflow-hidden,
body.overflow-hidden {
  overflow: hidden;
}

.sr-only,
.sr-only-focusable:not(:focus):not(:active) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.motion-toggle {
  position: fixed;
  top: var(--space-8);
  left: var(--space-8);
  z-index: var(--clone-z-overlay);
  padding: var(--space-8) var(--space-12);
  border: 1px solid var(--color-border-strong);
  border-radius: 0;
  background: var(--color-surface);
  color: var(--color-ink);
  font: var(--ds-font-weight-medium) var(--text-xs)/1 var(--font-sans);
  letter-spacing: var(--text-xs--letter-spacing);
  text-transform: uppercase;
}

html[data-motion-paused] *,
html[data-motion-paused] *::before,
html[data-motion-paused] *::after {
  animation-play-state: paused !important;
}

html[data-capture-static] [data-section="00-header"],
html[data-capture-static] [data-motion-toggle] {
  visibility: hidden !important;
}

[data-section="01-hero"] #hero-slides {
  transition: transform calc(var(--ds-motion-duration-base) * 10 / 7) var(--ds-motion-ease-standard);
}

[data-section="02-think-you-know-me"] .tkm-press-mark,
[data-section="07-invests-in-startups"] .startup-logo-item,
[data-section="08-educates-founders"] .ef-feature-copy,
[data-section="08-educates-founders"] .ef-feature-link,
[data-section="08-educates-founders"] .ef-story-top,
[data-section="08-educates-founders"] .ef-story-quote,
[data-section="08-educates-founders"] .ef-story-navigation,
[data-scroll-reveal-item] {
  transition:
    opacity var(--ds-motion-duration-reveal) var(--ds-motion-ease-reveal),
    transform var(--ds-motion-duration-reveal) var(--ds-motion-ease-reveal);
}

[data-scroll-reveal-pending] [data-scroll-reveal-item],
[data-section="02-think-you-know-me"] .tkm-grid[data-scroll-reveal-pending] .tkm-press-mark[data-scroll-reveal-item],
[data-section="08-educates-founders"] .ef-features[data-scroll-reveal-pending] [data-scroll-reveal-item],
[data-section="08-educates-founders"] .ef-stories[data-scroll-reveal-pending] [data-scroll-reveal-item] {
  opacity: 0;
  transform: translateY(var(--ds-motion-reveal-distance));
}

[data-scroll-reveal-revealed] [data-scroll-reveal-item] {
  opacity: 1;
  transform: translateY(0);
  transition-delay: var(--scroll-reveal-delay, 0s);
}

[data-footer-reveal-item] {
  transition:
    opacity var(--ds-motion-duration-footer) var(--ds-motion-ease-emphasis),
    transform var(--ds-motion-duration-footer) var(--ds-motion-ease-emphasis);
}

[data-footer-reveal-pending] [data-footer-reveal-item] {
  opacity: 0;
  transform: translateY(var(--ds-motion-reveal-distance));
  transition-delay: var(--footer-reveal-out-delay, 0s);
}

[data-footer-reveal-revealed] [data-footer-reveal-item] {
  opacity: 1;
  transform: translateY(0);
  transition-delay: var(--footer-reveal-in-delay, 0s);
}

[data-section="06-investment-gallery"] [image-wipe="mask"] {
  transform: translateX(101%);
  transition: transform var(--ds-media-wipe-duration) var(--ds-media-wipe-ease);
}

[data-section="06-investment-gallery"] [image-wipe="image"] {
  transform: scale(1);
  transition: transform var(--ds-media-scale-duration) var(--ds-media-wipe-ease);
}

[data-section="06-investment-gallery"] [data-wipe-pending] [image-wipe="mask"] {
  transform: translateX(0);
}

[data-section="06-investment-gallery"] [data-wipe-revealed] [image-wipe="mask"] {
  transform: translateX(101%);
}

[data-section="06-investment-gallery"] [data-wipe-revealed] [image-wipe="image"] {
  transform: scale(1.15);
}

[data-section="04-wrote-girlboss"] .home-book__cover,
[data-section="04-wrote-girlboss"] .home-book__repeat > div,
[data-section="05-girlboss-series"] .girlboss-series-poster,
[data-section="01-hero"] .hero-inner,
[data-section="01-hero"] .hero-sticky {
  will-change: transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
  [data-section="01-hero"] #hero-slides,
  [data-scroll-reveal-item],
  [data-footer-reveal-item],
  [data-section="06-investment-gallery"] [image-wipe="mask"],
  [data-section="06-investment-gallery"] [image-wipe="image"] {
    transition: none;
  }
}

@keyframes star-rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes bc-logo-rotate {
  100% {
    transform: rotateY(360deg);
  }
}

@keyframes marquee-horizontal {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-100%);
  }
}