.BrandSystemCaseStudy-module__obeiAa__specimen{--specimen-surface:var(--color-surface);--specimen-raised:var(--color-surface-raised);--specimen-sunken:var(--color-surface-sunken);--specimen-ink:var(--color-ink);--specimen-secondary:var(--color-ink-secondary);--specimen-muted:var(--color-ink-muted);--specimen-border:var(--color-border);--specimen-border-strong:var(--color-border-strong);--specimen-accent:var(--color-accent);--specimen-accent-soft:var(--color-accent-soft);--specimen-contrast:var(--color-accent-contrast);--specimen-clay:var(--color-clay);color:var(--specimen-ink);background:var(--specimen-surface);border-color:var(--specimen-border);transition:color .3s ease-out,background-color .3s ease-out,border-color .3s ease-out}.BrandSystemCaseStudy-module__obeiAa__specimenRaised{background:var(--specimen-raised);border-color:var(--specimen-border)}.BrandSystemCaseStudy-module__obeiAa__specimenSunken{background:var(--specimen-sunken);border-color:var(--specimen-border)}.BrandSystemCaseStudy-module__obeiAa__specimenMuted{color:var(--specimen-muted)}.BrandSystemCaseStudy-module__obeiAa__specimenAccent{color:var(--specimen-accent)}.BrandSystemCaseStudy-module__obeiAa__specimenClay{color:var(--specimen-clay)}.BrandSystemCaseStudy-module__obeiAa__gridField{background-image:linear-gradient(to right,color-mix(in srgb,var(--color-ink)12%,transparent)1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--color-ink)12%,transparent)1px,transparent 1px);background-size:36px 36px}.BrandSystemCaseStudy-module__obeiAa__motionTrack{position:relative;overflow:hidden}.BrandSystemCaseStudy-module__obeiAa__motionDot{animation:1.2s cubic-bezier(.32,.72,0,1) infinite alternate BrandSystemCaseStudy-module__obeiAa__brand-system-travel;position:absolute;top:0;left:0}.BrandSystemCaseStudy-module__obeiAa__swatchSurface{background:var(--specimen-surface)}.BrandSystemCaseStudy-module__obeiAa__swatchRaised{background:var(--specimen-raised)}.BrandSystemCaseStudy-module__obeiAa__swatchSunken{background:var(--specimen-sunken)}.BrandSystemCaseStudy-module__obeiAa__swatchInk{background:var(--specimen-ink)}.BrandSystemCaseStudy-module__obeiAa__swatchSecondary{background:var(--specimen-secondary)}.BrandSystemCaseStudy-module__obeiAa__swatchMuted{background:var(--specimen-muted)}.BrandSystemCaseStudy-module__obeiAa__swatchBorder{background:var(--specimen-border)}.BrandSystemCaseStudy-module__obeiAa__swatchBorderStrong{background:var(--specimen-border-strong)}.BrandSystemCaseStudy-module__obeiAa__swatchAccent{background:var(--specimen-accent)}.BrandSystemCaseStudy-module__obeiAa__swatchAccentSoft{background:var(--specimen-accent-soft)}.BrandSystemCaseStudy-module__obeiAa__swatchContrast{background:var(--specimen-contrast)}.BrandSystemCaseStudy-module__obeiAa__swatchClay{background:var(--specimen-clay)}.BrandSystemCaseStudy-module__obeiAa__swatchScrim{background:color-mix(in srgb,var(--specimen-ink)40%,transparent)}.BrandSystemCaseStudy-module__obeiAa__swatchGrain{background-color:var(--specimen-surface);background-image:radial-gradient(var(--specimen-ink).6px,transparent .6px);background-size:4px 4px}@keyframes BrandSystemCaseStudy-module__obeiAa__brand-system-travel{0%,12%{left:0}88%,to{left:calc(100% - 1.5rem)}}@media (hover:hover) and (pointer:fine){.BrandSystemCaseStudy-module__obeiAa__affordanceCard{transition:transform .28s ease-in-out,border-color .28s ease-in-out,background-color .28s ease-in-out}.BrandSystemCaseStudy-module__obeiAa__affordanceCard:hover{border-color:var(--color-border-strong);background:var(--color-surface-raised);transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.BrandSystemCaseStudy-module__obeiAa__specimen,.BrandSystemCaseStudy-module__obeiAa__affordanceCard{transition-duration:.01ms}.BrandSystemCaseStudy-module__obeiAa__motionDot{animation:none;left:calc(50% - .75rem)}}