@font-face{font-family:Space Grotesk Variable;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_astro/space-grotesk-latin-wght-normal.BhU9QXUp.woff2)format("woff2")}@font-face{font-family:Inter Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2)format("woff2")}:root{--header-offset:7rem;--color-paper:oklch(98.5% .004 250);--color-ink:oklch(20% .014 258);--color-muted:oklch(46% .018 258);--color-rule:oklch(85% .012 258);--color-accent:oklch(48% .24 264);--color-accent-ink:oklch(99% .002 250);--color-dark-muted:oklch(76% .014 258);--color-dark-rule:oklch(39% .014 258);--color-focus:oklch(48% .24 264);--color-focus-dark:oklch(83% .09 264);--color-transparent:transparent;--font-display:"Space Grotesk Variable", sans-serif;--font-body:"Inter Variable", sans-serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--space-section:clamp(4rem, 9vw, 9rem);--space-gutter:clamp(1.25rem, 4.5vw, 5rem);--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:clamp(1.5rem, 2.2vw, 2.25rem);--text-2xl:clamp(2rem, 4vw, 4rem);--text-display:clamp(4rem, 15.1vw, 17rem);--text-specimen:clamp(6rem, 15vw, 14rem);--radius-sm:.375rem;--rule-thin:1px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-fast:.15s;--dur-normal:.24s;--color-neutral-50:var(--color-paper);--color-neutral-100:oklch(96% .006 258);--color-neutral-200:oklch(91% .01 258);--color-neutral-300:var(--color-rule);--color-neutral-500:oklch(56% .018 258);--color-neutral-600:var(--color-muted);--color-neutral-800:oklch(30% .016 258);--color-neutral-950:var(--color-ink);--color-blue-50:oklch(96% .02 264);--color-blue-100:oklch(92% .04 264);--color-blue-300:oklch(78% .1 264);--color-blue-600:var(--color-accent);--color-blue-700:oklch(42% .21 264);--color-blue-800:oklch(35% .17 264);--color-surface:var(--color-paper);--color-surface-subtle:var(--color-neutral-100);--color-surface-selected:var(--color-blue-50);--color-text:var(--color-ink);--color-text-secondary:var(--color-muted);--color-border:var(--color-rule);--color-border-control:var(--color-neutral-500);--color-action:var(--color-accent);--color-action-hover:var(--color-blue-700);--color-action-text:var(--color-accent-ink);--color-link:var(--color-accent);--color-disabled:var(--color-neutral-200);--color-disabled-text:var(--color-muted);--color-success:oklch(38% .1 155);--color-success-soft:oklch(96% .025 155);--color-warning:oklch(40% .09 70);--color-warning-soft:oklch(97% .035 85);--color-danger:oklch(43% .16 25);--color-danger-soft:oklch(97% .015 25);--color-info:var(--color-blue-700);--color-info-soft:var(--color-blue-50);--color-overlay:oklch(15% .01 258/.55);--font-code:ui-monospace, "SFMono-Regular", Menlo, monospace;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-tight:1.08;--leading-heading:1.25;--leading-body:1.6;--tracking-heading:-.04em;--tracking-body:-.01em;--text-xs:.75rem;--text-md:1.125rem;--text-heading-sm:1.5rem;--text-heading-md:2rem;--text-heading-lg:clamp(2rem, 4vw, 3rem);--text-heading-xl:clamp(2.5rem, 5vw, 4.5rem);--space-0:0rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-none:0px;--radius-md:.75rem;--radius-lg:1.25rem;--radius-pill:999px;--radius-control:var(--radius-sm);--radius-card:var(--radius-md);--rule-strong:2px;--control-sm:2.75rem;--control-md:3rem;--control-lg:3.5rem;--icon-sm:1rem;--icon-md:1.25rem;--icon-lg:1.5rem;--measure-copy:65ch;--measure-form:36rem;--layout-max:90rem;--dur-micro:.1s;--dur-slow:.32s;--z-header:20;--z-skip:30;--z-toast:50}[data-surface=inverse]{color-scheme:dark;--color-surface:var(--color-ink);--color-surface-subtle:var(--color-neutral-800);--color-surface-selected:var(--color-neutral-800);--color-text:var(--color-paper);--color-text-secondary:var(--color-dark-muted);--color-border:var(--color-dark-rule);--color-border-control:var(--color-neutral-500);--color-action:var(--color-blue-300);--color-action-hover:var(--color-blue-100);--color-action-text:var(--color-ink);--color-link:var(--color-blue-300);--color-focus:var(--color-focus-dark);--color-disabled:var(--color-neutral-800);--color-disabled-text:var(--color-dark-muted);--color-success:oklch(83% .1 155);--color-success-soft:oklch(25% .04 155);--color-warning:oklch(87% .1 85);--color-warning-soft:oklch(26% .04 70);--color-danger:oklch(84% .08 25);--color-danger-soft:oklch(25% .06 25);--color-info:var(--color-blue-300);--color-info-soft:var(--color-neutral-800)}:root{--color-shadow:color-mix(in oklch, var(--color-ink) 9%, var(--color-transparent));--color-shadow-accent:color-mix(in oklch, var(--color-accent) 12%, var(--color-transparent));--shadow-frame:0 14px 40px -20px var(--color-shadow);--shadow-action:0 8px 20px -10px var(--color-shadow-accent)}*{box-sizing:border-box}html,body{margin:0;overflow-x:clip}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;line-height:1.6}h1,h2,p{margin:0}h1,h2{font-family:var(--font-display);letter-spacing:-.055em;overflow-wrap:anywhere;min-width:0;font-style:normal;font-weight:500;line-height:1}a{color:inherit;text-decoration:none}a,button{white-space:nowrap}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--color-focus);outline-offset:5px}::selection{background:var(--color-accent);color:var(--color-accent-ink)}[hidden]{display:none!important}.skip-link{top:var(--space-md);left:var(--space-md);z-index:10;padding:var(--space-md);background:var(--color-ink);color:var(--color-paper);position:absolute;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.masthead{gap:var(--space-md);padding:var(--space-xl) var(--space-gutter);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.wordmark{font:700 2.5rem/1 var(--font-display);letter-spacing:-.08em;min-height:44px}.explore{align-items:center;gap:var(--space-xl);min-height:44px;font-size:var(--text-sm);border-bottom:var(--rule-thin) solid var(--color-ink);display:inline-flex}.explore span{font-size:var(--text-lg)}.hero{padding:var(--space-2xl) var(--space-gutter) 0}.hero-meta{justify-content:space-between;gap:var(--space-sm);color:var(--color-muted);font-size:var(--text-sm);flex-wrap:wrap;display:flex}h1{margin-block:var(--space-2xl) var(--space-xl);font-size:var(--text-display);font-weight:500;line-height:.94}h1>span{display:block}h1 .surname{margin-inline-start:15%}.stop{color:var(--color-accent)}.hero-baseline{gap:var(--space-lg);margin-block:var(--space-xl) var(--space-2xl);grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.hero-baseline p{font-size:var(--text-sm);max-width:26ch}.hero-baseline>p:last-child{display:none}.hero-mark{color:var(--color-accent);font:400 clamp(3rem, 7vw, 6rem)/1 var(--font-display)}.discipline-strip{border-block:var(--rule-thin) solid var(--color-rule);padding-block:var(--space-lg);gap:var(--space-md);font-size:var(--text-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.section{padding:var(--space-section) var(--space-gutter)}.section-heading,.lab-header{gap:var(--space-xl);margin-bottom:var(--space-3xl);display:grid}h2{font-size:var(--text-2xl);line-height:1.08}.section-heading>p{color:var(--color-muted)}.material-grid{gap:var(--space-xl);display:grid}.type-specimen{border:var(--rule-thin) solid var(--color-rule);padding:var(--space-lg);flex-direction:column;justify-content:space-between;min-width:0;display:flex}.specimen-top,.specimen-bottom{justify-content:space-between;gap:var(--space-md);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.specimen-top{color:var(--color-muted);flex-wrap:wrap}.specimen-letters{font:500 var(--text-specimen)/1.3 var(--font-display);letter-spacing:-.06em;overflow-wrap:anywhere;flex-wrap:wrap;justify-content:space-between;align-items:center;min-width:0;display:flex}.specimen-letters>span{color:var(--color-accent);font-size:.6em;font-weight:300}.alphabet{font-family:var(--font-display);color:var(--color-muted);text-align:right}.palette{grid-template-columns:repeat(auto-fit,minmax(min(100%,5rem),1fr));align-content:start;display:grid}.swatch{padding:var(--space-sm);justify-content:space-between;gap:var(--space-xl);min-height:140px;font-size:var(--text-sm);overflow-wrap:anywhere;flex-direction:column;display:flex}.swatch>span:last-child{font-size:var(--text-sm)}.paper{border:var(--rule-thin) solid var(--color-rule);background:var(--color-paper);color:var(--color-ink)}.ink{background:var(--color-ink);color:var(--color-paper)}.cobalt{background:var(--color-accent);color:var(--color-accent-ink)}.palette-note{padding-top:var(--space-lg);color:var(--color-muted);font-size:var(--text-sm);grid-column:1/-1}.type-lab{background:var(--color-ink);color:var(--color-paper)}.lab-header p{color:var(--color-dark-muted)}.live-specimen{border-block:var(--rule-thin) solid var(--color-dark-rule)}.live-specimen p{font:500 clamp(5rem, 19vw, 20rem)/1.3 var(--font-display);letter-spacing:-.065em;overflow-wrap:anywhere}.lab-controls{align-items:center;gap:var(--space-lg);padding-top:var(--space-xl);grid-template-columns:minmax(0,1fr);display:grid}.lab-controls label{justify-content:space-between;gap:var(--space-xl);font-size:var(--text-sm);display:flex}.lab-controls output{font-variant-numeric:tabular-nums}input[type=range]{width:100%;min-height:44px;accent-color:var(--color-paper);cursor:pointer;margin:0}button{font:inherit;font-size:var(--text-sm);background:var(--color-transparent);color:inherit;border:var(--rule-thin) solid var(--color-dark-rule);border-radius:var(--radius-sm);min-height:44px;padding:var(--space-sm) var(--space-md);cursor:pointer}button:disabled{color:var(--color-dark-muted);cursor:default}button:active:not(:disabled){transform:translateY(1px)}.type-lab :focus-visible{outline-color:var(--color-focus-dark)}.no-script{margin-top:var(--space-xl);color:var(--color-dark-muted)}.principles{gap:var(--space-3xl);display:grid}.principle-list{margin:0}.principle-list>div{border-top:var(--rule-thin) solid var(--color-rule);padding-block:var(--space-lg)}.principle-list dt{font:500 var(--text-xl)/1.3 var(--font-display);letter-spacing:-.035em;margin-bottom:var(--space-sm)}.principle-list dd{max-width:45ch;color:var(--color-muted);margin:0}.study-note{margin:0 var(--space-gutter);padding:var(--space-xl) 0;border-top:var(--rule-thin) solid var(--color-rule);gap:var(--space-md);display:grid}.study-note p:first-child{font-weight:600}.study-note p:last-child{color:var(--color-muted);max-width:65ch;font-size:var(--text-sm)}.footer{margin:0 var(--space-gutter);padding-block:var(--space-xl);justify-content:space-between;align-items:center;gap:var(--space-lg);border-top:var(--rule-thin) solid var(--color-rule);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.footer>span:nth-child(2){color:var(--color-muted)}.footer a{gap:var(--space-lg);align-items:center;min-height:44px;display:inline-flex}@media (hover:hover) and (pointer:fine){a:hover{color:var(--color-accent)}button:hover:not(:disabled){border-color:var(--color-paper)}}@media (prefers-reduced-motion:no-preference){button{transition:transform var(--dur-fast) var(--ease-out)}.explore span{transition:transform var(--dur-normal) var(--ease-out)}.explore:hover span{transform:translate(2px,2px)}}@media (width>=40rem){.hero{padding-top:var(--space-3xl)}.hero-baseline{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.hero-baseline>p:last-child{justify-self:end;display:block}.hero-baseline p{font-size:var(--text-base)}.discipline-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.discipline-strip span:last-child{text-align:right}.type-specimen{padding:var(--space-xl)}.lab-controls{gap:var(--space-xl);grid-template-columns:150px minmax(0,1fr) auto}}@media (width>=60rem){.section-heading,.lab-header{grid-template-columns:minmax(0,1fr) minmax(0,.55fr);align-items:end}.material-grid{gap:var(--space-3xl);grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.swatch{min-height:240px}.principles,.study-note{gap:var(--space-4xl);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}html{scroll-padding-top:var(--header-offset)}.skip-link{z-index:30;position:fixed}